@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@font-face {
    font-family: icons;
    src: url(./fonts/icons.woff);
}


/*------------ Typography ------------ */

img {
    max-width: 100%;
    height: auto;
}

body {
    font-family: "Poppins", sans-serif;
}

a {
    color: #1953D8;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:hover {
    color: #0033b8;
    text-decoration: none;
}

:focus,
button,
input {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
}

iframe {
    width: 100%;
    float: left;
    position: relative;
}


/* Form Style */

.checkbox-contain {
    font-size: 12px;
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0 0 0 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
}

.checkbox-contain input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 20px;
    width: 20px !important;
    left: 0;
    top: 0px;
    display: block !important;
}

.checkbox-contain .checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background: none;
    border: 1px solid #D9DBE4;
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Style the checkmark/indicator */
}

.checkbox-contain .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-contain .checkmark:after {
    width: 6px;
    height: 10px;
    left: 6px;
    top: 3px;
    border: solid #696560;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-contain:hover input~.checkmark {
    background: #fff;
}

.checkbox-contain input:checked~.checkmark {
    background: #fff;
    /* Show the checkmark when checked */
}

.checkbox-contain input:checked~.checkmark:after {
    display: block;
}


/*----------- Main Code Start -----------*/

html {
    margin: 0;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 1em;
    font-weight: 300;
    font-style: normal;
    color: #0f0f0f;
    line-height: 1.5;
    background: #fff;
    height: 100%;
    overflow-x: hidden;
}

body.prevent-scroll {
    overflow: hidden !important;
    height: 100% !important;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 1em;
    font-weight: 300;
    font-style: normal;
    color: #0f0f0f;
    line-height: 1.5;
}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
    outline: none;
    background-color: transparent;
    color: inherit;
}

ol,
ul {
    list-style: none;
}

p,
ul,
ol,
pre,
label,
table {
    font-size: .9em;
}

.sticky-top {
    width: auto;
}

.wrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.top-header {
    background-color: #fff;
    padding: 0;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}


/* .logo { margin-top: -2px !important; } */

.logo a {
    display: inline-block;
}

.logo img {
    height: 45px;
}

#nav-icon {
    width: 25.6px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: inline-block;
    top: -25px;
    left: -5.5px;
    margin-right: -1.5px;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 2.5px;
    width: 50%;
    background: #323232;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

#nav-icon span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
}

#nav-icon span:nth-child(1),
#nav-icon span:nth-child(2) {
    top: 11px;
}

#nav-icon span:nth-child(3),
#nav-icon span:nth-child(4) {
    top: 18px;
}

#nav-icon span:nth-child(5),
#nav-icon span:nth-child(6) {
    top: 25px;
}

#nav-icon.open span:nth-child(1),
#nav-icon.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon.open span:nth-child(2),
#nav-icon.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(1) {
    left: 2px;
    top: 14px;
}

#nav-icon.open span:nth-child(2) {
    left: calc(50% - 2px);
    top: 14px;
}

#nav-icon.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#nav-icon.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#nav-icon.open span:nth-child(5) {
    left: 2px;
    top: 23px;
}

#nav-icon.open span:nth-child(6) {
    left: calc(50% - 2px);
    top: 23px;
}

.login {
    float: right;
    margin: 0 auto;
    top: 11px;
    position: relative;
}

.btn-success {
    color: #fff;
    background-color: #1443ae;
    border-color: #1443ae;
}

.login-btn {
    width: 99.54px;
    height: 40.8px;
    border-radius: 2px;
    background-color: #9fcc3a !important;
    margin: 0 !important;
    box-shadow: none;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: .5s ease-in-out;
    padding-bottom: 2px;
}

.login-btn:hover {
    background-color: #5d991f;
}

.btn-secondary2 {
    margin: 0;
    box-shadow: none;
    border-radius: 0px !important;
    width: 160px;
    height: 40px;
    border-radius: 2px;
    background-color: #9fcc3a;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: 0.5s ease-in-out;
}

.item-body .nav-tabs {
    border-bottom: none;
}

.btn-secondary2:hover {
    background-color: #5d991f !important;
    color: #fff;
    box-shadow: none;
}

.btn-secondary2:active {
    box-shadow: none;
}

#header-account-button .dropdown-item {
    height: 40px;
    padding: 9px 18px;
}

#header-account-button .show>.dropdown-menu {
    padding: 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    border: 1px solid rgba(159, 204, 58, 1.15);
    border-radius: 0;
}

#header-account-button a.dropdown-item {
    transition: .5s ease-in-out;
    font-size: 15px;
    color: #323232;
    font-weight: 300;
}

#header-account-button .show>a.dropdown-item:hover {
    color: #fff;
    background-color: #9fcc3a;
    padding-left: 30px !important;
}

.super-footer {
    background-color: #313131;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 38px;
    z-index: 2000;
}

.super-footer p {
    color: #fff;
    margin: 10px 0;
    font-size: 12px;
}

.super-footer p a {
    color: #9fcc3a;
}

.section-title h3 {
    font-weight: 400;
}

.section-title h1,
.section-title h2,
.section-title h3 {
    margin-bottom: 0;
}

.text-white h1,
.text-white h2,
.text-white h3 {
    color: #fff;
}

h3,
.h3 {
    font-size: 26px;
}

h1,
.h1 {
    font-size: 36px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Poppins", sans-serif;
    color: #1f223e;
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    font-weight: 500;
}

.find-home-box .find-home-item {
    margin-bottom: 30px;
}

.find-homes .omni-search-map-button {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 27px;
    padding: 0 16px 0 15px;
    width: 100%;
    text-align: left;
    display: inline-flex;
    position: relative;
    cursor: pointer;
    z-index: 2;
    transition: .5s ease-in-out;
    line-height: 38px;
}

.omni-search-map-button:focus {
    color: #fff;
}

.omni-search-map-button:hover {
    color: #1953d8;
    border: 1px solid #fff;
    background: #fff none repeat scroll 0 0;
}

.find-homes .input-contain .js-omni-search {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    margin-bottom: 27px;
    padding: 0 10px 0 45px;
    width: 100%;
}

.input-contain ::placeholder {
    color: #fff;
}

.find-homes .input-contain .js-omni-search text {
    color: #fff !important;
}

.input-contain .search-icon:before {
    display: inline-block;
    content: '';
    width: 25px;
    height: 17px;
    margin: 4px 8px 0 0;
    border: none !important;
    background-image: url(../images/search-icon.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.input-contain .search-icon {
    position: relative;
    left: 11px;
    top: 35px;
    line-height: 0;
    pointer-events: none;
}

.button-1 {
    font-size: 18px;
    display: inline-block;
    padding: 5px 18px;
    text-align: center;
    color: #3a3b3d;
    border: 1px solid #fff;
    background: #fff none repeat scroll 0 0;
    width: 175px;
    height: 40px;
    float: right;
    text-transform: uppercase;
    cursor: pointer;
    transition: .5s ease-in-out;
    margin-top: 24px;
}

.button-1:focus {
    color: #fff;
}

.btn-hover-1:hover {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}


/* .omni-search-map .omni-search-map-button .short { display: none; }

.omni-search-map .omni-search-map-button .long { display: inline; }

.omni-input-divider { display: inline-flex; flex-direction: row; align-items: center; position: absolute; top: 56px; right: 28%; width: 44%; color: #fff; font-size: 12px; font-weight: 200; line-height: 18px; }

.omni-input-divider span { width: 50%; height: 1px; background: #fff; margin: 6px; }

.omni-bar .omni-search-map .omni-search-map-button:before { margin-right: 10px; }

.omni-search-map .omni-search-map-button:before { display: block; content: ''; width: 21px; height: 13px; margin: 13px 8px 0 0; border: none !important; background-image: url(../images/search-map-hover.svg); background-size: 100% auto; background-repeat: no-repeat; transition: 0.5s ease-in-out; }

.omni-search-map .omni-search-map-button:hover::before { background-image: url(../images/search-map.svg); } */

span {
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

.bg-3 {
    background-attachment: fixed;
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 111;
    width: 440px;
    margin-left: 10%;
    top: 22%;
    max-width: 80%;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.fullmap {
    width: 100%;
    height: calc(100vh - 108px);
}

.h-100vh {
    height: 100vh !important;
}

#contact-map {
    height: 300px;
    width: 100%;
}

#submit-map {
    margin-bottom: 20px;
}

.fade-map {
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.map-osm #map {
    z-index: 0;
    position: relative;
}

.marker-cluster {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    color: #fff;
    width: 32px;
    height: 38px;
    background-color: #1396e2;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
}

.leaflet-div-icon {
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: transparent;
    border: none;
    background-image: url(../images/marker.png);
}

.leaflet-div-icon:after {
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #1396e2;
    content: "";
    display: block;
    height: 34px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 34px;
    z-index: 2;
}

.leaflet-div-icon:hover {
    top: -5px;
}

.leaflet-div-icon img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -10px;
    bottom: 0;
}

.leaflet-container {
    font: inherit;
}

.leaflet-popup .leaflet-popup-close-button {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    background: #fff !important;
    color: #2a2a2a !important;
    height: 25px !important;
    top: 10px !important;
    padding: 4px !important;
    right: 10px !important;
    width: 25px !important;
    z-index: 2;
}

.leaflet-popup .leaflet-popup-content-wrapper {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 0;
}

.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    border-bottom: 5px solid #fff;
    border-top: 5px solid #073855;
    height: 206px;
    width: 260px;
    margin: 0;
    overflow: hidden;
}

.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .property {
    margin-bottom: 0;
}

.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .property:hover img {
    top: 0;
}

.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .property .overlay {
    bottom: 0;
}

.leaflet-control-attribution {
    display: none;
}

.property-detail-map-wrapper {
    position: relative;
    height: 340px;
}

.property-detail-map-wrapper .property-detail-map {
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
}

.show-on-map {
    color: #2a2a2a;
    position: absolute;
    right: 0;
    text-align: center;
}

.show-on-map .fa {
    color: #1396e2;
    font-size: 24px;
}

#submit-map {
    height: 320px;
    width: 100%;
}

.map-osm #map:after {
    display: none;
}

#map {
    margin-top: 0 !important;
}

#map:after {
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'fontawesome';
    speak: none;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    color: #2a2a2a;
    font-size: 18px;
    position: absolute;
    bottom: 30px;
    background-color: #fff;
    content: "\f07d";
    padding: 12px 16px;
    right: 15px;
    z-index: 1;
}

.has-fullscreen-map {
    position: relative;
    position: relative;
}

.has-fullscreen-map:before {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    transition: .8s;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'fontawesome';
    speak: none;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    animation: animate-loading 3s infinite linear;
    -webkit-animation: animate-loading 3s infinite linear;
    content: "\f013";
    color: #2a2a2a;
    font-size: 30px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 26px;
    height: 30px;
    bottom: 0;
    right: 0;
    margin: auto;
}

.has-fullscreen-map:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    transition: .8s;
    background-color: #fff;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.has-fullscreen-map.loaded:before,
.has-fullscreen-map.loaded:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.icon-heart {
    color: #4272b4 !important;
    margin-right: 2px;
}

.content {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding-bottom: 100px;
}

.content .results-contain {
    width: 100%;
    padding: 20px 17.5px 0;
    height: calc(100vh - 242px);
    overflow-y: scroll;
}

.content .content-controls {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
    color: #004876;
    font-size: 1.1em;
    font-weight: 200;
    line-height: 2em;
    z-index: 2;
}

.content .content-controls .custom-select-wrap {
    width: 78px;
    margin-left: 4px;
    vertical-align: top;
}

.content .content-controls .custom-select-wrap2 {
    width: 144px;
    margin-left: 4px;
    vertical-align: top;
    position: relative;
    display: inline-block;
    top: 5px;
}


/*.content .content-controls .custom-select-wrap2 option{font-size: 12px;}*/

.custom-select-wrap {
    position: relative;
    display: inline-block;
}

.custom-select-wrap2 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.custom-select-wrap2:before {
    content: "\E026";
    font-family: "icons";
    display: block;
    position: absolute;
    top: 52%;
    right: 12px;
    margin: -2px 0 0;
    color: #9f9f9f;
    font-size: 4px;
    line-height: 1;
}


/*.custome-select-wrap2:after{content: "\E029";transform: rotate(180deg);transition: all 0.25s ease;}*/

.content .content-controls .custom-select {
    width: 100%;
    margin-top: -2px;
    border-radius: 0px;
    background: none;
    padding: 0px;
}

.content .content-controls .custom-select2 {
    width: 100%;
    height: 30px !important;
    border-radius: 0px;
    font-size: 12px;
    background: none;
    padding: 0 0 0 10px;
}

.custom-select {
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    cursor: default;
    z-index: 2;
}

.custom-select li:first-of-type {
    background: transparent;
}

li {
    line-height: 1.6em;
}

.custom-select-wrap2 .small {
    font-size: .7em;
}

.custome-select-wrap2 .medium {
    font-size: .84em;
}

.custom-select button.trigger,
.custom-select .checkLabel.trigger,
.custom-select .radioLabel.trigger {
    position: relative;
    display: block;
    padding-right: 30px;
}

.custom-select button {
    text-transform: none;
}

.custom-select button,
.custom-select .checkLabel,
.custom-select .radioLabel {
    display: none;
    width: 100%;
    height: 40px;
    line-height: 42px;
    padding: 0 12px;
    color: #000;
    font-size: 1em;
    vertical-align: middle;
    text-align: left;
    letter-spacing: 0;
    overflow: hidden;
    border: none;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -khtml-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    background: transparent;
    white-space: nowrap;
}

label,
input[type=button],
input[type=submit],
button {
    cursor: pointer;
}

.custom-select button.trigger:before,
.custom-select .checkLabel.trigger:before,
.custom-select .radioLabel.trigger:before {
    display: block;
    position: absolute;
    top: 48%;
    right: 12px;
    margin: -2px 0 0;
    color: #9f9f9f;
    font-size: 4px;
    line-height: 1;
}

