/* ************************************************************************
 *  SEARCH FORM                                                          *
************************************************************************ */

#athome-search
{
	overflow: hidden;
	opacity: 1;
	transition: opacity .5s ease;
}

#athome-search.loading
{
	opacity: .2;
	transition: opacity .5s ease;
}

#athome-search-form
{
	background: whitesmoke;
	border: 1px solid lightgray;
}

#athome-search-form fieldset
{
	border: none;
}

#athome-search-form fieldset.athome-search-price,
#athome-search-form fieldset.athome-search-surface,
#athome-search-form fieldset.athome-search-bedrooms
{
	overflow: hidden;
	position: relative;
	margin-bottom: .5em;
	padding-top: 2em;
}

#athome-search-form fieldset.athome-search-price label,
#athome-search-form fieldset.athome-search-surface label,
#athome-search-form fieldset.athome-search-bedrooms label
{
	display: block;
	height: 2.5em;
	position: relative;
}

#athome-search-form fieldset.athome-search-price label > span,
#athome-search-form fieldset.athome-search-surface label > span,
#athome-search-form fieldset.athome-search-bedrooms label > span
{
	display: block;
	position: absolute;
	left: 50%;
	top: -2em;
}

#athome-search-form fieldset.athome-search-price label > span:first-child,
#athome-search-form fieldset.athome-search-surface label > span:first-child,
#athome-search-form fieldset.athome-search-bedrooms label > span:first-child
{
	left: 0;
}

#athome-search-form fieldset.athome-search-price label > input[name="min_price"],
#athome-search-form fieldset.athome-search-surface label > input[name="min_surface"],
#athome-search-form fieldset.athome-search-bedrooms label > input[name="min_bedroom"]
{
	position: absolute;
	left: 0;
	width: 48%;
}

#athome-search-form fieldset.athome-search-price label > input[name="max_price"],
#athome-search-form fieldset.athome-search-surface label > input[name="max_surface"],
#athome-search-form fieldset.athome-search-bedrooms label > input[name="max_bedroom"]
{
	position: absolute;
	right: 0;
	width: 50%;
}

#athome-search-form .athome-search-query input
{
	font-size: 1.2em;
	border: none;
	padding: .25em .5em;
}
*/

#athome-search-form fieldset .ui-slider
{
	margin-top: .5em;
}

#athome-search #athome-search-more
{
	display: none;
}

#athome-search.loaded #athome-search-more
{
	display: inline-block;
}

#athome-search .hide {
	display: none;
}

#athome-search .show {
	display: block;
}

/***  CSS Loader  ***/

/* Absolute Center Spinner */
.loading-overlay {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading-overlay:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading-overlay:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading-overlay:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}