/*
 * ash-style.css
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }
.ash-container { border: 1px solid rgb(213, 213, 213); box-shadow: 0 2px 2px rgba(0, 0, 0, .1);}
.ash-container,
.ash-container h1,
.ash-container h2,
.ash-container h3,
.ash-container h4,
.ash-container h5,
.ash-container span,
.ash-container p {font-family: 'Open Sans', sans-serif;}
.ash-container .ash-form-container {padding:20px;background: url(/wapo/images/intro.jpg) no-repeat center bottom; background-size: cover;}
.ash-logo { display:block; padding-top: 48px; width: 180px; height: 0; background: url(/wapo/images/ash-logo.svg) 0px 0px no-repeat; overflow: hidden; }
.ash-headline {transition: all .2s ease-in-out;margin-top:.3em;font-size:3em;font-weight:300;color:#fff;text-shadow: 0 0 20px rgba(0,0,0,.45);}
.ash-container .ui-state-focus,
.ash-container input:focus,
.ash-container select:focus,
.ash-container textarea:focus,
.ash-container button:focus { outline: none; }
/* ================================================================ *\
	# FORMS
\* ================================================================ */
/*super generic -------------------------------------------*/
.ash-container input[type=text]::-webkit-input-placeholder { opacity: 1; color: #727272; }
.ash-container input[type=text]:-moz-placeholder { opacity: 1; color: #727272; }
.ash-container input[type=text]::-moz-placeholder { opacity: 1; color: #727272; }
.ash-container input[type=text]:-ms-input-placeholder { opacity: 1; color: #727272; }
.ash-container input[type=text].input-error::-webkit-input-placeholder { opacity: 1; color: #b8000a; }
.ash-container input[type=text].input-error:-moz-placeholder { opacity: 1; color: #b8000a; }
.ash-container input[type=text].input-error::-moz-placeholder { opacity: 1; color: #b8000a; }
.ash-container input[type=text].input-error:-ms-input-placeholder { opacity: 1; color: #b8000a; }

/*.ash-container .selecter-selected,*/
.ash-container .field, input[type=text] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;width:100%;
    margin: 0; padding: 10px; height: auto; background:#fff; background: rgba(255,255,255,.9);border-radius: 4px; border: 0; font-family: 'Open Sans', sans-serif;font-size: .9em; color: #383838;line-height:1.345em;background-repeat: no-repeat;}
.ash-container .btn {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;
    margin: 0; padding: 10px; height: auto; border-radius: 4px; border: 0; font-family: 'Open Sans', sans-serif;font-size: .9em; color: #383838;line-height:1.345em;background-repeat: no-repeat;}
.ash-container .btn:hover {cursor:pointer;}
.ash-container .select-style {
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;width: 100%;border-radius: 4px;
    background: rgba(255,255,255,.9) url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 95% 50%;background-position:right 6px center;}
.ash-container .select-style select {
        -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;width:100%;
        margin: 0; padding: 10px; height: auto; border-radius: 4px; border: 0; font-family: 'Open Sans', sans-serif;font-size: .9em; color: #383838;line-height:1.345em;border: none;box-shadow: none;background: transparent;background-image: none;-webkit-appearance: none;}
.ash-container .select-style select:focus { outline: none; };
.ash-container .select-style select:-mox-focusring { color: transparent;text-shadow: 0 0 0 #000; };
.ash-container .input-error {box-shadow: inset 0 0 0 3px #b8000a;}
.ash-container .search-error-message {display:none;margin-top:20px;padding:20px;background:#fff;background:rgba(255,255,255,.9);color:#b8000a;border:3px solid #b8000a;border-radius: 8px;transition: all .2s ease-in-out; }
.ash-container .search-error-message ul {padding-left:1em;}

/* search form -------------------------------------------*/
.ash-container .form-col { float: left;padding:0 6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
.ash-container .form-col .form-controlls { width:100%; }

.ash-container .form-search .form-label { font-weight: 400;font-size: 1em; padding: 0 0 4px 2px; display: block; color: #fff; text-shadow: 0 0 5px #000, 0 0 10px #000; }
.ash-container .form-search .form-col { float: left;padding:0 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
.ash-container .form-search .form-col .form-controlls, .form-search .btn { width:100%; }
/* named columns -----------------------------------------------*/
.ash-container .form-block {display:inline-block;width:65%;}
.ash-container .form-col-location { padding-left:0 !important; padding-right: 6px !important; width:35%; }
.ash-container .form-col-beds { padding-left:0 !important;width:26%; }
.ash-container .form-col-baths { width:26%; }
.ash-container .form-col-price { width:30%; }
.ash-container .form-col-actions { padding-right:0 !important; width:18%; }
/*exact search version splits location to location and radius ----*/
.ash-container #exact-search-form { display: none; }
.ash-container #exact-search-form .form-col-location { width:35%; }
.ash-container #exact-search-form .form-col-radius { width:15%; }

.ash-container .search-btn { display: inline-block; vertical-align: middle; background: #4a8dc6; text-transform: uppercase; color: #fff; border: 0; border-radius: 4px; text-align: center; }
.ash-container .btn:hover { text-decoration: none; background: #2a7cc1; }
.ash-container .field-location {padding-left:30px !important;background-image: url(/wapo/images/field-location-small.png); background-position: 10px 10px;}

/* price slider overrides --------------------------------------------------*/
.ash-container .form-hint {font-size: .8em; padding-top: 2px; text-decoration:underline;}
.ash-container .form-controls-price { position:relative; }
.ash-container .form-controls-price .caret { position: absolute;z-index: 2; height: 0;width: 0;top: 0;right: 5px;bottom: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #cdcdcd;content: '';display: block;margin: auto 0;}
.ash-container .price-popup { opacity: 0; visibility: hidden; top: 100%; left: 0; padding: 32px 30px 18px; margin: 20px 0 0 -156px; background: #fff; width: 280px; border-radius: 4px;box-shadow: 0px 1px 3px rgba(0,0,0,.30);z-index:10; }
.ash-container .price-popup.visible { opacity: 1; visibility: visible; }
.ash-container .price-popup,
.ash-container .price-popup:before { position: absolute; }
.ash-container .price-popup:before { top: -18px; left: 50%; margin-left: -5px; border-color: transparent transparent #fff; content: ''; border-width: 9px 5px; border-style: solid; }
.ash-container .price-range { background: #cecece; height: 4px; border-radius: 2px; }
.ash-container .price-range .ui-slider-range { background: #22c064; }
.ash-container .price-range .ui-slider-handle { top: -16px; width: 32px; height: 32px; border: 1px solid #d2d2d2; border-radius:999px; background: #fff; text-align: center; line-height: 30px; cursor: pointer; }
.ash-container .price-range .ui-slider-handle:after,
.ash-container .price-range .ui-slider-handle:before { content: ''; display: inline-block; vertical-align: middle; height: 16px; }
.ash-container .price-range .ui-slider-handle:before { width: 1px; background: #bfbfbf; margin-right: 2px; }
.ash-container .price-range .ui-slider-handle:after { border-width: 0 1px; border-style: solid; border-color: #bfbfbf; width: 2px; }
.ash-container .price-values { color: #383838;overflow: hidden; padding-top: 15px; }
.ash-container .price-low { float: left; }
.ash-container .price-high { float: right; }

/*auto-complete ---------------------------------------------------------------*/
.ac_results {
    padding:0px;border:1px solid WindowFrame;background:#fff;overflow:hidden;z-index:20;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .4);-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .4);box-shadow: 0 0 15px rgba(0, 0, 0, .4);
}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;
}
.ac_results ul li {margin: 0px;padding: 10px 5px;display: block;width: 100%;background:#fefefe;font: menu;font-size: 14px;cursor: pointer;overflow: hidden;color:#000}
.ac_loading {background:#fefefe;}
.ac_results ul li.ac_over {background:#4a8dc6;color:#fff;}

/* ASH ADS ======================================================================*/
.ash-ads-container {margin:20px 15px;overflow:hidden;}
.ash-ads-container .ash-ad {
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    position:relative;float:left;width:20%;padding:0 5px;font-family: 'Open Sans', sans-serif;font-size:0;line-height:0;
    overflow:hidden;
}
.ash-ads-container .ash-ad--dimmer {
    position:absolute;top:0;right:5px;bottom:0;left:5px;
    background:rgba(0,0,0,.5);
    background: -moz-linear-gradient(top, rgba(0,0,0,.01), rgba(0,0,0,.7) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.01)), to(rgba(0,0,0,.7)));
}
.ash-ads-container .ash-ad--cover {
    position:absolute;top:0;right:5px;bottom:0;left:5px;padding:10px;
    background:rgba(0,0,0,.7);font-size:13px;color:#fff;z-index:2;
    transform: translate3d(0, 100%, 0);
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
.ash-ads-container .ash-ad:hover .ash-ad--cover { transform: translate3d(0, 0, 0); }
.ash-ads-container .ash-ad:hover .ash-ad--cover p {font-size:13px;line-height:normal;margin:13px 0;}
.ash-ads-container .ash-ad--title {position:absolute;bottom:0;margin:0;padding:10px;font-size:16px;line-height:normal;font-weight:400;color:#fff;}
.ash-ads-container .ash-ad--city {position:absolute;display:inline-block;margin:10px;padding:.3em .5em;border-radius:2px;color:#fff;font-size:12px;line-height:normal;text-transform:uppercase;}
.ash-ads-container .ash-ad--img {width:100%;line-height:0;}
.ash-color-orange {background:#E19500;}
.ash-color-purple {background:#6956B1;}
.ash-color-blue {background:#478FB1;}
.ash-color-green {background:#28B14B;}
.ash-color-red {background:#DE5136;}
/* OVERRIDES ====================================================================*/
.ash-range-3 .ash-ads-container .ash-ad {width:25%;}

.ash-range-2 .ash-headline {font-size:2.5em;}
.ash-range-2 .ash-container .form-block {display:block;float:none;clear:both;width:100%;}
.ash-range-2 .ash-container .form-col-location {display:block;float:none;clear:both;margin-bottom:1em;width:100%;padding-right:0 !important;}
.ash-range-2 .ash-ads-container .ash-ad {width:33.33333%;}

.ash-range-1 .ash-headline {font-size:2em;}
.ash-range-1 .ash-container .form-block {display:block;float:none;clear:both;width:100%;}
.ash-range-1 .ash-container .form-col-location {display:block;float:none;clear:both;margin-bottom:1em;width:100%;padding-right:0 !important;}
.ash-range-1 .ash-container .form-col-beds { width:32%; }
.ash-range-1 .ash-container .form-col-baths { width:32%; }
.ash-range-1 .ash-container .form-col-price { width:36%; padding-right:0 !important;}
.ash-range-1 .ash-container .form-col-actions { display:block; padding-left:0 !important; margin-top:1.7em; width:100%; }
.ash-range-1 .ash-container .price-popup {width:200px;}
.ash-range-1 .ash-container .price-popup:before {left:75%;}
.ash-range-1 .ash-ads-container .ash-ad {width:50%;}

.ash-range-0 .ash-headline {font-size:1.5em;padding-bottom:25px;}
.ash-range-0 .hp-subtitle {padding-bottom:25px;}
.ash-range-0 .ash-container .form-block {display:block;float:none;clear:both;width:100%;}
.ash-range-0 .ash-container .form-col-location {display:block;float:none;clear:both;margin-bottom:1em;width:100%;padding-right:0 !important;}
.ash-range-0 .ash-container .form-col-beds { width:32%; }
.ash-range-0 .ash-container .form-col-baths { width:32%; }
.ash-range-0 .ash-container .form-col-price { width:36%; padding-right:0 !important;}
.ash-range-0 .ash-container .form-col-actions { display:block; padding-left:0 !important; margin-top:1.7em; width:100%; }
.ash-range-0 .form-search-small .field,
.ash-range-0 .form-search-small input[type=text],
.ash-range-0 .form-search-small textarea,
.ash-range-0 .form-search-small .select-style select,
.ash-range-0 .form-search-small .btn {font-size: .8em;}
.ash-range-0 .form-search-small select option {font-size: .7em;}
.ash-range-0 .ash-container .form-search .form-label {font-size:.8em;}
.ash-range-0 .ash-ads-container {margin:20px 5px;}
.ash-range-0 .ash-ads-container .ash-ad {width:50%;}