.custom-select .trigger:before {
    font-family: "simple-line-icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.option.trigger.js-select-trigger.open:before {
    transform: rotate(180deg);
}

.filter-bar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 3px 4px rgba(50, 50, 50, 0.12);
    z-index: 99;
}

.filter-bar .omni-bar {
    padding: 0;
    background: transparent;
}

.filter-bar .omni-bar .autocomplete-container {
    top: 100%;
}

.filter-bar-form {
    display: flex;
    justify-content: space-between;
}

.filter-bar-form .left,
.filter-bar-form .right {
    height: 40px;
    vertical-align: top;
}

.filter-bar-form .left {
    position: relative;
    flex-grow: 1;
    align-content: center;
    width: 100%;
    border: 1px solid #d6d6d6;
}

@media (min-width: 1200px) {
    .filter-bar-form .left {
        margin-right: 8px !important;
        width: auto;
    }
}

@media (min-width: 1600px) {
    .filter-bar-form .left {
        max-width: 640px;
        margin-right: 80px;
    }
}

.filter-bar-form .left input {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    padding-right: 50px;
    font-size: .8em;
    border: none;
    z-index: 11;
}

@media (min-width: 768px) {
    .filter-bar-form .left input {
        font-size: 0.9em;
    }
}

.filter-bar-form .left button {
    position: absolute;
    right: 6px;
    top: 50%;
    height: 28px;
    width: 28px;
    line-height: 28px;
    margin-top: -14px;
    padding: 0;
    z-index: 12;
}

.filter-bar-form .left button:before {
    font-size: 13px;
}

.filter-bar-form .right {
    display: none;
}

@media (min-width: 1200px) {
    .filter-bar-form .right {
        display: flex;
    }
}

@media (min-width: 1400px) {
    .filter-bar-form .right {
        justify-content: space-between;
        flex-grow: 0;
    }
}

.filter-bar-form .right .home-search-date-picker {
    display: none;
}

.filter-bar-form .right .checkLabel.qdh {
    font-size: .6em;
    color: #474747;
    white-space: nowrap;
}

.filter-bar-form .right .checkLabel.qdh:before {
    margin-right: 6px;
}

.filter-bar-form .right .custom-select-wrap .custom-select {
    position: relative;
}

.filter-bar-form .right .range-slider-wrap {
    position: relative;
    top: -1px;
    margin-top: 0;
    padding: 8px;
    border: 1px solid #d6d6d6;
    border-top: 0;
    border-left: 0;
    background: #fff !important;
}

.filter-bar-form .right .range-slider-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 138px);
    height: 1px;
    background: #d6d6d6;
}

.filter-bar-form .right .range-slider-wrap .range-slider-label {
    font-size: 0.8em;
    font-weight: 400;
}

.filter-bar-form .right .range-slider-wrap .range-slider-label .dollar {
    vertical-align: 5px;
}

.filter-bar-form .custom-select {
    border-color: #d6d6d6;
}

.filter-bar-form .custom-select button.trigger {
    height: 38px;
    line-height: 40px;
    color: #474747;
    font-size: 0.74em;
}

.filter-bar-form .custom-select button.trigger.is-open {
    height: 39px;
    border-bottom: 1px solid #fff;
}

.filter-bar-form .custom-select button.trigger.has-value {
    color: #000;
    font-weight: 400;
}

.filter-bar-form .custom-select button .dollar {
    vertical-align: 1px;
}

.filter-bar-form .more-filters {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 2px;
    font-size: .64em;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
    border: none;
    background: none;
}

.filter-bar-form .more-filters:before {
    margin-right: 8px;
    font-size: 16px;
    vertical-align: middle;
}

.filter-bar-form .more-filters.is-active:after {
    content: '';
    position: absolute;
    top: 10px;
    right: -4px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #e84b36;
}

@media (min-width: 1400px) {
    .filter-bar-form .more-filters.reset-filters {
        display: block;
    }
}

.filter-bar-form .custom-select-wrap,
.filter-bar-form .more-filters {
    flex-grow: 1;
    flex-shrink: 0;
    margin-left: 14px;
}

@media (min-width: 1400px) {
    .filter-bar-form .custom-select-wrap,
    .filter-bar-form .more-filters {
        flex-grow: 0;
    }
}

.is-open .custom-select-scroll {
    height: auto;
}

.custom-select {
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    cursor: default;
    z-index: 2;
}

.custom-select button.trigger.is-open,
.custom-select .checkLabel.trigger.is-open,
.custom-select .radioLabel.trigger.is-open {
    height: 41px;
    border-bottom: 1px solid #e0e0e0;
}

.filter-bar-form .custom-select button.trigger.is-open {
    height: 39px;
    border-bottom: 1px solid #fff;
}

.icon-distance:before {
    content: "";
}

.icon-arrow-down:before,
.sorting-control button.is-down .sort-arrow:before,
.purchase-selector-label:before,
.selector-wrap .selector-arrow:before,
.custom-select .trigger:before {
    content: "";
}

.custom-select button:before,
.custom-select .checkLabel:before,
.custom-select .radioLabel:before {
    display: none;
}

.content .content-controls .custom-select .icon-distance {
    font-size: 20px;
}

input[type=radio],
input[type=checkbox] {
    display: none;
}

.item-cchcek input[type=checkbox] {
    display: none !important;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    width: auto;
}

.item-cchcek label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 22px;
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 15px;
}

.item-cchcek label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: border-color 0.3s;
}

.item-cchcek input[type=checkbox]:checked+label:before,
.item-cchcek input[type=checkbox]:checked+label:before {
    background-color: #fff;
}

.item-cchcek input[type=checkbox]:checked+label:before {
    content: "\E03F";
    font-family: "icons";
    font-size: 10px;
    color: #333;
    text-align: center;
    line-height: 15px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    transition: border-color 0s;
}


/*input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;width: 14px; height: 14px;margin-right: 6px;line-height: 14px;cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;-webkit-appearance:none;}*/

.display_none {
    display: none !important;
}

.table-striped {
    text-align: center;
}

.table-striped .icon:before {
    margin-right: 4px;
}

input,
textarea {
    padding: 14px;
    color: #fff;
    background-color: #fff;
    border: 1px solid #d6d6d6;
}

input,
select,
textarea,
.multi-select-label {
    font-family: "Poppins", sans-serif;
    font-size: 0.9em;
}

.content .content-controls .custom-select button,
.content .content-controls .custom-select .radioLabel {
    color: #004876;
    font-weight: 200;
}

.content .content-controls .view-controls {
    flex-shrink: 0;
    position: fixed;
    bottom: 30px;
    left: 50%;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    border-radius: 40px;
    border: 1px solid #e0e0e0;
    z-index: 40;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.content .content-controls .view-controls li {
    float: left;
}

.content .content-controls .view-controls li button.icon-location,
.content .content-controls .view-controls li button.icon-list {
    padding-left: 14px;
    border-right: 1px solid #e0e0e0;
}

.content .content-controls .view-controls li button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
}

.clear-styles {
    padding: 0;
    text-transform: none;
    text-align: left;
    letter-spacing: normal;
    color: #000;
    font-size: .9em;
    line-height: 1.5;
    border: none;
    background-color: transparent;
    box-shadow: none;
    vertical-align: baseline;
    overflow: visible;
}

.content .item-contain {
    overflow: hidden;
}

.item-contain {
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
    box-shadow: 0 1px 0 rgba(50, 50, 50, 0.1);
}

.item {
    width: 100%;
    height: 100%;
}

.item .item-img {
    display: flex;
    align-items: flex-end;
    position: relative;
    padding-top: 56%;
    overflow: hidden;
}

.loads:before {
    position: absolute;
    content: '';
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 0;
    top: 50%;
    left: 50%;
    margin: -17px 0 0 -17px;
    border: 3px solid #b8b8b8;
    border-left: 3px solid transparent;
    -webkit-animation: theloader .6s infinite linear;
    animation: theloader .6s infinite linear;
    z-index: 0;
}

.item .item-img img {
    position: absolute;
    z-index: 1;
    width: 100%;
}

img {
    border: 0;
}

.item .item-callout {
    position: absolute;
    left: 0;
    bottom: 0;
    flex-grow: 0;
    margin-left: 20px;
    padding: 8px;
    color: #fff;
    font-size: .64em;
    font-weight: 400;
    background-color: #024776;
    z-index: 1;
}

.item .item-body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
}

.content .item .item-body .item-name {
    line-height: 1.4em;
    margin: 0;
    font-size: 1.1em;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 0;
    font-weight: 300;
}

.item .item-body .item-location {
    display: block;
    margin: 0 0 32px;
    font-size: .84em;
    vertical-align: middle;
}

p,
q {
    margin: 0 0 30px;
    line-height: 1.8em;
}

.item .item-body .item-header .item-price {
    display: none;
}

.item .item-body-content .item-price {
    flex-shrink: 0;
    font-size: 1.1em;
    font-family: "Poppins", sans-serif;
}

.item .item-body-content .item-price .item-price-label {
    display: block;
    font-size: .6em;
    font-weight: 400;
}

.item .item-body-content .item-price .dollar {
    font-size: .7em;
    vertical-align: 5px;
}

.dollar {
    display: inline-block;
    font-size: .7em;
    vertical-align: 3px;
}

.item .item-body .item-details li span .dollar {
    display: inline-block;
    line-height: 1.4em;
    vertical-align: 3px;
}

.item .item-body .item-details {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.item .item-body .item-details li {
    flex-shrink: 0;
    position: relative;
    margin-right: 40px;
    font-size: 1.1em;
}

.item .item-body .item-details li span {
    display: inline-block;
    line-height: 1.4em;
    vertical-align: middle;
}

.item .item-body .item-details li .from {
    display: block;
}

.item .item-body .item-details li .sm-label {
    font-size: 0.7em;
}

.item .item-body .item-details li.icon-Square-Feet:before {
    font-size: 21px;
}

.item .item-body .item-details li:before {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-right: 4px;
    color: #707070;
    font-size: 19px;
    vertical-align: middle;
}

.icon-Square-Feet:before {
    content: "";
}

.icon:before {
    font-family: "simple-line-icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}

.item .item-body .item-details li .from {
    display: block;
    font-family: "Poppins", sans-serif;
}

.content.list-visible .item .item-description {
    display: none;
}

.item .item-body .item-description {
    display: none;
}

.item .item-body .item-types {
    display: block;
    font-size: .84em;
    margin-bottom: 20px;
}

.item .item-body #nav-bottom {
    display: block;
    font-size: .84em;
    margin-bottom: 20px;
    margin-left: -15px;
}

.page-margins {
    padding-left: 17.5px;
    padding-right: 17.5px;
}

.filter-bar .omni-bar {
    padding: 0;
    background: transparent;
    padding: 0;
    height: 120px;
    background: #3a3b3d;
    color: #fff !important;
    margin: 2px 10px 1px;
}

.omni-bar {
    position: relative;
    padding: 40px 17.5px;
    background-color: #f0f0f0;
    z-index: 2;
}

.filter-bar-form {
    display: flex;
    justify-content: space-between;
}

.filter-bar-form .left {
    position: relative;
    display: flex;
    flex-grow: 1;
    align-content: center;
    width: 100%;
    border: 1px solid #d6d6d6;
}

.filter-bar-form .left,
.filter-bar-form .right {
    display: flex;
    height: 40px;
    vertical-align: top;
}

.filter-bar .omni-bar .autocomplete-container {
    top: 100%;
}

.omni-bar .autocomplete-container {
    position: absolute;
    top: 86px;
    left: 0;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 20px;
    max-height: calc(50vh);
    border-top: 1px solid #f0f0f0;
}

.autocomplete-container {
    display: none;
    position: absolute;
    top: 10px;
    left: -10px;
    width: calc(100% + 20px);
    height: auto;
    min-height: 30vh;
    max-height: 75vh;
    padding: 40px 16px;
    background: #fff;
    box-shadow: 0 20px 40px rgba(50, 50, 50, 0.2);
    overflow-y: auto;
}

.ui-menu.ui-widget-content {
    border: none;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}

.ui-menu {
    position: static !important;
    top: 0 !important;
    width: 100% !important;
    opacity: 0;
    padding: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    list-style: none;
    z-index: 1000 !important;
    -webkit-overflow-scrolling: touch;
}

.autocomplete-recent-searches {
    display: block !important;
    opacity: 1 !important;
}

.filter-bar-form .left input {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    padding-right: 50px;
    font-size: .8em;
    border: none;
    z-index: 11;
    background: transparent;
}

.filter-bar-form .left button {
    position: absolute;
    right: 1px;
    top: 53%;
    height: 28px;
    width: 36px;
    line-height: 28px;
    margin-top: -14px;
    padding: 0;
    z-index: 12;
    border: none !important;
    background-color: transparent;
}

.filter-bar-form .left button:before {
    font-size: 16px;
}

.filter-bar-form .right {
    display: none;
}

.filter-bar-form .left,
.filter-bar-form .right {
    display: flex;
    height: 40px;
    vertical-align: top;
}

.is-hidden,
.displayNone,
.displaynone {
    display: none !important;
}

.filter-bar-form .right .checkLabel.qdh {
    font-size: .6em;
    color: #fff;
    white-space: nowrap;
}

.radioLabel,
.checkLabel {
    position: relative;
    display: flex;
    align-items: center;
    color: #000;
    font-size: .8em;
    background-color: transparent;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.filter-bar-form .right .checkLabel.qdh:before {
    margin-right: 6px;
}

.radioLabel:before,
.checkLabel:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 8px;
    text-align: center;
    border: 1px solid #d6d6d6;
}

.filter-bar-form .right .custom-select-wrap.price,
.filter-bar-form .right .custom-select-wrap.sqft {
    min-width: 124px;
    max-width: 124px;
    flex-grow: 0;
}

.filter-bar-form .custom-select-wrap,
.filter-bar-form .more-filters {
    flex-grow: 1;
    flex-shrink: 0;
    margin-left: 2px;
    width: 99%;
}

.filter-bar-form .right .custom-select-wrap .custom-select {
    position: relative;
    background: transparent;
    border-radius: 0;
    padding: 0;
    height: 40px;
}

.filter-bar-form .right .range-slider-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 138px);
    height: 1px;
    background: #d6d6d6;
}

