.esh-blur {   position:relative; } .esh-blur .esh-blur-abs {   position:absolute;   z-index:1;   width:100%;   height:100%;   top:0;   left:0;   background-color:rgba(255, 255, 255, .15);   backdrop-filter:blur(5px); } .esh-blur .btn {   position:absolute;   top:50%;   left:50%;   transform:translate(-50%, -50%);   z-index:3; } .houzez-custom-autocomplete {   font-size:12px; } .houzez-custom-autocomplete ul {   margin:0;   padding:0; } .houzez-custom-autocomplete > ul > li li {   padding-left:10px;   padding-top:10px;   background:#fff; } .houzez-custom-autocomplete > ul > li > ul > li {   padding-top:10px; } .houzez-custom-autocomplete > ul > li > ul > li:last-child {   padding-bottom:10px; } .houzez-custom-autocomplete > ul > li {   background:#666666; } .houzez-custom-autocomplete h4 {   font-size:12px;   margin:0;   padding:10px;   color:#fff; } .houzez-custom-autocomplete a {   color:#595959; } .houzez-custom-autocomplete li {   padding:0; } .houzez-theme-btn-fa .fa {   margin-right:0 !important; } .price-dropdown {   min-width:250px;   width:100%;   max-width:400px;   padding:15px 10px; } .property-tags-list a {   font-size:12px;   line-height:1.2; } .single-property .detail-bar .detail-block + .detail-block {   margin-top:0; } .esh-property-meta {   font-weight:bold;   font-size:16px; } .detail-block li, .detail-block p {   font-size:16px; } .esh-property-meta li {   display:inline-block;   list-style:none;   margin-right:3px; } h2, h3, h4, h5, .detail-title .title-left {   font-size:22px;   line-height:22px; } .esh-property-meta li:before {   content:'';   width:4px;   height:4px;   border-radius:50%;   display:inline-block;   background:#000;   position:relative;   top:-3px;   left:-3px; } .header-detail .breadcrumb {   display:block !important; } .property-days-ago {   font-size:12px;   color:#666; } .esh-excerpt {   font-size:13px; } #gallery {   position:relative; } .gallery-left-arrow, .gallery-right-arrow {   position:absolute;   top:50%;   transform:translateY(-50%);   left:5%;   z-index:10;   display:block;   background-color:#77c720;   width:40px;   height:40px;   line-height:40px;   font-size:28px;   opacity:.6;   border:1px solid transparent;   color:#fff;   text-align:center; } .gallery-right-arrow {   right:5%;   left:initial; } #gallery:hover .gallery-left-arrow, #gallery:hover .gallery-right-arrow {   background-color:rgba(0, 174, 239, 0.75);   border-color:rgba(0, 174, 239, 0.75);   opacity:.9; } .item-body .property-title, .item-body h2 {   margin:0 !important; } .view-btn-custom {   font-size:20px;   margin:0 5px;   cursor:pointer;   color:#cfcfcf; } .hidden {   display:none; } .similier-bottom {   margin-top:20px; } .types-list {   list-style:none; } .types-list li {   display:inline-block; } .types-list span {   display:inline-block;   margin:0 5px; } .types-list span:last-child {   display:none; } .term-meta-block h2 {   margin-bottom:5px; } .term-meta-block .avg-parahraph {   margin-bottom:10px; } .property-breadcrumbs {   font-size:12px; } .property-breadcrumbs .delimiter:last-child {   display:none; } .leaflet-control-container .leaflet-top.leaflet-left {   display:none !important; } .banner-caption {   z-index:1 !important; } .listing-types-list a:last-child .delimiter {   display:none; } .btn-map a {   color:inherit; } .btn-map a:hover {   color:#000; } @media (max-width:991px) {   .advanced-search {  display:none !important;   } } @media (min-width:991px) {   .advanced-search-mobile {  display:none !important;   } } .es-hidden {   display:none; } @media screen and (max-width:767px) {   .sm-show {  display:block;   } } @media screen and (max-width:767px) {   .sm-hide {  display:none;   } } #houzez-gmap-main .map-next-prev-actions, #houzez-gmap-main .map-arrows-actions {   z-index:1 !important; } #menu-footer-menu {   columns:inherit; } .footer .widget-pages li {   margin:0 0 10px -10px !important; } .flex-space-between {   display:flex;   justify-content:space-between;   align-items:center; } .houzez-property-content:not(.expanded) {  overflow:hidden;   position:relative;   } @media screen and (max-width:767px) {   .houzez-property-content:not(.expanded) { } } .btn-unset-margin {   margin-top:-20px !important; } @media (max-width:767px) {   .btn-unset-margin {  margin-top:0px !important;   } } .single-property .header-left h1, .styled-address {   text-transform:capitalize !important; } .advanced-search-mobile label {   font-size:13px; } .advanced-search-mobile .bootstrap-select {   position:relative; } .advanced-search-mobile .bootstrap-select .fa-sort {   position:absolute;   right:13px;   top:50%;   transform:translateY(-50%); } .houzez-property-filter {   margin-bottom:15px; } .houzez-property-filter p, .houzez-property-filter div.houzez-custom-filter {   display:inline; } @media screen and (max-width:500px) {   .houzez-property-filter .dropdown-toggle {  padding-right:10px;   }   .houzez-property-filter p, .houzez-property-filter div.houzez-custom-filter {  display:block;   } } .show-on-mobile {   display:none; } @media screen and (max-width:991px) {   .show-on-mobile {  display:block;   } } .btn-appointment {   position:fixed;   bottom:0;   width:100%;   z-index:10; } .btn-appointment:hover, .btn-appointment:active, .btn-appointment:focus {   background-color:#77c720 !important;   border-color:#000000 !important; }  .detail-title {   padding-bottom:20px; } .detail-block {   padding:40px 40px 20px; } @media (max-width:767px) {   .detail-block {  padding:10px;   } } .btn-collapse {   background:transparent !important;   border:0 !important;   font-size:25px !important;   padding:0 !important; } .btn-collapse .fa {   margin-left:0 !important;  color:#77c720; }  .btn-show-more {   background:transparent;   border:1px solid #77c720;   color:#77c720; } .btn-show-more:hover, .btn-show-more:active, .btn-show-more:focus {   background:#77c720;   color:#fff; }   .property-neighbourhood .school-rate {   position:absolute;   position:absolute;   top:0px;   right:15px;   width:40px;   height:40px;   border-radius:50%;   text-align:center;   line-height:40px;   color:#fff;   box-sizing:border-box; }  .property-neighbourhood .bg-black {   background-color:#333; } .property-neighbourhood .bg-green {   background-color:#00b709; }  .school-info ul {   padding-left:20px;   line-height:25px; }  .school-info {   color:#525252;   font-style:italic; } #neighbourhood-Schools h4, #neighbourhood-Schools .school-name {   color:#29a9df;   font-weight:bold;   font-size:17px; } #neighbourhood-Schools span.fa {   color:#29a9df;   font-size:13px;   margin-right:10px; }  #neighbourhood-Schools .col-md-6 {   float:left;   position:relative;   width:48%;   padding:10px;   box-sizing:border-box;   border-bottom:1px solid #f0f0f0; } .property-neighbourhood #neighbourhood-Schools .col-md-6:nth-child(even) {   border-left:1px solid #f0f0f0; }  .property-neighbourhood .panel {   max-height:0;   overflow:hidden;   transition:max-height 0.2s ease-out; } .property-neighbourhood button {   border:none;   outline:none;   background:none; } .property-neighbourhood h3.title-left {   border-bottom:1px solid #ccc;   padding-bottom:20px;   margin-bottom:25px; } .property-neighbourhood .tab-area button {   color:rgba(0, 0, 0, .54);   font-size:16px;   font-weight:bold;   position:relative;   padding:0;   border:none !important;   outline:none !important;   background:none !important;   margin-right:20px; } .property-neighbourhood button.tablinks.active:before {   content:"";   border-bottom:2px solid #000;   position:absolute;   left:0;   width:100%;   bottom:-3px; }  button.tablinks.active {   color:rgba(0, 0, 0, .87); } .property-neighbourhood .tab-area {   margin-bottom:20px; } .property-neighbourhood table.table {   text-align:left;   width:100%;   line-height:40px; } .item-detail p {   margin-bottom:2px; } .property-neighbourhood thead tr {   border:none !important; } .property-neighbourhood .item-detail {   margin-bottom:20px; }  .property-neighbourhood tr {   border-bottom:1px solid #ccc !important; } .property-neighbourhood td {   padding:10px 29px;   text-align:left !important; } .property-neighbourhood table.table td:first-child {   padding-left:0; } .property-neighbourhood ul .inner {   overflow:hidden;   display:none; } .property-neighbourhood ul {   list-style:none;   padding:0;   margin:0; } .property-neighbourhood tr td {   border-bottom:1px solid #ccc !important;   padding-left:0 !important;   line-height:30px !important; } .property-neighbourhood .toggle:after {   content:'\f067';   right:0;   font-family:FontAwesome;   position:absolute;   color:rgba(0, 0, 0, .38) !important;   font-weight:normal;   font-size:18px; } .property-neighbourhood a.toggle.tab-open:after {   content:'\f068'; }  .property-neighbourhood .toggle.active:after {   content:"\2212"; } .property-neighbourhood ul.accordion {   width:100%;   max-width:700px; } .property-neighbourhood ul.accordion li {   position:relative;   margin-bottom:10px; } .property-neighbourhood span.icon {   width:40px;   height:40px;   box-shadow:0 0 0 2px rgba(0, 0, 0, .02), 0 1px 1px 0 rgba(0, 0, 0, .08);   border-radius:50%;   line-height:40px;   text-align:center;   color:#000;   font-size:24px;   margin-right:1.5rem; } .property-neighbourhood ul.accordion a {   color:#000;   text-decoration:none;   font-weight:normal; } .property-neighbourhood .inner.show {   border-top:1px solid rgba(0, 0, 0, .05) !important;   border-bottom:1px solid rgba(0, 0, 0, .05) !important;   margin-top:15px;   padding-top:15px;   padding-left:20px; }  .property-neighbourhood ul.inner.show li {   padding-left:5px; } .property-neighbourhood ul.inner.show li .show {   padding-top:0; } .property-neighbourhood .table > thead > tr > th {   padding-left:0;   border:none;   color:rgba(0, 0, 0, .87); } #neighbourhood-Schools span.icon.fa.fa-book {   font-size:24px !important;   color:#000 !important; } #neighbourhood-Schools span.icon.fa.fa-universal-access {   color:#000 !important;   font-size:24px !important; } .property-neighbourhood {   margin-top:45px; }  .property-neighbourhood .detail-title {   margin-bottom:0;   border:none; } .property-neighbourhood td {   border:none !important; } #Nearby span.bold {   clear:both;   display:block;   color:#000;   font-weight:bold; } @media (max-width:351px) {   .property-neighbourhood .tab-area button {  margin-right:10px;  font-size:14px;   } } @media (max-width:768px) {   #neighbourhood-Schools .col-md-6 {  width:100% !important;   } } @media (max-width:767px) {   body .advanced-search-mobile.advanced-search {  padding:0px 0 !important;   }   .view-btn {  padding:3px !important;  font-size:11px !important;   } } .title-bold {   font-weight:bold;   display:inline-block;   width:100%; } .property-neighbourhood .color-green {   color:#008000; } .property-neighbourhood .color-orange {   color:#ffa500; } .property-neighbourhood .color-blue {   color:#0000ff; } .property-neighbourhood .bg-red {   background:#e30000; } .bg-yellow {   background:#ffb500; } @media (max-width:767px) {   ul.inner.show p {  font-size:14px;   } } @media (max-width:480px) {   .mobile-nav .nav-trigger .fa-navicon {  font-size:15px !important;   }   .single-search-wrap .single-seach-btn .fa-search, .single-search-wrap .advance-btn .fa-sliders {  font-size:20px !important;   } } @media (min-width:768px) and (max-width:1024px) {   .mobile-nav .nav-trigger .fa-navicon {  font-size:20px !important;   }   .single-search-wrap .single-seach-btn .fa-search, .single-search-wrap .advance-btn .fa-sliders {  font-size:30px !important;   } }  .see_more_facts_sec .detail-title button, .see_less_facts_sec .detail-title button {   border-radius:30px;   background:#fff;   color:#77c720;   border-color:lightgrey; }  .detail-block .property_area_cat #property_neighborhood, .detail-block .property_sub_area_cat #property_area {   border-radius:5px;   border-color:black;   font-weight:bold;   color:black !important;   width:300px;   display:inline-block;   margin-top:0; } @media (max-width:480px) {   .detail-block .property_area_cat #property_neighborhood, .detail-block .property_sub_area_cat #property_area {  width:100% !important;   } } @media (max-width:991px) {   .detail-block .property_area_cat #property_neighborhood, .detail-block .property_sub_area_cat #property_area {  width:100% !important;   } } @media (min-width:768px) and (max-width:1024px) {   .detail-block .property_area_cat #property_neighborhood, .detail-block .property_sub_area_cat #property_area {  width:100% !important;  margin:10px !important;   } } #more_desc {   display:none; } .areaSubBtn {   padding-top:15px;   padding-bottom:0; } .areaSubBtn div {   text-align:center; } .detail-block-list {   height:145px;   overflow:hidden;   background-color:#FFFFFF;   opacity:0.3;   filter:Alpha(opacity=50); } .filter-icon-sticky {   position:fixed !important;   z-index:11 !important;   display:block !important;   width:100% !important;   -webkit-animation:fadein 0.4s;   -moz-animation:fadein 0.4s;   animation:fadein 0.4s;   background-color:#f7f7f7;   box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);  left:0px;   padding-left:15px; } .filter-sort {   font-size:14px; } .advanced-search-mobile, .advanced-search-sticky {   animation:fadeInAnimation ease 0.1s !important;   -moz-animation:fadeInAnimation ease 0.1s !important;   -webkit-animation:fadeInAnimation ease 0.1s !important;   -o-animation:fadeInAnimation ease 0.1s !important; } .sort-advance .btn {   background-color:transparent !important;   color:#008cd9 !important;   border:none !important; } .btn-map-icon {   border:solid 1px !important;   border-color:#cfcfcf !important;   padding:4px;   border-radius:7px;   color:#000;   font-size:14px; } .map-icon {   color:#008cd9 !important; } h1, h2, h3, h4, h5, h6, .entry-title, body.single-post .entry-title, body.page .entry-title, body.category .entry-title, .widget-title, .site-title, .site-description, body, blockquote, li, a, strong, b, em, .menu-chilliwack-condos-top-level-container li a, .menu-chilliwack-condos-top-level-container li span, #menu-chilliwack-condos-top-level li a, #menu-chilliwack-condos-top-level li span, .menu-chilliwack-district-condos-container li a, .menu-chilliwack-district-condos-container li span, #menu-chilliwack-district-condos li a, #menu-chilliwack-district-condos li span, .menu-chilliwack-district-homes-container li a, .menu-chilliwack-district-homes-container li span, #menu-chilliwack-district-homes li a, #menu-chilliwack-district-homes li span, .menu-chilliwack-district-townhouses-container li a, .menu-chilliwack-district-townhouses-container li span, #menu-chilliwack-district-townhouses li a, #menu-chilliwack-district-townhouses li span, .menu-chilliwack-homes-top-level-container li a, .menu-chilliwack-homes-top-level-container li span, #menu-chilliwack-homes-top-level li a, #menu-chilliwack-homes-top-level li span, .menu-chilliwack-townhouses-top-level-container li a, .menu-chilliwack-townhouses-top-level-container li span, #menu-chilliwack-townhouses-top-level li a, #menu-chilliwack-townhouses-top-level li span, .menu-footer-menu-container li a, .menu-footer-menu-container li span, #menu-footer-menu li a, #menu-footer-menu li span, .menu-fraser-valley-container li a, .menu-fraser-valley-container li span, #menu-fraser-valley li a, #menu-fraser-valley li span, .menu-fraser-valley-condos-container li a, .menu-fraser-valley-condos-container li span, #menu-fraser-valley-condos li a, #menu-fraser-valley-condos li span, .menu-fraser-valley-homes-container li a, .menu-fraser-valley-homes-container li span, #menu-fraser-valley-homes li a, #menu-fraser-valley-homes li span, .menu-fraser-valley-townhouses-container li a, .menu-fraser-valley-townhouses-container li span, #menu-fraser-valley-townhouses li a, #menu-fraser-valley-townhouses li span, .menu-greater-vancouver-condos-container li a, .menu-greater-vancouver-condos-container li span, #menu-greater-vancouver-condos li a, #menu-greater-vancouver-condos li span, .menu-greater-vancouver-houses-container li a, .menu-greater-vancouver-houses-container li span, #menu-greater-vancouver-houses li a, #menu-greater-vancouver-houses li span, .menu-greater-vancouver-townhouses-container li a, .menu-greater-vancouver-townhouses-container li span, #menu-greater-vancouver-townhouses li a, #menu-greater-vancouver-townhouses li span, .menu-help-container li a, .menu-help-container li span, #menu-help li a, #menu-help li span, .menu-main-menu-container li a, .menu-main-menu-container li span, #menu-main-menu li a, #menu-main-menu li span, .menu-metro-vancouver-container li a, .menu-metro-vancouver-container li span, #menu-metro-vancouver li a, #menu-metro-vancouver li span, .menu-north-fraser-container li a, .menu-north-fraser-container li span, #menu-north-fraser li a, #menu-north-fraser li span, .menu-tri-cities-real-estate-container li a, .menu-tri-cities-real-estate-container li span, #menu-tri-cities-real-estate li a, #menu-tri-cities-real-estate li span, .menu-vancouver-listings-container li a, .menu-vancouver-listings-container li span, #menu-vancouver-listings li a, #menu-vancouver-listings li span, .menu-vancouver-non-cannabalized-menu-container li a, .menu-vancouver-non-cannabalized-menu-container li span, #menu-vancouver-non-cannabalized-menu li a, #menu-vancouver-non-cannabalized-menu li span {   font-family:'roboto' !important; } .header-right a.text-capitalize {   text-transform:none; } .header-left .add_fav > .fa.fa-heart-o, .header-left [data-toggle=tooltip] > .fa.fa-share-alt {   height:100%;   display:flex;   align-items:center;   justify-content:center; } .btn-secondary > .fa.fa-map-marker + span, .btn-secondary > .fa.fa-usd + span {   padding-left:5px; } .btn-secondary.btn-outlined {   border:1px solid #ccc;   color:#111;   background:white; }  .btn-secondary.btn-outlined:hover, .btn-secondary.btn-outlined:focus {   border:1px solid #77c720;   color:#fff;   background:#77c720; }  .visible-xs-block.actions .btn-secondary span, .header-detail .actions .btn-secondary span {   font-size:12px; } .visible-xs-block.actions .btn-secondary, .header-detail .actions .btn-secondary {   padding:5px 10px; } .header-right > div {   line-height:1.5; } @media screen and (max-width:767.9px) {   .order-1 {  order:1;   }   .header-right > div {  line-height:1.5;   }   .order-2 {  order:2;   }   .flex-row .order-3 {  order:3;  padding-top:0;  display:block;   }   .flex-row.justify-between {  justify-content:space-between;   }   .flex-row .header-detail.order-3 > div {  width:100%;  max-width:100%;  display:block;   }   .flex-row .order-3 > .header-right {  text-align:left;  float:none;   }   .flex-row {  display:flex !important;  flex-wrap:wrap;  flex-direction:row;   }   .flex-row > div {  width:100%;   }   .flex-row > div.xs-w-auto .item-price {  margin-bottom:0;   }   .flex-row > div.xs-w-auto {  width:auto;  align-self:center;   }   .flex-row > div.xs-w-auto ~ .xs-w-auto {  margin-left:20px;   }   .flex-row .table-list {  max-width:100%;   }   .flex-row .header-detail h1 {  max-width:calc(100vw - 30px);  width:calc(100vw - 30px); }   .visible-xs-block.actions .share-btn span,   .visible-xs-block.actions .fvrt-btn span {  display:flex;  align-items:center;  justify-content:center;  flex-wrap:nowrap;   } .visible-xs-block.actions .btn-sm {   } } .info-row.amenities:not(.hide-on-grid) {   display:flex;   justify-content:flex-start;   align-items:center;   width:100%; } .sort-results-limit {   margin-bottom:10px;   font-size:13px;   line-height:1.2;   color:#7f7f7f; } .flex-sort-tab {   display:flex;   flex-direction:column;   background:#eee;   padding:10px;   border:1px solid rgba(0, 0, 0, .1);   margin-bottom:15px; }  .flex-total-res {   display:flex;   flex-direction:row;   justify-content:space-between;   align-items:center;   font-size:14px; }  .flex-sort-tab .view-btn {   color:#333; } .flex-sort-tab .map-view {   margin-left:0;   padding-left:0; } .flex-sort-tab .view-btn.active, .flex-sort-tab .view-btn:hover {   color:#111; } @media screen and (max-width:767.9px) {   .tabs.table-cell.v-align-top p {  margin-bottom:0;   } } @media screen and (min-width:768px) {   .flex-sort-tab {  flex-direction:row;  justify-content:space-between;  align-items:center;   } } #mortgage_mwbi_1 {   font-weight:bold; } .grecaptcha-badge {   height:0 !important;   overflow:hidden !important; } .aspect-ratio-box-65 {   overflow:hidden;   height:0;   padding-top:65%;   background:white;   position:relative; } .aspect-ratio-box-65 > * {   position:absolute;   left:0;   top:0;   width:100%; }