/* @group Jquery UI Slider + Price Bar
------------------------------------ */
.price-bar {}
.ui-slider { position: relative; text-align: left; width: 20.8rem; }
.ui-slider { height: 1.1rem; background: rgba(255, 255, 255, 1); }
.ui-widget-header { background: linear-gradient(270deg, rgba(241,201,119,1) 0%, rgba(249,230,175,1) 100%); }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 1em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider .ui-slider-handle { background: linear-gradient(270deg, rgba(241,201,119,1) 0%, rgba(249,230,175,1) 100%); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5); position: absolute; z-index: 2; height: 2.7rem; width: .9rem;
  -ms-touch-action: none; touch-action: none; top: -.9rem; -webkit-border-radius: 4.5px; -moz-border-radius: 4.5px; border-radius: 4.5px; cursor: pointer; box-sizing: border-box; }
.price-bar {}
.price-bar ul {}
.price-bar li { color: rgba(255,255,255,1); font-size: 2.4em; font-weight: 800; letter-spacing: 0.75px; line-height: 1.210em; }
@media only screen
and (min-width : 961px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .ui-slider { width: 24.7rem; }
  .ui-slider { height: 1.4rem; background: rgba(26,46,87,1); }
  .ui-slider .ui-slider-handle { height: 3.2rem; width: 1.1rem; top: -1.1rem; }
  .price-bar li { color: rgba(26,46,87,1); font-size: 3.2em; letter-spacing: 1px; line-height: 1.219em; margin-right: 3rem; }
}
/* @end */
/* @group Property Filters
------------------------------------ */
.filter-container { position: relative; z-index: 4; top: -3.5rem; margin-bottom: .2rem; }
.filter-container .box { background: rgba(255,255,255,1); box-shadow: 0 2px 13px 0 rgba(0,0,0,0.18); }
/* Top
----------------------*/
.filter-top { background: rgba(26,46,87,1); }
.filter-top .reset { font-size: 2.7em; height: 7rem; width: 7rem; background: linear-gradient(270deg, rgba(241,201,119,1) 0%, rgba(249,230,175,1) 100%); }

/* Top - Slider
----------------------*/
.price-bar { min-width: 40.6rem; position: relative; margin-right: 6.9rem; }
.price-bar .ui-slider { position: absolute; top: calc(50% - .55rem); left: calc(50% - 11.5rem); }
.price-bar .row { height: 7rem; }
/* Top - Fake Select
----------------------*/
.filter-top .fake-select label { cursor: pointer; }
.filter-top .fake-select input + label::before { content: ''; position: absolute; top: .6rem; left: 0; height: 1.8rem; width: 1.8rem; background: rgba(255,255,255,1); border: .4rem solid rgba(255,255,255,1); border-radius: 100%; }
.filter-top .fake-select input:checked + label::before { background: rgba(26,46,87,1); }
.filter-top .fake-select input[type="checkbox"],
.filter-top .fake-select input[type="radio"] { position: absolute; left: -100vw; }
/* Top - Radio Switch
----------------------*/
.filter-top .radio-switch { height: 7rem; width: 15rem; background: linear-gradient(270deg, rgba(241,201,119,1) 0%, rgba(249,230,175,1) 100%); padding: 1.8rem 3.2rem 1.7rem 2.8rem; position: relative; }
.radio-switch input { height: 100%; opacity: .00001; position: absolute; top: 0; width: 100%; z-index: 3; cursor: pointer; margin: 0; }
.radio-switch a,
.radio-switch label { color: rgba(26,46,87,1); font-size: 1.2em; font-weight: 600; letter-spacing: 2.4px; line-height: 3.5rem; position: relative; vertical-align: middle; cursor: pointer; z-index: 2; text-transform: uppercase; position: absolute; }
.radio-switch a span,
.radio-switch label span { opacity: 0; visibility: hidden; transition: opacity 0s ease-in-out, visible 0s ease-in-out; }
.radio-switch input:checked { z-index: -1; }
.radio-switch input:checked + label {}
.radio-switch input:checked + label span { opacity: 1; visibility: visible; transition: opacity 1s ease-in-out, visible 1s ease-in-out; }
.radio-switch h3 + a,
.radio-switch label:first-of-type { padding-left: 1.4rem; padding-right: 4.3rem; }
.radio-switch h3 + a:after,
.radio-switch label:first-of-type:after { content: ''; background: rgba(255,255,255,1); height: 3.5rem; width: 9rem; overflow: hidden; pointer-events: none; position: absolute; vertical-align: middle; left: 0; top: 0; border-radius: 1.75rem; z-index: -1; }
.radio-switch h3 + a:before,
.radio-switch label:first-of-type:before { content: ''; transition: right .2s ease-in-out; background: rgba(26,46,87,1); height: 2.9rem; width: 2.9rem; border-radius: 100%; z-index: 2; right: 5.7rem; position: absolute; top: .3rem; }