.custom-select .range-slider-wrap.is-visible {
    display: flex;
}

.filter-bar-form .custom-select {
    border-color: #d6d6d6;
}

.filter-bar-form .custom-select button.trigger {
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 0.74em;
}

.contact-modal .middle_of_modal .middle .range-slider-wrap {
    margin-bottom: 34px;
    padding-left: 16px;
}

@media (min-width: 768px) {
    .contact-modal .middle_of_modal .middle .range-slider-wrap {
        padding: 0 16px;
    }
}

.contact-modal .middle_of_modal .middle .range-slider-wrap .input-label {
    width: 100%;
    color: #999;
    font-size: .72em;
    text-align: center;
}

.contact-modal .middle_of_modal .middle .range-slider-wrap .range-slider-label {
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 10px;
}

.contact-modal .middle_of_modal .middle .range-slider-wrap .range-slider-label .dollar {
    font-size: .6em;
    vertical-align: 6px;
}

.more-filters-container form .middle .range-slider-wrap {
    position: relative;
    padding: 30px 10px 40px 24px;
    border-bottom: 2px solid #ebebeb;
    z-index: 0;
}

@media (min-width: 480px) {
    .more-filters-container form .middle .range-slider-wrap {
        padding: 30px 39px 40px 54px;
    }
}

.more-filters-container form .middle .range-slider-wrap .range-slider-label {
    display: block;
    margin: 4px 0 20px;
    font-size: 1.2em;
    line-height: 1;
    text-align: center;
}

.more-filters-container form .middle .range-slider-wrap .range-slider-label .dollar {
    font-size: .6em;
    vertical-align: 7px;
}

.more-filters-container form .middle .range-slider-wrap .limit-label {
    width: 10px;
    visibility: hidden;
    margin: 0;
}

.button-3 {
    display: block;
    width: 33.33%;
    text-align: center;
    float: left;
    border-radius: 0;
    border: 0;
    background-color: #fff;
    color: #333;
    text-transform: capitalize;
    cursor: pointer;
    transition: .5s ease-in-out;
    border-right: 1px solid #e9e9e9;
    height: 30px;
    padding: 3px 2px;
    margin-top: 17px;
}

.button-3:hover {
    background-color: #1953d8;
    color: #fff;
}

.button-3:active {
    background-color: #1953d8;
    color: #fff;
}

.text-right a.reset-filters:hover {
    color: #9fcc3a;
}

.button-4 {
    display: block;
    width: 33.33%;
    text-align: center;
    float: left;
    border-radius: 0;
    border: 0;
    background-color: #fff;
    color: #333;
    text-transform: capitalize;
    cursor: pointer;
    transition: .5s ease-in-out;
    border-right: 1px solid #e9e9e9;
    height: 30px;
    padding: 0px 10px;
    margin-bottom: 0px;
}

.button-5 {
    display: block;
    width: 33.33%;
    text-align: center;
    float: left;
    border-radius: 0;
    border: 0;
    background-color: #fff;
    color: #333;
    text-transform: capitalize;
    cursor: pointer;
    transition: .5s ease-in-out;
    border-right: 1px solid #e9e9e9;
    height: 30px;
    padding: 4px 0px;
    margin-top: 6px;
}

.carouse-item .m-3 {
    margin: 0px !important;
}

button.active,
.button-4:hover,
.button-5:hover {
    background-color: #1953d8;
    color: #fff;
}

.collapse .card-body {
    border-radius: 0;
    margin-bottom: 20px;
}

#collapseFloorplan .card-body img {
    width: 90%;
    height: auto;
    margin: 0 auto;
}

#collapseGallery {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#collapseElevation .card-body img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#collapseNearby .card-body img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.filter-bar {
    position: -webkit-sticky;
    top: 0;
    background: #3a3b3d;
    width: 100%;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 99;
}

.map-window {
    width: 280px;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.5;
    background-color: #fff;
}

.map-window .map-window-contain {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.map-window .map-window-contain .map-window-slide {
    width: 100%;
    flex-shrink: 0;
}

.map-window .item {
    display: block;
    width: 100%;
    margin: 0;
    border: none;
    box-shadow: none;
}

.item {
    width: 100%;
    height: 100%;
}

.search-by-map-container .item .item-img {
    position: relative;
}

.map-window .item .item-img {
    width: 100%;
    min-width: 0;
    height: 196px;
}


/*.item .item-img{display:flex;align-items:flex-end;position:relative;padding-top:56%;overflow:hidden}*/

.item .item-img {
    min-height: 190px;
    width: 33%;
    min-width: 340px;
    padding: 0;
}

.map-window .item .item-body {
    flex-direction: column;
    width: 100%;
    padding: 20px;
}

.map-window .item .item-body h2 {
    font-size: 1.1rem;
}

#mediaswipe-container .mediaswipe-slide-container img {
    display: block;
    max-width: inherit;
    max-height: inherit;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.item .item-body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
}

.map-window .item .item-body .item-body-content {
    padding: 0;
}

.map-window .item .item-body .item-name {
    font-size: 0.9em;
}

.item .item-body .item-name {
    margin: 0;
    font-size: 1.1em;
    font-weight: 400;
}

.map-window .item .item-body .item-details li.price {
    display: list-item;
}

.map-window .item .item-body .item-details li {
    margin-right: 0;
    font-size: 1em;
    font-weight: 300;
}

.item .item-body .item-details li span {
    display: inline-block;
    line-height: 1.4em;
    vertical-align: middle;
}

.item .item-body .item-details li .from {
    display: block;
    font-family: "Poppins", sans-serif;
}

.item .item-body .item-details li .sm-label {
    font-size: 0.7em;
}

.map-window .item .item-body .item-details li .dollar {
    font-size: .8em;
    vertical-align: 3px;
}

.item .item-body .item-details li.icon-Square-Feet:before {
    font-size: 21px;
}

.item .item-body .item-details li:before {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-right: 4px;
    color: #707070;
    font-size: 19px;
    vertical-align: middle;
}

.map-window .item .item-body .item-details {
    justify-content: space-between;
    align-items: center;
    margin: 8px 0 10px;
    max-width: none;
}

.map-window .map-window-control.prev {
    left: -15px;
}

.map-window .map-window-control.is-disabled {
    opacity: 0.25;
}

.map-window .map-window-control {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 42px;
    margin-top: -19px;
    line-height: 42px;
    text-align: center;
    text-shadow: none;
    background: #000;
    border: none;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -khtml-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    z-index: 1;
}

button:disabled,
button.is-disabled,
.button:disabled,
.button.is-disabled {
    opacity: 0.5;
}

.map-window .map-window-control.prev:before {
    margin-left: -2px;
}

.map-window .map-window-control:before {
    color: #fff;
    font-size: 14px;
}

.icon-arrow-left:before,
.bread-crumb li.back a:before,
.date-picker-calendar .year-wrapper .year-arrow:before,
#mediaswipe-container #mediaswipe-left-arrow:before {
    content: "";
}

.custom-window.active {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.custom-window {
    top: 30px;
    width: 280px;
    -webkit-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    visibility: hidden;
}

.si-wrapper-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -40px;
    margin-left: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

.custom-window.open .si-frame {
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
}

.map-window .map-window-control.next {
    right: -15px;
}

.map-window .map-window-indicators {
    position: relative;
    display: block;
    height: 24px;
    padding-bottom: 16px;
    line-height: 0;
    text-align: center;
    z-index: 1;
}

.map-window .map-window-indicators span.is-active {
    background-color: #004876;
}

.map-window .map-window-indicators span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 2px;
    border-radius: 8px;
    background-color: #e0e0e0;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 2px;
    border-radius: 8px;
    background-color: #e0e0e0;
}

.map-window:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom: none;
    border-top-color: #fff;
    z-index: 1;
}

.custom-window.open .si-frame {
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
}

.custom-close {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 9;
    width: 24px;
    padding: 0 8px;
    height: 24px;
    border-radius: 5px;
    -webkit-transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    border: 0;
    background-color: #26ae61;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.custom-window .si-content {
    overflow: visible;
}

.property-item-map-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 180px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.property-item-map {
    position: relative;
    max-height: inherit;
    padding: 180px 12px 12px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    overflow: auto;
    z-index: 2;
}

.property-item-map-title {
    margin-top: 12px;
}

.property-item-map-content p {
    margin: 0;
}

p {
    font-weight: 400;
    line-height: 1.5;
}

.property-item-map-price {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.si-pointer-bg-top {
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.top-header .container {
    position: absolute;
    top: 0;
    width: 50%;
    right: 22%;
}

.select2-container {
    width: 100% !important;
}


/*.select2-container--default .select2-selection--single{border:none!important;}*/

.select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border-radius: 0 !important;
    height: 34px !important;
    font-size: 12px;
    text-transform: uppercase;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
    line-height: 32px !important;
    padding: 0px 25px 0px 10px !important;
    text-align: left;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff;
    font-weight: 400;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #3a3b3d;
    font-size: 12px;
}

.select2-container .select2-selection--single .select2-selection__rendered:after {
    font-family: "Material Icons";
    content: "\e8b6";
    position: absolute;
    right: 5px;
    color: #a0a0a0;
    font-size: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}

.login-section {
    margin: 0;
    padding: 0;
}

.login-section .modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (2rem * 2));
}

.login-section .modal-dialog {
    max-width: 563px;
}

.login-section .modal-content {
    width: 563px;
    border-radius: 0;
    border: none;
}

.login-section .social-btn-margin-none {
    margin-left: 0;
    float: right;
}

.login-section button.close {
    text-align: right;
    margin-right: -20px;
    margin-top: -20px;
    cursor: pointer;
    outline: none;
}

.login-section .tab-box .input-group-addon {
    padding: 15px 0 15px 15px;
    margin: 0;
    background-color: #fff;
    border-radius: 0;
}

.login-section .tab-box .form-control {
    border-radius: 0;
    border-left: 0;
    font-size: 15px;
    color: #666;
    height: auto;
}

.login-section .tab-box .login-button {
    box-shadow: none;
    height: 40px;
    border-radius: 2px;
    background-color: #9fcc3a !important;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}

.login-section .modal-content .modal-body {
    padding: 0;
    margin: 0;
    overflow-y: auto;
    max-height: calc(100vh - 100px);
}

.login-section .modal-body {
    padding: 0;
}

.login-section {
    margin: 0;
    padding: 0;
}

.login-section .modal-dialog {
    max-width: 563px;
}

.login-section .modal-dialog-centered {
    min-height: calc(100% - (2rem * 2));
    display: flex;
    align-items: center;
}

.login-section .modal-content {
    width: 563px;
    border-radius: 0;
    border: none;
}

.login-section .nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #333;
    padding: 15px 0;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    text-shadow: none;
}

.login-section .nav-tabs .nav-item {
    width: 33.3%;
    padding: 0;
    margin-bottom: -2px;
    text-align: center;
    border-right: solid 1px #ddd;
}

.login-section .nav-tabs .nav-item:last-child {
    border-right: none;
}

.login-section .nav-tabs .nav-link:focus,
.login-section .nav-tabs .nav-link:hover {
    border-color: transparent !important;
}

.login-section .tab-content {
    padding: 30px 30px 20px;
}

.divider-text {
    position: relative;
    text-align: center;
    margin: 30px 0;
}

.divider-text span {
    padding: 7px;
    position: relative;
    z-index: 2;
    font-size: 18px;
    color: #333;
    text-align: center;
    font-weight: 400;
    background-color: #fff !important;
}

.divider-text::after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ddd;
    top: 55%;
    left: 0;
    z-index: 1;
}

.login-section .modal-body {
    padding: 0;
}

.login-section button.close {
    text-align: right;
    margin-right: -20px;
    margin-top: -20px;
    cursor: pointer;
    outline: none;
}

.login-section .close {
    position: absolute;
    right: 0;
    opacity: 9;
    z-index: 999;
}

.login-section .tab-box {
    padding: 0;
    margin: 0;
}

.login-section .tab-box p {
    padding: 0;
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    font-weight: 400;
}

.login-section .tab-box .input-group-addon {
    padding: 12px 0 12px 12px;
    margin: 0;
    background-color: #fff;
    border-radius: 0;
    border: solid #ced4da;
    border-width: 1px 0 1px 1px;
}

.login-section .tab-box .form-control {
    border-radius: 0;
    border-left: 0;
    font-size: 15px;
    color: #666;
}

.login-section .tab-box .form-control:focus {
    box-shadow: none;
    border: solid 1px #cacaca;
    border-left: 0;
}

.login-section .tab-box .login-button {
    height: 40px;
    border-radius: 2px;
    background-color: #9fcc3a;
    font-size: 18px;
    line-height: 12px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    letter-spacing: 1px;
}

#filter-form .select2-container--default .select2-selection--single {
    border: none !important;
    font-size: 12px;
}

.login-section .tab-box .login-button:hover {
    background-color: #5d991f !important;
}

.login-section .tab-box .login-button:not([disabled]):not(.disabled):active {
    background-color: #5d991f !important;
    box-shadow: none;
}

.login-section .tab-box .login-button.btn-primary:focus {
    background-color: #5d991f;
    box-shadow: none;
}

.login-section .tab-box .input-group {
    margin-bottom: 15px;
}

.login-section .social-btn {
    margin-right: 0;
    margin-bottom: 26px;
    padding: 0;
    width: 251px;
    float: unset;
    position: relative;
    left: 0;
    right: 0;
    margin: 10px auto;
}

.login-section .social-btn-margin-none {
    margin-left: 0;
    float: right;
}

.login-section .social-btn .facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.login-section .social-btn .facebook:hover {
    background-color: #2b4781;
}

.login-section .social-btn .facebook .fa-facebook {
    padding: 15px;
    margin-right: 6px;
    border-right: solid 1px #7990bf;
    font-size: 18px;
}

.login-section .social-btn a {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}

.login-section .social-btn .google {
    color: #fff;
    background-color: #d05840;
    border-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.login-section .social-btn .google:hover {
    background-color: #ba4832;
}

.login-section .social-btn .google .fa-google-plus {
    padding: 15px 10px;
    margin-right: 6px;
    border-right: solid 1px #e17b66;
    font-size: 18px;
}

.login-section .nav-tabs .nav-link:focus,
.login-section .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.login-section .nav-tabs .nav-item.show .nav-link,
.login-section .nav-tabs .nav-link.active {
    padding: 15px 0;
    border: 0;
    background-color: #2a2c30;
    color: #fff;
}

.filter-bar-form .left {
    margin-right: 0;
    margin-top: 25px;
    margin-left: 0;
}

.filter-bar-form .right {
    justify-content: space-between;
    flex-grow: 0;
    flex-wrap: wrap;
    margin-top: 25px;
    margin-right: 0;
    padding: 0;
}

.content-controls .com_btn {
    width: 100px;
    height: 30px;
    border-radius: 2px;
    margin-top: 5px;
    background-color: #2fbbba;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: .5s ease-in-out;
}

.item-cchcek {
    position: absolute;
    right: 0px;
    display: inline;
    width: 66px;
    height: 20px;
    overflow: hidden;
}

.item-cchcek label {
    position: relative;
    top: 0px;
    text-transform: capitalize;
    vertical-align: top;
    font-size: 11px;
}

.carousel-inner .col-5 {
    padding: 0;
}

.carousel-inner .col-5 img {
    width: 100%;
}

.col-7 h5 {
    margin-bottom: 5px;
}

.col-7 .item-details {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

.col-7 .item-details li {
    flex-shrink: 0;
    position: relative;
    margin-right: 40px;
    font-size: 1.1em;
}

.blank_div {
    height: 83px;
}

.carousel-control-prev-icon {
    background-image: none !important;
}

.carousel-control-next-icon {
    background-image: none !important;
}

.ccarrows {
    background: rgba(255, 255, 255, 0.7);
    width: 32px;
    height: 32px;
    cursor: pointer;
    top: 45%;
}

.ccarrows:before {
    color: #222 !important;
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -ms-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    line-height: 32px;
}

.carousel-control-prev .carousel-control-prev-icon:before {
    content: '\E027';
}

.carousel-control-next .carousel-control-next-icon:before {
    content: '\E028';
}

.carousel-control-prev-icon:before {
    font-family: 'icons';
    font-size: 14px;
    color: #000;
}

.carousel-control-next-icon:before {
    font-family: 'icons';
    font-size: 14px;
    color: #000;
}

@media (min-width: 400px) {
    .map-window {
        width: 320px;
    }
}

@media (max-width: 575px) {
    .modal .modal-dialog {
        width: 90%;
        margin: 30px auto;
    }
    .login-section .nav-tabs .nav-link {
        font-size: 11px;
    }
    .login-section .tab-content {
        padding: 15px;
    }
    .bg-3 {
        margin-left: 5%;
        top: 22%;
        max-width: 90%;
    }
    .super-footer p {
        font-size: 10px !important;
        margin: 10px 0;
    }
    .super-footer .col-6 {
        padding: 0 2px;
    }
    .super-footer {
        height: 37px;
    }
}

@media (max-width: 768px) {
    .login-section .modal-content .close {
        text-align: right;
        margin-right: -11px;
        margin-top: -16px;
        cursor: pointer;
        outline: none;
    }
    .login-section .modal-content .close img {
        width: 24px;
    }
    .login-section .tab-content {
        padding: 15px;
    }
    .btn-block {
        width: 100% !important;
    }
    .button-3 {
        border-bottom: 1px solid #e9e9e9;
        border-right: none;
        width: 100%;
    }
    .button-4 {
        border-bottom: 1px solid #e9e9e9;
        border-right: none;
    }
    .button-5 {
        border-bottom: 1px solid #e9e9e9;
        border-right: none;
    }
    .filter-bar-form .left {
        margin-top: 0px;
        padding: 0px;
    }
    /* .border-bottom { display: inline; margin: 0px; } */
    .carousel-inner .col-5 {
        padding: 0;
        max-width: 100%;
    }
    .collapse .carousel-item .col-7 {
        max-width: 100%;
    }
    .filter-bar-form .right {
        margin-top: 4px;
        z-index: 999 !important;
    }
    /*.filter-bar-form .right{display: none;}
 .filter-bar-form .more-filters.reset-filters {display: none;}*/
    .filter-bar .omni-bar {
        padding: 0;
        background: transparent;
        padding: 0;
        height: 100%;
        background: #3a3b3d;
        color: #fff !important;
        margin: 0px;
    }
    .find-home-box {
        margin-left: 0;
        width: 100%;
    }
    .super-footer p {
        font-size: 11px;
        margin: 11px 0;
    }
    .super-footer .col-6 {
        padding: 0 2px;
    }
    .super-footer {
        height: 37px;
    }
    .content .results-contain {
        height: calc(100vh - 276px);
    }
    .item-cchcek {
        float: right;
        width: 80px !important;
        margin-right: 10px;
        margin-top: 10px;
    }
    .item-cchcek label {
        margin-left: 4px;
    }
    .item-cchcek {
        left: 3px;
        bottom: 1px;
    }
    .item-body-content {
        margin-bottom: 0px;
    }
    .item .item-body {
        padding: 20px !important;
    }
    .item .item-body #nav-bottom {
        margin: 0 20px;
    }
    .item .item-img {
        width: 100% !important;
    }
    .item .item-body .item-details li {
        margin-right: 8px !important;
        font-size: 13px;
        width: 25%;
    }
    #comparelist {
        overflow-x: scroll;
    }
}

@media (max-width: 991px) {
    .super-footer p {
        font-size: 11px;
        margin: 10px 0;
    }
    .super-footer .col-6 {
        padding: 0 2px;
    }
    .super-footer {
        height: 37px;
    }
    .half-map-full .full-map.h-100vh {
        height: 500px;
    }
    .item .item-img {
        min-height: 190px;
        width: 30%;
        min-width: 305px;
        padding: 0;
    }
    .item .item-body .item-details li {
        margin-right: 4px !important;
        font-size: 16px !important;
    }
    .item .item-body .item-details li:before {
        font-size: 18px !important;
    }
    .left-map-box {
        position: fixed;
        left: 0;
        top: 40%;
        z-index: 9;
    }
    .left-map-box .left-fixed-box {
        width: 46px;
        height: 36px;
        text-align: center;
        margin-bottom: 5px;
        padding-top: 6px;
        border-radius: 0px 4px 4px 0px;
        -moz-border-radius: 0px 4px 4px 0px;
        -webkit-border-radius: 0px 4px 4px 0px;
        border: none;
        background-color: #fff;
        box-shadow: 0 2px 3px #000;
    }
    .left-fixed-box button {
        background: none;
        border: none;
        padding: 0;
        margin-left: 4px;
    }
    .left-fixed-box button span {
        margin-left: 5px;
        font-size: .64em;
        font-weight: 400;
        line-height: 1;
        text-transform: uppercase;
        color: #666;
    }
    button.icon-location:before {
        font-size: 9px;
        color: #666;
    }
}

@media (max-width: 1024px) {
    .item-cchcek {
        bottom: 3px;
        display: block;
        height: 20px;
        margin-top: 10px;
        position: relative;
        float: right;
        left: 9px;
        width: 100%;
    }
    .item .item-body {
        padding: 10px !important;
    }
    .item .item-body .item-details li {
        font-size: 12px !important;
    }
    .item .item-body .item-details li:before {
        font-size: 14px !important;
    }
    .item .item-img img {
        top: 0;
    }
    .button-3 {
        border-bottom: 1px solid #e9e9e9;
        border-right: none;
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    .item .item-img {
        min-height: 190px;
        width: 30%;
        min-width: 305px;
        padding: 0;
    }
}

@media (max-width: 1366px) {
    .content .item .item-body .item-name {
        font-size: 1em;
    }
    .item .item-body .item-location {
        font-size: 0.74em;
    }
    .item .item-body .item-details li {
        margin-right: 8px !important;
        font-size: 11px;
    }
    .item .item-body .item-details li:before {
        font-size: 16px;
    }
    .button-3 {
        font-size: 12px;
        width: 30%;
    }
    .button-4 {
        font-size: 12px;
        width: 30%;
        padding: 10px 10px;
    }
    .button-5 {
        margin-top: 13px;
        padding: 7px 0px;
    }
    .button-4 {
        margin-top: 0px;
    }
    .item .item-body {
        padding: 10px 0 0px 20px;
    }
    .col-7 .item-details li {
        flex-shrink: 0;
        position: relative;
        margin-right: 32px;
        font-size: 1em;
    }
    .blank_div {
        height: 0;
    }
}

@media (max-width: 1440px) {
    .content .item .item-body .item-name {
        font-size: 1em;
    }
    .item .item-body .item-location {
        font-size: 0.74em;
    }
    .item .item-body .item-details li {
        margin-right: 8px !important;
        font-size: 11px;
    }
    .item .item-body .item-details li:before {
        font-size: 16px;
    }
    .button-3 {
        font-size: 12px;
        width: 33.33%;
    }
    .button-4 {
        font-size: 12px;
        width: 33.33%;
        padding: 0px;
    }
    .blank_div {
        height: 0px;
    }
}

@media (min-width: 1440px) {
    .button-5 {
        margin-top: 32px;
    }
}

@media (max-width: 1280px) {
    .content .item .item-body .item-name {
        font-size: 0.9em;
    }
    .item .item-body .item-location {
        font-size: 0.74em;
    }
    .item .item-body .item-details li {
        margin-right: 8px;
        font-size: 13px;
    }
    .item .item-body .item-details li:before {
        font-size: 18px;
    }
    .button-3 {
        font-size: 11px;
        width: 33.33%;
        margin-top: 31px;
    }
    .button-4,
    .button-5 {
        font-size: 11px;
        width: 33.33%;
    }
}

@media (min-width: 768px) {
    .content .content-controls .sort-contain {
        margin: 0;
        padding-right: 20px;
    }
    .content .results-contain .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .content .content-controls {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .item-contain {
        width: 49%;
    }
    .omni-bar .autocomplete-container {
        top: 100%;
    }
}

@media (min-width: 992px) {
    .page-margins {
        padding-left: 0;
        padding-right: 0;
    }
    .omni-bar {
        padding: 40px 35px;
    }
    .left-map-box {
        display: none;
    }
}

@media (min-width: 1200px) {
    .content .content-controls .sort-contain .map-view-hide {
        display: inline !important;
    }
    .content .content-controls {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 20px;
        font-size: 1.2em;
    }
    .content .content-controls .view-controls {
        position: static;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        border: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .content .content-controls .view-controls li button.is-active {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        background-color: #f5f5f5;
    }
    .content .content-controls .view-controls li button.icon-location,
    .content .content-controls .view-controls li button.icon-list {
        padding: 0;
    }
    .content .content-controls .view-controls li button.is-hidden {
        display: flex !important;
    }
    .content .content-controls .view-controls li button {
        width: 42px;
        height: 42px;
        padding: 0;
        border: 1px solid #e0e0e0;
    }
    .item {
        display: flex;
    }
    .item-contain {
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
        border-bottom: 1px solid #ebebeb;
        box-shadow: none;
        margin-bottom: 20px;
    }
    .comactive {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-bottom: none;
    }
    .content.list-visible .item .item-body {
        width: 100%;
        flex-wrap: nowrap;
    }
    .item .item-body {
        flex-direction: row;
        flex-wrap: wrap;
        width: 70%;
        padding: 10px 0 10px 20px;
    }
    .item .item-body .item-body-content {
        flex-grow: 1;
        width: 100%;
    }
    .item .item-body-content .item-price {
        min-width: 0;
        top: 14px;
        display: inline-block;
        position: absolute;
        right: 0px;
        text-align: right;
        width: 80px;
    }
    .item .item-body .item-description {
        display: block;
    }
    .page-margins {
        padding-left: 0;
        padding-right: 0;
    }
    .omni-bar {
        padding: 0 70px;
        background-color: transparent;
        padding: 0 70px;
        background-color: transparent;
    }
    .filter-bar-form .left {
        margin-right: 15px;
        margin-top: 25px;
        margin-left: 0;
        padding: 0px;
        max-width: 30%;
    }
    .filter-bar-form .right {
        justify-content: space-between;
        flex-grow: 0;
        flex-wrap: wrap;
        margin-top: 25px;
        margin-right: 6px;
        padding: 0;
        min-width: 15%;
        max-width: 16%;
    }
    .item .item-body {
        flex-direction: row;
        flex-wrap: wrap;
        width: 70%;
        padding: 10px 0 0px 10px;
    }
    .button-4 {
        margin-top: 31px;
    }
    .item .item-body #nav-bottom {
        margin-left: 0px;
    }
    .item .item-body .item-body-content {
        flex-grow: 1;
        width: 100%;
    }
    li:last-child button {
        border-right: none;
    }
    .filter-bar-form .custom-select-wrap,
    .filter-bar-form .more-filters {
        flex-grow: 0;
        background: transparent;
        border: none;
    }
}

@media (min-width: 1400px) {
    .item .item-body {
        flex-wrap: nowrap;
        padding: 10px 0 0 15px;
    }
    .item .item-body .item-body-content {
        width: auto;
        padding-right: 20px;
    }
    .item .item-body-content .item-price {
        min-width: 0;
        top: 10px;
        display: inline-block;
        position: absolute;
        right: 2px;
        width: 80px;
    }
    .item .item-body .item-types {
        margin-bottom: 0;
    }
    .item .item-body .nav-bottom {
        margin-bottom: 0;
    }
    .filter-bar-form .custom-select-wrap,
    .filter-bar-form .more-filters {
        flex-grow: 0;
        background: transparent;
        border: none;
    }
    .item .item-body .item-body-content {
        width: auto;
        padding-right: 20px;
    }
}

@media (min-width: 1600px) {
    .button-5 {
        margin-top: 0px;
    }
}

.sort-contain .custom-select-wrap {
    width: 80px;
}

.irs--round .irs-bar {
    top: 37px;
    height: 3px;
    background-color: #9fcc3a;
}

.irs--round .irs-line {
    top: 37px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #f0f0f0 !important;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #0070cd;
    color: white;
    border-radius: 4px;
}

.range-slider .irs:not(.irs--round)>span.irs-min,
.range-slider .irs:not(.irs--round)>span.irs-max {
    visibility: hidden !important;
}

.range-slider .irs:not(.irs--round)>span.irs-single {
    visibility: visible !important;
    display: inline-block;
}

.range-slider .irs:not(.irs--round)>span.irs-single {
    position: unset !important;
    line-height: 17px;
    background: #fff;
    color: #9fcc3a;
    text-align: center;
    padding: 0 6px;
    font-size: 13px;
    font-weight: 400 !important;
    width: calc(75% - 3.5px);
    /*border: 1px solid #e8e8f0;*/
    display: block;
    border-radius: 2px;
    margin: 0 auto;
}

.irs--round .irs-single:before {
    visibility: hidden;
}

.range-slider .irs--round .irs-from,
.range-slider .irs--round .irs-to {
    visibility: hidden !important;
}

.irs--round .irs-handle {
    top: 28px;
    border-color: #9fcc3a;
    background-color: #f6f6f6;
    box-shadow: none;
    height: 20px;
    width: 20px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #707070 !important;
}

.select2-container--default .select2-selection--single:hover {
    border: 1px solid #fff !important;
}

.filter-button-active {
    background: #fff !important;
    color: #3a3b3d !important;
}

.select2-results__options::-webkit-scrollbar {
    width: 18px;
    margin: 0px 0px;
    padding: 0px !important;
}

.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: none;
    background-color: #a2a2a2;
    border-left: 7px solid #fff;
    border-right: 7px solid #fff;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    height: 90px;
}

.select2-results__options::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #fff;
}