.radio-switch h3 + .active:before,
.radio-switch input:checked + label:first-of-type:before { right: .5rem; }
.radio-switch label:last-child { padding-left: 4.5rem; padding-right: 1.2rem; }
/* Bottom
----------------------*/
.filter-bottom { height: 4.2rem; background: rgba(255,255,255,1); }
.filter-bottom button { color: rgba(26,46,87,1); font-size: 1.2em; font-weight: 600; letter-spacing: 2.4px; line-height: 1.250em; height: 4.2rem; }
.filter-bottom button i { font-size: .750em; }
.filter-bottom .active button i { transform: rotate(180deg); }
/* Bottom Advance
----------------------*/
.advance-container > button { max-width: 24.1rem; padding: 0 4.1rem; }
.advance-container > button i { margin-left: .3rem; }
.showAdvanceFilters .advance-container > button i { transform: rotate(180deg); }
/* Bottom Sort
----------------------*/
.showAdvanceFilters .sort-container { display: none; }
.sort-container > button { background: rgba(237,248,251,1); padding: 0 3.4rem 0 2.4rem; }
.sort-container ul { position: absolute; background: rgba(237,248,251,1); width: 100%; opacity: 0; visibility: hidden; box-shadow: 0 2px 13px 0 rgba(0,0,0,0.18); }
.sort-container.active ul { opacity: 1; visibility: visible; }
.sort-container li { padding: 0 3.4rem 0 2.4rem; color: rgba(22,45,90,1); font-size: 1.2em; font-weight: 600; letter-spacing: .08em; line-height: 3.000em; }
.sort-container li.active { display: none; }
.sort-container li a { color: rgba(22,45,90,1); display: block; }
/* Advance Filters
----------------------*/
.advance-filters { position: absolute; background: rgba(255,255,255,0.9); z-index: 2; opacity: 0; visibility: hidden; box-shadow: 0px 46px 45px 20px rgba(0,0,0,0.18); margin: 0 .5rem; left: -.25rem; width: calc(100% - .5rem); padding: 2rem 0 0; top: 11.2rem; }
.showAdvanceFilters .advance-filters { opacity: 1; visibility: visible; }
.advance-filters h3 { color: rgba(26,46,87,1); font-size: 2.4em; font-weight: 800; letter-spacing: 0.75px; line-height: 1.210em; margin: 0 0 .5rem; }
.advance-filters li { color: rgba(0,100,163,1); font-size: 1.4em; font-weight: 600; letter-spacing: 0.25px; line-height: 1.5em; position: relative; padding-left: 2.9rem; padding-right: .5rem; margin: 0 0 1rem; }
.advance-filters label { cursor: pointer; }
.advance-filters input + label::before { content: ''; position: absolute; top: .2rem; left: 0; height: 1.8rem; width: 1.8rem; background: rgba(199,233,244,1); border: .4rem solid rgba(199,233,244,1); border-radius: 100%; }
.advance-filters input:checked + label::before { background: rgba(26,46,87,1); }
.advance-filters input[type="checkbox"],
.advance-filters input[type="radio"] { position: absolute; left: -100vw; }
.advance-filters .bttn { background: rgba(26,46,87,1); color: rgba(241,201,119,1); margin: 4.4rem 0 0; }

.filter-bottom button i.icon-Artboard-Copy-47{
  display: none;
}

.filter-bottom button i.icon-Artboard-Copy-47{
  transform: none;
  font-weight: 900;
  margin-left: 4px;
  position: relative;
  bottom: 1px;
}

.filter-bottom button span.close,
.showAdvanceFilters .filter-bottom button i.icon-Artboard-Copy-34,
.showAdvanceFilters .filter-bottom button span.open{
  display: none;
}

.showAdvanceFilters .filter-bottom button span.close,
.showAdvanceFilters .filter-bottom button i.icon-Artboard-Copy-47{
  display: block;
}