.select2-dropdown--above {
    border-radius: 0px !important;
    margin-top: -2px;
    margin-bottom: 2px;
    left: 2px !important;
}

.select2-results__options {
    margin-bottom: 1px;
    left: 14px;
    width: 100%;
    background-color: #fff;
    padding-top: 0px;
}

.select2-results__options li {
    min-width: 185px;
    padding: 12px 13px 12px 13px;
    line-height: 13px;
    border-bottom: 1px solid #fff;
    color: #9d9d9d;
    font-size: 13px;
    color: #8F9EB6;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.select2-results__options li:hover {
    background-color: #fff !important;
    color: #9fcc3a !important;
    font-weight: 500;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: white !important;
    color: #9fcc3a !important;
    font-weight: 500 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: white !important;
    color: #9fcc3a !important;
    font-weight: 500 !important;
}


/* New Custom Style (Karan) 29-April-2020 */

#header-xhome-main {
    width: 100%;
    float: left;
    position: relative;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

#header-xhome-main .container {
    max-width: 100%;
}


/* Header Section */

#header-logo {
    width: auto;
    padding: 10px 15px;
    position: relative;
    margin-top: 2.5px;
}

#header-logo img {
    height: 45px;
}

#header-center-main {
    width: auto;
    padding: 10px 0px;
    position: relative;
    text-align: center;
}

#header-right-main {
    width: auto;
    padding: 10px 15px;
    position: relative;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#header-account-button {
    display: inline-block;
    position: relative;
}

#header-account-button button.green-button {
    display: inline-block;
    position: relative;
    background: #9FCC3A;
    border: none;
    outline: 0;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#header-account-button button.green-button svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px 0 0;
    position: relative;
    top: -1px;
}

#header-account-button button.green-button:hover {
    color: #fff;
    text-decoration: none;
    background: #5d991f;
}

.login-btn svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px 0 0;
    position: relative;
    top: 3px;
}


/* Lower Main XHome Section */

#lower-main-x-contain {
    width: 100%;
    float: left;
    position: relative;
    height: 100vh;
    padding: 0;
    margin: 70px 0 0 0
}

#lower-main-x-contain>.row {
    height: 100%;
    margin: 0;
}

#x-content-col-left,
#x-content-col-right {
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    padding: 0;
    height: 100%;
}

.property-left-contain-main {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    background: #fff;
    padding: 0;
}

.propperty-filter-l-main {
    width: 100%;
    float: left;
    position: relative;
    background: #3A3B3D;
    color: #fff;
    font-size: 14px;
    padding: 15px;
}

.propperty-filter-l-main .row {
    margin-right: -10px;
    margin-left: -10px;
}

.filter-form-main {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 5px;
}

.filter-form-col4 {
    width: 100%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    padding: 0 5px;
}

.select-fil-d-main {
    width: 100%;
    float: left;
    position: relative;
}

.select-fil-d-main .select-filter-input {
    width: 100%;
    float: left;
    position: relative;
    background: url(../images/custom-icons/select-arrow.png) no-repeat right top #3A3B3D;
    background-size: 18px;
    background-position: 100% 10px;
    border: 1px solid #707070;
    border-radius: 0;
    height: 34px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    padding: 5px 25px 5px 10px;
    margin: 0 0 10px 0;
    outline: 0;
    transition: 0.3s ease all;
}

.select-fil-d-main .select-filter-input:hover {
    border: 1px solid #fff;
}

.select-fil-d-main .select-filter-input span {
    position: absolute;
    right: 0;
    color: #a0a0a0;
}

.select-fil-d-main .select-filter-input::after {
    display: none;
}

.select-fil-d-main .select-filter-dropdown.dropdown-menu {
    transform: translate3d(0px, 34px, 0px) !important;
    border-radius: 0;
    padding: 10px;
}

.select-fil-d-main .select-filter-dropdown.dropdown-menu .filter-range-input {
    width: 100%;
    display: inline-block;
    position: relative;
}

.select-fil-d-main .select-filter-dropdown.dropdown-menu .filter-range-input input.filter-input-text {
    width: 100%;
    float: left;
    position: relative;
    border: none;
    color: #9FCC3A;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: 5px 0;
    text-align: center;
    background: none;
}

.select-fil-d-main .select-filter-dropdown.dropdown-menu .ui-widget-content {
    width: 100%;
    float: left;
    position: relative;
    max-width: 95%;
    height: 6px;
    border: none;
    border-radius: 200px;
    background: #9FCC3A;
    margin: 5px 0;
}

.select-fil-d-main .select-filter-dropdown.dropdown-menu .ui-slider .ui-slider-handle {
    border-radius: 200px;
    cursor: pointer;
}

.select-fil-d-main .select-filter-dropdown.dropdown-menu .ui-slider-horizontal .ui-slider-handle {
    top: -7px;
}

.select-fil-d-main .dropdown-menu {
    margin: 0;
    position: relative;
}

.select-fil-d-main .dropdown-menu.show:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: -8px;
    left: 20px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}

.select-fil-d-main .dropdown-menu.show {
    width: 150%;
    border: 1px solid #aaa;
    border-radius: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    top: 7px !important;
}

.select-fil-d-main .dropdown-menu h6 {
    font-size: 13px;
}

.select-fil-d-main .dropdown-menu .value-box {
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color: #9fcc3a;
}

.filter-bottom-main {
    width: 100%;
    float: left;
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
}

.filter-bottom-main svg {
    width: 24px;
    height: 24px;
    position: relative;
    top: -2px;
}

.filter-bottom-main a {
    color: #fff;
    text-decoration: none;
}

.filter-bottom-main a svg {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.filter-bottom-main a:hover {
    color: #9FCC3A;
    text-decoration: none;
}

.filter-bottom-main a:hover svg {
    fill: #9FCC3A;
}

.filter-bottom-main button[type="button"] {
    color: #fff;
    text-decoration: none;
    background: none;
    border: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-transform: uppercase;
    position: relative;
    top: 8px;
    outline: none;
}

.filter-bottom-main button[type="button"] svg {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.filter-bottom-main button[type="button"]:hover {
    color: #9FCC3A;
    text-decoration: none;
    background: none;
}

.filter-bottom-main button[type="button"]:hover svg {
    fill: #9FCC3A;
}

.filter-bottom-main .filter-button-left {
    float: left;
    position: relative;
    left: -10px;
}

.filter-bottom-main .filter-button-left span {
    position: relative;
    top: 7px;
    left: 5px;
}

.filter-bottom-main .filter-button-right {
    float: right;
}

span.float-right.filter-button-badge {
    font-size: 10px;
    position: relative;
    top: 3px;
    display: block;
}


/* Left Property List Section */

#left-property-list-main {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    padding: 0;
}

#left-property-list-main>.row {
    height: 100%;
    margin: 0;
}

#left-property-list-inner {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 259px);
}

#left-property-list-inner2 {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    padding: 25px 15px 0px 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
}

#property-list-title-main {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 0px 0;
}

#property-list-title-main h1 {
    width: 100%;
    float: left;
    position: relative;
    padding: 8px 0 8px 0;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

#property-list-title-main select {
    width: 100%;
    float: left;
    position: relative;
    height: 34px;
    margin: 0 0 15px 0;
    padding: 5px 20px 3px 5px;
    color: #696560;
    font-size: 11px;
    background: url(../images/custom-icons/select-arrow.png) no-repeat right top #fff;
    background-size: 18px;
    background-position: 100% 10px;
    border: 1px solid #D9DBE4;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
}

#property-list-title-main select::-ms-expand {
    display: none;
}

.property-list-title-col-8 {
    width: 100%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    position: relative;
    padding: 0 15px;
}

.property-list-title-col-4 {
    width: 100%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    padding: 0 15px;
    text-align: right;
}


/* Property List Style */


/* Top Pagination Section */

#step-pagination-main {
    width: 100%;
    float: left;
    position: relative;
    z-index: 99;
    background: #F1F1F1;
    border-bottom: 1px solid #E1E1E1;
    margin: 45px 0 0 0;
    padding: 25px 0 0px 0;
    font-size: 18px;
    color: #909090;
    font-weight: 600;
}

#step-pagination-main .container {
    max-width: 100%;
}

#step-pagination-main ul {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

#step-pagination-main ul li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 20px 0 25px;
}

#step-pagination-main ul li::before {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-family: "FontAwesome";
    content: "\f105";
    color: #C0C0C0;
    font-size: 16px;
}

#step-pagination-main ul li:first-child {
    padding-left: 0;
}

#step-pagination-main ul li:first-child::before {
    display: none;
}

#step-pagination-main ul li span {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 15px 0;
}

#step-pagination-main ul li span::after {
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    left: 0;
    top: auto;
    bottom: -7px;
    content: '';
    background: none;
    border-radius: 100px;
}

#step-pagination-main ul li.active span {
    color: #1953D8;
}

#step-pagination-main ul li.active span::after {
    background: #1953D8;
}


/* Property List Left Side */

.property-list-inner-main {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 10px;
}

.property-list-box {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 25px 0;
}

.property-list-box-left {
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    padding: 0 15px;
}

.property-list-box-left .property-left-label {
    position: absolute;
    left: 30px;
    top: 15px;
    z-index: 9;
    display: inline-block;
    background: #FFE300;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    padding: 8px 8px 6px 8px;
    line-height: 1;
}

.property-list-box-left .property-list-box-img {
    width: 100%;
    float: left;
    position: relative;
    height: 234px;
    overflow: hidden;
    border-radius: 0;
}

.property-list-box-left .property-list-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.community-banner .property-list-box-img {
    height: 188px;
}

.community-detail .property-list-box-left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
}

.community-detail .property-list-box-img {
    height: auto !important;
}

.community-detail .property-list-box-right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 25px;
}

.property-list-box-right {
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    padding: 0 15px 0 0px;
}

.property-list-box-right .property-list-box-title-main {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
}

.property-list-box-right .property-list-box-title-main .property-list-box-title {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 0 0;
}

.property-list-box-right .property-list-box-title-main .property-list-box-title h3 {
    width: auto;
    max-width: 70%;
    float: left;
    position: relative;
    top: 5px;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    cursor: default;
}

.property-list-box-right .property-list-box-title-main .property-list-compare {
    position: absolute;
    right: 10px;
    display: inline-block;
    top: 0;
    z-index: 2;
    transition: 0.3s ease all;
}

.property-list-box-right .property-list-box-title-main .compare-button {
    width: 100%;
    float: left;
    position: relative;
}

.property-list-box-right .property-list-box-title-main .compare-button button {
    width: 100%;
    display: inline-block;
    position: relative;
    background: #9FCC3A;
    border: none;
    outline: 0;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 12px;
    padding: 4px 10px;
}

.property-list-box-right .property-list-box-title-main .compare-button button svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px 0 0;
}

.property-list-box-right .property-list-box-title-main .compare-button button:hover {
    color: #fff;
    text-decoration: none;
    background: #5d991f;
}

.property-list-box-right .property-list-box-desc {
    max-width: 100%;
    float: left;
    position: relative;
    font-size: 12px;
    color: #4d4d4d;
    font-weight: 400;
    margin: 0 0 15px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.property-list-box-right .community-address {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    cursor: default;
}

.show-compare {
    padding: 5px 5px 0;
    background: #9fcc31;
    color: #fff;
}

.property-list-compare span.compare {
    font-size: 12px;
    position: relative;
    top: -3.22px;
    left: 25px;
    cursor: default;
}

.property-list-box-right .property-list-box-feature-main {
    width: 100%;
    float: left;
    position: relative;
}

.property-list-box-right .property-list-feature-col-6 {
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    padding: 0 15px;
    margin: 0 0 10px 0;
}

.property-list-box-right .property-list-feature-col-5 {
    width: 100%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    position: relative;
    padding: 0 15px;
    margin: 0 0 20px 0;
}

.property-list-box-right .property-list-feature-text {
    width: 100%;
    float: left;
    position: relative;
    padding: 0px 0 0 45px;
    font-size: 10px;
    color: #4d4d4d;
    font-weight: 500;
}

.property-list-box-right .property-list-feature-text svg {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
}


/*.property-list-box-right .property-list-feature-text i { width: 32px; height: 32px; font-size: 27px; position: absolute; left: 0; top: 0; }*/

.property-list-box-right .property-list-feature-text span {
    width: 32px;
    height: 32px;
    font-size: 30px;
    position: absolute;
    left: 0;
    top: 0;
    color: #5c9eff;
}

.property-list-box-right .property-list-feature-text h5 {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: #777;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.property-list-box-right .property-list-feature-text p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 10px;
    color: #4d4d4d;
    cursor: default;
}

.property-list-box-right .property-list-tabs-main {
    width: 100%;
    float: left;
    position: relative;
}

.property-list-box-right .property-list-tabs-main .nav-tabs {
    border: 1px solid #D9DBE4;
}

.property-list-box-right .property-list-tabs-main .nav-tabs li.nav-item {
    width: 100%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
}

.property-list-box-right .property-list-tabs-main .nav-tabs li.nav-item a.nav-link {
    width: 100%;
    float: left;
    position: relative;
    color: #3A3B3D;
    text-decoration: none;
    background: #EDEEF4;
    border: none;
    text-align: center;
    border-radius: 0;
    font-weight: 600;
    padding: 10px 5px;
    line-height: 1;
    font-size: 11px;
    text-transform: uppercase;
}

.property-list-box-right .property-list-tabs-main .nav-tabs li.nav-item a.nav-link.active {
    color: #fff;
    background: #1953D8;
}

.property-list-box-right .property-list-tabs-main .nav-tabs li.nav-item a.nav-link:hover {
    color: #fff;
    background: #1953D8;
}

.property-list-box-right .community-tabs .nav-tabs li.nav-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.property-list-box-right .community-tabs .nav-tabs li.nav-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}


/* Property List Right Side */

.property-right-contain-main {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    background: #fff;
    padding: 0;
}

.property-right-contain-main .tab-content.slide-right-contain {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    background: #fff;
}

.property-right-contain-main .tab-content.slide-right-contain>.tab-pane,
.property-right-contain-main .tab-content.slide-right-contain>.tab-pane.collapse {
    width: 100%;
    max-width: 0;
    position: relative;
    z-index: 1;
    right: 0;
    top: 0;
    height: 100%;
    display: block !important;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translateX(100%);
    padding: 160px 0px 0px 0px;
}

.property-right-contain-main .tab-content.slide-right-contain>.tab-pane.black-bg {
    background: #000;
}

.property-right-contain-main .tab-content.slide-right-contain>.tab-pane.white-bg {
    background: #fff;
}

.property-right-contain-main .tab-content.slide-right-contain>.tab-pane.active.show {
    max-width: 50%;
    position: fixed;
    z-index: 9;
    transform: translateX(0%);
}

.property-right-contain-main .tab-content.slide-right-contain>.tab-pane.collapse.active.show {
    max-width: 50%;
}

.property-right-contain-main .tab-content.slide-right-contain>.tab-pane.collapse.active {
    max-width: 0;
}

.property-right-map {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    z-index: 5;
    padding-bottom: 110px;
}

.property-right-map iframe {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
}

.close-tab {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 25px;
    top: 7px;
    z-index: 999;
    cursor: pointer;
}

.close-tab svg {
    width: 32px;
    height: 32px;
}

#compreModelCenter .close-tab {
    top: -15px;
    right: -15px;
}

#compreModelCenter .modal-header {
    background: #2a2c30;
}

#compreModelLongTitle {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
}


/* Floor Section */

.property-floor-map-main {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    padding: 0px 15px 15px 15px;
}

.property-floor-map-main .nav.nav-tabs {
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 0;
    text-align: center;
    border: none;
}

.property-floor-map-main .nav.nav-tabs li.nav-item {
    display: inline-block;
    margin: 0 -4px 0 0;
    background: none;
    border: none;
}

.property-floor-map-main .nav.nav-tabs li.nav-item a.nav-link {
    width: 100%;
    float: left;
    position: relative;
    color: #3A3B3D;
    margin: 0;
    padding: 4px 20px;
    border-radius: 0;
    font-weight: 400;
    background: #EDEEF4;
    border: 1px solid #D9DBE4;
}

.property-floor-map-main .nav.nav-tabs li.nav-item a.nav-link:hover {
    color: #fff;
    background: #3A3B3D;
    border-color: #3A3B3D;
}

.property-floor-map-main .nav.nav-tabs li.nav-item a.nav-link.active {
    color: #fff;
    background: #3A3B3D;
    border-color: #3A3B3D;
}

.property-floor-map-main .tab-content {
    width: 100%;
    float: left;
    position: relative;
    height: calc(100% - 40px);
}

.property-floor-map-main .tab-content>.tab-pane {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
}

.property-floor-map-main .floor-map-img-main {
    width: 100%;
    position: relative;
    height: 100%;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.property-floor-map-main .floor-map-img-main img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    transition: 0.3s ease all;
    transform: scale(1);
}


/* Types Section */

.property-types-list-main {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    padding: 0px 15px 15px 15px;
    overflow: hidden;
    overflow-y: auto;
}

.property-right-type-box {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    padding: 15px;
    margin: 0 0 20px 0;
}

.property-right-type-left {
    width: 100%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 15px;
    position: relative;
}

.property-right-type-img {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.property-right-type-img img {
    width: 100%;
    height: 101%;
}

.property-right-type-right {
    width: 100%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 15px 0 0px;
    position: relative;
}

.property-right-type-right h3 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.property-right-type-right .property-right-type-price {
    width: 100%;
    float: left;
    position: relative;
    color: #1953D8;
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 10px 0;
}

.property-right-type-right .property-right-type-details {
    width: 100%;
    float: left;
    position: relative;
}

.property-right-type-right .property-right-type-details>.row {
    margin-right: -10px;
    margin-left: -10px;
}

.property-right-type-right .property-right-detail-col {
    width: 100%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 400;
}

.property-right-type-right .property-right-detail-col h5 {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 2px 0;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #3A3B3D;
}

.property-right-type-right .property-right-type-button {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 25px;
}

.property-right-type-right .property-right-type-button a.green-button {
    position: relative;
    background: #9FCC3A;
    border: none;
    outline: 0;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 7.5px 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 11px;
    width: 100%;
}

.property-right-type-right .property-right-type-button a.green-button span {
    position: relative;
    top: 8px;
    right: 5px;
    width: 16px;
    height: 16px;
    margin: 0 3px 0 0;
}

.property-right-type-right .property-right-type-button a.green-button:hover {
    color: #fff;
    text-decoration: none;
    background: #5d991f;
}

.property-right-type-right .property-right-type-button a.green-button span {
    width: 14px;
    height: 14px;
}


/*Progress Bar*/

.pb_container {
    width: auto;
    margin: 0px;
}

.progressbar {
    margin: 0;
    padding: 0;
    counter-reset: step;
}

.progressbar li {
    list-style-type: none;
    width: 130px;
    font-size: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
    font-weight: 400;
    display: inline-block;
    float: left;
}

.progressbar li.active {
    color: #7bc32b;
    font-weight: 600;
}

.progressbar li.complete {
    font-weight: 400;
    transition: 0.3s ease all;
}

.progressbar li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 28px;
    border: 2px solid #7d7d7d;
    font-size: 14px;
    display: block;
    text-align: center;
    margin: 0 auto 4px;
    border-radius: 50%;
    background-color: #fff;
    color: transparent;
    cursor: default;
}

.progressbar li.active:before {
    border-color: #7bc32b;
    cursor: pointer;
}

.progressbar li:after {
    width: 100%;
    height: 2px;
    content: "";
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: -50%;
    z-index: -1;
}

.progressbar li span {
    position: absolute;
    top: 7px;
    left: 43%;
    font-size: 16px;
    width: 19px;
    cursor: default;
}

.progressbar li:first-child:after {
    width: 100%;
    height: 2px;
    content: "";
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: 50%;
    z-index: -1;
}

.progressbar li.complete span {
    color: #fff;
    cursor: pointer;
    transition: 0.3s ease all;
}

.progressbar li.active span {
    cursor: pointer;
}

.progressbar li.complete:before {
    background-color: #7bc32b;
    cursor: pointer;
    transition: 0.3s ease all;
}

.progressbar li.active:after {
    background-color: #7bc32b;
}


/*Slide Modal*/

.sliding-modal {
    margin-top: 70px;
    overflow: hidden !important;
}

.sliding-modal .modal-dialog {
    width: 100%;
    max-width: 50%;
}

.sliding-modal .modal-body {
    padding: 0 0 108px 0 !important;
    height: calc(100vh - 108px);
}

.gallery .modal-body {
    padding: 20px 20px 108px 20px !important;
    background: #000;
}

.types .modal-body {
    padding: 25px 15px 108px 20px !important;
    background: #000;
}

.slider-for {
    margin-bottom: 15px;
    border-radius: 5px;
}

.slider-for img {
    width: 100%;
    min-height: 100%;
}

.slider-nav {
    margin: auto;
}

.slider-nav .item-slick {
    max-width: 132px;
    margin-right: 15px;
    cursor: pointer;
}

.slider-nav .item-slick img {
    max-width: 100%;
    background-size: cover;
    background-position: center;
}

.slick-arrow {
    z-index: 1100;
}

.slick-prev {
    left: 0;
}

.slick-prev:after {
    font-family: "Material Icons";
    content: "\e5cb";
}

.slick-next {
    right: 0;
}

.slick-next:after {
    font-family: "Material Icons";
    content: "\e5cc";
}

.item-slick.slick-slide.slick-current.slick-active {
    border: 2px solid #fff;
}

.lg-backdrop.in {
    opacity: 0.8;
}

#floor .modal-body {
    padding-top: 30px !important;
    border-top: 1px solid #eaeaea;
}

.more-info .modal-body {
    padding: 0 !important;
}

#types .modal-body {
    background: #111;
    padding-top: 30px !important;
}

.lg-outer {
    z-index: 2050;
}

.button-active {
    background-color: #1953d8 !important;
    color: #fff !important;
}


/* Google Map */

.gm-style .gm-style-mtc div {
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    height: 30px !important;
    font-family: "Poppins" !important;
}

.gmnoprint {
    border: 1px solid #D9DBE4;
}


/*overlay and fixed buttons*/

#fixed-buttons-menu {
    display: none;
}

.overlay .closebtn {
    display: none;
}

.overlay .responsive-filter {
    background: transparent;
    width: 90%;
    margin: 0 auto;
    padding: 25px 25px 15px;
}

.overlay .responsive-filter .dropdown button {
    width: 100%;
    padding: 8px 16px 7px 16px;
    font-family: "Poppins", "sans-serif";
    margin-bottom: 15px;
    text-align: left;
    position: relative;
}

.overlay .responsive-filter .dropdown .dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 15px
}

#header-logo span {
    display: none;
}

.gm-style .gm-style-iw-c {
    padding: 0;
    border-radius: 0px;
    width: 225px !important;
    /*  height: 142px !important; */
    line-height: 20px;
}

.gm-style .gm-style-iw-c b {
    display: block;
}

.gm-ui-hover-effect {
    display: none;
}

.gm-style .gm-style-iw-t::after {
    top: -1px;
}

.gm-style .gm-style-iw-d {
    overflow: hidden !important;
}

.zoom-action-buttons {
    position: absolute;
    right: 25px;
    top: 85px;
    background: #fff;
}

.zoom-action-buttons li {
    display: block;
    border: 1px solid #aaa;
    background: #fff;
    padding: 6px 6px 0;
    color: #aaa;
    cursor: pointer;
    transition: 0.3s ease all;
}

.zoom-action-buttons li:hover {
    background: #eaeaea;
    color: #646464;
}


/* Brochure Download Icon */

.brochure-image-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.brochure-image-wrapper img {
    height: auto;
    max-width: 100%;
    object-fit: contain;
    transition: 0.3s ease all;
}

#brochure-download {
    position: absolute;
    right: 65px;
    top: 7px;
    background: transparent;
    border: none;
    outline: none;
    color: #3a3b3d;
    padding: 4px;
    transition: 0.3s ease all;
}

#brochure-download:hover {
    color: #1d1d1d;
}


/* Chat Icon  */


/* .chat-bot{
    position: fixed;
    bottom: 50px;
    right: 13px;
    width: 45px;
    height: 45px;
    margin: 6px 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #ea831c;
    cursor: pointer;
    z-index: 2000;
} */


/* #tidio-chat-iframe{
    bottom: 20px !important;
    width: 400px !important;
    height: 547px !important;
} */

.map-mobile-icon,
.back-map {
    display: none;
}

.modal-open .modal {
    background: rgba(0, 0, 0, 0.7);
}

.property-list-inner-main::-webkit-scrollbar {
    width: .3em;
    background: transparent
}

.property-list-inner-main::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.4)
}

.sliding-modal .modal-body .property-types-list-main::-webkit-scrollbar {
    width: .3em;
    background: transparent
}

.sliding-modal .modal-body .property-types-list-main::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.6)
}

.feature-list-tag {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 12px;
    text-transform: uppercase;
    text-align: left;
    background: #9fcc3a;
    border: none;
    color: #fff;
}

.feature-list-tag:before {
    content: "";
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #9fcc3a;
    bottom: -8px;
    left: 20px;
}


/* Light Gallery */

.lg-outer .lg-toogle-thumb {
    left: 20px;
    right: auto;
}


/* Xplat Inner Page */


/*Left Fixed Floating Icons */

.fixed-floating-buttons-left li a span {
    color: #fff;
    text-decoration: none;
    background: #ea831c;
}

.fixed-floating-buttons-left li a p {
    margin: 0;
    display: inline-block;
    position: relative;
    top: -4px;
    font-size: 1rem;
}

.fixed-floating-buttons-left li:first-child a span {
    background: #2fbbba;
}

.fixed-floating-buttons-left li:nth-child(2) a span {
    background: #374a95;
}