@media only screen
and (min-width : 961px) {
  /* Top
  ----------------------*/
  .filter-top .col-36-36:not(.bttn) { -ms-flex: 0 0 calc(100% - 22rem); flex: 0 0 calc(100% - 22rem); max-width: calc(100% - 22rem); padding: 0 3.9rem; position: static; }
  .filter-top .col-36-36 .row:not(.advance-filters) { height: 7rem; }
  .filter-top .reset::before { display: inline-block;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  .Mozilla.v11 .filter-top .reset:hover::before,
  .Explorer .filter-top .reset:hover::before { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  @media (hover: hover) {
    .filter-top .reset:hover::before { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  }
  /* Top - Fake Select
  ----------------------*/
  .filter-top .fake-select { margin-right: 7rem; }
  .filter-top .fake-select:last-child { margin-right: 0; }
  .filter-top .fake-select button { height: 7rem; color: rgba(255,255,255,1); font-size: 2.4em; font-weight: 800; letter-spacing: 0.75px; line-height: 1.210em; width: 16rem; }
  .filter-top .fake-select button span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .filter-top .bedrooms button { width: 14.9rem; }
  .filter-top .fake-select i { color: rgba(241,201,119,1); font-size: .585em; position: relative; top: .25rem; }
  .filter-top .active i { transform: rotate(180deg); }
  .filter-top .fake-select ul { position: absolute; background: rgba(26,46,87,1); box-shadow: 0 2px 9px 0 rgba(0,0,0,0.5); padding: 1.5rem 3.1rem; width: 25rem; z-index: 4; opacity: 0; visibility: hidden; margin-left: -1.9rem; }
  .filter-top .active ul { opacity: 1; visibility: visible; }
  .filter-top .fake-select li { color: rgba(255,255,255,1); font-size: 1.4em; font-weight: 600; letter-spacing: 0.25px; line-height: 2.286em; position: relative; padding-left: 2.9rem; }
  /* Bottom Sort
  ----------------------*/
  .Mozilla.v11 .sort-container li a:hover,
  .Explorer .sort-container li a:hover { text-indent: 8px; }
  @media (hover: hover) {
    .sort-container li a:hover { text-indent: 8px; }
  }
  /* Advance Filters
  ----------------------*/
  .advance-filters { flex-direction: column; height: 62rem; padding-bottom: 7rem; }
  .advance-filters > div { padding: 0 4.1rem; flex: 0 0 auto; }
  .advance-filters > .amenities + .garages { margin-left: -7rem; }
  .advance-filters ul { max-height: 42.6rem; overflow: hidden; overflow-y: auto; scrollbar-color: rgba(0,100,163,1) rgba(199,233,244,1); scrollbar-width: thin; margin: 0 0 2rem; }
  .advance-filters ul::-webkit-scrollbar { width: .5rem; }
  .advance-filters ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 6px 6px 6px rgba(199,233,244,1); }
  .advance-filters ul::-webkit-scrollbar-thumb { background-color: rgba(0,100,163,1); outline: .1rem solid rgba(0,100,163,1); }
  .advance-filters .amenities ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; }
  .advance-filters .bttn { position: absolute; bottom: 0; left: 0; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .filter-container { top: auto; margin-bottom: 8.1rem; padding: 0; }
  /* Bottom
  ----------------------*/
  .filter-bottom { height: 6.9rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .filter-bottom p { color: rgba(26,46,87,1); font-size: 2.6em; font-weight: 800; letter-spacing: 0.56px; line-height: 2.269em; padding: 0 3.3rem; width: 50%; }
  .filter-bottom .sort-container { max-width: 50%; }
  .filter-bottom button { font-size: 2.1em; letter-spacing: 3.7px; line-height: 1.193em; height: 6.9rem; }
  .filter-bottom button i { font-size: .810em; }
  /* Top
  ----------------------*/
  .filter-top { background: rgba(26,46,87,1); }
  .filter-top .reset { font-size: 4.2em; height: 10rem; width: 10rem; }
  /* Top - Slider
  ----------------------*/
  .price-bar { width: 100%; position: relative; max-width: 57.8rem; margin: 6rem 0 0; padding: 0 0 0 3.8rem; }
  .price-bar .ui-slider { top: calc(50% - .55rem); left: calc(50% - 13.3rem); }
  .price-bar .row { height: 3.9rem; }
  /* Top - Radio Switch
  ----------------------*/
  .filter-top .radio-switch { height: 10rem; width: 19.5rem; padding: 2.2rem 2.7rem; }
  .radio-switch a,
  .radio-switch label { font-size: 2em; letter-spacing: 4px; line-height: 5.5rem; }
  .radio-switch h3 + a,
  .radio-switch label:first-of-type { padding-left: 2.1rem; padding-right: 6.5rem; }
  .radio-switch h3 + a:after,
  .radio-switch label:first-of-type:after { height: 5.5rem; width: 100%; border-radius: 29px; }
  .radio-switch h3 + a:before,
  .radio-switch label:first-of-type:before { height: 4.5rem; width: 4.6rem; right: 9.8rem; top: .5rem; }

  .radio-switch h3 + .active:before,
  .radio-switch input:checked + label:first-of-type:before { right: .8rem; }
  .radio-switch label:last-child { padding-left: 7rem; padding-right: 1.6rem; }
  /* Bottom Sort
  ----------------------*/
  .sort-container > button { padding: 0 4.2rem 0 2.1rem; }
  .sort-container ul { padding: 1rem 0; }
  .sort-container.active ul {}
  .sort-container li { padding: 0 4.2rem 0 2.1rem; font-size: 2.1em; letter-spacing: 4.5px; line-height: 2.860em; }
  /* Top - Open Filters
  ----------------------*/
  .filter-top .open-allfilters { color: rgba(255,255,255,1); font-size: 3.2em; font-weight: 800; letter-spacing: 1px; line-height: 1.219em; width: calc(100% - 29.5rem); height: 10rem; }
  .filter-top .open-allfilters i { font-size: 1.375em; margin-right: 2.4rem; position: relative; vertical-align: middle; top: ; }
  /* Top - Fake Select
  ----------------------*/
  .filter-top .fake-select { width: 100%; padding: 0 4.2rem 0 3.8rem; }
  .filter-top .fake-select::before { content: ''; background: rgba(237,248,251,1); display: block; height: .2rem; margin: 4.6rem 0 3.1rem; }
  .filter-top .fake-select button { color: rgba(26,46,87,1); font: 800 3.2em / 1.219em proxima-nova, Arial, helvetica sans-serif; letter-spacing: 1px; margin: 0 0 3.1rem; }
  .filter-top .fake-select ul { /*-webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem;*/ display: flex; flex-wrap: wrap; }
  .filter-top .fake-select li { color: rgba(0,100,163,1); font-size: 2.4em; font-weight: 800; letter-spacing: 0.75px; line-height: 1.210em; padding-left: 5.2rem; margin: 0 0 1.210em; max-width: 50%; width: 100%; flex: 0 0 50%; position: relative; }
  .filter-top .fake-select input + label::before { content: ''; position: absolute; top: 0; height: 3rem; width: 3rem; background: rgba(199,233,244,1); border: .5rem solid rgba(199,233,244,1); border-radius: 100%; }
  .filter-top .fake-select input:checked + label::before { background: rgba(26,46,87,1); }
  .filter-top .fake-select input[type="checkbox"],
  .filter-top .fake-select input[type="radio"] { position: absolute; left: -100vw; }
  /* Top - 36
  ----------------------*/
  .filter-top .col-36-36:not(.bttn) { position: absolute; opacity: 0; visibility: hidden; z-index: -1; top: 10rem; left: 0; width: 100%;
  background: rgba(255,255,255,1); padding: 0; height: calc(100vh - 72.2rem); overflow: hidden; overflow-y: scroll;}
  .filter-top .col-36-36 i { display: none; }
  /* .showAdvanceFilters { overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } */
  .showAdvanceFilters .filter-top .col-36-36 { opacity: 1; visibility: visible; z-index: 3; }
  .showAdvanceFilters .a5-widget-container { display: none; }
  /* Advance Filters
  ----------------------*/
  .advance-filters { margin: 0; left: auto; width: 100%; padding: 0; top: auto; position: relative; box-shadow: none; padding-bottom: 17.8rem; }
  .iPhone-iPod .advance-filters { padding-bottom: 35.8rem; }
  .advance-filters div { padding: 0 4.2rem 0 3.8rem; }
  .advance-filters div::before { content: ''; background: rgba(237,248,251,1); display: block; height: .2rem; margin: 4.6rem 0 3.1rem; }
  .advance-filters h3 { font-size: 3.2em; letter-spacing: 1px; line-height: 1.219em; margin: 0 0 3.1rem; }
  .advance-filters ul { /*-webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem;*/ display: flex; flex-wrap: wrap; }
  .advance-filters li { font-size: 2.4em; font-weight: 800; letter-spacing: 0.75px; line-height: 1.210em; padding-left: 5.2rem; padding-right: 0; margin: 0 0 1.210em; max-width: 50%; width: 100%; flex: 0 0 50%; }
  .advance-filters input + label::before { top: 0; height: 3rem; width: 3rem; border-width: .5rem; }
  .advance-filters .bttn { color: rgba(255,255,255,1); margin: 6.8rem 0 0; padding: 4.3rem 0; position: fixed; bottom: 0; left: 0; }

}
/* @end */