.fixed-floating-buttons-left li:nth-child(3) a span {
    background: #cea126;
}

.fixed-floating-buttons-left li:nth-child(4) a span {
    background: #7bc22a;
}

.fixed-floating-buttons-left li:nth-child(5) a span {
    background: #ad293d;
}

.fixed-floating-buttons-left li:nth-child(6) a span {
    background: #2296f3;
}

.fixed-floating-buttons-left {
    position: fixed;
    top: 75px;
    z-index: 999;
    left: 280px;
    padding: 0px;
    -webkit-transform: translate(-250px, 0);
    -moz-transform: translate(-250px, 0);
    -ms-transform: translate(-250px, 0);
    -o-transform: translate(-250px, 0);
    transform: translate(-250px, 0);
}

.fixed-floating-buttons-left li {
    display: block;
    margin: 5px;
    background: rgba(0, 0, 0, 0);
    width: 300px;
    text-align: right;
    padding: 1px;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    outline: none;
}

.fixed-floating-buttons-left li:hover {
    -webkit-transform: translate(180px, 0);
    -moz-transform: translate(180px, 0);
    -ms-transform: translate(180px, 0);
    -o-transform: translate(180px, 0);
    transform: translate(180px, 0);
    background: rgba(255, 255, 255, 1);
    border: 1px solid #eaeaea;
}

.fixed-floating-buttons-left li:hover a {
    color: #000;
}

.fixed-floating-buttons-left li:hover span {
    color: #fff;
    background: red;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.fixed-floating-buttons-left li span {
    margin-left: 10px;
    color: #000;
    background: #fff;
    padding: 11.25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 22.5px;
    background: #ffffff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.lg-backdrop {
    z-index: 2000;
}


/* SideBar */

.home-data-wrap span:first-child {
    font-size: 15px;
    font-weight: 500;
}

.home-data-wrap span:nth-child(2) {
    font-size: 14px;
    font-weight: 300;
}

.home-data-wrap .home-icons span {
    font-size: 11.4px;
    color: #fff;
    display: inline-flex;
    font-weight: 300;
}

.home-data-wrap .home-icons span span {
    font-size: 15px;
}

.home-img {
    position: relative;
}

.home-img img {
    opacity: 1;
    transition: 0.3s ease opacity;
    backface-visibility: hidden;
}

.home-img img.fade-img {
    opacity: 0.3;
}

.home-img span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 0px;
    opacity: 0;
    transition: 0.3s ease opacity;
}

.home-img span.show-buttons {
    opacity: 1;
}

.home-img span svg {
    cursor: pointer;
    transition: 0.3s ease color;
}

.home-img span svg:hover {
    color: #9fcc3a;
}

.home-img span svg.active {
    color: #9fcc3a;
}


/*Modal */

.inner-sliding-modal {
    overflow: hidden !important;
    /* margin-top: 70px;
    margin-bottom: 93px; */
}

.inner-sliding-modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding-left: 344px;
    padding-top: 70px;
    padding-bottom: 93px;
}

.inner-sliding-modal .modal-dialog .modal-body {
    height: 100%;
}

.inner-sliding-modal .modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #232426;
    box-shadow: none;
    padding: 10px 15px;
    position: relative;
}

.inner-sliding-modal .modal-dialog.modal-notify.modal-info .modal-header div h5 {
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.inner-sliding-modal .modal-dialog.modal-notify.modal-info .modal-header div span {
    width: 28px;
    height: 28px;
    font-size: 15px;
    padding: 6.5px;
    background: #374a95;
    color: #fff;
    border-radius: 50%;
}

.inner-sliding-modal .modal-dialog.modal-notify.modal-info .modal-header div span.cross {
    background: transparent !important;
    font-size: 28px;
    padding: 0;
}

.inner-sliding-modal .modal-dialog.modal-notify.modal-info .modal-header .close-tab {
    position: absolute;
    right: 15px;
    cursor: pointer;
    top: unset;
    z-index: unset;
    width: auto;
    height: auto;
}

.inner-sliding-modal .modal-dialog.modal-notify.modal-info .modal-header .close-tab svg {
    width: 24px;
    height: 24px;
}

.inner-sliding-modal .modal-dialog.modal-notify .modal-body {
    padding-bottom: 65px;
}

.inner-sliding-modal .modal-dialog.modal-notify .modal-body .brochure-image-wrapper {
    text-align: center;
}

.inner-sliding-modal .modal-dialog.modal-notify .modal-body .brochure-image-wrapper img {
    position: relative;
    transition: .3s ease;
    backface-visibility: hidden;
}

.img-fade {
    opacity: 0.3 !important;
}

.text {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 16px;
    padding: 4px 20px;
    cursor: pointer;
}

.inner-sliding-modal .modal-dialog.modal-notify .modal-body .middle,
.sliding-modal .modal-body .middle {
    transition: .3s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.middle-show {
    opacity: 1 !important;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-header div span {
    background: #7bc22a;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .property-image {
    height: 50%;
    width: 100%;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .property-image.slick-slider .slick-track,
#property-modal .modal-dialog.modal-notify.modal-info .modal-body .property-image.slick-slider .slick-list {
    height: 100%;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .property-image.slick-slider .slick-arrow {
    margin-top: 0px;
    transform: translate(0, -50%);
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .property-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body h4 {
    color: #111;
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 13px;
    position: relative;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .property-info {
    width: 100%;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .property-info img {
    height: 21px;
    margin-right: 8px;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .property-info p {
    margin: 0;
    position: relative;
    top: 1.5px;
    color: #3a3b3d;
    font-weight: 500;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .tab-content {
    height: calc(100% - 15px);
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .nav.nav-tabs li.nav-item a.nav-link {
    width: 100%;
    float: left;
    position: relative;
    color: #3A3B3D;
    margin: 0;
    padding: 4px 20px;
    border-radius: 0;
    font-weight: 400;
    background: #EDEEF4;
    border: 1px solid #D9DBE4;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .nav.nav-tabs li.nav-item a.nav-link:hover,
#property-modal .modal-dialog.modal-notify.modal-info .modal-body .nav.nav-tabs li.nav-item a.nav-link.active {
    color: #fff;
    background: #3A3B3D;
    border-color: #3A3B3D;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .tab-content .floor-map-img-main {
    height: 100%;
    padding: 15px;
}

#property-modal .modal-dialog.modal-notify.modal-info .modal-body .tab-content .floor-map-img-main img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    position: relative;
    transition: .3s ease;
    backface-visibility: hidden;
    cursor: pointer;
}

#get-in-touch-modal .modal-dialog {
    max-width: 400px;
    padding-left: 0px;
}

#elevation-type-modal .modal-dialog {
    max-width: 400px;
    padding-left: 0px;
}

#elevation-type-modal .modal-body {
    overflow-y: auto;
}

#get-in-touch-modal .modal-dialog.modal-notify .modal-body {
    padding-left: 15px;
}

#get-in-touch-modal .modal-dialog .modal-content .modal-header div span {
    background-color: #cea126;
}

#get-in-touch-modal .input-group-addon {
    align-items: flex-start;
}

#mortgage-modal .modal-dialog.modal-notify .modal-body {
    padding-bottom: 15px;
    overflow: hidden;
}

#mortgage-modal .modal-dialog .modal-content .modal-header div span {
    background-color: #ad293d;
}

#map-modal .modal-dialog .modal-content .modal-header div span {
    background-color: #2296f3;
}

#map-modal .modal-dialog.modal-notify .modal-body {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    max-height: calc(100% - 48px);
}

.map-menu-wrapper {
    padding: 15px 15px 5px 15px;
}

.map-menu-wrapper .search-box-wrap {
    position: relative;
}

.map-menu-wrapper .search-box {
    padding: 9px 40px 8px 18px;
    border-radius: 0px;
    border: 1px solid #ccc;
    margin-bottom: 1.2rem;
    outline: none;
}

.map-menu-wrapper .search-box:focus {
    outline: none;
    box-shadow: none;
}

.map-menu-wrapper .search-box-wrap span {
    position: absolute;
    top: 10px;
    right: 15px;
}

.map-menu-wrapper ul {
    margin: 0px auto 0;
    max-width: 320px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px 20px;
}

.map-menu-wrapper ul li {
    max-width: 80px;
    width: auto;
}

.map-menu-wrapper ul li a {
    background-color: transparent !important;
    padding: 0 !important;
}

.map-menu-wrapper ul li p {
    text-align: center;
    font-size: 12px;
}

.map-menu-icons {
    min-width: 40px;
    min-height: 40px;
    max-height: 40px;
    max-width: 40px;
    background: #7bc22a;
    color: #fff;
    font-size: 20px;
    line-height: 42px;
    padding-left: 10px;
    border-radius: 50%;
    margin: 0 auto;
    cursor: pointer;
}

.map-menu-wrapper ul li:nth-child(2) .map-menu-icons {
    background: #ad293d;
}

.map-menu-wrapper ul li:nth-child(3) .map-menu-icons {
    background: #2296f3;
}

.map-menu-wrapper ul li:nth-child(4) .map-menu-icons {
    background: #ea831c;
}

.map-menu-list-wrap {
    max-height: calc(100% - 146px) !important;
    overflow-y: auto;
}

.map-menu-list-wrap .rest-icon {
    background: #2296f3;
}

.map-menu-list-wrap .school-icon {
    background: #ad293d;
}

.map-menu-list-wrap .mall-icon {
    background: #ea831c;
}

.map-menu-list-wrap div p {
    font-weight: 600;
    text-transform: uppercase;
}

.map-menu-list-wrap div a:hover {
    color: #444 !important;
}

.map-menu-list-wrap::-webkit-scrollbar {
    width: .3em;
    background: transparent
}

.map-menu-list-wrap::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    transition: 0.3s ease all;
}

.map-menu-list-wrap::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4)
}

.mortgage-overflow::-webkit-scrollbar {
    width: .3em;
    background: transparent
}

.mortgage-overflow::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    transition: 0.3s ease all;
}

.mortgage-list-overflow::-webkit-scrollbar {
    width: .3em;
    background: transparent
}

.mortgage-list-overflow::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    transition: 0.3s ease all;
}

#elevation-type-modal .modal-body::-webkit-scrollbar {
    width: .3em;
    background: transparent
}

#elevation-type-modal .modal-body::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    transition: 0.3s ease all;
}


/* Zoom Bar */

.zoom-icons {
    list-style: none;
    background: #fff;
    border-radius: 7px;
    width: 40px;
    box-shadow: 0 0 4px 1px #aaa;
}

.zoom-icons li {
    padding: 6px 6px 2px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
    cursor: pointer;
    color: #323232;
    transition: 0.3s ease all;
}

.zoom-icons li:first-child {
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    padding-bottom: 8.5px;
    padding-top: 8.5px;
}

.zoom-icons li:first-child div {
    transition: 0.3s ease transform;
}

.zoom-icons li:nth-child(3) {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

.zoom-icons li:hover {
    color: #fff;
    background: #7bcc2a;
}


/* Footer */

.footer div.row {
    padding: 0 15px;
    margin: 0;
}

.footer .footer-title h5,
.footer .footer-title h6 {
    line-height: 35px;
}

.footer .footer-title h5 {
    font-weight: 400;
}

.footer .footer-title span {
    position: relative;
    top: 4px;
    color: #7bcc2a;
}

.footer .footer-title h6 span {
    top: 5px;
}

.footer-btns a {
    background-color: #ad293d;
    padding: 7px 15px 6px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

.sticky-top .pb_container {
    margin: 0;
}

.sticky-top .progressbar li.percentage {
    color: #ad293d;
    transition: 0.3s ease all;
}

.sticky-top .progressbar li.percentage:before {
    border-color: #ad293d;
    transition: 0.3s ease all;
}

.sticky-top .progressbar li.percentage span {
    font-size: 10px;
    transition: 0.3s ease all;
}


/*----------- Responsive Start -----------*/

@media(max-width:1366px) {
    .property-right-type-right .property-right-type-button {
        margin-top: 20px;
    }
}

@media(max-width:1332px) {
    .property-right-type-right .property-right-type-button {
        margin-top: 15px;
    }
}

@media(max-width:1229px) {
    .property-list-box-right .property-list-box-title-main .property-list-box-title h3 {
        max-width: 65%;
    }
}

@media(max-width:1229px) {
    .footer .progressbar li span {
        left: 42%;
    }
    .footer .footer-title h5 {
        font-size: 18px;
    }
    .footer .footer-title h6 {
        font-size: 15px;
    }
}

@media(max-width: 1120px) {
    .progressbar li {
        width: 120px;
    }
    .property-list-box-right .property-list-box-title-main .property-list-box-title h3 {
        max-width: 60%;
    }
}

@media(max-width: 1100px) {
    span.float-right.filter-button-badge {
        display: none;
    }
}

@media(max-width:1079px) {
    #property-modal .modal-dialog.modal-notify.modal-info .modal-body .property-info p {
        font-size: 13px;
    }
}

@media(max-width:1023px) {
    .property-list-box-right .property-list-box-title-main .property-list-box-title h3 {
        max-width: 100%;
    }
    span.float-right.filter-button-badge {
        display: block;
    }
    .property-list-tabs-main {
        margin-top: 12px !important;
    }
    #x-content-col-right {
        opacity: 0;
        flex: 0 0 100%;
        max-width: 100%;
        transition: all .5s ease-in;
        -webkit-transition: all .5s ease-in;
        -moz-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        height: 0;
    }
    .map-show {
        height: 100% !important;
        opacity: 1 !important;
    }
    .content-hide-mobile {
        opacity: 0 !important;
        height: 0 !important;
    }
    #x-content-col-left {
        height: 100%;
        opacity: 1;
        flex: 0 0 100%;
        max-width: 100%;
        transition: all .5s ease-in;
        -webkit-transition: all .5s ease-in;
        -moz-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
    }
    .fullmap {
        height: calc(100vh - 156px);
    }
    #header-center-main {
        display: none;
    }
    #lower-main-x-contain {
        margin: 65px 0 0 0;
    }
    .propperty-filter-l-main {
        display: none;
    }
    #left-property-list-inner {
        height: calc(100vh - 108px);
    }
    .overlay {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        background-color: #3A3B3D;
        overflow-x: hidden;
        transition: 0.5s;
    }
    .overlay .filter-head {
        width: 100%;
        background: #3a9fcc;
        position: absolute;
        top: 0px;
        height: 60px;
        padding: 10px 15px;
    }
    .overlay .filter-head h3 {
        font-size: 17px;
        color: #fff;
        font-weight: 400;
        font-family: "Poppins";
        padding-top: 11px;
        text-transform: uppercase;
    }
    .overlay .closebtn {
        display: inline-block;
        position: static;
        float: right;
        width: 30px;
        height: 30px;
        margin-top: 5px;
    }
    .overlay .closebtn svg {
        height: 30px;
        width: 30px;
    }
    .overlay .propperty-filter-l-main {
        display: block;
        position: absolute;
        top: 65px;
        padding-bottom: 65px;
    }
    .overlay .select-fil-d-main .dropdown-menu.show {
        width: 100%;
    }
    .overlay #fixed-action-buttons {
        bottom: 0;
        padding: 5px 10px 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .overlay #fixed-action-buttons button {
        width: 100%;
        margin: 0;
        padding: 12px 15px 10px 15px;
        line-height: 1;
        white-space: nowrap;
        background: #3A3B3D;
        color: #fff;
        border: 1px solid #707070;
        border-radius: 0px;
        transition: 0.5s ease all;
    }
    .overlay #fixed-action-buttons button:hover {
        background: #fff;
        color: #3A3B3D;
    }
    .community-banner .property-list-box-img {
        height: 188px;
    }
    .select2-container--default .select2-selection--single {
        margin-bottom: 10px;
    }
    .chat-bot {
        width: 40px;
        height: 40px;
        bottom: 41px;
        right: 15px;
        transition: opacity .5s ease-in;
        -webkit-transition: opacity .5s ease-in;
        -moz-transition: opacity .5s ease-in;
        -o-transition: opacity .5s ease-in;
        opacity: 1;
    }
    .chat-bot span {
        font-size: 19px;
    }
    .icon-hide {
        opacity: 0;
    }
    /* Map Icon */
    .map-mobile-icon,
    .back-map {
        display: block;
        position: fixed;
        top: 45%;
        left: 0;
        width: auto;
        height: 30px;
        margin: 6px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        font-size: 10px;
        box-shadow: 0 1px 5px 0px #888;
        cursor: pointer;
        color: #323232;
        text-transform: uppercase;
        padding: 0 5px 0 3px;
        font-weight: 500;
        z-index: 9;
        opacity: 1;
        transition: 0.4s ease all;
    }
    .map-icon-hide {
        opacity: 0;
    }
    .back-map {
        z-index: 10;
        top: 150px;
        opacity: 0;
        left: auto;
        right: 0;
        border-radius: 0;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .show-back-map {
        opacity: 1;
    }
    .map-mobile-icon span {
        font-size: 14px;
    }
    .back-map span {
        font-size: 14px;
    }
    #header-logo span {
        display: inline-block;
        font-size: 34px;
        position: relative;
        top: 12.5px;
        color: #323232;
        cursor: pointer;
    }
    #header-logo {
        padding: 1px 0px 5px 5px;
        margin-top: 0px;
    }
    #header-logo img {
        height: 39px;
    }
    #header-right-main {
        padding: 9.5px 10px;
    }
    #header-xhome-main {
        height: 60px;
    }
    .fullmap {
        height: calc(100vh - 105px);
    }
}

@media(min-width:991px) {
    .sticky-top .logo #nav-icon {
        display: none;
    }
    #tray-menu {
        display: none;
    }
}

@media(max-width:991px) {
    /* Tray Menu */
    #tray-menu {
        top: 60px;
        height: 45px;
        padding: 0 3px;
        width: 25px;
        transition: 0.3s ease all;
        background: rgba(255, 255, 255, 0.9);
    }
    #tray-menu .right-arrow {
        font-size: 27px;
        position: absolute;
        right: 0px;
        transition: 0.3s ease transform;
        color: #323232;
    }
    .rotate-arrow {
        transform: rotate(-180deg);
    }
    .w-95 {
        width: auto !important;
        padding: 0 25px 0 15px !important;
    }
    #tray-menu .tray-menu-buttons {
        width: 100%;
        margin: 0;
        text-align: center;
        white-space: nowrap;
        opacity: 0;
        transition: 0.3s ease all;
        pointer-events: none;
    }
    #tray-menu .tray-menu-buttons-show {
        opacity: 1;
        pointer-events: unset;
    }
    #tray-menu .tray-menu-buttons li {
        display: inline-block;
    }
    #tray-menu .tray-menu-buttons li a span {
        height: 35px;
        width: 35px;
        line-height: 35px;
        border-radius: 50%;
        background: #2fbbba;
        color: #fff;
        font-size: 20px;
        margin-right: 5px;
    }
    #tray-menu .tray-menu-buttons li:nth-child(2) a span {
        background: #374a95;
    }
    #tray-menu .tray-menu-buttons li:nth-child(3) a span {
        background: #cea126;
    }
    #tray-menu .tray-menu-buttons li:nth-child(4) a span {
        background: #7bc22a;
    }
    #tray-menu .tray-menu-buttons li:nth-child(5) a span {
        background: #ad293d;
    }
    #tray-menu .tray-menu-buttons li:nth-child(6) a span {
        background: #2296f3;
    }
    #compreModelCenter .modal-dialog {
        max-width: 90% !important;
    }
    .sliding-modal .modal-dialog {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    .close-tab {
        right: 6px;
        top: 6px;
    }
    .sliding-modal {
        margin: 0;
        top: 60px;
    }
    .sliding-modal .modal-body {
        padding-bottom: 0px !important;
        overflow: auto;
        height: calc(100vh - 103px);
    }
    .gallery .modal-body {
        padding-bottom: 20px !important;
    }
    .types .modal-body {
        padding: 20px 0px 0px 0px !important;
    }
    #brochure-download {
        right: 40px;
    }
    .inner-sliding-modal {
        margin-left: 0;
    }
    .inner-sliding-modal .modal-dialog {
        padding-left: 0px;
        margin: 0;
        padding-top: 0px;
        padding-bottom: 39px;
    }
    .inner-sliding-modal .modal-dialog .modal-content {
        height: 100%;
    }
    .inner-sliding-modal .modal-dialog.modal-notify .modal-body {
        padding: 10px !important;
    }
    .fixed-floating-buttons-left {
        left: 0;
        top: 160px;
    }
    #elevation-type-modal .modal-dialog,
    #get-in-touch-modal .modal-dialog {
        max-width: 100%;
    }
    #get-in-touch-modal .modal-dialog .modal-content {
        height: 100%;
    }
    #get-in-touch-modal .modal-dialog.modal-notify .modal-body {
        padding-left: 65px;
    }
    #mortgage-modal .modal-dialog .modal-content {
        width: 100%;
    }
    .xplat-section .xplat-section-left .bottom-img {
        display: none;
    }
    .inner-sliding-modal .modal-dialog.modal-notify .modal-body {
        overflow-y: auto;
    }
    .sticky-top {
        height: 60px;
    }
    .sticky-top .pb_container {
        display: none;
    }
    .sticky-top .row {
        padding: 0 25px !important;
    }
    .fixed-floating-buttons-right,
    .fixed-floating-buttons-left {
        display: none;
    }
    .logo a {
        margin-top: 7px !important;
    }
    #nav-icon {
        top: -42px;
        left: -0.5px;
        margin-right: 3.5px;
    }
    .footer .footer-title h5,
    .footer .footer-title h6 {
        line-height: unset;
    }
}

@media(max-width:810px) {
    .map-menu-wrapper ul li p {
        font-size: 11px;
    }
    .footer .footer-title h5 {
        font-size: 17px;
    }
    .footer .footer-title h6 {
        font-size: 14px;
    }
    .footer-btns a {
        font-size: 13px;
    }
}

@media(max-width:767px) {
    .property-list-box-right .property-list-box-title-main .property-list-box-title h3 {
        max-width: 70%;
    }
    .logo a {
        margin-top: 2px !important;
    }
    .map-menu-wrapper ul li p {
        font-size: 12px;
    }
    .map-menu-list-wrap {
        max-height: 190px !important;
    }
    .height-resp {
        height: auto !important;
    }
    .map-menu-wrapper {
        padding: 0 15px 5px;
    }
    #property-modal .modal-body .row,
    #property-modal .modal-body .row div {
        height: auto !important;
    }
    #property-modal .modal-body .row div .nav.nav-tabs {
        margin-top: 20px !important;
    }
    #mortgage-modal .modal-dialog.modal-notify .modal-body {
        overflow-y: auto;
    }
    .mortgage-overflow {
        height: auto !important;
        margin-bottom: 15px;
    }
    .mortgage-list-overflow {
        height: auto !important;
    }
}

@media(max-width:666px) {
    #feature-list-wrapper {
        width: auto !important;
    }
    .footer-title {
        display: none;
    }
}

@media(max-width:630px) {
    .property-right-type-left {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .property-right-type-right {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .property-list-box-right .property-list-box-title-main .property-list-box-title h3 {
        max-width: 65%;
    }
}

@media(max-width:555px) {
    #nav-icon {
        top: -40px;
    }
    .logo a {
        margin-top: 5px !important;
    }
    .login-btn {
        height: 33.6px;
        width: 91.16px;
        font-size: 12px;
    }
    .login-btn svg {
        width: 14px;
        height: 14px;
    }
    .property-list-box-left {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .property-list-box-right {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 15px;
    }
    #fixed-buttons-menu button {
        font-size: 0.75rem;
        padding: 8px 5px 9px 5px;
    }
    #fixed-buttons-menu button span {
        top: 2px;
    }
    .property-right-type-left {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .property-right-type-right {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 10px 15px;
    }
    .property-right-type-right .property-right-type-button {
        margin-top: 5px;
    }
    .property-right-type-right .property-right-type-price {
        margin-bottom: 5px;
    }
    #header-logo {
        padding: 5px 0px 10px 5px;
    }
    #header-right-main {
        margin-top: -4px;
    }
    #header-logo img {
        height: 35px;
        margin-bottom: 2px;
    }
    #header-logo span {
        font-size: 30px;
    }
    #header-account-button button.green-button,
    .btn-secondary2 {
        padding: 8px 15px;
        font-size: 12px;
    }
    .btn-secondary2 {
        width: 132px;
        height: 35px;
    }
    #header-account-button .show>.dropdown-menu {
        min-width: 132px;
    }
    #header-account-button button.green-button svg {
        width: 14px;
        height: 14px;
    }
    #header-logo span {
        top: 9px;
    }
    .sliding-modal {
        top: 60px;
    }
    .logo img {
        height: 40px;
    }
    .sticky-top {
        height: 55px;
    }
}

@media(max-width: 424px) {
    #header-right-main {
        padding: 0;
        padding-right: 10px;
    }
    .property-list-box-right .property-list-box-title-main .property-list-box-title h3 {
        max-width: 70%;
    }
}

@media(max-width: 374px) {
    #header-logo img {
        height: 30px;
    }
    .sliding-modal {
        top: 50px;
    }
    #lower-main-x-contain {
        margin: 60px 0 0 0;
    }
    #fixed-buttons-menu button {
        font-size: 0.65rem;
        padding: 8px 5px 9px 5px;
    }
    #fixed-buttons-menu button span {
        font-size: 0.7rem;
        top: 1.9px;
    }
    .property-list-title-col-8 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .property-list-title-col-4 {
        -ms-flex: 0 0 41.66666%;
        flex: 0 0 41.66666%;
        max-width: 41.66666%;
    }
}

@media(max-width:351px) {
    .btn-secondary2 {
        padding: 6px 15px;
        font-size: 11px;
        width: 110px;
        height: 30px;
        letter-spacing: 0.03em;
    }
    #header-account-button .show>.dropdown-menu {
        min-width: 110px;
    }
}

@media(max-width:339px) {
    #header-logo {
        padding: 5px 5px 10px 5px;
    }
    #header-right-main {
        padding-right: 10px;
    }
    #header-account-button button.green-button svg {
        width: 12px;
        height: 12px;
    }
    #header-account-button button.green-button {
        padding: 6px 15px;
        font-size: 11px;
    }
    #header-logo img {
        height: 30px;
    }
    #header-logo span {
        font-size: 26px;
        top: 8px;
    }
}


/* Bootstrap Classes */

.border-right {
    border-right: 1px solid #dee2e6!important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
}

.xplat-section .xplat-section-left .top-img {
    display: none;
}

#place-image {
    text-align: center;
    padding: 15px 10px;
}
#place-image2 {
    height: 150px;
    overflow: hidden;
}
#place-name {
    margin-top: 6px;
    font-weight: 600;
    padding: 0 10px;
    text-transform:uppercase;
}

#place-address {
    padding: 5px 10px;
    margin-bottom: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #666;
}

#place-icon {
    border-radius: 50%;
    border: 2px solid;
    padding: 10px 13px;
}

#place-icon2 {
    border-radius: 50%;
    border: 2px solid;
    padding: 10px;
}
#place-icon3 {
    padding: 0px;
    width:100%;
}
.welcome-message {
    position: fixed;
    top: 86px;
    z-index: 999;
    left: 340px;
}
.welcome-message .arrow{
width: 12px;
    height: 20px;
    overflow: hidden;
    position: relative;
    float: left;
    top: 6px;
    right: -1px;
}
.welcome-message .arrow .inner, .welcome-message .arrow .outer {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 0;
}
.welcome-message .arrow .outer {
    border-right: 20px solid #fff;
    left: 0;
}
.welcome-message .message-body {
    float: left;
    width: auto;
    height: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 6px 8px;
    border-radius: 5px;
    box-shadow: 0 0 5px 1px #ccc;
}
.welcome-message .message-body p{
    margin:0;
}