
/*
File: global.css
Website: homehound.com.au
Description: A Responsive Frontend for Homehound
Version: 1.0.0
License: May not be sold or redistibuted. All Contents Copyright 2014.
*/

@import url('//fonts.googleapis.com/css?family=Raleway:700,500,400,300');
@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,400,500,700');

/*
 * Table of contents
 *
 * 1. Content
 * 2. Modular
 * 3. Semantic
 *
 */

* { -webkit-backface-visibility: hidden; }

.hidden,
.mobile-hidden,
.tablet-only,
.pc-only, .vh, .search-block.text-input, .span-select, .list-options {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
.show-on-mobile{
	display: none; }
.show-on-mobile-hack{
	position: absolute; }

.wide-only { display: none!important; }
.left-banner { display: none; }

.fullwh{
	width: 100%;
	height: 100%;
	display: block; }

.hiddenObj{
	display: none !important;
	width: 0;
	height: 0; }

.text-input.visible,
.text-input.last-visible {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.site-nav, .status-list, .carousel-list, .flex-direction-nav, .spec-list, .tag-list, .tag-list-reverse, .agent-details, .social-fb-list, .share-icon-list, .inspection-time-list, .suburb-stats-list, .similar-props-list, .footer-nav, .quick-search-options, .breadcrumb-list, .property-preview__list {
  list-style: none;
  margin: 0;
  padding: 0; }

.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent; }

*[class*="icn"]:before, .site-logo:before, .quick-search-close {
  background: url("../img/s.png"); }
.agency-admin #bodyNav *[class*="icn"]:before, .agency-admin .icn-pencil:before {
  background: url("../img/agency-admin-sprite.png") no-repeat; }

.basic-box, .basic-box-thin, .basic-box-middle, .basic-box-black, .shortlist-star__large, .property-preview__header, .property-preview__price, .basic-box-alt {
  position: relative;
  display: block;
  overflow: auto;
  clear: both;
  border: 1px solid #e5e5e6;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.basic-box, .basic-box-thin, .basic-box-middle, .basic-box-black, .shortlist-star__large, .property-preview__header, .property-preview__price {
  background-color: #fff; }

.basic-box-alt {
  background-color: #f4f4f4; }

.button-alt,
.button-alt:visited, .button-alt-thin,
.button-alt-thin:visited, button,
.button,
.button-thin,
.button:visited,
.button-thin:visited, .price-box {
  display: inline-block;
  margin-right: 1em;
  padding: 22.1px;
  border: none;
  border-radius: 3px;
  background-color: #e7581e;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 1.2em;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s; }
  .button-alt:hover, .button-alt-thin:hover, button:hover,
  .button:hover,
  .button-thin:hover, .price-box:hover, .button-alt:focus, .button-alt-thin:focus, button:focus,
  .button:focus,
  .button-thin:focus, .price-box:focus {
    background-color: #eb794b;
    text-decoration: none; }

.button-alt,
.button-alt:visited, .button-alt-thin,
.button-alt-thin:visited {
  background-color: #fff;
  border: 2px solid #bbb;
  color: #000; }

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: 500; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
input[type="text"],
textarea,
.span-select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button,
select,
input[type="text"],
textarea,
.span-select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

/*
######
CONTENT
######
*/
body {
  background-color: #edeef0;
  font-size: 14px;
  font-family: 'Raleway', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
  color: #515151; }

h1 {
  font-size: 1.5em; }

h2 {
  font-size: 1.3em; }

p, li {
  font-family: 'Raleway', sans-serif;
  color: #767676;
  line-height: 1.5; }

a, a:visited {
  color: #e7581e;
  text-decoration: none; }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    text-decoration: underline; }

.top-bar a:hover, .top-bar a:focus, .top-bar a:visited:hover, .top-bar a:visited:focus { text-decoration:none; }

/*
######
MODULAR
######
*/
/* Helpers */
/* Boxes */
.padded-content, .basic-box, .basic-box-thin, .basic-box-middle, .basic-box-black, .basic-box-alt, .p50-pad {
  padding: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.basic-box, .basic-box-thin, .basic-box-middle, .basic-box-black {
  margin-bottom: 15px; }

.box-h {
  font-size: 1.4em;
  margin-top: 0; }

.basic-box-alt {
  margin-bottom: 15px; }

.basic-box-thin {
  padding: 9px; }

.basic-box-middle {
  padding: 10px; }

.basic-box-black {
  background-color: #000;
  padding: 12px 24px 5px 24px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s; }
  .basic-box-black:hover {
    background-color: #444; }
  .basic-box-black a { color: white; text-decoration: none; }

.p5 {
  width: 5%; }

.p10 {
  width: 10%; }

.p15 {
  width: 15%; }

.p20 {
  width: 20%; }

.p25 {
  width: 25%; }

.p30 {
  width: 30%; }

.p35 {
  width: 35%; }

.p40 {
  width: 40%; }

.p45 {
  width: 45%; }

.p55 {
  width: 55%; }

.p60 {
  width: 60%; }

.p65 {
  width: 65%; }

.p70 {
  width: 70%; }

.p75 {
  width: 75%; }

.p80 {
  width: 80%; }

.p85 {
  width: 85%; }

.p90 {
  width: 90%; }

.p95 {
  width: 95%; }

.p50, .p50-pad {
  width: 50%;
  float: left; }

.column{
	display: inline-block;
	vertical-align: top;
	font-family: 'Raleway', sans-serif;
	min-width: 125px;
	width: 100%; }
.colum:last-child{
	margin-right: none; }

.column h2{
	color: #3b3b3b;
	font-size: 22px;
	margin-top: 1em;
	text-align: center;
	font-weight: 300; }
.column p{
	color: #747474;
	font-size: 15px;
	line-height: 22px;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	padding: 0 20px; }

/* Buttons */
button,
.button,
.button-thin,
.button:visited,
.button-thin:visited {
  padding: 12px 24px; }

.button-alt,
.button-alt:visited {
  padding: 12px 24px; }

.button-alt-thin,
.button-alt-thin:visited {
  color: #767676;
  border: 1px solid #eaeaea;
  line-height: 1.2;
  padding: 12px 36px;
  border-radius: 2px; }
  .button-alt-thin:hover, .button-alt-thin:active,
  .button-alt-thin:visited:hover,
  .button-alt-thin:visited:active {
    background-color: #e7581e;
    border: 1px solid #e7581e;
    color: #fff; }

.button-thin {
  border-radius: 3px; }

.price-box {
  margin: -0.5em 0 0.5em 0;
  background-color: #000;
  border-color: #000;
  font-size: 1.2em;
  float: right;
  padding: 6px 12px;
  border-radius: 4px; }
  .price-box:hover {
    background-color: #000;
    border-color: #000; }

.search-left {
  position: fixed;
  left: 100%; top: 0;
  height: 100%; width: 100%;
  z-index: 9;
  left: 100%;
  transition: left .5s ease-in;
}
.map-view .search-left {
  left: 0;
}
.search-left #wrapper-toggle-map {
  left: -77px;
  top: 50%;
  position: absolute;
  width: 77px;
  height: 150px;
  background-color: transparent;
  z-index: 97;
  margin-top: -75px;
}
.search-left #toggle-map {
  position: absolute;
  height: 47px;
  width: 29px;
  top: 50%;
  margin: 0;
  padding: 0;
  margin-top: -25px;
  left: 43px;
  background-image: url(../img/icon-map.png);
  background-color: transparent;
  outline: none;
  z-index: 98;
}
.map-view .search-left #wrapper-toggle-map {
  left: -7px;
  margin-top: -129px;
  width: 29px;
}
.map-view .search-left #toggle-map {
  left: 5px;
  background-image: url(../img/icon-listing.png);
}
#main.search-page:before {
  content: " ";
  display: block;
  width: 7px;
  height: 100%;
  position: fixed;
  right: 0;
  background-color: #e7581e;
  z-index: 10;
  top: 0;
}
#main.map-view:before {
  left: 0; right: auto;
}

.map-holder {
	margin-top: 0;
	clear: both;
	width: 100%;
	overflow: visible;
  height: 100%;
  padding: 0;
}

.map-holder { position: relative; }
.marker-hover {
  position: absolute;
  top: 0; left: 0;
  height: auto; width: 200px;
  background-color: white;
  padding: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  z-index: 9999;
}
.marker-hover.above:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: -10px; left: 50%; margin-left: -11px;
  width: 0; height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ebebeb;
}
.marker-hover.below:after {
  content: " ";
  display: block;
  position: absolute;
  top: -10px; left: 50%; margin-left: -11px;
  width: 0; height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

.marker-hover h2 {
  font-size: 13px;
  line-height: 16px;
  padding: 0 15px;
  text-align: center;
}
.marker-hover h2 a { color: #383838; font-weight: 500; text-decoration: none; }

.marker-hover div {
  display: block;
  float: left;
  width: 100%;
  background-color: #ebebeb;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.marker-hover span {
  width: 33.3%;
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  background-color: #ebebeb;
  margin-top: 3px;
  margin-bottom: 3px;
  color: #797979;
  position: relative;
  padding-left: 40px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #f5f5f5;
}
.marker-hover span:first-child { border-left: none; }
.marker-hover span:last-child { border-right: none; }

.marker-hover span.icn-bed { border-bottom-left-radius: 5px; }
.marker-hover span.icn-garages { border-bottom-right-radius: 5px; }

.marker-hover span:before {
  margin: 0;
  position: absolute;
  top:0; left: 0;
}
.marker-hover span.icn-bed:before { top: 7px; left: 7px; }
.marker-hover span.icn-bath:before { top: 1px; left: 5px; }
.marker-hover span.icn-garages:before { top: 1px; left: 8px; }

.map-holder .banner {
  position: absolute;
  top: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 95%;
  width: calc(100% - 15px);
  display: none;
}
.map-holder .banner img { display: block; width: 100%; }

.map {
  display: block;
  width: 100%;
  height: 250px;
}

.loading-map {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 5px 5px 2px 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  margin-top: -60px;
  display: none;
}
.map-footer {
  /* display: block; */
  display: none;
  width: calc(100% - 18px);
  overflow: auto;
  background-color: rgba(0, 0, 0, .9);
  padding: 12px 12px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 9px;
}

/* Stars */
.rating-stars, .rating-stars-small {
  overflow: auto;
  height: 30px; }
  .rating-stars *[class^="star"], .rating-stars-small *[class^="star"] {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 0.1em;
    font-size: 1.8em; }
    .rating-stars *[class^="star"]:before, .rating-stars-small *[class^="star"]:before {
      content: "\2605";
      display: block;
      width: 20px;
      height: 20px; }
  .rating-stars .star-on:before, .rating-stars-small .star-on:before {
    color: #e7581e; }
  .rating-stars .star-off, .rating-stars-small .star-off {
    text-align: center; }
    .rating-stars .star-off:before, .rating-stars-small .star-off:before {
      font-size: 0.8em;
      margin-top: 0.15em;
      color: #aaa; }

.rating-stars-small {
  overflow: visible; }
  .rating-stars-small *[class^="star"] {
    font-size: 1.2em;
    margin-right: 0px;
    width: 13px;
    line-height: 1.2; }
  .rating-stars-small .star-off:before {
    text-align: left;
    margin-top: 0.2em; }

.suburb-stat .rating-stars-small *[class^="star"] {
  font-size: 1em;
  width: 9px;
  line-height: inherit; }
  @media only screen and (min-width: 450px) {
    .suburb-stat .rating-stars-small *[class^="star"] {
      font-size: 1.2em;
      width: 13px;
      line-height: 1.2; }
  }

/* Icons */
*[class*="icn"]:before {
  content: '';
  position: relative;
  display: block; }

.icn-bed:before,
.icn-bedroom:before {
  width: 29px;
  height: 11px;
  margin-top: 7px;
  background-position: 0px -360px; }

.icn-bath:before,
.icn-bathrooms:before {
  width: 29px;
  height: 20px;
  background-position: 0px -371px; }

.icn-garage:before,
.icn-garages:before {
  width: 29px;
  height: 22px;
  background-position: 0px -396px; }

.icn-search:before {
  background-position: 0px -109px; }

.icn-sale:before {
  background-position: 0px -151px; }

.icn-rent:before {
  background-position: 0px -192px; }

.icn-share:before {
  background-position: 0px -233px; }

.icn-agents:before {
  background-position: 0px -274px; }

.icn-nspire:before {
  background-position: 0px -315px; }

.icn-phone:before {
  display: block;
  float: left;
  width: 30px;
  height: 23px;
  background-position: -52px -113px;
  margin-top: 1em; }

.icn-mobile:before {
  display: block;
  float: left;
  width: 30px;
  height: 25px;
  background-position: -50px -181px;
  margin-top: 0.8em; }

.icn-mail:before {
  display: block;
  float: left;
  width: 30px;
  height: 23px;
  background-position: -50px -133px;
  margin-top: 1em; }

.icn-globe:before {
  display: block;
  float: left;
  width: 30px;
  height: 23px;
  background-position: -50px -155px;
  margin-top: 0.75em; }

.icn-rainy:before {
  width: 35px;
  height: 35px;
  background-position: -45px -342px; }

.icn-cbd:before {
  background-position: -44px -213px; }

.icn-train:before {
  background-position: -44px -277px; }

.icn-park:before {
  background-position: -44px -246px; }

.icn-dine:before {
  background-position: -43px -307px; }

.icn-email-alert:before {
  width: 46px;
  height: 25px;
  margin-bottom: 1em;
  background-position: 0px -423px;
  float: left; }

.icn-new:before {
  width: 82px;
  height: 74px;
  background-position: -84px -319px; }

.icn-sold:before {
  width: 82px;
	height: 74px;
	background-position: -84px -502px; }

.icn-leased:before {
  width: 82px;
	height: 74px;
	background-position: -1px -502px; }

.icn-withdrawn:before {
  width: 83px;
  height: 73px;
  background: url(../img/withdrawn_83x73.png) no-repeat 0 1px; }

.icn-inbox:before {
  width: 46px;
  height: 38px;
  background-position: -86px -184px; }

.icn-shortlist:before {
  width: 43px;
  height: 35px;
  background-position: -91px -229px; }

.icn-profile:before {
  width: 46px;
  height: 38px;
  background-position: -86px -272px; }

.icn-facebook:before {
  width: 30px;
  height: 30px;
  background-position: -83px -399px; }

.icn-twitter:before {
  width: 30px;
  height: 30px;
  background-position: -85px -433px; }

.icn-rss:before {
  width: 30px;
  height: 30px;
  background-position: -89px -469px; }

.icn-target:before {
  width: 17px;
  height: 25px;
  background-position: -1px -453px; }

.agency-admin #bodyNav .icn-dash:before {
  background-position: 0 3px; }

.agency-admin #bodyNav .icn-listing:before {
  background-position: 0 -39px; }

.agency-admin #bodyNav .icn-leads:before {
  background-position: 0 -78px; }

.agency-admin #bodyNav .icn-settings:before {
  background-position: 0 -120px; }

.agency-admin #bodyNav .icn-logout:before {
  background:url(../img/icn-logout.png) no-repeat 50% 50%; }

.agency-admin .icn-pencil:before {
  width: 23px;
  height: 21px;
  background-position: 0px -160px; }


/* Premium Listing */
.property-preview__list .premium .icn-target:before {
  background:url(../img/pin_dark_20x27.png) no-repeat 50% 50%;
  width:20px;
  height:27px;
}

.property-preview__list .premium .property-preview__img { height:calc(100% - 15px); }
.property-preview__list .premium .property-preview__text { height:auto; padding:1em !important; background:#303030; border-radius:5px 0 0 5px; position:relative; left:-17px; width:97%; }
.property-preview__list .premium .property-preview__map-trigger { margin-top:-5px; }
.property-preview__list .premium .property-preview__title a { color:#fff; }
.property-preview__list .premium .property-preview__body { margin-bottom:1em; }
.property-preview__list .premium .property-preview__price { padding-right:0; }
.property-preview__list .premium .property-preview__price span { display:block; padding: 1em; float: left; width: calc(100% - 2em); }
.property-preview__list .premium .property-preview__agent_logo { position:absolute; left:4px; bottom:5px; width: calc(39% - 8px); }
.property-preview__list .premium .property-preview__agent_logo img { width:100%; height:auto; }

@media only screen and (min-width:320px) and (max-width:1087px) {
  .property-preview__list .premium .property-preview__text { width:auto; left:0; max-width:none; border-radius:0; }
  .property-preview__list .premium .property-preview__agent_logo { width:50%; max-width:217px; left:auto; bottom:auto; top:9px; right:9px; }
  .property-preview__list .premium .property-preview__price span { padding: 0.5em; width: calc(85% - 1em); }
  .property-preview__list .premium .shortlist-star__large.not-on-wide { margin: 0 5px; background-color: #ebebeb!important; height:35px; }
  .property-preview__list .premium .shortlist-star__large.not-on-wide:before {  }
}
@media only screen and (max-width:430px) {
  .property-preview__list .premium .property-preview__price span { padding: 0.5em; width: calc(83% - 1em); }
}
.single-listing .premium .main-right .apply-button { padding:40px; margin: 2px 5px 0 0; }

#agentProfilePremium .agent-logo p { margin-top:0; }
#agentProfilePremium .agent-pic { height:154px; }
#agentProfilePremium .agent-h { margin-bottom:0; }
#agentProfilePremium .agent-details { width:auto; overflow:hidden; margin-bottom:0; }
#agentProfilePremium .agent-details li { height:auto; display:block; float:none; width:auto; }
#agentProfilePremium .agent-details li:first-child { border-bottom:1px solid #cecece; }
#agentProfilePremium .agent-details li:first-child a { padding-bottom:12px; }

/* Blog */
#contained { overflow:hidden; max-width:1110px; margin:0 auto; }
#contained .main-left, #contained .main-right { margin:2em 0; padding-top:0; }
#blog { max-width:714px; }
.blog-item { background:#fff; border:solid 1px #e1e1e1; border-radius:3px; margin-bottom:2em; }
.blog-item .post-head h1 { border-bottom:solid 1px #f0f0f0; text-align:left; padding-bottom:0.5em; width:90%; }
.blog-item .post-head h1 a { color:#515151; }
.blog-item .post-head h1 a:hover { color:#e7581e; text-decoration:none; }
.blog-item .post-head { padding:1em 2em; position:relative; }
.blog-item .post-date { position:absolute; top:0; right:1em; border:solid 1px #e1e1e1; border-radius:0 0 3px 3px; text-align:center; padding:1em; color:#4f4f4f; border-top:none; background:#fff; }
.blog-item .post-date span { display:block; line-height:1em; }
.blog-item .post-date span.post-date-day { font-weight:bold; font-size:2em; }
.blog-item .post-body { padding:0.5em 1em 1em; text-align:left; }
.blog-item .post-media a:hover { opacity:0.7; }
.blog-item .post-media img { width:100%; height:auto; }
#comments { margin:2em auto; }
#mc_embed_signup { text-align:left; }
#mc_embed_signup input#mce-EMAIL { margin-bottom:0.5em; }
#mc_embed_
up input { width:auto; }

/* Simple Form */
.simple-form label {
  display: block;
  padding: 0.5em 0;
  font-size: 1.1em; }
.simple-form input[type="text"], .simple-form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #eaeaea;
  padding: 0.5em;
  line-height: 1.6;
  font-size: 1em; }
.simple-form textarea {
  height: 100px; }
.simple-form .form-button {
  margin-top: 0.5em;
  width: 180px;
  padding: 0.8em 1em;
  font-weight: normal; }
.simple-form label.error {
	width: 100%;
	text-align: right;
	font-size: 1em;
	padding-top: 2px; }

.simple-form input[type="submit"].disabled { background-color: #cecece;
border-color: #cecece;
cursor: default;  }

.simple-form label.spaced { font-size:0.9em; padding:1em 0 0.2em; }

/*
######
SEMANTIC
######

/* Header/Nav */
.header-tab, .nav-tab, .spacer-tab {
  position: relative;
  z-index: 1;
  display: block;
  float: left;
  clear: left;
  width: 56px;
  background-color: #292929; }

.header-content, .nav-content, .spacer-content {
  display: block;
  position: relative;
  height: 56px;
  padding: 20.4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.4s, color 0.2s;
  -moz-transition: background-color 0.4s, color 0.2s;
  transition: background-color 0.4s, color 0.2s; }

.site-nav-item:first-child .nav-content {
	border-top: solid 1px #434343;
}

.header-container {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 57px;
  overflow: visible;
  z-index: 99; }

.body-header {
  z-index: 1;
  position: relative;
  background-color: #343434; }

.logo-content {
  padding: 0; }

.site-h {
  margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 0; }
.site-h a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.nav-switch {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background-color: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
  z-index: 9;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s; }
  .nav-switch:hover, .nav-switch:focus {
    background-color: #3e3e3e;
    outline: 0;
    border-bottom-color: #434343; }

.nav-switch-bar {
  position: absolute;
  background-color: #fff;
  display: block;
  width: 25px;
  height: 4px;
  border-radius: 2px;
  left: 15px; }

.nav-switch-bar.top {
  top: 16px;
  -webkit-transition-property: top, -webkit-transform;
  -moz-transition-property: top, -moz-transform;
  transition-property: top, transform;
  -webkit-transition-duration: 0.2s, 0.2s;
  -moz-transition-duration: 0.2s, 0.2s;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  -moz-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s; }

.nav-switch-bar.middle {
  top: 26px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.nav-switch-bar.bottom {
  top: 36px;
  -webkit-transition-property: top, -webkit-transform;
  -moz-transition-property: top, -moz-transform;
  transition-property: top, transform;
  -webkit-transition-duration: 0.2s, 0.2s;
  -moz-transition-duration: 0.2s, 0.2s;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  -moz-transition-delay: 0.2s, 0s;
  transition-delay: 0.2s, 0s; }

.nav-switch.active .nav-switch-bar.top {
  top: 26px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0s, 0.2s;
  -moz-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s; }
.nav-switch.active .nav-switch-bar.middle {
  opacity: 0; }
.nav-switch.active .nav-switch-bar.bottom {
  top: 26px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: 0s, 0.2s;
  -moz-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s; }

.site-logo:before {
  content: '';
	width: 239px;
	height: 35px;
	display: block;
	background-repeat: no-repeat;
	background-position: 69px -73px; }

.body-nav {
  z-index: 101;
  position: relative;
  background-color: #343434;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s; }

.body-nav.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.nav-tab, .logo-tab {
  height: 56px;
}

.alternate-logo a {
	position: absolute;
	height: 100%; width: 100%;
	top: 0; left: 0;
	text-indent: -999px;
}

.site-nav-item {
  line-height: 1; }

.site-nav-link,
.site-nav-link:visited {
  color: #e8e8e8;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left; }
  .site-nav-link:hover,
  .site-nav-link:visited:hover {
    text-decoration: none;
    color: #fff; }
    .site-nav-link:hover .nav-content,
    .site-nav-link:visited:hover .nav-content {
      background-color: #5c5c5c; }
    .site-nav-link:hover .nav-tab:before,
    .site-nav-link:visited:hover .nav-tab:before {
      opacity: 1; }

.site-nav-link.current .nav-content,
.site-nav-link.current:visited .nav-content {
  background-color: #e7581e;
  color: #fff; }
  .site-nav-link.current .nav-content:hover,
  .site-nav-link.current:visited .nav-content:hover {
    background-color: #e7581e; }
.site-nav-link.current .nav-tab:before,
.site-nav-link.current:visited .nav-tab:before {
  opacity: 1; }

.nav-tab {
  padding: 8px;
  margin-right: 24px;
  border-bottom: 1px solid #434343;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .nav-tab:before {
    width: 40px;
    height: 40px;
    opacity: 0.6;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .site-nav-item:first-child .nav-tab {
    border-top: 1px solid #434343;
  }
  .homeloans .nav-tab:before, .design .nav-tab:before, .site-nav-item .blog .nav-tab:before {
  	position: absolute;
		content: "";
		display: block;
		height: 40px;
		width: 40px;
		background: url("../img/s.png");
		background-position: 0px -576px;
		background-repeat: no-repeat;
  }
  .electricitygas .nav-tab:before, .design .nav-tab:before, .site-nav-item .blog .nav-tab:before {
      position: absolute;
        content: "";
        display: block;
        height: 40px;
        width: 40px;
        background: url("../img/icon_question_35x35.png");
        background-repeat: no-repeat;
  }


.design .nav-tab:before { background:url(../img/icon_d_35x35.png) no-repeat 2px 2px; opacity:0.8;}
.site-nav-link.insurance .nav-tab:before { background: url(../img/icon_i_35x35.png) no-repeat 0 0; content: ''; display:block;}
.site-nav-item .blog .nav-tab:before { background:url(../img/icon_b_35x35.png) no-repeat 2px 2px; opacity:0.8; }

.nav-content {
  border-bottom: 1px solid #434343;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-weight: 500!important;
   }
 .site-nav a, .site-nav a:active{ color: #cbcbcb!important; }

.nav-spacer {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  background-color: #343434;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s; }

.nav-spacer.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.spacer-tab {
  height: 100%; }

.spacer-content {
  height: 100%; }

/* Top Bar */
.top-bar {
	position: relative;
	z-index: 98;
  background-color: #000;
  margin-top: 56px;
  height: 56px;
  display: none; }

/* .button-bar {
  float: right;
  .button, .button-alt {
    width: 150px;
  }
} */
.status-list {
  float: left; }

.status-item {
  float: left;
  height: 100%; }

.status-link {
  width: 56px;
  height: 56px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s; }

.status-inbox,
.status-inbox:visited {
  position: relative;
  padding: 0.6em 0.5em;
  background-color: #e7581e;
  color: transparent; }
  .status-inbox:hover, .status-inbox:focus,
  .status-inbox:visited:hover,
  .status-inbox:visited:focus {
    background-color: #eb794b; }

.status-inbox-alert {
  position: absolute;
  top: 26px;
  left: 37px;
  color: #FFD3AF;
  font-size: 0.8em;
  font-family: Arial, sans-serif;
  font-weight: bold; }

.status-shortlist {
  background-color: #343434;
  width: auto;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #ccc;
  padding: 0.5em 1em;
  line-height: 2.3; }
  .status-shortlist:hover, .status-shortlist:focus {
    background-color: #5c5c5c; }
  .status-shortlist:before {
    float: left; }

.status-profile,
.status-profile:visited {
  background-color: #000;
  color: transparent;
  padding: 0.6em 0.3em; }
  .status-profile:hover, .status-profile:focus,
  .status-profile:visited:hover,
  .status-profile:visited:focus {
    background-color: #666666; }

/* Carousel */
.carousel {
  overflow: visible;
  clear: both; }
  .carousel:hover .flex-prev,
  .carousel:hover .flex-next {
    opacity: 1; }

.carousel li { margin: 0!important; }

.carousel-item img {
  display: block;
  width: 100%;
  height: auto;
   }

.single-listing .carousel-item img { cursor:pointer; }

.carousel-views {
  position: absolute;
  z-index: 100;
  right: 9px;
  bottom: -31px;
  display: block;
  height: 35px;
  padding: 9px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 0.8em;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
   }
  .carousel-views span {
    font-size: 1.2em; }

.carousel-new {
  z-index: 1;
  position: absolute;
  top: 6px;
  right: 7px; }

/* Direction Nav */
.listing .flex-prev, .listing .flex-next {
  position: absolute;
  top: 50%;
  opacity: 1;
  margin: 0;
  display: block;
  width: 25px;
  height: 40px;
  overflow: hidden;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .listing .flex-prev:before, .listing .flex-next:before {
    content: '\f001';
    display: inline-block;
    font-family: "flexslider-icon";
    font-size: 40px;
    width: 25px;
    color: #ddd; }

.listing .flex-prev {
  left: 12px; }

.listing .flex-next {
  right: 12px; text-align:left; }
  .listing .flex-next:before {
    content: '\f002'; }

.listing .carousel li { margin:0; }

/* Specs */
.specs {
  width: 100%;
  clear: none;
  background: transparent;
  border: none;
  padding: 0;
  text-align: center; }

.spec-item {
  font-size: 1em;
	float: left;
	width: 33%;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	border-right: 1px solid #cecece;
	padding-left: 10px; }
	.spec-item:first-child {
		padding-left: 0; }
	.spec-item:last-child {
		border-right: none; }
  .spec-item span {
  	padding-left: 5px;
  }
  .spec-item:before {
	  display: inline-block;
  }

.previous-listed-list { margin-top:10px; }
.previous-listed-list .spec-list { overflow:hidden; }
.previous-listed-list .spec-list .spec-item { width:auto; text-align:center; padding:0 1em; border-right:none; }
.previous-listed-list .spec-list .spec-item:after { content:'»'; position:relative; left:1em; }
.previous-listed-list .spec-list .spec-item:first-child { padding-right:0; }
.previous-listed-list .spec-list .spec-item:first-child:after, .previous-listed-list .spec-list .spec-item:last-child:after { content:''; position:static; }

/* Tags */
.tag-list {
  overflow: auto; }

.tag-item {
  float: left;
  margin: 0 6px 6px 0; }

.tag,
.tag:visited {
  display: block;
  padding: 4px 12px;
  border: 1px solid #cecece;
  color: #767676;
  font-size: 12px;
  border-radius: 3px;
  -webkit-transition: color 0.2s, border-color 0.2s, background-color 0.2s;
  -moz-transition: color 0.2s, border-color 0.2s, background-color 0.2s;
  transition: color 0.2s, border-color 0.2s, background-color 0.2s; }
  .tag:hover, .tag:focus,
  .tag:visited:hover,
  .tag:visited:focus {
    color: #5e5e5e;
    border-color: #888888;
    background-color: #fff;
    text-decoration: none; }

.tag-list-reverse .tag,
.tag-list-reverse .tag:visited {
  border: 1px solid #666;
  color: #eee; }
  .tag-list-reverse .tag:hover, .tag-list-reverse .tag:focus,
  .tag-list-reverse .tag:visited:hover,
  .tag-list-reverse .tag:visited:focus {
    color: #fff;
    border-color: #999;
    background-color: #333; }

/* Main */
.main {
  padding: 12px;
  overflow: auto;
  padding-top: 70px; }

.main-section-h {
  margin: 0; }

.main-section-header-p {
  font-size: 1em;
  margin-top: 0;
  line-height: 1.3; }

.main-stars {
  margin-top: 1.5em;
  float: right; }
  .main-stars *[class^="star"] {
    font-size: 1.5em;
    width: 17px; }
  .main-stars .star-off {
    line-height: 1; }

.main-right .enquire {
  position: relative;
  height: auto;
  left: 0px;
  width: 100%;
  top: 0px;
  z-index: 9;
}

.apply-button {
  width: 100%;
  margin-bottom: 15px;
  margin-right: 0;
  font-weight: normal; }

.afford-button {
  display: none;
}

.bottom-adverts img {
  margin: 0 auto;
  width: 250px;
  display: block; }

article.tag-sold-2 #gallery-carousel:before {
	background: url("../img/s.png");
	width: 82px;
	height: 74px;
	background-position: -84px -502px;
	position: absolute;
	right: -2px;
	top: -3px;
	z-index: 2;
}

/* Agent Profile */
.agent-pic {
  height: 120px;
  width: auto;
  margin: 0 12px 12px 0;
  float: left;
  clear: left; }

.agent-h {
  text-transform: uppercase;
  margin-bottom: 7px;
  font-weight: 500;
  margin-top:0;
   }

.agent-sub {
  margin: 0em; }

.agent-details {
  display: block;
  clear: left;
  overflow: auto;
  margin: 12px 0;
  border-width: 1px 0px; }

.agent-details-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  border-top: 1px solid #ddd; }
  .agent-details-item a,
  .agent-details-item a:visited {
    word-break: break-all;
    display: block;
    padding: 12px 0 0 0;
    color: #767676;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s; }
    .agent-details-item a:hover,
    .agent-details-item a:visited:hover {
      color: #464646; }
   .agent-details-item:before { margin-top: 10px; }

.agent-details-long {
  clear: left;
  width: 100%; }

.agent-logo img {
  display: block;
  height: auto; }

.agent-profile .contact-button {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
}

/* Social Share */
.social-share.basic-box, .social-share.basic-box-thin, .social-share.basic-box-middle, .social-share.basic-box-black {
  overflow: auto;
  padding-bottom: 6em; }

.social-h {
  margin-top: 0;
  margin-bottom: 0em;
  font-size: 1.3em; }

.social-sub {
  margin-top: 0; }

.social-fb-item {
  float: left;
  margin-right: 5px; }

.social-share-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  background-color: #e7581e; }

.social-footer-h {
  text-transform: uppercase;
  color: #FFC898;
  margin: 0;
  float: left;
  padding-top: 0.9rem;
  font-size: 1.2em; }

.share-icon-list {
  float: right; }

.share-icon-item {
  float: left; }

.share-icon-link {
  display: block;
  float: left;
  width: 45px;
  height: 45px;
  padding: 7px;
  margin-left: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e96a36;
  -webkit-transition: border-color 0.1s, background-color 0.2s;
  -moz-transition: border-color 0.1s, background-color 0.2s;
  transition: border-color 0.1s, background-color 0.2s; }
  .share-icon-link:hover, .share-icon-link:focus {
    border-color: #fff;
    background-color: #eb794b; }

/* Po.st social buttons */
aside.pw-social-buttons {
	width: 100%;
	height: auto;
	background-color: #e7581e;
}

aside.pw-social-buttons header {
	width: 130px;
	float: left;
}

aside.pw-social-buttons header h4 {
	text-transform: uppercase;
	color: #f3b8a9;
	font-size: 1.2em;
	padding: 10px 0 10px 10px;
	margin-bottom: 0;
}

aside.pw-social-buttons section {
	width: calc(100% - 130px);
	text-align: right;
	float: right;
}

aside.pw-social-buttons .pw-size-large.pw-button {
    margin-right: 0px !important;
    margin-left: 13px !important;
}

aside.pw-social-buttons .pw-size-large .pw-icon {
    height: 38px;
    width: 38px;
}

aside.pw-social-buttons .pw-size-large .ra1-pw-icon-facebook, .pw-size-xlarge .ra1-pw-icon-facebook {
    background-position: 0 0px;
}

aside.pw-social-buttons .pw-size-large .ra1-pw-icon-twitter, .pw-size-xlarge .ra1-pw-icon-twitter {
    background-position: 0 76px;
}

aside.pw-social-buttons .pw-size-large .icon-rss {
    background-position: 0 38px;
}

aside.pw-social-buttons .pw-size-large .pw-icon, .pw-size-xlarge .pw-icon {
    background-image: url("../img/social_icons.png");
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e96a36;
	border-radius: 3px;
	-webkit-transition: border-color 0.1s, background-color 0.2s;
	-moz-transition: border-color 0.1s, background-color 0.2s;
	transition: border-color 0.1s, background-color 0.2s;
}

/* inspection times */
.inspection-time-item {
  position: relative;
  border-bottom: 1px solid #eaeaea;
  padding: 12px 0;
  clear: left;
  overflow: auto; }
  .inspection-time-item:last-child {
		border: none;
	}
  .inspection-time-item:before {
    content: '\2022';
    font-size: 3em;
    display: block;
    width: 30px;
    height: 100%;
    float: left;
    line-height: 0.7;
    color: #ccc;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s; }
  .inspection-time-item:hover:before {
    color: #e7581e; }
  .inspection-time-item:hover .inspection-button {
    background-color: #e7581e;
    border: 1px solid #e7581e;
    color: #fff; }

.inspection-time-content {
  margin-bottom: 0;
  float: left;
  line-height: 28px; }

.inspection-date {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.2; }

.inspection-time {
  display: inline-block; margin-left: 5px; }

.inspection-button {
  font-weight:bold;
  margin: 0;
  margin-left: 30px;
  font-size: 12px;
  float: left;
  padding: 8px 10px;
	clear: both;
}

#thanks-survey, #thanks-survey div form { display:none; }
#thanks-survey div p { text-align:center; }
#need-help-question { margin-right:0; }

/* Conctact form */

.main-right .contact-box, .main-right .email-alert-box { display: none; }

@media all and (max-width: 720px) {

  .modal.contact-box {
    max-height: 90%;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .modal.contact-box form { max-width: 100%; }
  .modal.contact-box { top: 5%!important; margin-top: 0!important; }
  .modal a.close-modal {
    position: fixed!important;
    top: 6%!important;
    right: 6.5%!important;
    z-index: 9999;
  }
}


/* Suburb stats */
.suburb-stat {
  padding: 12px 0;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #eaeaea;
  overflow: auto;
  width: 48%;
  float: left;
  font-size: 0.8em; }
  .suburb-stat:nth-child(odd) {
    margin-right: 4%;
    clear: left; }
  .suburb-stat:nth-child(7), .suburb-stat:nth-child(8) {
    border-bottom: 0px;
    margin-bottom: 0;
    padding-bottom: 0; }
  @media only screen and (min-width: 450px) {
    .suburb-stat {
      font-size: 1em;
      width: 45%; }
      .suburb-stat:nth-child(odd) {
        margin-right: 5%; }
  }

.suburb-stat[class*="icn"] {
  padding-top: 6px; }
  .suburb-stat[class*="icn"]:before {
    float: left;
    width: 35px;
    height: 29px;
    display: block;
    margin-right: 1em;
    margin-top: -0.2em; }

.suburb-stat-text {
  display: block;
  float: left;
  width: 65px; }
  @media only screen and (min-width: 450px) {
    .suburb-stat-text {
      width: 80px; }
  }

.suburb-stat-percent {
  display: block;
  float: left;
  margin-top: -0.2em;
  margin-bottom: 0.5em; }
  .suburb-stat-percent .box {
    height: 7px;
    width: 60px;
    display: block;
    background-color: #ccc; }
  .suburb-stat-percent .bar {
    display: block;
    height: 100%;
    background-color: #e7581e; }
  .suburb-stat-percent .text {
    display: block;
    margin-top: -0.5em;
    width: 60px;
    font-weight: bold;
    text-align: center; }
    .suburb-stat-percent .text span {
      font-weight: normal; }

.suburb-stat-climate span {
  display: block;
  float: left; }

.climate-icon {
  margin-left: 0.5em;
  margin-top: -0.5em; }

.suburb-stat-detail {
  font-weight: bold; }

/* Similar properties */

.basic-box.similar-props {
	border: none;
	background: transparent;
	padding: 0;
	margin-top: 40px;
}

.basic-box.similar-props h2 { text-align: center; }

.similar-props-list li {
	max-width: 320px;
	margin: 0 auto;
}

.similar-props-list .property-preview__sub {
  white-space: nowrap;
  margin-right: 9px;
  padding-right: 0;
}

/* no results */

.noresults {
	text-align: center;
}
.noresults p {
	max-width: 400px;
	display: inline-block;
}
.noresults img {
	display: block;
	margin: 20px auto;
	max-width: 100%;
	height: auto;
}

/* footer */
.body-footer {
  background-color: #292929;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both; }

.footer-nav {
  padding: 30px 12px 15px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }

.footer-nav-item {
  display: inline-block;
  padding: 0 15px; }

.footer-nav-link,
.footer-nav-link:visited {
  color: #ccc;
  text-decoration: none!important; }

.footer-sites { padding: 0; margin: 0; text-align: center; }

.footer-sites ul { position: relative; width: 100%; display: inline-block; max-width: 800px; padding: 0; }
.footer-sites li {
	list-style: none;
	margin-bottom: 25px;
	display: inline-block;
	width: 100%; }

.footer-sites li a.logo {
	height: 80px;
	width: 100%;
	margin-bottom: 10px;
	line-height: 80px;
	display: block;
	position: relative; }
.footer-sites li a.logo img {
	position: absolute;
	left: 50%; top: 50%;
}
.footer-sites li a.logo.theknot img	{ margin-top: -24px; margin-left: -75px; }
.footer-sites li a.logo.homehound img	{ margin-top: -35px; margin-left: -53px; }
.footer-sites li a.logo.primped img	{ margin-top: -13px; margin-left: -72px; }

.footer-sites li a { color: #ccc; font-size: 11px; }

/*
 * ##########################
 * ##########################
    NEW CONTENT
 * ##########################
 * ##########################
*/

select, input[type="text"], input[type="number"], input[type="password"], input[type="email"], textarea, .span-select {
  padding: 0 20px 0 5px;
  background: #edeef0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAIAAACnhXkBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJGNzkyNjdEQUVEMjExRTNBRjgyQjIwMDMwQ0RDNjEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJGNzkyNjdFQUVEMjExRTNBRjgyQjIwMDMwQ0RDNjEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkY3OTI2N0JBRUQyMTFFM0FGODJCMjAwMzBDREM2MTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkY3OTI2N0NBRUQyMTFFM0FGODJCMjAwMzBDREM2MTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LlJg9AAAAiklEQVR42mJ8++4DA2WAiYFiMEiMeP365WhYjBoxOI1gwSN34fzZL1++MDFBrfn37x8XF5eRsSkJrtDU0ubi5v4HA+zs7EAR0jzCzs6hpaUDtBnIZmNj09LW4eTkIjksODg4dHT1uLm5dXT1ubl5SA4LCGBjYzc0MhlNWkPJCFFR8dGwoJoRAAEGAAlCHKFnK1VHAAAAAElFTkSuQmCC) top right no-repeat;
  border: 1px solid #c2c2c2;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #e7581e;
  font-size: 1.3em;
  line-height: 1.75;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-transition: box-shadow 0.2s, background-color 0.2s;
  -moz-transition: box-shadow 0.2s, background-color 0.2s;
  transition: box-shadow 0.2s, background-color 0.2s; }
  select:hover, input[type="text"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, .span-select:hover, .input-wrapper:hover {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    background-color: #f9f9f9; }
  select:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, .span-select:focus, .input-wrapper:focus {
    background-color: #fff;
    outline: 0;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }

select.select-reverse, input.select-reverse[type="text"], textarea.select-reverse, .select-reverse.span-select {
  display: block;
  background-image: url("../img/dropdown-bg.png");
  border-color: #aaa;
  background-color: #2f3030;
  color: #fff;
  font-size: 1em; }
  select.select-reverse:hover, input.select-reverse[type="text"]:hover, textarea.select-reverse:hover, .select-reverse.span-select:hover, select.select-reverse:focus, input.select-reverse[type="text"]:focus, textarea.select-reverse:focus, .select-reverse.span-select:focus {
    background-color: #000;
    color: #fff; }

input[type="text"], textarea, input[type="password"], input[type="email"] {
  background-image: none;
  width: 120px; }

/*
 * ##########################
 * ##########################
    # NEW MODULES
 * ##########################
 * ##########################
*/



/*
---------
## Homepage top section
---------
*/

.homepage.main{
	padding-top:0;
	margin-top: 0;
	overflow: visible;
}

.homepage-top {
	margin-left: -12px;
	margin-right: -12px;
	margin-top: 56px; }

.top-head{
	width: 100%; }

.nomargins{
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important; }
.picbeforevideo{
	position: relative; }
.picbeforevideo img{
	margin-top:-2px; }
.width-img img{
	width: 100%;
	position: relative; }
.height-img img{
	height: 100%; }

.center-above{
	text-align: center;
	font-size: 1.25em;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
	line-height: 1.8em;
	color: white;
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: rgba(0, 0, 0, .75);
	opacity: 0;
	-webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -ms-transform: rotate(0deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg);
  position: relative;  }
	.center-above.loaded {
	  opacity: 1; }
	.center-above a{
		color: #e7581e;
		text-decoration: none;
		background: url('../img/i-link-arrow.png') no-repeat right;
		padding-right: 15px;
		margin-right: .5em;
		padding-bottom: 0;
		line-height: 1.2em;
		display: inline-block;
		position: relative; }
	.center-above a:hover{
		color: #ffffff;
		background: url('../img/i-link-arrow-over.png') no-repeat right; }

.dr-layer{
	position: absolute;
	z-index: 999;
	margin-left: 0;
	opacity: 0;
	visibility: hidden;
	background-color: white;
	border-radius: 4px;
	font-size: 14px;
	width: auto;
	padding: 5px 20px;
	left: -20px;
	top: 30px;
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
	-webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  min-width: 50px; }

	.dr-layer.visible{
		visibility: visible;
		opacity: 1; }
	.dr-layer ul{
		margin: 0;
		padding: 0;
		text-align: left; }
	.dr-layer ul li{
		list-style-type: none;
		color: #000;
		line-height: 36px;
		padding: 0;
		text-transform: lowercase;
		border-bottom: 1px solid #e1e1e1;
		color: #3b3b3b; }
	.dr-layer ul li:hover{ color: black; }
	.dr-layer ul li:last-child { border: none; }

.pr-holder {
	border-bottom: 1px solid #e7581e; }
.center-above a:hover .pr-holder {
	border-color: #fff; }
.pr-type-hack{
	position:absolute;
	width:100%;
	height:2em;
	top: 0;
	right: 0; }
.find-btn{
	text-align: center;
	background-color: #e7581e;
	border-radius: 4px;
	padding: 7px 0;
	width: 186px;
	line-height: 1.1em;
	margin: 1.5em auto 0;
	font-family: 'Raleway', sans-serif;
	cursor: pointer; }
.find-btn:hover{
	background-color: #c7440f; }
.find-btn:active{
	background-color: #c7440f; }
.find-btn .title{
	background: url('../img/i-lupa.png') no-repeat left;
	text-align: center;
	padding-left:30px;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	display: inline-block; }
.find-btn .subtitle{
	opacity: .5;
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase; }

.find-more-btn{
	display: block;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	width: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	margin: 20px auto;
	text-transform: uppercase;
	color: #1a1a1a!important;
	text-decoration: none!important;
	font-weight: 500; }
	.find-more-btn span {
		background: url('../img/i-lupa-grey.png') no-repeat left;
		padding: 3px 0 3px 30px; }


.home .selectize-control {
	margin:10px auto; max-width: 80%; }
.selectize-control.multi .selectize-input [data-value] {
	background:#E7581E!important; border:none; }
.selectize-input input { font-size: 17px!important; }

.selectize-control.plugin-remove_button [data-value] .remove {
	line-height: 16px!important;
	border: none!important;
	margin: 0!important;
	background-color: rgba(0, 0, 0, 0.15)!important;
	background-image: none!important;
	width: 18px!important;
	display: inline-block!important;
	font-size: 18px!important;
	font-weight: 400!important;
	text-align: center!important;
}

.selectize-dropdown-content span { display: inline!important; }

video.top-head { display: none; }

.picbeforevideo .width-img {
	position: absolute;
	background-image: url('../video/sydney.jpg');
	background-size: cover;
	background-position: center center;
}
/* City fallbacks */
.picbeforevideo .width-img.adelaide {
  background-image: url('../video/adelaide.jpg');
}
.picbeforevideo .width-img.melbourne {
  background-image: url('../video/melbourne.jpg');
}
.picbeforevideo .width-img.hobart {
  background-image: url('../video/hobart.jpg');
}
.picbeforevideo .width-img.perth {
  background-image: url('../video/perth.jpg');
}
.picbeforevideo .width-img.brisbane {
  background-image: url('../video/brisbane.jpg');
}


/* Homepage Bottom */

.homepage-bottom {
	display: inline-block;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}

.split.full-on-mobile { margin-bottom: 1em; position: relative; }

.column .w-house{
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	position: relative;
	background-color: #f4f4f4; }
.column .house-holder{
	background-color: #FFFFFF;
	width: 100%;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px; }
.inside-house-holder{
	padding: 8px; }
.inside-house-holder > a {
	display: block;
	height: 155px;
	width: 100%;
	background-size: cover;
}
.inside-house-holder img{
	width: 100%;	 }
.inside-house-holder a:hover + .house-title, .inherit-hover a:hover + .house-title a{
	color: #e7581e; }
h3.house-title{
	margin-top:16px;
	font-size:13px;
	line-height: 16px;
	font-weight: 500;
	color: #383838;
	margin-bottom: 0;
	text-transform: uppercase;
	cursor: pointer; }
.house-title a{
	color: inherit;
	text-decoration: none; }
.house-title a:hover{
	color: #e7581e; }
.house-address{
	font-size: 13px;
	line-height: 18px;
	color: #797979;
	padding: 12px 8px;
	border-top: 1px solid #e8e8e8;
	min-height: 18px;
	max-height: 18px;
	position: relative; }
.house-address:before {
	background-color: #f4f4f4;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 12px;
}

.inline-homepage{
	padding-top: 6px;
	padding-bottom: 6px;
	border-top: 1px solid #e8e8e8;
	display: inline-block;
	width: 100%;
}
.inline-homepage .spec-item{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #797979;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	margin: 0;
	width: 33%;
	display: inline-block;
	border-right: 1px solid #e8e8e8;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	text-align: center; }
	.inline-homepage .spec-item:last-child{
		border-right: 0;
	}
	.inline-homepage .spec-item span {
		padding-left: 40px;
		display: inline-block;
		position: relative; }
	.inline-homepage .spec-item span:before {
		position:absolute;
		left: 0; }


.inline-homepage.no-first .spec-item:first-child{
	border-top: none; }
.inline-homepage .icn-bed:before{
	margin-top: 11px; }
.inline-homepage .icn-bath:before{
	margin-top: 4px; }
.inline-homepage .icn-garage:before{
	margin-top: 5px; }

.inline-homepage label { display: none; }

.house-price{
	background-color: #ffffff;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	margin-top: 5px;
	text-indent: 17px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	font-size:18px;
	color: #3b3b3b; }
.house-price a{
	color: #3b3b3b;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	font-family: "Open Sans"; }
.house-price:hover,.house-price a:hover{
	color: #e7581e; }
.house-price-simple{
	margin-top: 9px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	font-size:18px;
	color: #3b3b3b;
	cursor: pointer; }
.house-price-simple a{
	color: inherit; }
.house-price-simple:hover, .house-price-simple a:hover{
	color: #e7581e; }
.icn-new {
	position: absolute;
	z-index: 9;
	top: -3px;
	right: -2px; }

/* Homepage Suburb Profile */

.map.high{
	min-height: 550px;
}
.map.high img{
	min-width: 100%;
}
.prelative{
	position: relative;
	width: auto;
	margin-right: -12px;
	margin-left: -12px;
	overflow: hidden;
}
.glass{
	background-color: rgba(0, 0, 0, .75);
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 121px;
	display: block;
}
.over-map-container{
	text-align: center;
}
.over-map{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	display: block;
	padding-top: 30px;
}
.over-map h2{
	font-size: 22px;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 25px;
}
.map-table{
	width: 90%;
	margin-left: 5%;
	background-color: white;
	margin-top: 0;
}
.map-table h2{
	margin-top: 1em;
}
.map-table .row{
	width:100%;
}
.map-table .row:first-child { background-color: #343434; }
.map-table .row:last-child { background-color: #fff; }

.map-table .cell{
	height: 40px;
	line-height: 40px;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	color: #797979;
	vertical-align: top;
	text-align: left;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	background-color: white;
}

.map-table .suburb { width: 85%; background-color: #E7581E; }
.map-table .suburb h2 { font-size: 16px; margin: 0; }

.map-table .map-icon {
	background: #343434 url('../img/i-icn-map.png') center center no-repeat;
	width: 15%;
	padding: 0;
	background-size: 24px 24px; }

.map-table .distance-to-cbd {
  width: 50%; }
.map-table .distance-to-parks {
  width: 50%; }
.map-table .public-transport {
  width: 50%;
  border-top: 1px solid #e8e8e8; }
.map-table .metter {
  width: 50%;
  border-top: 1px solid #e8e8e8; }

.cell.metter{
	text-indent: 0;
	color: #383838;
	position: relative;
}
.metter .sign{
	color: #8c8c8c;
}
.metter .textClass{
	position: relative;
	text-indent: 22px;
	margin-top: -22px;
}
.metter .outerClass{
  left: 0;
  top: 5px;
  height: 23px;
  overflow: hidden;
  margin-top: 7px;
}
.metter .innerClass{
  width:55px;
  height:55px;
  border: 8px solid #bec3c7;
  border-radius: 360px;
  text-align: center;
  position: relative;
}
.metter .outerPercent{
	position: absolute;
  top:-8px;
  left: -8px;
  height: 100%;
  width: 0%;
  overflow: hidden;
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}

.outerPercent.p25{
	width: 31.5%;
}
.outerPercent.p50{
	width: 63%;
}
.outerPercent.p75{
	width: 95%;
}
.metter .procent{
	 width:55px;
    height:55px;
    border: 8px solid #E7581E;
    border-radius: 360px;
    text-align: center;

}

/* Browser by State Footer */

.bottom-footer{
	background-color: #333;
	padding-top: 20px;
	padding-bottom: 0;
	display: block;
	margin-right: -12px;
	margin-left: -12px;
}
.browseby{
	width: 100%;
	text-align: center;
	font-size: 22px;
	color :#ffffff;
	font-family: 'Raleway', sans-serif;
	display: inline-block;
	vertical-align: top;
	padding-top:.3em;
	margin-bottom: 25px;
	font-weight: 300;
}
.dblock{
	display: inline-block;
	width: 79%;
}
ul.states-list{
	margin:0;
	padding:0;
	width: 100%;
	text-align: center;
}
.browseby span{
	color: #dc551f;
}
.browseby-state{
	width: 75px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	color: #949494;
	border: 1px solid #494949;
	margin-right: 5px;
	text-transform: uppercase;
	margin-bottom: 10px;
	cursor: pointer;
	transition: border 500ms ease-out;
	-webkit-transition: border 250ms ease-out;
	-moz-transition: border 250ms ease-out;
	-o-transition: border 250ms ease-out;
	border-radius: 2px;
}
.browseby-state:hover{
	border:  1px solid #e7581e;
}
.browseby-state.active{
	border:  1px solid #c7440f;
}
.browseby-state a { color: white; font-weight: 400; color: #929292; text-decoration: none!important; }

.browseby-state:last-child{
	margin-right: 0;
}


.bottom-border-center {
  position:relative;
  overflow:hidden;
  border-bottom:1px solid #262626;
  height: 15px;
  margin-right: 20px;
	margin-left: 20px;
}
.bottom-border-center:before {
  content: "";
  position:absolute;
  z-index: 1;
  width:96%;
  bottom: -10px;
  height: 10px;
  left: 2%;
  border-radius: 100px / 5px;
  box-shadow:0 0 18px rgba(0,0,0,0.2);
}

.no-bottom{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}



/*
---------
## Search block
---------
*/


/* Search */

#search-order-by {
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}

.specs-filters { display: inline-block; width: 100%; }

.search-block select { width: 100%; }
.search-block.text-input { width: 100%; }

.main.search-page { padding-top: 10px; position: relative; }
.main.search-page.mobile-refine-closed { padding-top: 70px;  }

.inside-search.mobile-refine-closed { display: none; }

.inside-search {
	background-color: #2f3030;
	color: #fff;
	margin-top: 56px;
	padding: 12px;
}

.inside-search form,
.inside-search form.borderless { border: none; }

#refine-search-button {
	position: relative;
	width: 100%;
	color: #fff;
	margin: 0 0 10px 0;
	display: none;
}
#refine-search-button.mobile-refine-closed { display: block;  }


.search-block {
  margin-bottom: 15px;
  font-size: 0.9em;
	display: block;
	float: left;
	position: relative;
	width: 50%;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .search-block span {
    font-size: 1.3em; }
  .search-block label {
    font-size: 1.3em; }

.search-block select {
	background-color: white;
}

.search-block span, .search-block label { display: none; }
.search-block:before {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	height: 20px;
	width: 100px;
	content: "Bedrooms";
	font-size: 1.2em;
	text-align: left;
}
.search-block.bedrooms:before { content: "Bedrooms"; }
.search-block.type:before { content: "Type"; }
.search-block.bathrooms:before { content: "Bathrooms"; }
.search-block.garages:before { content: "Garages"; }
.search-block.price-from:before { content: "Price From"; }
.search-block.price-to:before { content: "Price To"; }

.search-block.bedrooms, .search-block.bathrooms, .search-block.price-from {
	padding-right: 5px; clear: left; }
.search-block.type, .search-block.garages, .search-block.price-to {
	padding-left: 5px; }

.text-search-container { display: inline-block; width: 100%; }

.text-input-container {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}

.search-block.text-input {
  /*   width: 0px;
    visibility: hidden;
    display: inline-block;
    @include transition(all 0.5s); */ }

.text-input-container {
  display: inline-block; }
  .text-input-container .text-input.visible:first-child:before {
    content: none; }
  .text-input-container .text-input.visible:first-child .quick-search-close {
    display: none; }

.text-input.visible,
.text-input.last-visible {
  /*  width: 120px;
   visibility: visible; */ }
  .text-input.visible:before,
  .text-input.last-visible:before {
    content: '\002C'; }

.text-input.last-visible .quick-search-close {
  display: block; }
.text-input.last-visible:before {
  content: '\0026'; }

.add-suburb {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: -4px 6px 0;
  padding: 2px;
  background-color: #fff;
  border-color: #fff;
  color: #e7581e; }
  .add-suburb:before {
    content: '+';
    display: block;
    font-weight: normal;
    font-size: 1.9em;
    line-height: 0.5; }
  .add-suburb:hover {
    color: #fff; }

.select-container {
  display: inline; }

.span-select {
  padding-right: 27px;
  padding-left: 10px;
  line-height: 1.9em; }

.quick-search {
  position: relative;
  display: inline-block; }
  .quick-search input {
    position: relative;
    z-index: 2;
    width: 100px;
    line-height: 1.9;
    cursor: text; }
    .quick-search input:focus ~ ul {
      visibility: visible;
      opacity: 1; }

.quick-search-close {
  position: absolute;
  z-index: 2;
  top: -5px;
  right: -5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  background-position: -129px -458px; }
  .quick-search-close:hover {
    background-color: transparent; }

.quick-search-options {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  top: -3px;
  left: -3px;
  padding: 40px 2px 5px 2px;
  min-width: 100%;
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.quick-search-option {
  margin: 0 0.5em;
  padding: 0.2em 0.5em;
  border-bottom: 1px solid #d9d9d9;
  cursor: pointer;
  -webkit-transition: color 0.15s;
  -moz-transition: color 0.15s;
  transition: color 0.15s; }
  .quick-search-option:last-child {
    border-bottom: 0px; }
  .quick-search-option:hover {
    color: #222; }

.search-block-button {
	font-weight: 500!important;
  font-size: 0.9em;
  padding: 6px 12px;
  position: relative;
	display: inline-block;
	top: 0;
	height: 38px;
	width: 50%;
}

/*
---------
## Shortlist Star Button
---------
*/
.shortlist-star-small, .shortlist-star__large {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 5px;
  border: 1px solid #000;
  font-size: 1.4em;
  text-align: center;
  line-height: 1.1;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  -moz-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s; }
  .shortlist-star__large:hover, .shortlist-star__large:focus {
    background-color: #000;
    outline: 0;
    border-color: #000; }
  .shortlist-star__large:hover {
    border-color: #777; }
  .shortlist-star-small:before, .shortlist-star__large:before {
    content: '\2606'; }

.shortlist-star-small.listed, .listed.shortlist-star__large {
  color: #e7581e;
  background-color: #fff;
  border-color: #fff; }
  .shortlist-star-small.listed:before, .listed.shortlist-star__large:before {
    content: "\2605"; }

.shortlist-star__large, .shortlist-star__small {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #5A5A5A;
  font-size: 25px;
  line-height: 30px;
  padding: 0;
  border: none;
  background-color: transparent!important;
  margin-right: -8px; }
  .shortlist-star__large:hover, .shortlist-star__small:hover{
    color: #e7581e;
    background-color: transparent; }

.shortlist-star__large.listed {
  background-color: #fff; }

.shortlist-star-small {
	margin: 0;
	height: 45px;
	line-height: 45px;
	padding: 0 12px;
}
.shortlist-star-small:hover, .shortlist-star-small:focus {
	opacity: .8;
	outline: none;
}

/*
---------
## Breadcrumbs
---------
*/
.breadcrumbs {
  border: 0;
  border-radius: 0;
  background-color: #2f3030;
  padding: 6px 12px;
  border-bottom: 1px solid #000; }

.breadcrumb-item {
  display: inline; }
  .breadcrumb-item:last-child .breadcrumb-link:after,
  .breadcrumb-item:last-child .breadcrumb-link:visited:after {
    content: none; }

.breadcrumb-link,
.breadcrumb-link:visited {
  position: relative;
  margin: 0 12px 0 0;
  padding: 4px 12px;
  border: 1px solid transparent;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s; }
  .breadcrumb-link:after,
  .breadcrumb-link:visited:after {
    content: '>';
    position: absolute;
    right: -12px;
    color: #aaa;
    padding-left: 12px; }
  .breadcrumb-link:hover,
  .breadcrumb-link:visited:hover {
    text-decoration: none;
    border: 1px solid #888; }

/*
---------
## Property Preview
---------
*/

.property-preview__body {
  background-color: #f4f4f4;
  border: 1px solid #e7e7e7;
  border-top: none;
  padding: 0; }
.property-preview .spec-list {
  background-color: #f4f4f4;
  padding: 0;
  border-top: 0;
  display: inline-block;
  width: 100%; }
.property-preview .spec-item {
  padding: 6px 12px;
  font-weight: normal;
  border-right: 1px solid #e7e7e7;
  width: 33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  text-align: center; }
  .property-preview .spec-item:last-child {
    border-right: none; }
  .property-preview .spec-item:before {
    display: inline-block;
    vertical-align: middle;
  }
  .property-preview .spec-item span {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
  }

.property-preview__list {
  padding-top: 2px; }

.property-preview__item {
  position: relative;
  margin-bottom: 30px;
  overflow: visible;
  z-index: 8; /* it was conflicting with the GMaps on Mobile Responsive */
}

.property-preview__item.icn-new:before,
.property-preview__item.icn-sold:before,
.property-preview__item.icn-leased:before,
.property-preview__item.icn-withdrawn:before {
  position: absolute;
  z-index: 8; /* it was conflicting with the GMaps on Mobile Responsive */
  right: -2px;
  top: -3px;
  pointer-events: none; }

.property-preview__item.active .property-preview__map-trigger {
  background-color: #eb794b;
  border-color: #e7581e; }

.property-preview__header {
  padding: 9px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.property-preview__img {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%; }
  .property-preview__img a {
    width: 100%;
    height: 155px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block; }

.property-preview__views {
  position: absolute;
  bottom: 6px;
  right: 6px;
  display: block;
  height: 28px;
  padding: 6px 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  font-size: 0.8em;
  text-align: center;
  line-height: 1.1;
  color: #fff;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .property-preview__views span {
    font-size: 1.3em; }

.property-preview__text {

}

.property-preview__title {
  text-transform: uppercase;
  font-size: 0.9em;
  line-height: 1.4;
  margin-top: 9px;
  margin-bottom: 0;
}

.property-preview__title a {
	color: #383838;
	font-weight: 500;
	text-decoration: none;
}

.property-preview__sub {
	font-size: 0.9em;
	line-height: 17px;
	padding: 9px 0;
  margin: 0 9px;
	border-bottom: 1px solid #e7e7e7;
	min-height: 17px;
	max-height: 17px;
	overflow: hidden;
  white-space: nowrap;
}

.property-preview__map-trigger {
  height: 40px;
  float: left;
  background-color: #888;
  border: 0;
  padding: 0 12px;
  margin-right: 10px;
  display: none; }
  .property-preview__map-trigger:focus {
    outline: 0; }

.property-preview__price {
  width: 100%;
  margin: 5px 0 12px;
  padding: 6px 12px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  color: #383838; }
  .property-preview__price span {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden; }


.property-preview .shortlist-star__large {
  width: 35px;
  height: 35px;
  height: auto;
  float: right;
  clear: none; }

/*
---------
## Load More Button
---------
*/
.load-more-button {
  color: #fff !important;
  font-size: 1em;
  padding: 20px;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  background-color: #292929;
  border-color: #000; }
  .load-more-button:hover, .load-more-button:focus {
    text-decoration: none;
    outline: 0;
    border-color: #000; }

.previous .load-more-button {
	padding: 10px;
	background-color: #888;
	border-color: #888;
	margin-bottom: 5px; }

.load-more-button:last-child { margin-bottom: 3px; }

/* Listing page */
.main.listing h1 { font-size: 18px; margin-bottom: 15px; }
.price-box {
	margin: 0 0 15px 0;
	float: none;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
}

article.tag-sold-2 .carousel:before {
	content: "";
	position: absolute;
	display: block;
	z-index: 2;
	background: url("../img/s.png");
	background-position: -84px -502px;
	width: 82px;
	height: 74px;
	right: -2px;
	top: -3px;
}

article.tag-sold-2 .apply-button { display: none; }

article.listing .sold-notice {
	display: block;
	width: 95%;
	width: calc(100% - 20px);
	padding: 20px;
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 9;
	background-color: #e83636;
	font-weight: 300;
}

article.listing.tag-sold-2 .sold-notice { display: block; }

.main-left .carousel.mobile-gallery {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: black;
	border: none;
	border-radius: 0;
	padding: 0;
}

.mobile-gallery .flex-viewport { max-height: 100%; height: 100%!important; }
.mobile-gallery .carousel-list { height: 100%; }
.mobile-gallery li.carousel-item { max-height: 100%; height: 100%!important; min-height: 100%; }
.mobile-gallery li.carousel-item img {
  height: 100%!important;
  width: auto!important;;
  max-width: 100%!important;
  margin: 0 auto!important;; }
.mobile-gallery .icn-new { display: none; }

/* Error and Success Messages */

.message.error {
	margin-top: 15px;
	padding: 15px;
	background-color: #eb794b;
	border: 2px solid #e7581e;
	border-radius: 4px;
}
.message p { margin: 0; color: white; }

/* Styles for Modal Windows */

.modal { overflow: visible; }

.modal {
  display: none;
  width: 400px;
  max-width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(spinner.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.inside-search {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.inside-search.loaded { opacity: 1; }

.ios .search-block-button { bottom: 2px; }

.text-input-container .selectize-control { min-height: 39px; height: auto; }






.ilightbox-holder { overflow: scroll; -webkit-overflow-scrolling: touch !important; }



/*  Gallery  */

.carousel { min-height: 150px; }

.gallery .flex-prev, .gallery .flex-next {
	background-color: #383838;
	color: #fff !important;
	text-indent: 999px;
}
.flex-direction-nav .flex-prev { left: 20px!important; }
.flex-direction-nav .flex-next{ right: 20px!important;  }
.gallery .flex-prev:before, .gallery .flex-next:before {
	padding: 0!important;
	line-height: 75px;
	position: absolute;
	text-indent: 0!important;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: white;
}

.text-input-container {
	vertical-align: top;
}
.search-block-button {
	vertical-align: top;
	font-size: 1em!important;
	line-height: 38px!important;
	padding: 0 15px!important;
}

/* Gallery */

@media only screen and (min-width:768px) {
	.galleries.desktop-gallery {
		padding-left: 170px;
		position: absolute;
		padding-right: 170px;
		z-index: 999;
		top: 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: auto;
		width: 100%;
		margin: 0 auto;
		max-width: 1200px;
		left: 50%;
		margin-left: -600px;
	}
	.overlay.desktop-gallery {
		display: block;
		position: fixed;
		z-index: 998;
		background-color: black;
		opacity: .75;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
	}
	.galleries.desktop-gallery #gallery-carousel {
		padding: 0;
		border: none;
		border-radius: 0;
	}
}
.overlay { display: none; }


#gallery-carousel {
	margin-bottom: 0;
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#gallery-carousel .loading-icon {
  position: absolute;
  height: 32px; width: 32px;
  top: 50%; left: 50%;
  margin-top: -16px; margin-left: -16px;
  display: none;
}

#gallery-carousel-thumbs {
	margin-otp: 0;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.gallery .top-adverts { margin: 10px; }
.gallery .bottom-border { padding: 0; border: none; margin: 0; }
.gallery .carousel-thumbs { margin: 0; }

.gallery .bk-white { background-color: transparent!important; }
.bk-white.gallery {
width: 100%;
overflow: hidden;
}

.gallery .carousel {
width: 100%;
max-width: 900px;
margin: 0; padding: 0;
border: none;
}
.full-page-container {
width: 95%;
max-width: 1200px;
margin: 0px auto;
position: relative;
}


.gallery .flex-prev, .gallery .flex-next {
width: 39px;
height: 39px;
border-radius: 50%;
background-color: #383838;
color: #383838 !important;
opacity: 0;
}
.gallery:hover .flex-prev, .gallery:hover .flex-next { opacity: 1; }

.gallery .flex-prev:before, .gallery .flex-next:before {
padding: 0!important;
line-height: 39px;
position: absolute;
text-indent: 0!important;
top: 0;
left: 0;
width: 100%;
text-align: center;
color: white;
font-size: 15px;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}

.carousel-item-thumb { margin-right: 8px; height: 60px; }
.carousel-item-thumb img {
	height: 60px;
  width: 100%;
}
.carousel-list-thumbs { padding: 0!important; }
#gallery-carousel-thumbs {
	padding: 0 50px;
	border-radius: 0;
	padding-bottom: 10px;
	position: relative;
}

#gallery-carousel-thumbs .flex-direction-nav a {
	background: white!important;
	position: absolute;
	color: transparent;
	width: 40px;
	height: 100%;
}

#gallery-carousel-thumbs .flex-direction-nav a:before {
	color: #e7581e!important;
	font-size: 22px;
	width: 100%;
	text-align: center;
	height: 22px;
	margin-top: 30px;
}

#gallery-carousel-thumbs .flex-direction-nav .flex-prev { left: 5px!important; }
#gallery-carousel-thumbs .flex-direction-nav .flex-next { right: 5px!important; }

.ilightbox-holder.dark, body.gallery { background: transparent!important; box-shadow: none!important; -webkit-box-shadow: none!important; }

.carousel-item-thumb.flex-active-slide { border: 2px solid black; margin-top: -2px; }

/* Gallery ads */

.gallery-advert {
	display: none;
}
.gallery-advert > div { background-color: #ededed; }

.galleries .top-adverts { margin-bottom: 10px; }
.galleries .advert.pc {
	display: none;
	width: 728px;
	margin: 0 auto;
}
.galleries .advert.tablet {
	display: none;
	width: 468px;
	margin: 0 auto;
}
.galleries .left-advert, .galleries .right-advert {
	display: none;
	position: absolute;
	top: 100px;
}
.galleries .left-advert { left: 0; }
.galleries .right-advert { right: 0; }

@media only screen and (min-width:768px) and (max-width:1087px){
	.gallery-advert { display: block; }
	.galleries .left-advert, .galleries .right-advert { display: none; }
	.galleries.desktop-gallery .advert.tablet { display: block; }
	.galleries.desktop-gallery {
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (min-width:1088px) {
	.gallery-advert { display: block; }
	.galleries.desktop-gallery .advert.pc,
	.galleries.desktop-gallery .left-advert,
	.galleries.desktop-gallery .right-advert {
		display: block; }
}


/* Shortlist Page */

.main.shortlist {
	max-width: 100%;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 0;
}
.main.shortlist h2.box-h.left, .main.shortlist #listing-apply label { text-align: left; }
.main.shortlist #listing-apply label.error { text-align: right; }
/* Navigation */

.shortlist-nav {
  background-color: #333;
  margin-top: 56px;
  text-align: center;
  border-top: 1px solid #666;
  margin-bottom: 5px;
}
.shortlist-nav a {
  border-right: 1px solid #666;
  padding: 15px 30px 10px 30px;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
}
.shortlist-nav a:first-child { border-left: 1px solid #666; }

.shortlist-nav a.current { background-color: #edeef0; color: black; }
.shortlist-nav a:after {
  position: relative;
  width: 100%;
  display: block;
  content: "";
  height: 3px;
  background-color: transparent;
  margin-top: 2px;
}

.shortlist-nav a.current:after {
  background-color: #e75813;
}


.main.shortlist .title { display: inline-block; width: 100%; }
.shortlist #search-order-by { display: none; }

.main.shortlist .title button { display: none; }

.main.shortlist > nav.bottom-nav {
	position: fixed;
	bottom: 0; left: 0;
	width: 100%; height: 40px;
	background-color: #343434;
	text-align: center;
	line-height: 40px;
}

.main.shortlist .bottom-nav a {
	display: inline-block;
	height: 9px; width: 9px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	margin: 0 5px;
	background-color: #9a9a9a;
}
.main.shortlist .bottom-nav a.current {
  background-color: #e7581e;
}

.main.shortlist > nav.sides-nav a {
	width: 49px;
	height: 49px;
	position: fixed;
	top: 50%;
	margin-top: -22px;
	z-index: 99;
	background-image: url(../img/s.png);
	background-position: 18px -660px;
}

.main.shortlist > nav.sides-nav a.prev { left: -23px; }
.main.shortlist > nav.sides-nav a.next { right: -23px; background-position: -35px -660px; }

.shortlist .title { vertical-align: middle; }


/* Listings */

#shortlist-star-hint {
    position: absolute;
    display: block;
    max-width: 300px;
    width: auto;
    border: 1px solid #e7581e;
    background: #fff;
    opacity: .85;
    padding: 6px;
    font-size: 90%;
}
    #shortlist-star-hint .close {
        float: right;
    }

body.shortlist .main-content-container { display: block; width: 100%; }

section.shortlist > ul { padding: 0; margin: 0 auto; text-align: left;}

.shortlist-title { margin: 10px auto 20px auto; display: inline-block; width: auto; }

.shortlist > ul > li {
	position: relative;
	list-style: none;
	display: inline-block;
	margin-bottom: 40px;
	width: 24%;
    vertical-align: top;
	}
    @media screen and (max-width: 1087px) {
        .shortlist > ul > li {
            width: 49.5%;
        }
    }
    @media screen and (max-width: 767px) {
        .shortlist > ul > li {
            width: 100%;
        }
    }

.shortlist .shortlist-listing-inner {
	position: relative;
	padding: 10px;
	margin: 0 5%;
	background-color: white;
	display: block;
	text-align: left;

	border: 1px solid #e1e1e1;
	border-radius: 4px;
	font-size: 13px;
	width: 90%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }


.shortlist strong { font-weight: bold; color: #3b3b3b; }

.shortlist .btn-remove-listing, #agency-signup .btn-remove-listing, #agency-signup .btn-remove-member-button {
	display: block;
	position: absolute;
	height: 20px;
	width: 20px;
	top: -10px;
	right: -10px;
	background: url("../img/s.png");
	background-position: -129px -458px;
	padding: 0;
	text-indent: -9999px;
}

.shortlist .property-image {
	width: 100%;
	height: 150px;
	background-size: cover;
	background-position: center center;
    display: block;
}
.shortlist .property-title { font-size: 13px; font-weight: bold; margin-bottom: 0; }
    .shortlist .property-title a {color: #000;}
    .shortlist .property-title a:hover {color: #e7581e; text-decoration: none;}
.shortlist .property-subtitle { font-size: 13px; font-weight: 400; margin-top: 0; }
    .shortlist .property-subtitle a {color: #000;}
    .shortlist .property-subtitle a:hover {color: #e7581e; text-decoration: none;}

.shortlist .specs { width: 100%; }
.shortlist .specs li {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
  padding-left: 50px;
  height: 40px;
  font-size: 12px;
  line-height: 40px;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #e1e1e1; }
  .shortlist .specs li:last-child {
	  border-bottom: none;
  }

.shortlist .specs li:before {
	content: "";
	display: block;
	position: absolute;
	top: 10px; left: 0;
	height: 20px; width: 40px;
	background-image: url("../img/s.png");
	margin-left: 10px;
}
.shortlist .specs li.bedrooms:before { background-position: 0 -353px; }
.shortlist .specs li.bathrooms:before { background-position: 0 -373px; }
.shortlist .specs li.garage:before { background-position: 0 -396px; height: 25px; }

.shortlist .price {
	margin: 10px 0;
	display: block;
	border: 1px solid #e1e1e1;
	padding: 10px;
	border-radius: 4px;
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	color: #3b3b3b;
	padding-left: 95px;
	position: relative;
}
.shortlist .price .stars {
	width: 80px;
	height: 15px;
	position: absolute;
	top: 16px;
	left: 10px;
}
.shortlist .star {
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	background-image: url("../img/s.png");
	background-position: -106px -576px;
}
.shortlist .star.active { background-position: -88px -576px; }

.shortlist .inspection {
	padding: 10px 60px 10px 10px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	position: relative;
}
.shortlist .inspection p { margin: 0; }
.shortlist .inspection:before {
	content: "";
	position: absolute;
	display: block;
	right: 10px;
	top: 50%;
	margin-top: -22px;
	width: 45px;
	height: 45px;
	background-image: url("../img/s.png");
	background-position: -40px -576px;
}
.shortlist .inspection .inspection-button {float: none; margin-top: 6px;}

.shortlist .suburb-specs {
	margin-top: 30px;
}

.shortlist .suburb-specs > strong { padding-left: 10px; }
.shortlist .suburb-specs ul { padding: 10px 0 0 0; }
.shortlist .suburb-specs li {
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #e1e1e1;
	position: relative; }
  .shortlist .suburb-specs li:last-child { border-bottom: none; }

.shortlist .suburb-specs .metter {
	position: absolute;
	top: 0; right: 10px; }
	.shortlist .suburb-specs .metter .textClass {
	position: relative;
	text-indent: 22px;
	margin-top: -13px; }
	.shortlist .suburb-specs .metter .outerPercent { width: 65%; }

.shortlist .kid-friendly .stars {
	width: 80px;
	height: 15px;
	position: absolute;
	top: 12px;
	right: 10px;
}

.shortlist .climate { height: 20px; }
.shortlist .climate-type {
	position: absolute;
	width: 50%;
	right: 10px;
	top: 0;
	height: 40px;
	line-height: 40px;
	text-align: right;
	padding-right: 40px;
	font-size: 16px; }
	.shortlist .climate-type:before {
		content: "";
		display: block;
		background-image: url("../img/s.png");
		position: absolute;
		right: 0; top: 0;
		height: 40px;
		width: 35px;
	}
	.shortlist .climate-type.hail:before { background-position: -1px -622px; }
	.shortlist .climate-type.rain:before { background-position: -33px -619px; }
	.shortlist .climate-type.sun:before { background-position: -64px -620px;; }
	.shortlist .climate-type.clouds:before { background-position: -97px -622px; }
	.shortlist .climate-type.storm:before { background-position: -130px -622px; }

.shortlist .right-icon,  { padding-right: 50px; }
.shortlist .right-icon:before {
	position: absolute;
	display: block;
	content: "";
	top: 0; right: 10px;
	height: 40px; width: 40px;
	background-image: url("../img/s.png");
}
.shortlist .distance-to-cbd:before { background-position: -38px -206px; }
.shortlist .distance-to-park:before { background-position: -38px -241px; }
.shortlist .distance-to-train:before { background-position: -38px -277px; height: 30px; top: 5px; }
.shortlist .restaurants-near:before { background-position: -38px -303px; height: 35px; }

.shortlist .button { width: 100%; margin: 10px 0 0 0; }
.shortlist .button.contact { background-color: #d8d8d8; color: #3b3b3b; margin-top: 20px; }

.shortlist section.apply { margin-bottom: 40px; text-align: center; }
.shortlist section.apply button {
  display: inline-block;
  width: 90%;
  margin: 10px 0;
  height: 50px;
}
.shortlist section.apply button.apply-to-all {
  background-color: black;
  color: white;
  margin-top: 40px;
}
.shortlist section.apply button.email-all {
  background-color: white;
  color: #afafaf;
}
.shortlist section.apply button.email-all:before {
  display: inline-block;
  content: "";
  position: relative;
  height: 30px;
  width: 34px;
  background-color: red;
  vertical-align: middle;
  margin-right: 10px;
  background: url(../img/s.png);
  background-position: -292px -586px;
}

.shortlist .homepage-bottom { display: none!important; }

.shortlist .contact-box {display: none;}


/***********************/
/* Suburb Profile Page */
/***********************/

.main.suburb-profile { background-color: #f4f4f4; padding-left: 0; padding-right: 0; padding-top: 56px; }
.main.suburb-profile .main-content-container { overflow: hidden; }

.main.suburb-profile section {
  position: relative;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: center; }

.main.suburb-profile section > div {
  position: relative;
  width: 100%;
  display: inline-block;
  max-width: 296px;
  margin: 0 auto;
  text-align: left; }

.suburb-profile h1 {
  font-size: 18px;
  font-weight: 400;
  color: #343434;
}
.suburb-profile h1 span { color: #e7581e; }
.suburb-profile strong { color: #3b3b3b; }

.suburb-map {
  background-color: #e7581e;
  position: fixed;
  width: 100%; height: 100%;
  right: -102%;
  right: calc(-100% + 5px);
  z-index: 98;
  top:0;
  transition: right .5s ease-in;
}
.suburb-map.active {
  right: 0;
}

.suburb-map #map-canvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  margin-left: 5px;
}

.suburb-map button {
  position: absolute;
  height: 47px;
  width: 29px;
  top: 50%;
  margin: 0;
  padding: 0;
  margin-top: -25px;
  left: -23px;
  background-image: url(../img/s-suburb.png);
  background-position: -188px -396px;
  background-color: transparent;
  outline: none;
  z-index: 98;
}
.suburb-map.active button {
  left: 0;
  background-position: -123px -410px;
}
.suburb-map .surrounding { display: none; }

/* Top Section */

.suburb-profile section.top { padding-top: 30px; }
.suburb-profile .top h1 {
  padding: 5px 0 20px 0;
  margin: 0;
}

.suburb-profile .top { border-bottom: 1px solid #e1e1e1; z-index: 2; }
.suburb-profile .top button {
  margin: 0;
  color: #7b7c7c;
  border: 1px solid #d7d7d7;
  background-color: white;
  font-weight: 300;
  font-size: 11px;
  padding: 8px 10px;
  width: 80px;
  float: right;
  z-index: 1;
  position: relative;
}

.suburb-profile .investment {
  display: block;
  position: absolute;
  bottom: -40px;
  width: 296px;
  padding: 0 0 0 57px;
  height: 42px;
  line-height: 45px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #2f3030;
  color: white;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  overflow: hidden;
  text-align: center;
  font-weight: 300;
}
.suburb-profile .investment:before {
  position: absolute;
  display: block;
  content: " ";
  left: 0;
  top: 0px;
  height: 42px;
  width: 61px;
  background-image: url(../img/s-suburb.png);
  background-position: -179px -315px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

/* Population Section */
.suburb-profile section.population {
  background-color: white;
  padding-top: 40px;
  padding-bottom: 20px;
  z-index: 1;
}

.suburb-profile .population .intro { line-height: 18px; }
.suburb-profile .population .intro .number { font-size: 32px; font-weight: 600; line-height: 32px; letter-spacing: -1px; }
.suburb-profile .population .intro .name { color: #e7581e; }

.suburb-profile .population .data {
  margin: 20px 0 0 0;
}
.suburb-profile .population .data div {
  position: relative;
  display: inline-block;
  font-weight: 800;
  font-size: 22px;
  padding: 20px 10px 30px 38px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #e1e1e1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.suburb-profile .population .data div:before {
  position: absolute;
  display: block;
  left: 0; bottom: 15px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
}
.suburb-profile .population .data div:after {
  content: " ";
  display: block;
  position: absolute;
  background-image: url(../img/s-suburb.png);
}

.suburb-profile .population .data .median-age { padding-left: 50px; margin-right: 10px; }
.suburb-profile .population .data .median-age:before { content: "Median Age"; }
.suburb-profile .population .data .median-age:after {
  background-position: -20px -20px;
  height: 35px;
  width: 30px;
  top: 13px; left: 15px;
}

.suburb-profile .population .data .male { border-right: none; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.suburb-profile .population .data .male:before { content: "Male"; left: 40px; text-align: left; }
.suburb-profile .population .data .male:after {
  background-position: -84px -9px;
  height: 50px;
  width: 20px;
  top: 13px;
  left: 10px;
}
.suburb-profile .population .data .male .line {
  display: block;
  height: 120%;
  height: calc(100% + 12px);
  width: 1px;
  background-color: #e1e1e1;
  position: absolute;
  right: 0; top: -6px;
}

.suburb-profile .population .data .female { border-bottom-left-radius: 0; border-top-left-radius: 0; border-left: none; }
.suburb-profile .population .data .female:before { content: "Female"; left: 37px; text-align: left; }
.suburb-profile .population .data .female:after {
  background-position: -146px -9px;
  height: 50px;
  width: 22px;
  top: 13px;
  left: 8px;
}

/* Social Section */

.suburb-profile .social-gallery {
  position: relative;
  width: 296px;
  height: 260px;
  overflow: hidden;
}
.suburb-profile .social-gallery .background {
  position: absolute;
  z-index: 2;
  height: 100%; width: 100%;
  top: 0; left: 0;
  background-image: url(../img/suburb-social-gallery-gray.png);
  background-position: center center;
  pointer-events: none;
}
.suburb-profile .social-gallery .gallery {
  position: absolute;
  height: 225px;
  width: 225px;
  top: 18px;
  left: 53px;
  z-index: 1;
}

.suburb-profile .social-gallery .gallery li { height: 225px; width: 225px; }
.suburb-profile .social-gallery .gallery img { width: 100%; height: 100%; }
.suburb-profile .social-gallery .gallery .flex-direction-nav a { display: none; }

.suburb-profile .suburb-gallery-nav {
  background-color: transparent;
  background-image: url(../img/s-suburb.png);
  display: block;
  position: absolute;
  z-index: 3;
}

.suburb-profile .suburb-gallery-next {
  bottom: 30px;
  right: 30px;
  height: 37px;
  width: 37px;
  background-position: -173px -105px;
  z-index: 4;
}
.suburb-profile .suburb-gallery-prev {
  bottom: 13px;
  right: 58px;
  height: 31px;
  width: 30px;
  background-position: -116px -109px;
}

.suburb-profile .suburb-meta {
  margin-top: 20px;
  padding-left: 0;
}
.suburb-profile .suburb-meta li {
  list-style: none;
  padding: 15px 0 15px 70px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #dedede;
  position: relative;
  font-size: 15px;
}

.suburb-profile .suburb-meta li:first-child { border-top: none; }
.suburb-profile .suburb-meta li:last-child { border-bottom: none; }

.suburb-profile .suburb-meta li:before {
  content: " ";
  display: block;
  background-image: url(../img/s-suburb.png);
  height: 45px; width: 45px;
  position: absolute;
  top: 3px; left: 15px;
}
.suburb-meta li.cbd:before { background-position: -112px -166px; }
.suburb-meta li.park:before { background-position: -112px -228px; }
.suburb-meta li.train:before { background-position: -106px -295px; }
.suburb-meta li.restaurants:before { background-position: -104px -354px; }

/* Income Section */

.suburb-profile section.income { padding-top: 10px; padding-bottom: 10px; background-color: white; }

.suburb-profile section.income ul { padding: 0; }
.suburb-profile section.income li {
  list-style: none;
  width: 100%;
  height: 45px;
  line-height: 45px;
  background-color: #f4f4f4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-left: 50%;
  font-size: 20px;
  position: relative;
}
.suburb-profile section.income .dollar { color: #b8b8b8; }
.suburb-profile section.income .number { color: #343434; }
.suburb-profile section.income .weekly { font-size: 12px; }

.suburb-profile section.income li:before {
  content: " ";
  display: block;
  background-image: url(../img/s-suburb.png);
  height: 45px; width: 45px;
  line-height: 45px;
  position: absolute;
  top: 0; left: 15px;
}

.suburb-profile section.income li.individual:before {
  background-position: -179px -169px;
}
.suburb-profile section.income li.family:before {
  background-position: -181px -226px;
}
.suburb-profile section.income li.rent:before, .suburb-profile section.income li.mortgage:before {
  background: none;
  width: auto;
  font-size: 16px;
  color: #343434;
}
.suburb-profile section.income li.rent:before { content: "Rent";  }
.suburb-profile section.income li.mortgage:before { content: "Mortgage"; }

/* Property Value Section */

.suburb-profile section.property-value .tabs {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  background-color: #f1f1f1;
}
.suburb-profile section.property-value .tabs ul {
  width: 50%;
  list-style: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  padding: 0;
  margin: 0;
}

.suburb-profile section.property-value .tabs .nav { background-color: #f1f1f1; min-height: 100%; }
.suburb-profile section.property-value .tabs .nav li {
  padding: 5px 0 5px 10px;
  cursor: pointer;
}
.suburb-profile section.property-value .tabs .nav li.active { background-color: white; }
.suburb-profile section.property-value .tabs .nav li:first-child { padding-top: 10px; border-top-left-radius: 5px; }
.suburb-profile section.property-value .tabs .nav li:last-child { padding-bottom: 10px; border-bottom-left-radius: 5px; }
.suburb-profile section.property-value .tabs .nav li:hover { background-color: white; }

.suburb-profile section.property-value .tabs .content {
  padding: 10px 15px;
  background-color: white;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  min-height: 100%; }
.suburb-profile section.property-value .tabs .content li { margin-top: 5px; margin-bottom: 5px; line-height: 18px; display: none; }
.suburb-profile section.property-value .tabs .content li.active { display: block; }
.suburb-profile section.property-value .tabs .content span { margin-bottom: 5px; display: block; font-size: 15px; }
.suburb-profile section.property-value .tabs .content strong { font-weight: 800; padding-left: 5px; }

/* Dwelling Types Section */

.suburb-profile section.dwelling-types { background-color: white; }

.suburb-profile section.dwelling-types > div > div {
  height: 45px;
  line-height: 45px;
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: 800;
  vertical-align: middle;
}
.suburb-profile section.dwelling-types > div > div span { font-weight: 400; color: #b9b9b9; font-size: 20px;  }

.dwelling-types .progress {
  display: inline-block;
  padding-right: 10px;
  background-image: url(../img/s-suburb.png);
  width: 0;
  height: 45px;
  padding: 0;
  transition: width .5s ease-in;
  -moz-transition: width .5s ease-in;
  -webkit-transition: width .5s ease-in;
  margin-right: 10px;
  vertical-align: middle;
}

.dwelling-types .houses .progress { background-position: -331px -20px; }
.dwelling-types .building .progress { background-position: -331px -74px; }
.dwelling-types .other .progress { background-position: -331px -132px; }

/* Green Section */

.green h1 { font-weight: 600; }
.green h1 span { font-weight: 400; font-size: 15px; color: inherit; display: block; }

.green .total {
  font-weight: 800;
  font-size: 30px;
  padding-left: 55px;
  height: 50px;
  position: relative;
  margin: 20px 0 10px 0;
}
.green .total span {
  font-weight: 400;
  font-size: 15px;
  padding-left: 10px;
}

.green .total:before {
  content: " ";
  position: absolute;
  display: block;
  height: 50px;
  width: 50px;
  top: -5px; left: 0;
  background-image: url(../img/s-suburb.png);
}
.green .water-use .total:before { background-position: -256px -93px; }
.green .greenhouse-pollution .total:before { background-position: -256px -164px; }

.green .state-average, .green .nat-average {
  padding: 15px;
  background-color: #f1f1f1;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
.green .state-average { margin-bottom: 5px; }
.green .state-average span, .green .nat-average span { font-weight: 800; font-size: 22px; padding-left: 10px; }

.green .greenhouse-pollution {
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px solid #e1e1e1;
}

/* Professions Chart Section */

.suburb-profile section.professions { background-color: white; }

#professions-chart { display:block; float:left; height:200px; width:200px; margin-left:-15px; }
#professions-chart-data {
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 0;
  width: 90px;
  margin: 0;
  float: right;
  margin-top: -55px;
}
#professions-chart-data li {
  padding: 10px 3px;
  list-style-type: none;
  text-align: center;
  margin: 0 7px;
  border-bottom: 1px solid #e1e1e1;
  height: 62px;
  position: relative;
  box-sizing: border-box;
  cursor: default;
}
#professions-chart-data li:last-child { border-bottom: none; }
#professions-chart-data li.active * { color: white; }

#professions-chart-data li:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -7px;
  width: 90px;
  height: 62px;
  background-color: #e7581e;
  visibility: hidden;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  opacity: 0;
  z-index: 1;
}

#professions-chart-data li:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -19px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 31px 12px 31px 0;
  border-color: transparent #e7581e transparent transparent;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

#professions-chart-data li.active:before, #professions-chart-data li.active:after {
  visibility: visible;
  opacity: 1;
}

#professions-chart-data li span { position: relative; z-index: 2; }

#professions-chart-data li span, #professions-chart-data li strong {
  font-size: 24px;
  font-weight: 300;
  line-height: 26px;
}
#professions-chart-data li strong { font-weight: 500; }

#professions-chart-data li span.label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

/* Sold Properties Section */

.suburb-profile .property-preview__list > li { margin-bottom: 15px; }
.suburb-profile .property-preview__list > li:last-child { margin-bottom: 0; }

/* Neighbouring Suburbs Section */

.suburb-profile section.neighbouring-suburbs { background-color: white; }

.suburb-profile section.neighbouring-suburbs ul {
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background-color: white;
  padding: 0;
}
.suburb-profile section.neighbouring-suburbs li {
  padding: 13px 100px 13px 10px;
  list-style-type: none;
  color: #3b3b3b;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
}
.suburb-profile section.neighbouring-suburbs li:last-child {
  border-bottom: none;
}

.neighbouring-suburbs .stars {
	position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -8px;
}
.neighbouring-suburbs .star {
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	background-image: url("../img/s.png");
	background-position: -106px -576px;
}
.neighbouring-suburbs .star.active { background-position: -88px -576px; }

/* Neighbouring Suburbs Section */

.suburb-profile section.top-agents ul {
  padding: 0;
}
.suburb-profile section.top-agents li {
  list-style-type: none;
  text-transform: uppercase;
  position: relative;
  line-height: 18px;
  padding: 10px 0;
  border-bottom: 1px solid #e1e1e1;
}
.suburb-profile section.top-agents li:last-child { border-bottom: none; }
.suburb-profile section.top-agents li span {
  color: #797979;
  font-family: "Open Sans" sans-serif;
  text-transform: none;
}

.suburb-profile section.top-agents li .sold {
  position: absolute;
  right: 10px;
  top: 50%;
  height: 30px;
  line-height: 30px;
  margin-top: -15px;
  background-color: #e75813;
  color: white;
  box-sizing: border-box;
  min-width: 110px;
  text-align: center;
  border-radius: 4px;
}

/*********************/
/* User-section login/registration */
/*********************/

.user-section.user-login-container {
  text-align: center;
  position: absolute;
  bottom: 0;
}

.user-section.user-login-container p {
  padding: 0 10px 0 50px;
}

.usersection-box {
  display: none;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  width: 430px;
  margin-left: -215px;
  margin-top: -100px;
  border: 0;
  background: url(../img/login-dialog-border.png) repeat-y 50% 50%;
  padding: 12px;
}
.usersection-box form {
  padding: 40px 40px 0 40px;
  border-top: 10px solid #e7581e;
  background: #fff url(../img/login-dialog-bg.jpg) no-repeat 50% bottom;
}
.usersection-box h1 {
  font-size: 28px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.usersection-box label {
  display: block;
  font-size: 15px;
  margin: 20px 0 10px 0;
}
.usersection-box label.error {
  text-align: right;
  margin-top: -20px;
}
.usersection-box input[type="text"],
.usersection-box input[type="password"] {
  display: block;
  margin: 10px 0 20px 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  cursor: text;
  font-size: 18px;
  line-height: 1.75;
  padding: 4px 10px;
  box-sizing: border-box;
}
.usersection-box .button-container {
  background: rgba(0, 0, 0, 0.4);
  margin: 50px -40px 0 -40px;
  padding: 16px 40px;
  text-align: right;
}
  .usersection-box .button-container input {
      display: inline-block;
      margin: 0; width: auto;
  }
.usersection-box .nav {position: absolute; text-align: center; left: 0; right: 0;}
  .usersection-box .nav a {color: #999;}
  .usersection-box .nav a:hover {color: #e7581e; text-decoration: none;}


/*********************/
/* User profile page */
/*********************/

.user-profile, .user-profile .main-content-container {
  transition: height .25s ease-in;
}

.profile-tabs {
  margin-top: 56px;
  padding: 15px;
  padding-bottom: 0;
  position: relative;
}
.profile-tabs ul { display: none; }
.profile-tabs select {
  padding: 0;
  margin: 0 4%;
  width: 92%;
  background: #3b3b3b;
  border: none;
  position: relative;

  padding-left: 20px;
  padding: 10px 60px 10px 15px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  position: relative;
  cursor: pointer;

  color: #fff;
  font-weight: 400;
  font-size: 12px;
}
.profile-tabs option {

}
.profile-tabs:before {
  content: " ";
  display: block;
  position: absolute;
  top: 27px;
  right: 12%;
  height: 16px;
  width: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAc1JREFUeNrEV+2RwiAQfTrXQFqghVwJWEIsIVcCV4KW4JWAJcQStAQtQUt492fJEAYJ5OOOGSZiyO5jPx67G5KYOFSwfkwR8lGosAGg5XcMwAPABcA5F9AmwwIKgBHlToF7+kMDqGSfEhDHUSAkU9OQfJLsSOqRvf6sSZ7kW5PamxJiSd5JNgWKw6lFhi0FYEleSaoZyt1UIi8KIhYDVny5w7LDynOfigEjJlvi5DFL3Eke3rlASdA0Kyh3sxEddcwFJ0mfpU0fjqEeQVIJMr3i6f3MoLPCVlC1EXIxXuDMDT7jrS8AbkJcPYA6wmxHyQY7U3kN4Cf4/yyMOQAQo8wveTcFhJFvdwBewbuXxEGV43+XPqbAz47CVUImSarBYiRwnpkg2oyALgbgg2gy9ugMUuoBlKRg6nR1gZUGACA+bgv9W8+IE3eQylVEN4nYnOGnp2PNTmQcM2VUknWv8BIqYTRXL3Sp+/7NvDprzaViKwBQWC31VLzEZVRFiKb4Mvqr61iHAVzKYIsXJO9KshrAZ6FpJ5Vk28jGvaRUF2k+pnZQ8XpwpC9YoixvppblYUzYGY3JIbV3zdbsBuBbnrN6Qz/f2/9oTldtz38HAHh3+mqSRlUeAAAAAElFTkSuQmCC);
  background-size: 16px 16px;
  cursor: pointer;
  z-index: 1;
}
.profile-tabs li.active {
  display: block;
}
.profile-tabs li strong { font-weight: 500; color: white; }

.user-profile, .steps-forms {
  padding: 15px;
  padding-top: 0;
  font-size: 14px;
  color: #3b3b3b;
  margin-top: -2px;
}
.user-profile form, .steps-forms > .main-content-container > form, .steps-forms article {
  padding: 25px;
  background: white;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  position: relative;
  margin-bottom: 60px;
  transition: height .5s ease-in;
  padding-bottom: 80px;
  display: none;
}

.user-profile form.active { display: block; }

.user-profile .loading-overlay, #agency-signup .loading-overlay, #add-listing-form .loading-overlay { position: absolute; background: rgba(255, 255, 255, 0.75) url(../img/preload.gif) no-repeat 50% 50%; top: 0; left: 0; right: 0; bottom: 64px; display: none; z-index: 100;}
    .user-profile form.loading .loading-overlay, #agency-signup form.loading .loading-overlay, #add-listing-form.loading .loading-overlay {display: block;}

.user-profile form .next, .steps-forms > .main-content-container > form .next, .steps-forms article .next {
  position: absolute;
  background-color: #e7e7e7;
  height: 64px;
  width: 100%;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  left: 0;
  bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.user-profile form .next .button, .steps-forms > .main-content-container > form .next .button, .steps-forms article .next .button { color: white!important; top: 15px; }

/* Form Sections Nav */

#user-profile input[type="submit"], #agency-signup input[type="submit"], #agency-signup input[type="button"].save-team {
  width: auto;
  position: absolute;
  top: 9px;
  left: 15px;
  background-color: transparent;
  color: #c4c4c4;
  border: 1px solid rgba(255, 255, 255, .5);
  padding: 7px 10px;
}
#agency-signup input[type="submit"] {
  width: 190px
}

.user-profile form nav, .steps-forms > .main-content-container > form nav, .steps-forms article nav {
  position: absolute;
  bottom: 0; left: 0;
  height: 48px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 20px 30px 20px 20px;
  background: #343434;
  width: auto;
  left: -16px;
  right: -16px;
  bottom: -56px;
  z-index: 2;
}
.user-profile form nav.floating, .steps-forms > .main-content-container > form nav.floating, .steps-forms article nav.floating {
  position: fixed;
  width: 100%;
  left: 0; right: auto;
  bottom: 0;
}

.user-profile form nav ul, .steps-forms > .main-content-container > form nav ul, .steps-forms article nav ul {
  text-align: right;
  position: absolute;
  top: 0; right: 30px;
}
.user-profile form nav li, .steps-forms > .main-content-container > form nav li, .steps-forms article nav li {
  height: 9px; width: 9px;
  margin: 5px;
  background: #9a9a9a;
  display: inline-block;
  list-style: none;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.user-profile form nav li.active, .steps-forms > .main-content-container > form nav li.active, .steps-forms article nav li.active {
  background: #e7581e;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
#user-profile.rental #section-loan { display: none; }

/* Form elements */

.user-profile hr, .steps-forms hr {
  clear: both;
  border: none;
  height: 1px;
  background-color: #eee;
  margin: 30px 0;
  border-bottom: 1px solid #f9f9f9;
}

.user-profile fieldset, .steps-forms fieldset { display: none; }
.user-profile fieldset.active, .steps-forms fieldset.active { display: block; }

.user-profile legend, .steps-forms legend {
  padding-bottom: 15px;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  font-size: 18px;
  color: #fff;
}
@media only screen and (max-width: 48em) { /* Responsive bug fix */
  .user-profile legend {color:#3b3b3b;}
}

.user-profile input, .user-profile select, .steps-forms input, .agency-admin .input-wrapper, .steps-forms select {
  background-color: white;
  width: 100%;
  color: #3b3b3b;
  font-size: 14px;
  padding: 9px;
  line-height: 16px;
  outline: none;
}
.user-profile input[type="radio"], .user-profile input[type="checkbox"], .steps-forms input[type="radio"], .steps-forms input[type="checkbox"] { width: auto; margin-right: 5px; }
.user-profile select, .steps-forms select, .agency-admin select {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAIAAAAnX375AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3MDA0NDgzRDdCMzExRTNCQjg0OEM4RUI1MzA2RUJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3MDA0NDg0RDdCMzExRTNCQjg0OEM4RUI1MzA2RUJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTcwMDQ0ODFEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTcwMDQ0ODJEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ROYauAAAAfUlEQVR42uzTsQkAIQwFUO9yjThBJlAQ3H8MG2dwhJQqJ9geHCTV/1VSyCMJXrXWGKOziojczjbee2tyBSRIkCBBggT5nefHm9Za7/20zJxz1p0ypRRC2PUqVqu+WCIqpdCbXagv9gw3xjjjqpP7hPgkIEGCBAnSnBSRKcAAEQ4ViHvjOyMAAAAASUVORK5CYII=) center right no-repeat;
  padding-right: 48px;
}

.user-profile label, .steps-forms label {
  display: block;
  margin: 20px 0 5px 0;
}
.user-profile label.radio, .steps-forms label.radio { display: inline-block; margin-right: 20px; margin-top: 10px; }

.user-profile fieldset, .steps-forms fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.user-profile .button, .steps-forms .button, .user-profile .button {
  background: #e7581e;
  position: relative;
  font-size: 12px;
  padding-right: 65px;
  margin: 0;
  font-weight: 300;
}

.steps-forms form input[type="submit"].button, #agency-signup input[type="button"].save-team {
  border: 1px solid rgba(255, 255, 255, .5);
  background: #e7581e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAtCAYAAADC+hltAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGQjY0MkM2RDgwQzExRTNCQjg0OEM4RUI1MzA2RUJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGQjY0MkM3RDgwQzExRTNCQjg0OEM4RUI1MzA2RUJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTcwMDQ0ODlEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTcwMDQ0OEFEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4chesFAAABt0lEQVR42uyXq2+EQBDGub5ylypkkdiTyCIqkHeyFnl/VCW2spUnTlxl5VYisajmLmmb7ZJ8JBOyLK8h3SY7yYTLZQk/Zr55sJBS3nqe9+lZZhfKrz0LzWqwGxcxFzEXMcvArmwFu3RgA2zONAbkd6n89Jdga+UhfEn+PwPsQ/l7H0gusJXyjXIfD88QJWo18E75EYCzglUwKR70bDiXw6tzW9y3N4mfA2qPKNSRWRnuKRHRSoPJXGBbAIlGWneANlmGl4i4wda4NrUiEMG0B9yr8pgb7N4gYAG9peQFdFYgtREXmI+UiY6HZtDRuqMoQk6wose5WuhRW8q4wYIBZ0si9GTIrLTSxoKVHb1K1+tyQ0M9c4FV+robOBWOLWdCnV6nRKzsqLaATAVT9YaIJpvG3tDL2prvI0QvOuB9XT+cAiagjVgDlbRsGE3btOlualW+oEfRlFa71lMPqLogxBxgJenuMWmYpx4FUZjWnoWU8kFdD0yLYj2mcsOiGAHIuChygVExR2TELKes1j+MDbsgPcknTXjUxwgnmK7XjR5Jc4FNnpXftoJ9OTAH5sTvwP5xKn8FGACKAXWZtviCQAAAAABJRU5ErkJggg==) 144px center no-repeat !important;
  position: relative !important;
  left: 0 !important;
  height: 39px;
  top: 14px !important;
  padding-left: 27px !important;
  padding-right: 57px !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#agency-signup input[type="button"].save-team{
  background-position-x: 106px !important;
  width: 153px;
}
.user-profile .button:before, .steps-forms .button:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 45px;
  background: #d74f18 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAtCAYAAADC+hltAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGQjY0MkM2RDgwQzExRTNCQjg0OEM4RUI1MzA2RUJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGQjY0MkM3RDgwQzExRTNCQjg0OEM4RUI1MzA2RUJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTcwMDQ0ODlEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTcwMDQ0OEFEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4chesFAAABt0lEQVR42uyXq2+EQBDGub5ylypkkdiTyCIqkHeyFnl/VCW2spUnTlxl5VYisajmLmmb7ZJ8JBOyLK8h3SY7yYTLZQk/Zr55sJBS3nqe9+lZZhfKrz0LzWqwGxcxFzEXMcvArmwFu3RgA2zONAbkd6n89Jdga+UhfEn+PwPsQ/l7H0gusJXyjXIfD88QJWo18E75EYCzglUwKR70bDiXw6tzW9y3N4mfA2qPKNSRWRnuKRHRSoPJXGBbAIlGWneANlmGl4i4wda4NrUiEMG0B9yr8pgb7N4gYAG9peQFdFYgtREXmI+UiY6HZtDRuqMoQk6wose5WuhRW8q4wYIBZ0si9GTIrLTSxoKVHb1K1+tyQ0M9c4FV+robOBWOLWdCnV6nRKzsqLaATAVT9YaIJpvG3tDL2prvI0QvOuB9XT+cAiagjVgDlbRsGE3btOlualW+oEfRlFa71lMPqLogxBxgJenuMWmYpx4FUZjWnoWU8kFdD0yLYj2mcsOiGAHIuChygVExR2TELKes1j+MDbsgPcknTXjUxwgnmK7XjR5Jc4FNnpXftoJ9OTAH5sTvwP5xKn8FGACKAXWZtviCQAAAAABJRU5ErkJggg==) center left no-repeat;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.user-profile .hint {color: #828282; font-size: 13px;}

.user-profile #password-strength {
  border-style: solid;
  border-width: 1px;
  margin: 13px 5px 5px 1px;
  padding: 3px 5px;
  text-align: center;
  width: 200px;
  display: block;
}
.user-profile input[type="submit"] {
  max-width: 200px;
  padding-right: 9px;
}

/* Calendar */
#personal-dateofbirth, #personal-idexpirydate {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAIAAAAnX375AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3MDA0NDg3RDdCMzExRTNCQjg0OEM4RUI1MzA2RUJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3MDA0NDg4RDdCMzExRTNCQjg0OEM4RUI1MzA2RUJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTcwMDQ0ODVEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTcwMDQ0ODZEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7+DWCrAAABxElEQVR42uxYLY+DQBDtXUCAoAJTg6mpwSAwmJr+7GpMBYgzNZiaGgQIEJh76SSTzfDRZZtyzYURBJa3+5h5M7PbfuV5fjgcNktZ27bfm2XNcZylKWEr5f+htHRAt9ut6zrc2LYdBIExRpeyqqrr9er7Pu7LsvQ8b7vdGmCeUOJ70zSlryaLogjX8/l8uVzG1upj4HGSJLg+p2yaBnz7/Z4ei6LgVzwobBCDQSwlPJ4KLM1E0IqH0SCiNxjYQYz6HTO0dF0XS2BRWguPZpgZlFCCRHoRo0VJX71oXU4k57soT6fTxFukotAMSS7qAQVj3vB+HqaOoHDVyCM5BcAwfahAyYO+utjix+SHu2N5O0UJGsip9iA0M+G6mMIA6juzKTHteDzSfZZl3NJYpziOuS0gsHBRp1Q+b/NiLQcr9S1aiv3kfr+rAIq2agxQRZmnJVKAKKlBq9sIMisMQxwSOXHgIgPsh5kEVgRH7CHg4xHK1Ymd+VPTp6+laGD9JswA87pE5f2ZljRflQojOFYxoK5rTS0tTQHgkBgR5ygcJHe7nbmWtNbg1jPX+uG1xuLJFfkiX78HWZoVuf4MWikH/p74FWAA2bUS6hqTvIEAAAAASUVORK5CYII=) center right no-repeat;
}

.ui-widget {
  font-size: 13px;
  font-weight: 400;
}
.ui-datepicker {
  width: 231px;
}
.ui-datepicker table {
  border-spacing: 2px;
  border-collapse: separate;
}
.ui-widget-header {
  background: #e6e6e6;
  border: none;
  font-weight: 400;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #e6e6e6;
  border: none;
}
.ui-datepicker th { font-weight: 400; }
.ui-datepicker td span, .ui-datepicker td a {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}


/* Documents section */

#user-documents .points > div {
  background-color: #f4f4f4;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

#user-documents p { color: #3b3b3b; }
#user-documents strong { font-weight: 700; }
#user-documents span { color: #828282; font-size: 13px; font-weight: 300; }

#user-documents .step {
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 15px;
  margin-top: 40px;
  position: relative;
}

#user-documents .step h1 {
  position: absolute;
  display: block;
  top: -9px;
  left: 15px;
  padding: 0 10px;
  margin: 0;
  height: 16px;
  line-height: 16px;
  background-color: white;
  font-size: 16px;
  font-weight: 600;

}

#user-documents .upload {
  position: relative;
}

#user-documents #document { position: relative; z-index: 2; opacity: 0; cursor: pointer; }
#user-documents #fake-upload {
  position: absolute;
  z-index: 1;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#user-documents #fake-upload:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAtCAYAAADC+hltAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0ZCNjQyQ0JEODBDMTFFM0JCODQ4QzhFQjUzMDZFQkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0ZCNjQyQ0FEODBDMTFFM0JCODQ4QzhFQjUzMDZFQkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0ZCNjQyQzZEODBDMTFFM0JCODQ4QzhFQjUzMDZFQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0ZCNjQyQzdEODBDMTFFM0JCODQ4QzhFQjUzMDZFQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7R7B4UAAABzUlEQVR42uyXPW+DMBCGSb9UqxNjGDuWkbEMHRjbv5AfljFrRjJm6JCOGVkZWT1VILUVtaUX6WSBIeFIqeSTTrGIjZ/cvXd2FnVdP3ie9+nNzK6U33oztFmD3bmIuYi5iM0M7GauYNcO7ASbMo0BGUvl5V+CRcof4Y1VygvlufLjpcE0UIzIaIAP43sNGmLOXnl2CbAEG28RmTbTzw9I76vyJQCt4h8LpTdbW6BMwDXWJFOBRdhgc8baDdZG3GACeklH/LAUUROcYBEELHvSbEuXRJVGnGBPqL4ui5GqAOMuy/EutqoUFrAQVdpob4XoZB1gAl5yROzeApUY2mu0FFre5XO3C2o+ADaG9iSeJW0AU/UxCrVCk5UdQt9ijglXtZ2j54JVZAOBDfc9TbbAnBVpET4BZwHLiWaWQ88/zNljTXOG5pyppGWeD4SicDkpliMnWNNc4xG6jKGtglv8O3Tt8Iy1IdbupqjKkrSB6MRINW2l81a7qOv6RX2+j2wVbxgfLXrTUXpGRac95ywLmLmxMHQjUIUSN9tBhaLPyh+mJpvBfXhAelTRF6EpwWiXlz23j0FHEjcY2x/e77mCfTkwB+bE78D+cSp/BRgABz50zZECkVwAAAAASUVORK5CYII=);
}
#uploaded-document { margin-top: 5px; display: inline-block; }

#user-documents .step-2 label { margin-top: 10px; }


#user-documents .step-3 { border: none; }
#user-documents .step-3 h1 { padding-left: 0; }

#user-documents input[type="submit"] { padding-right: 9px; }


/* Agency Signup */

.agency-signup { /*margin-top: 76px;*/ }
.agency-signup .map {
  padding: 9px;
  height: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #c2c2c2;
  margin: 15px 0 0 0;
  border-radius: 2px;
  -moz-border-radius: 2px; }
.agency-signup #map-agency-canvas { height: 200px; }

.agency-signup .team { max-width: 100%; }
.agency-signup .team-table {
  overflow: scroll;
  height: auto;
  max-width: 100%;
  padding-bottom: 20px;
}
.agency-signup .team table {
  min-width: 600px;
  border-spacing: 0;
  border-collapse: separate;
  margin-top: 20px;
  font-size: 13px;
}

.agency-signup .team th, .agency-signup .team td {
  border: 4px solid white;
  border-right: 0;
  border-left: 0;
  padding: 10px;
  text-align: left;
  font-weight: 300;
}
#agency-signup .team-table tr.agency-agent td {cursor:pointer }
.agency-signup .team th {
  background-color: #fff;
}
.agency-signup .team td {
  background-color: #f3f3f3;
}

.agency-signup .team button.add-member { padding-right: 24px; display: block; clear: both; margin-top: 20px; }
.agency-signup .team button.add-member:before { display: none; }

.agency-signup .team div { width: 100%; float: left; clear: none!important; margin: 10px 0 0 0; margin-right: 3%!important; }
.agency-signup .team label { display: block; margin-top: 5px;  }
.agency-signup .team input[type="text"] { display: inline-block; width: 100%; }
.agency-signup .team td img.agent-pic {width: 30px; height: 40px; }

fieldset.account .account-plans {
  padding: 0;
}
fieldset.account .account-plans li {
  list-style: none;
  display: block;
  padding: 10px;
  margin-bottom: 5px;
  font-size: 13px;
  padding-left: 60px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
fieldset.account .account-plans li.active { background-color: #ededed; }
fieldset.account .account-plans li strong { font-weight: 600; }

fieldset.account .account-plans li:before {
  display: block;
  position: absolute;
  height: 30px;
  width: 30px;
  content: " ";
  top: 50%;
  margin-top: -15px;
  left: 15px;
  background-image: url(../img/agency-plans.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
fieldset.account .account-plans li:before { background-position: -4px -4px; }
fieldset.account .account-plans li#nav-free:before { background-position: -45px -4px; }
fieldset.account .account-plans li#nav-gold:before { background-position: -85px -4px; }

.pricing {
  display: none;
  margin: 15px 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.pricing.active{ display: block; }

.pricing .price {
  font-weight: 800;
  font-size: 28px;

}
.pricing .upper {
  font-size: 13px;
  text-decoration: underline;
  margin-left: 8px;
}
.pricing .description {
  display: block;
}

.site-logo:before {
content: '';
width: 239px;
height: 35px;
display: block;
background-repeat: no-repeat;
background-position: 69px -73px;
}

#image-logo>.img{
  position: relative;
  width: 300px;
  height: 66px;
}

#image-logo>.img>img{
  width: 300px !important;
  height: 66px !important;
}

#image-logo>.img>.remove-img-logo {
  cursor: pointer;
  top: -4px;
  right: -12px;
  width: 23px;
  height: 23px;
  text-decoration: none;
  position: absolute;
  display: block;
  background: transparent url("../img/s.png") -128px -457px no-repeat;
}

#image-agent>.img{
  position: relative;
}

#image-agent>.img, #image-agent>.img>img{
  width: 150px !important;
  height: 200px !important;
}

#image-agent>.img>.remove-img-agent {
  cursor: pointer;
  top: -4px;
  right: -12px;
  width: 23px;
  height: 23px;
  text-decoration: none;
  position: absolute;
  display: block;
  background: transparent url("../img/s.png") -128px -457px no-repeat;
}
.agent-photo-upload>div{width:auto !important;}
.colpick-button {
  color:white;
  background-color:#e7581e;
  cursor: pointer;
  float: left;
  width: 42%;
  min-width: 112px;
  height: 15px;
  margin-right: 10px;
  border: 1px solid black;
  display: block;
  text-align: center;
  padding: 25px 2px;
  vertical-align: 59px;
}

#agency-signup form .button, #agency-signup form button {
  color:#fff;
}
#agency-signup form #new-plan-choice-button {
  width: 215px;
  text-align: center;
  margin: 15px 5px 20px 0;
  padding-left: 21px;
}
#agency-signup form #cancel-subscription {
  margin-top: 59%;
  display: block;
}
#agency-signup form #change-creditcard-button {
  width: 170px;
  text-align: center;
  margin: 15px 5px 20px 0;
  padding: 9px;
}
#agency-signup form .start-listing-button {
  width: 170px;
  padding: 9px;
}

#agency-signup .creditcard-symbols ul {list-style: none; float: right; margin-top: 30px; padding: 0;}
#agency-signup .creditcard-symbols ul li {float: left; margin-right: 20px; }
#agency-signup .creditcard-symbols ul li img {float: left; width: 100%; }

/**
* Admin Agency
* @templatemin.php
* @author Leo Caseiro
*/
#agency-signup .error, #add-listing-form .error { color: #ff0000;}
#main.agency-admin {background-color: #f3f3f3;}
#main.agency-admin .main-content-container .title {background-color: #fff; height:78px; width: 100%; }
#main.agency-admin .main-content-container .title h1 {
display: block;
float: left;
font-size: 1.9em;
margin: 27px 0 0 27px;
position: relative;
padding-left: 50px;
}
#main.agency-admin .main-content-container .title h1:before{background: url("../img/agency-admin-sprite.png") no-repeat; content: '';
display: block;
height: 30px;
position: absolute;
left: -7px;
top: 0;
width: 46px;
}
#main.agency-admin .main-content-container .title h1.dash-title:before{background-position:-25px 0px}
#main.agency-admin .main-content-container .title h1.listings-title:before{background-position:-25px -41px}
#main.agency-admin .main-content-container .title h1.leads-title:before{background-position:-25px -85px}

#main.agency-admin .main-content-container .title .buttons{display:block; float: right; margin:16px 0;}
#main.agency-admin .main-content-container .title .buttons button:before{
border-right: 1px solid #ec794b;
content: '+';
font-size: 24px;
margin-right: 15px;
padding: 0;
font-weight: 100;
display: block;
padding-right: 10px;
float: left;
}
#main.agency-admin .main-content-container .title .buttons button{
color: #fff;
font-size: 13px;
text-transform: uppercase;
padding: 14px 20px;
line-height: 13px;
border-radius: 9px;
display: block;
float: left;
margin-right: 26px;

  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
#main.agency-admin .main-content-container .title .buttons button.csv{background-color:#343434; color:#fff;}
#main.agency-admin .main-content-container .title .buttons button.csv:before{content:''; border:0; padding:0; margin: 0}
#main.agency-admin .main-content-container nav.subsub{background: #474747; overflow: auto; border-bottom: 0; position: relative; z-index: 1; display: inline-table; width: 100%!important;}
#main.agency-admin .main-content-container nav.subsub ul{ border: 0;  display: block; float: left; margin: 0; padding: 10px 20px 0; }
#main.agency-admin .main-content-container nav.subsub ul li{float: left; display: inline; margin-right: 4px;}
#main.agency-admin .main-content-container nav.subsub ul li a{color:#fff; display:block; font-size: 16px; padding:16px 56px; text-transform: uppercase; text-decoration: none;}
#main.agency-admin .main-content-container nav.subsub ul li a, #main.agency-admin .main-content-container nav.subsub ul li a:hover{
    -webkit-transition: 0.2s linear 0.2s;
    -moz-transition: 0.2s linear 0.2s;
    -o-transition: 0.2s linear 0.2s;
    -ms-transition: 0.2s linear 0.2s;
    transition: 0.2s linear 0.2s;
}
#main.agency-admin .main-content-container nav.subsub ul li a:hover,
#main.agency-admin .main-content-container nav.subsub ul li a.current{color:#3b3b3b; background-color: #f3f3f3;
  -webkit-border-radius: 12px 12px 0 0;  
  -moz-border-radius: 12px 12px 0 0; 
  border-radius: 12px 12px 0 0; 
}
#main.agency-admin select {color: #3b3b3b; background-color:#fff; font-size: 14px; line-height: 16px; padding: 9px;}
#main.agency-admin .main-content-container nav.nav-filters-search{height: 40px; margin-top:18px; width:100%;}
#main.agency-admin .main-content-container nav.nav-filters-search > div{float:left;}
#main.agency-admin .main-content-container nav.nav-filters-search select{padding:9px 48px 9px 9px; width:auto;}
#main.agency-admin .main-content-container nav.nav-filters-search .search{float:right; margin-right: 38px; }
#main.agency-admin .main-content-container nav.nav-filters-search .search .input-wrapper{border: 1px solid #c2c2c2; padding:1px 1px 3px 0; }
#main.agency-admin .main-content-container nav.nav-filters-search .search input[type=text]{height: 34px; width: 59%}
#main.agency-admin .main-content-container nav.nav-filters-search .search .button{
color: #fff;
font-size: 13px;
padding: 0 17px !important;
margin: 0 !important;
width: auto;
float: right;
position: inherit !important;}
#main.agency-admin input.ignore-input-effects, #main.agency-admin input.ignore-input-effects:hover {background: transparent; border: 0; color:#3b3b3b; font-size:14px; margin: 3px 5px 0 4px; outline: 0; padding: 0;}

#main.agency-admin .main-content-container .agency-admin-list{margin-top: 25px; font-family: 'Open Sans', sans-serif; font-size: 13px; }
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table {border-collapse: separate; border-spacing: 0 4px; margin-bottom: 10px; width: 100%;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table,
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table a {color:#838383;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table .address a,
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table tbody td button {font-family: 'Raleway', sans-serif;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table .address strong a {color:#444; font-weight: bold; text-transform: uppercase;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table thead tr th{color:#444; font-weight: normal; padding:0 20px 10px; text-align: left; text-transform: uppercase;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table thead tr th a.order-by{color:#444; position: relative;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table thead tr th a.order-by:after{background: url("../img/agency-admin-sprite.png") no-repeat; background-position: -30px -162px; content: ''; display: block; height: 8px; position: absolute; right: -15px; top: 3px; width: 11px;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table thead tr th a.order-by.up:after{background-position: -30px -168px; }
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table tbody tr{background-color: #fff;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table tbody tr th.check-column{position: relative; width: 3%}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table tbody tr th.check-column input{margin-top: -6px; position: absolute; top: 50%;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table tbody td{vertical-align: middle; padding: 15px 20px}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table tbody td .icn-pencil { display: block; font-size: 0; height: 21px; width: 23px;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table tbody td.icon-wrapper { padding: 15px 5px}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table tbody td.icon-wrapper span{float:left; margin-right: 3px; text-align: center;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table tbody td p{margin:0; margin-top: 8px; line-height: 1.3;}
#main.agency-admin .main-content-container .agency-admin-list table.agency-admin-list-table tbody td button{background-color: #fff; border: 1px solid #f1f1f1; color: #696969; font-size: 11px; margin: 3px; padding: 3px; text-transform: uppercase;}

#main.agency-admin.dashboard h2{float: left; font-size: 1.8em; margin-left: 20px;}
#main.agency-admin.dashboard nav.subsub.date-dash form{
float: right;
margin: 10px;}
#main.agency-admin.dashboard nav.subsub.date-dash form label {
color:#fff;
margin: 0 8px;
}
#main.agency-admin.dashboard nav.subsub.date-dash form input[type=text] {
  border: 1px solid #d0d0d0;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAIAAAAnX375AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3MDA0NDg3RDdCMzExRTNCQjg0OEM4RUI1MzA2RUJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3MDA0NDg4RDdCMzExRTNCQjg0OEM4RUI1MzA2RUJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTcwMDQ0ODVEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTcwMDQ0ODZEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7+DWCrAAABxElEQVR42uxYLY+DQBDtXUCAoAJTg6mpwSAwmJr+7GpMBYgzNZiaGgQIEJh76SSTzfDRZZtyzYURBJa3+5h5M7PbfuV5fjgcNktZ27bfm2XNcZylKWEr5f+htHRAt9ut6zrc2LYdBIExRpeyqqrr9er7Pu7LsvQ8b7vdGmCeUOJ70zSlryaLogjX8/l8uVzG1upj4HGSJLg+p2yaBnz7/Z4ei6LgVzwobBCDQSwlPJ4KLM1E0IqH0SCiNxjYQYz6HTO0dF0XS2BRWguPZpgZlFCCRHoRo0VJX71oXU4k57soT6fTxFukotAMSS7qAQVj3vB+HqaOoHDVyCM5BcAwfahAyYO+utjix+SHu2N5O0UJGsip9iA0M+G6mMIA6juzKTHteDzSfZZl3NJYpziOuS0gsHBRp1Q+b/NiLQcr9S1aiv3kfr+rAIq2agxQRZmnJVKAKKlBq9sIMisMQxwSOXHgIgPsh5kEVgRH7CHg4xHK1Ymd+VPTp6+laGD9JswA87pE5f2ZljRflQojOFYxoK5rTS0tTQHgkBgR5ygcJHe7nbmWtNbg1jPX+uG1xuLJFfkiX78HWZoVuf4MWikH/p74FWAA2bUS6hqTvIEAAAAASUVORK5CYII=) center right no-repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding-left: 10px;
  height: 40px;
  width: 143px;
  color: #838383;
  font-size: 14px;
}
#main.agency-admin.dashboard nav.subsub.date-dash form input.button {
  background: #e7581e url(../img/i-lupa.png) center center no-repeat;
  height: 36px;
  width: 26px;
  padding: 12px 0;
  margin-left: 5px;
}
#main.agency-admin.dashboard .main-content-container section {float:left; margin-top: 25px; min-width: 400px; width:45%; }
#main.agency-admin.dashboard .main-content-container section .tabs {float:right;}
#main.agency-admin.dashboard .main-content-container section .tabs li {float: left; list-style: none;}
#main.agency-admin.dashboard .main-content-container section .tabs li a{float:left; display: inline-block;
  margin: 0;
  padding: 10px 20px;
  font-size: 13px;
  background-color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  color: #3b3b3b;
}
#main.agency-admin.dashboard .main-content-container section .tabs li:first-child a {
  -webkit-border-radius : 8px 0 0 8px;
  -moz-border-radius    : 8px 0 0 8px;
  -ms-border-radius     : 8px 0 0 8px;
  -o-border-radius      : 8px 0 0 8px;
  border-radius         : 8px 0 0 8px;
}
#main.agency-admin.dashboard .main-content-container section .tabs li:last-child a {
  -webkit-border-radius : 0 8px 8px 0;
  -moz-border-radius    : 0 8px 8px 0;
  -ms-border-radius     : 0 8px 8px 0;
  -o-border-radius      : 0 8px 8px 0;
  border-radius         : 0 8px 8px 0;
}
#main.agency-admin.dashboard .main-content-container section .tabs li a.active{
  cursor:default;
  color: #fff;
  background-color: #e7581e;
}
#main.agency-admin.dashboard .agency-admin-dashboard{}
#main.agency-admin.dashboard .agency-admin-graph-dasboard { margin-bottom: 80px;}
#main.agency-admin.dashboard .agency-admin-graph-dasboard .agency-admin-graph > div{ margin-left: 75px; height: 328px; width: 530px;}
#main.agency-admin.dashboard .main-content-container section>div {clear: both;}
#main.agency-admin.dashboard .agency-admin-list.mini strong{font-weight: bold;}
#main.agency-admin.leads .icn-mail, #main.agency-admin.leads .icn-phone {text-decoration: none;}

/* Modal */

@media only screen and (min-width:48em){
  #overlay{
    display: block;
    position: fixed;
    z-index: 998;
    background-color: black;
    opacity: .75;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
  #modal{
    padding-left: 170px;
    position: absolute;
    padding-right: 170px;
    z-index: 999;
    top: 90px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    left: 50%;
    margin-left: -600px;
  }
}


.loading-modal-overlay{
  background: transparent url(../img/ajax-loader-white.gif) no-repeat 50% 51%;
  top: 50%;
  left: 50%;
  display: none;
  z-index: 999;
  width: 50px;
  height: 50px;
  position: absolute;
}
/*Feedback Message */
.steps-forms.agency-admin .feedback {width: 96%; display: block; padding: 10px; background-color: #FCEBBF; margin: 10px;}
/* No-Responsive Version Fix */
.steps-forms.agency-admin #modal { min-width: 700px; }
.steps-forms.agency-admin #modal article{position: relative; min-width: 630px; }
#modal article a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=) no-repeat 0 0;
}

/* Listing Add Adjusts */
@media only screen and (min-width:48em){
  .steps-forms.agency-admin article {min-height: 597px;}
  .steps-forms.agency-admin article nav.floating {height: 660px}
  .steps-forms.agency-admin article nav.floating li.active, 
  .steps-forms.agency-admin article nav.floating li[disabled] {cursor:default !important;}
  .steps-forms.agency-admin article nav.floating #section-address:after{content: "1";}
  .steps-forms.agency-admin article nav.floating #section-price:after{content: "2";}
  .steps-forms.agency-admin article nav.floating #section-features:after{content: "3";}
  .steps-forms.agency-admin article nav.floating #section-description:after{content: "4";}
  .steps-forms.agency-admin article nav.floating #section-agent-inspections:after{content: "5";}
  .steps-forms.agency-admin article nav.floating #section-preview:after{content: "6";}
  .steps-forms.agency-admin fieldset > div.right-side-only {float:right; margin-right: 0 !important;}
  .steps-forms.agency-admin .bg-half-white-half-gray fieldset > div {width:48%;}
  .steps-forms.agency-admin .bg-half-white-half-gray fieldset > div:nth-child(even) {margin-right:4%;}
  .steps-forms.agency-admin .bg-half-white-half-gray {
    background: url('../img/bg-half-white-half-gray.gif') center center repeat-y;
  }

  .steps-forms.agency-admin fieldset section.inspection-times {
    float:left;
    width: 48%;
  }
}
  .steps-forms.agency-admin fieldset > div.combined > div {
      width: 45%;
      float: left;
   }
  .steps-forms.agency-admin fieldset div > input[type=number] {
      width: 98%;
  }
  .steps-forms.agency-admin fieldset > div.combined > div > input[type=number] {
      background-position: -999px -999px;
      width: 88%;
  }
  .steps-forms.agency-admin fieldset > div.combined span.divise {
      display: block;
      float: left;
      width: 10px;
      margin: 50px 10px 0;
  }
  .steps-forms.agency-admin fieldset > .checkbox-list {position: relative; margin-bottom: 10px;}

  .steps-forms.agency-admin fieldset > .checkbox-list label {
    float: left;
    margin-right: 1%;
    width: 24%;
  }
  .steps-forms.agency-admin fieldset .property-taxonomies {
    margin-top:20px;
  }
  .steps-forms.agency-admin fieldset .property-taxonomies label.input-wrapper {
    width: 50%;
    display: inherit;
    border: 1px solid #c2c2c2;
    margin-bottom: 10px;
  }
  .steps-forms.agency-admin fieldset .property-taxonomies label.input-wrapper:before {
   float:left;
  }

.steps-forms.agency-admin fieldset.section-price #price { width: 95%; margin-left:6px; }




.steps-forms.agency-admin fieldset .property-taxonomies label.input-wrapper input.ignore-input-effects {
  width: 70%;
}
.steps-forms.agency-admin fieldset .new input {
  width: 70%;
}
.steps-forms.agency-admin #modal fieldset button {
  color:#fff;
  text-transform:uppercase;
  padding: 10px 24px;
}
.steps-forms.agency-admin fieldset .double {
  width: 98%;
}
.steps-forms.agency-admin fieldset .double textarea {
  background-color: white;
  color: #3b3b3b;
  font-size: 14px;
  height: 100px;
  width: 102%;
}
.steps-forms.agency-admin fieldset .datepicker-generate {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAIAAAAnX375AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3MDA0NDg3RDdCMzExRTNCQjg0OEM4RUI1MzA2RUJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3MDA0NDg4RDdCMzExRTNCQjg0OEM4RUI1MzA2RUJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTcwMDQ0ODVEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTcwMDQ0ODZEN0IzMTFFM0JCODQ4QzhFQjUzMDZFQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7+DWCrAAABxElEQVR42uxYLY+DQBDtXUCAoAJTg6mpwSAwmJr+7GpMBYgzNZiaGgQIEJh76SSTzfDRZZtyzYURBJa3+5h5M7PbfuV5fjgcNktZ27bfm2XNcZylKWEr5f+htHRAt9ut6zrc2LYdBIExRpeyqqrr9er7Pu7LsvQ8b7vdGmCeUOJ70zSlryaLogjX8/l8uVzG1upj4HGSJLg+p2yaBnz7/Z4ei6LgVzwobBCDQSwlPJ4KLM1E0IqH0SCiNxjYQYz6HTO0dF0XS2BRWguPZpgZlFCCRHoRo0VJX71oXU4k57soT6fTxFukotAMSS7qAQVj3vB+HqaOoHDVyCM5BcAwfahAyYO+utjix+SHu2N5O0UJGsip9iA0M+G6mMIA6juzKTHteDzSfZZl3NJYpziOuS0gsHBRp1Q+b/NiLQcr9S1aiv3kfr+rAIq2agxQRZmnJVKAKKlBq9sIMisMQxwSOXHgIgPsh5kEVgRH7CHg4xHK1Ymd+VPTp6+laGD9JswA87pE5f2ZljRflQojOFYxoK5rTS0tTQHgkBgR5ygcJHe7nbmWtNbg1jPX+uG1xuLJFfkiX78HWZoVuf4MWikH/p74FWAA2bUS6hqTvIEAAAAASUVORK5CYII=) !important;
  background-repeat: no-repeat;
  background-color: #fff !important;  
  background-position: center right;
  margin-bottom: 5px;
}
.steps-forms.agency-admin fieldset .new-inspection-date{
  padding: 10px 24px 10px 50px !important;
  position: relative;
}
.steps-forms.agency-admin fieldset .new-inspection-date:before {
  content: '';
  background-image: url('../img/agency-admin-sprite.png');
  background-repeat: no-repeat;
  background-position: -45px -129px;
  height: 26px;
  width: 26px;
  position: absolute;
  top: 5px;
  left: 15px;
}

.steps-forms.agency-admin fieldset .combined.inspection-element {margin-bottom: 10px;}
.steps-forms.agency-admin fieldset .inspection-datetime {width: 158px; float: left;}
.steps-forms.agency-admin fieldset .inspection-divise {float: left; width: 10px; text-align: center; line-height: 35px;}
.steps-forms.agency-admin fieldset .inspection-duration {width: 62px; float: left;}
.steps-forms.agency-admin fieldset .inspection-removebutton { display: block; float: left;
cursor: pointer;
width: 23px;
height: 23px;
text-decoration: none;
background: transparent url("../img/s.png") -128px -457px no-repeat;
margin: 7px 0 0 5px;
}
.steps-forms.agency-admin fieldset .new-inspection-date {margin-top:15px;}

.steps-forms.agency-admin fieldset .auction-fields {float: right; width: 48%; margin-top: 40px;}

#hh-upload-area, #hh-upload-area-floorplans{float:left; width: 50%;}
.plupload_header_content{ background: none; padding-left: 9px;} 
.plupload_scroll .plupload_filelist{ height: 110px; }
.plupload_container{margin: 0; padding: 0;}
#hh-upload-area .plupload_container { margin-right: 4px;}
#hh-upload-area-floorplans .plupload_container{ margin-left: 4px;}
.plupload_progress{float: right; width: 44px;}
.plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status{float: right; width: 41px;}
.plupload_filelist_footer .plupload_file_status{float: left;}

#sortable { border: 2px dashed #c2c2c2; background-color: #f3f3f3; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; width: 100%;  min-height: 50px; }
#sortable .photos-empty {margin-top: 16px; text-align: center;}
#sortable .img, #image-floorplan>.img { display: inline-block; margin: 6px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;position:relative;}
#sortable .img img, #image-floorplan>.img img {height: 61px; width: 81px; }
#sortable>.img>.remove-img-item, #image-floorplan>.img>.remove-img-floorplan {
  cursor: pointer;
top: -4px;
right: -12px;
width: 23px;
height: 23px;
text-decoration: none;
position: absolute;
display: block;
background: transparent url("../img/s.png") -128px -457px no-repeat;}
.loading-small:before{content:''; background-image: url('../img/loading-small.gif'); width: 16px; height: 16px; display: block; float: left; margin-right: 5px;}

.steps-forms.agency-admin .next input[type=submit] {width: 190px}


/* Ipad version Responsive */
@media only screen and (max-width:65em) {
  #main.agency-admin .main-content-container nav.subsub ul li a {font-size: 12px; padding: 12px 20px}
}

/* Mobile version Responsive */
@media only screen and (max-width:48em) {
  /* Listing */
  #main.agency-admin .main-content-container .title {margin-top:50px !important;}
  #main.agency-admin .main-content-container .title h1{margin: 24px 0 0 0; padding-left: 45px;}
  #main.agency-admin .main-content-container .title .buttons button{font-size:10px; margin-right: 10px; padding: 12px 10px;}
  #main.agency-admin .main-content-container .title .buttons button:before{display:none;}
  #main.agency-admin .main-content-container nav.subsub ul {padding: 5px 0 0 0;}
  #main.agency-admin .main-content-container nav.subsub ul li a {padding:7px 10px;}

  /* Add-Edit Modal */
    .agency-admin.steps-forms.edit-mode #overlay,
      .agency-admin.steps-forms.add-mode #overlay,
    .agency-admin.steps-forms.edit-mode .close-modal,
      .agency-admin.steps-forms.add-mode .close-modal,
    .agency-admin.steps-forms.edit-mode .agency-admin-list,
      .agency-admin.steps-forms.add-mode .agency-admin-list,
    .agency-admin.steps-forms.edit-mode>.main-content-container>.title,
      .agency-admin.steps-forms.add-mode>.main-content-container>.title,
    .agency-admin.steps-forms.edit-mode .subsub,
      .agency-admin.steps-forms.add-mode .subsub{
      display:none !important;
    }
  .agency-admin.steps-forms.edit-mode #modal,
    .agency-admin.steps-forms.add-mode #modal,
  .agency-admin.steps-forms.edit-mode #modal article,
    .agency-admin.steps-forms.add-mode #modal article{
      width: auto;
      min-width: 0;
      margin-top: 72px;
    }

  .agency-admin.steps-forms.edit-mode legend,
    .agency-admin.steps-forms.add-mode legend {color:black;}

  .agency-admin.steps-forms.edit-mode .floating .button,
    .agency-admin.steps-forms.add-mode .floating .button{
      width: auto !important;
      position: absolute !important;
      top: 5px !important;
      left: 15px !important;
      background-color: transparent !important;
      color: #c4c4c4 !important;
      border: 1px solid rgba(255, 255, 255, .5) !important;
      padding: 7px 10px !important;
    }
  .agency-admin.steps-forms.edit-mode .double,
    .agency-admin.steps-forms.add-mode .double {margin-bottom: 15px;}
}

  /*Preview Confirm */
  .section-preview.preview-only .property-preview__img a {
    min-height: 327px;
  }
  /**** mobile ***/
  @media only screen and (max-width:38em){
    .section-preview.preview-only .property-preview__img a {
      min-height: 168px;
    }
  }
  .section-preview.preview-only .property-preview__body.border-top {
    border-top:1px solid #e7e7e7;
  }

  .section-preview.preview-only .tag-list {
    padding: 5px 2px;
  }
  .section-preview.preview-only .tag-list .tag-item {
    margin: 2px;
  }
  .section-preview.preview-only .property-preview__item, .section-preview.preview-only .property-preview__horizontal-pc-switch {
    max-width: 700px;
    width: 100%;
  }
  .section-preview.preview-only .inspection-auction .basic-box {
    font-size:13px;
  }
  .section-preview.preview-only .basic-box .inspection-time-list {
    float: left;
  }
  .section-preview.preview-only .inspection-auction .basic-box {
    clear: none;
    margin-top: 15px;
    width: 100%;
  }
  .section-preview.preview-only .inspection-auction aside:first-of-type {
    float: left;
  }
  .section-preview.preview-only .inspection-auction aside:last-of-type {
    float: right;
  }


@media only screen and (min-width:80em){
  .section-preview.preview-only .basic-box.inspection, .section-preview.preview-only .basic-box.auction {
    max-width: 325px;
  }
}

@media only screen and (max-width:80em){
  .section-preview.preview-only .inspection-auction .basic-box {
    max-width:310px;
  }
  .section-preview.preview-only .basic-box.inspection .box-h, .section-preview.preview-only .basic-box.auction .box-h {
    font-size:1.2em;
    margin-bottom:2px
  }
  .section-preview.preview-only .basic-box .inspection-date, .section-preview.preview-only .basic-box .inspection-time {
  font-size:11px;
  }
}
@media only screen and (max-width:60em){
  .section-preview.preview-only .inspection-auction .basic-box {
    max-width:280px;
  }
}
@media only screen and (max-width:48em){
  .section-preview.preview-only .inspection-auction .basic-box {
    width: 100%;
    max-width: 800px;
  }
}
  .preview-hidden{
      display:none !important;
    }
/* /Admin Agency */


/*
File: medium.css
Website: homehound.com.au
Description: A Responsive Frontend for Homehound
Version: 0.0.1
License: May not be sold or redistibuted. All Contents Copyright 2014.

*/

@media only screen and (min-width:48em){

	.pc-only { display: none; }

	.p50-med, .p50-med-padded, .col2-tab { width: 50%; float: left; }

	.main {
		padding-left: 68px;
		padding-top: 0!important; }
	.homepage-top {
		margin-top: 0; }




	/* Main Navigation */

	.header-content, .nav-content, .spacer-content {
	  width: 270px;
	  padding-top: 18px;
	  background-color: #343434;
	  -webkit-transform: translateX(-100%);
	  -moz-transform: translateX(-100%);
	  -ms-transform: translateX(-100%);
	  -o-transform: translateX(-100%);
	  transform: translateX(-100%);
	  -webkit-transition-property: -webkit-transform, background-color;
	  -moz-transition-property: -moz-transform, background-color;
	  transition-property: transform, background-color;
	  -webkit-transition-duration: 0.5s, 0.3s;
	  -moz-transition-duration: 0.5s, 0.3s;
	  transition-duration: 0.5s, 0.3s; }

	.header-container {
	  position: fixed;
	  z-index: 101;
	  left: 0;
	  top: 0;
	  height: 100%;
	  width: 56px; }

	.body-header {
	  width: 56px;
	  float: left;
	  background-color: transparent; }

	.body-header.active .header-content {
	  -webkit-transform: translateX(0%);
	  -moz-transform: translateX(0%);
	  -ms-transform: translateX(0%);
	  -o-transform: translateX(0%);
	  transform: translateX(0%); }
	.body-header.active .alternate-logo {
	  opacity: 0; }

	.body-nav {
	  width: 56px;
	  float: left;
	  clear: left;
	  background-color: transparent;
	  -webkit-transform: translateX(0%);
	  -moz-transform: translateX(0%);
	  -ms-transform: translateX(0%);
	  -o-transform: translateX(0%);
	  transform: translateX(0%); }

	.header-tab {
	  margin-right: 12px; }

	.logo-tab,
	.logo-content {
	  height: 220px; }

	.site-logo:before {
	  height: 144px;
	  background-position: 70px 35px; }

	.alternate-logo {
		position: relative;
	  height: 162px;
	  overflow: hidden;
	  -webkit-transition: opacity 0.5s;
	  -moz-transition: opacity 0.5s;
	  transition: opacity 0.5s; }
	  .alternate-logo:before {
	    content: '';
	    width: 239px;
	    height: 30px;
	    display: block;
	    background: url("../img/s.png");
	    background-repeat: no-repeat;
	    background-size: 54% auto;
	    background-position: 4px -56px;
	    -webkit-transform: rotate(270deg);
	    -moz-transform: rotate(270deg);
	    -ms-transform: rotate(270deg);
	    -o-transform: rotate(270deg);
	    transform: rotate(270deg);
	    -webkit-transform-origin: 80px 68px;
	    -moz-transform-origin: 80px 68px;
	    -ms-transform-origin: 80px 68px;
	    -o-transform-origin: 80px 68px;
	    transform-origin: 80px 68px;
	    -webkit-transition: opacity 0.2s;
	    -moz-transition: opacity 0.2s;
	    transition: opacity 0.2s; }

	.alternate-logo {
		position: relative;
		height: 162px;
		overflow: hidden;
		-webkit-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		transition: opacity 0.5s;
		width: 57px;
	}

	.nav-switch {
	  border-top: 1px solid #434343;
	  border-width: 1px 0 0 0;
	  padding: 0;
	  border-radius: 0px;
	  height: 57px; }
	  .nav-switch:hover, .nav-switch:focus {
	    border-color: #434343;
	    border-width: 1px 0 0 0; }

	.body-nav.active .nav-content {
	  -webkit-transform: translateX(0%);
	  -moz-transform: translateX(0%);
	  -ms-transform: translateX(0%);
	  -o-transform: translateX(0%);
	  transform: translateX(0%); }
	.body-nav.active .site-nav-link.current .nav-tab {
	  background-color: #292929; }

	.site-nav-item:first-child .nav-content {
	  border-top: 1px solid #434343; }

	.site-nav-link {
	  text-align: center;
	  padding-top: 1.2em;
	  font-size: 1.2em; }

	.site-nav-link.current .nav-tab {
	  background-color: #e7581e;
	  -webkit-transition: background-color 0.2s;
	  -moz-transition: background-color 0.2s;
	  transition: background-color 0.2s; }

	.nav-spacer {
	  width: 56px;
	  background-color: transparent;
	  -webkit-transform: translateX(0%);
	  -moz-transform: translateX(0%);
	  -ms-transform: translateX(0%);
	  -o-transform: translateX(0%);
	  transform: translateX(0%); }

	.nav-spacer.active .spacer-content {
	  -webkit-transform: translateX(0%);
	  -moz-transform: translateX(0%);
	  -ms-transform: translateX(0%);
	  -o-transform: translateX(0%);
	  transform: translateX(0%); }

	.spacer-content {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box; }

	.spacer-adverts {
	  padding-top: 460px; }
	  .spacer-adverts .advert {
	    margin-left: 62px;
	    margin-top: 3px; }

.header-container .spacer-adverts .advert { margin-left:53px; }

	/* Homepage top section */

	.center-above {
		padding-top: 160px;
		padding-bottom: 160px; }

	/* Homepage listings */

	.homepage-bottom section {
		display: inline-block;
		width: 100%; }
	.split{
		position: relative;
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin-top: 5px;
		float: left; }
	.split .split, section .split {
		width: 50%;
		padding-right: 15px;
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box; }
	.split .split .icn-new, section .split .icn-new{ right: 13px; }

	.split .split:last-child, section .split:last-child {
		padding-right: 0; }
	.split .split:last-child .icn-new, section .split:last-child .icn-new{ right: -2px; }

	.house-title a {
		display: inline-block;
		height: 32px; }
	.column.latest{
		background: url('../img/bkg-buildings.png') no-repeat bottom;
		padding-top: 30px;
		padding-bottom: 100px;
		background-position: bottom center; }

	.map-table .distance-to-cbd {
		width: 32%; }
	.map-table .distance-to-parks {
		width: 32%;
		border-left: 1px solid #e7e7e7; }
	.map-table .public-transport {
		width: 21%;
		border-left: 1px solid #e7e7e7;
		border-top: none; }
	.map-table .metter {
		width: 15%;
		border-top: none; }


	/* Top Bar & Breadcrumbs */

	.top-bar {
		height: auto;
		margin-top: 0;
		display: block;
		padding-left: 56px;
		background: transparent; }
        .home .top-bar {
            position: absolute;
            width: 100%;
            margin-top: 30px;
            text-align: right;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; }

            .home .top-bar .button-alt {
                background: transparent;
                border-color: #fff;
                color: #fff; }
            .home .top-bar .button-alt:hover {
                background: #eb794b; }
        .top-bar .status-bar {
            background: #f8f8f8;
            position: relative; }
            .top-bar .status-bar .banner-container {
              display: none;
                margin-right: 396px;
                height: 90px; }
            .top-bar .status-bar .user-shortlist {
                background: #343434 url(../img/icons-user-section.png) no-repeat -34px -37px;
                /*border: 25px solid #343434; */
                border: 5px solid #343434;
                text-transform: uppercase;
                color: #f8f8f8;
                position: absolute;
                /*right: 90px;*/
                right: 50px;
                top: 0;
                padding: 0 10px 0 56px;
                line-height: 40px; }
                .top-bar .status-bar .user-shortlist:hover {
                    text-decoration: underline;
                    background-position: -34px -117px;
                }
            .top-bar .status-bar .user-section {
                position: absolute;
                right: 0; top: 0; }
                .top-bar .status-bar .user-section .user-section-toggle {
                    display: block;
                    background: #000 url(../img/icons-user-section.png) no-repeat -78px 0px;
                    /*border: 25px solid #000; */
                    border: 5px solid #000;
                    width: 40px;
                    height: 40px; }
                .top-bar .status-bar .user-section:hover .user-section-toggle, .top-bar .status-bar .user-section:hover ul {
                    background-color: #292929;
                    border-color: #292929; }
                .top-bar .status-bar .user-section:hover ul {
                    display: block; }
                .top-bar .status-bar .user-section ul {
                    display: none;
                    margin: 0;
                    background: #000;
                    list-style: none;
                    padding: 0;
                    min-width: 180px;
                    position: absolute;
                    /*top: 90px;*/
                    top: 50px;
                    right: 0; }
                    .top-bar .status-bar .user-section ul li a {
                        color: #f8f8f8;
                        display: block;
                        padding: 14px 20px; }

	.advert > div { margin: 0 auto; }

	.breadcrumbs {
		padding: 7.5px;
		padding-left: 68px;
		overflow: auto;
		border-bottom: 0;
		position: relative;
		z-index: 1;
		display: inline-table;
		width: 100%!important;
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box; }
	.breadcrumb-list {
		float: left;
	  display: block; }
	.breadcrumb-link {
	  margin-top: 4px; }
	.results-container {
		display: block;
		float: right;
    margin-right: 240px; }
	.results-count {
		color: #ccc;
		padding: 7px 12px;
		text-align: center;
		font-style: italic;
		line-height: 25px;
		float: left;
		font-family: "Open Sans";
		font-weight: 400;
		font-style: normal;
		font-size: 12px; }
	.search-order-by {
		width: 160px;
		margin: 4px auto;
		float: left;
		padding: 2px 20px 2px 5px; }

	/* Search bar */

	.pc-hidden, .tablet-only, .js .search-block[data-select-icon] label, .select-container select {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px; }

	.mobile-hidden, .tablet-only {
		 clip: auto;
		 height: auto;
		 margin: 0;
		 overflow: visible;
		 position: static;
		 width: auto; }

	.pc-only, .span-select, .list-options {
	  clip: auto;
	  height: auto;
	  margin: 0;
	  overflow: visible;
	  position: static;
	  width: auto; }

	.list-options {
	  list-style: none;
	  margin: 0;
	  padding: 10px;
	  white-space: nowrap; }

	.list-options li {
		display: inline-block;
		padding: 5px 10px;
		border: none; }

	.list-options li.selected {
		background: #E7581E;
		color: #fff;
		}

	.price .list-options {
		max-height: 400px;
		overflow: scroll!important;
	}
	.price .list-options li { display: block; }

	.inside-search, .inside-search.mobile-refine-closed {
		display: block;
		margin-top: 0;
		margin-left: 56px;
		background-color: transparent;
		text-align: center;
		padding-top: 25px;
		padding-bottom: 15px; }

  ul.list-styles { display: none; }

	.inside-search-form .specs-filters { display: inline-block; }
	.inside-search-form .location-filter { margin-bottom: 5px; }

	.inside-search form {
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 15px;
    padding-bottom: 8px;
  }

	#refine-search-button { display: none!important; }

	.specs-filters { width: auto; }

	.search-block {
	  font-size: 0.9em;
	  display: inline-block;
	  width: auto;
	  clear: none!important;
	  color: #3b3b3b;
	  padding: 0;
	  margin: 0; }
	.search-block.bedrooms, .search-block.bathrooms, .search-block.price-from { padding: 0; }
	.search-block.garages, .search-block.price-to { padding: 0; }
	.search-block.type { padding-left: 5px; }
	.search-block.text-input { margin-top: 10px; }

	.search-block.bedrooms > label, .search-block.bathrooms > label, .search-block.garages > label { display: none; }

	.text-input-container { margin: 0; }
	.text-search-container {
		position: relative;
		display: inline-block;
		width: 500px;
		padding-right: 100px;
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}
	.search-block-button{
		position: absolute;
		right: 0;
		top: 10px;
		margin: 0;
		width: 95px;
	}

	.search-block:before { display: none; }

	.search-block span { font-size: 14px; }
	.search-block span, .search-block label { display: inline-block; }

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

	.span-select {
	  display: inline-block;
	  cursor: pointer; }

	.span-select[class*="icn"]:before {
	  display: block;
	  float: right;
	  margin-top: 9px;
	  margin-left: 5px; }

	.span-select.icn-garages:before,
	.span-select.icn-bathrooms:before {
	  margin-top: 3px; }

	.list-options {
	  position: absolute;
	  z-index: 10;
	  opacity: 0;
	  visibility: hidden;
	  top: 40px;
	  display: block;
	  padding: 0.5em 1em;
	  border-radius: 3px;
	  background-color: #fff;
	  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	  -webkit-transition: opacity 0.2s;
	  -moz-transition: opacity 0.2s;
	  transition: opacity 0.2s; }
	  .list-options:before {
	    content: '';
	    position: absolute;
	    top: -20px;
	    left: 10px;
	    width: 0;
	    height: 0;
	    border: 10px solid #fff;
	    border-color: transparent transparent #fff transparent; }

	.list-options.show {
	  opacity: 1;
	  visibility: visible;
	  overflow: visible; }

	.list-options-item {
	  padding: 0.2em 0;
	  border-bottom: 1px solid #d9d9d9;
	  font-size: 1em;
	  cursor: pointer;
	  -webkit-transition: color 0.15s;
	  -moz-transition: color 0.15s;
	  transition: color 0.15s; }
	  .list-options-item:last-child {
	    border-bottom: 0px; }
	  .list-options-item:hover {
	    color: #222; }

.search-block-button {
	  padding: 4px 12px; }

	#main.map-view:before { left:56px; }
  .map-view .search-left #toggle-map { left: 62px; }

  /* Search and Listing pages */

  .main.search-page, .main.listing { padding-left: 70px; position: relative; }
  .main.search-page > article, .main.listing > article {
    position: relative;
    padding-left: 170px;
    max-width: 480px;
    margin: 0 auto;
  }

	/* Search listings */

  .search-right { width: 100%; }
	.property-preview__map-trigger { display: block; float: left; }
	.property-preview__text { height: 40px; margin-top: 9px; }
	.property-preview__text h3 { margin-top: 0; margin-left: 50px; }

@media only screen and (min-width:320px) and (max-width:1087px) {
  .property-preview__text h3 {margin-left: 0;}
  .property-preview__map-trigger { display: none; }
}

  .left-banner {
    position: absolute;
    height: 600px;
    width: 160px;
    top: 2px;
    left: 0;
    background: #ccc;
    display: block;
  }

	/* Listing page */
	.agent-details-item {
		border:none; }
	.agent-header { width: 100%!important; }
	.basic-box.agent-profile { width: 100%; }

	.email-alerts:before {
		margin-bottom: 2px;
		}

	.main-right .basic-box-black {
		width: 50%;
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
		display: block;
		margin: 10px auto;
	}

	.main-right .apply-button {
		width: 50%;
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
		display: block;
		margin: 15px auto;
	}

  .inspection-button {
    float: right;
    clear: none;
  }

	/* Similar properties */

	.similar-props h2 {
		text-align: center;
	}

	.similar-props-list .property-preview__item	{
		float: left;
		width: 50%;
		padding-right: 5px;
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}
	.similar-props-list .property-preview__item:last-child { padding-right: 0; }
	.similar-props-list .property-preview__text h3 { margin-left: 0; }

	/* Footer */

	.bottom-footer { text-align: center; padding-top: 12px; }
	.browseby {
		width: auto;
		padding-right: 20px;
		vertical-align: baseline;
	}
	ul.states-list { width: auto; }

	.footer-nav, .footer-sites { padding-left: 70px; }
	.footer-sites li { width: 33%; }

	/* Shortlist page */

	.main.shortlist { padding-left: 76px; }

	.shortlist-nav { padding-left: 56px; margin-top: 0; text-align: left; border-top: none; }
	.shortlist-nav a { /*padding: 25px 50px 20px 50px;*/ padding:15px 50px 15px 50px; }
	.shortlist-nav a:first-child { border-left: none; }

	section.shortlist > ul { margin-bottom: 40px; }
	.shortlist .shortlist-listing-inner { width: 95%; margin: 0 5% 0 0; }

	.main.shortlist nav { display: none; }
	.shortlist-title { margin: 40px 0; }

	.main.shortlist .title button {
	  display: inline-block;
	  height: 40px; width: 40px;
	  text-indent: -999px;
	  background: transparent;
	  padding: 0;
	  margin: 10px;
	  outline: none;
	  vertical-align: middle;
	  background-image: url(../img/s.png);
	  background-position: -228px -665px;
	  margin-top: 3px;
	}
	.main.shortlist .title button.next {
	  background-position: -267px -665px;
	}

	.shortlist section.apply button {
		max-width: 240px;
		margin-right: 20px;
		margin-top: 0!important;
		margin-bottom: 20px;  }
	.shortlist section.apply button:last-child { margin-right: 0; }

	.shortlist .homepage-bottom {
	  margin: 0 auto 40px auto;
	  padding: 0;
	  display: inline-block!important;
	  position: relative;
	}
	.shortlist .homepage-bottom:before {
		position: absolute;
		top: -20px;
		left: -2000px;
		width: 9999px;
		height: 9999px;
		content: "";
		background-color: white;
	}

	.column.latest { background: url('../img/bkg-buildings-gray.png') no-repeat bottom; }
	.shortlist .find-more-btn {
	  border-color: #efefef!important;
	}

	/***********************/
	/* Suburb Profile Page */
	/***********************/

	.main.suburb-profile {
  	padding-left: 56px;
  	font-size: 16px;
  	background: white url(../img/city.png) center bottom repeat-x;
  	padding-bottom: 130px;
	}
	.main.suburb-profile section > div { max-width: 680px; }
	.main.suburb-profile section { border: none; background-color: transparent; }

	.suburb-profile h1 { font-weight: 500; }

	/* Top Section */

	.suburb-profile .top {
	  background: transparent url(../img/sky.png) repeat-x;
	  background-position-x: -150px;
  }
	.suburb-profile .top button { display: none; }
	.suburb-profile .top h1 { font-size: 24px; font-weight: 500; }

	.suburb-profile .investment {
  	left: auto;
    right: 0;
    top: 0;
    height: 60px;
    line-height: 60px;
    font-size: 13px;
	}
	.suburb-profile .investment:before {
	  background-position: -179px -308px;
	  height: 60px;
  }

  /* Population Section */

  .suburb-profile section.population { padding-top: 20px; }

  .suburb-profile .population .intro { float: left; }
  .suburb-profile .population .data {  float: right; }

  .suburb-profile .population .intro .number { line-height: 40px; }

  /* Map */

  .suburb-map button { display: none; }

  .suburb-map {
    position: relative;
    width: 680px;
    margin: 0 auto;
    height: 400px;
    background: white;
    right: auto;
    padding: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .suburb-map #map-canvas {
    margin: 5px;
    width: 98.3%;
    height: 97%;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }

  .suburb-map .surrounding {
    width: 98.3%;
    width: calc(100% - 10px);
    background-color: rgba(0, 0, 0, .75);
    position: absolute;
    bottom: 5px;
    left: 5px;
    display: block;
    padding: 10px 10px 10px 180px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .suburb-map .surrounding span {
    color: white;
    font-size: 14px;
    position: absolute;
    height: 26px;
    line-height: 26px;
    width: 165px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -13px;
  }
  .suburb-map .surrounding ul {
    margin: 0;
    padding: 0;
    text-align: right;
  }
  .suburb-map .surrounding li {
    list-style: none;
    color: white;
    font-weight: 300;
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
  }
  .suburb-map .surrounding li a { color: white; text-decoration: none; }
  .suburb-map .surrounding li:hover { background-color: rgba(255, 255, 255, .125); }

  /* Social Section */

  .suburb-profile .social-gallery {
    width: 50%;
    float: left;
  }
  .suburb-profile .social-gallery .background {
    background-image: url(../img/suburb-social-gallery-white.png);
    background-position: -105px center;
  }
  .suburb-profile .suburb-gallery-prev { right: 94px; }
  .suburb-profile .suburb-gallery-next { right: 69px; }

  .suburb-profile .suburb-meta {
    width: 50%;
    float: right;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 15px 20px;
  }
  .suburb-profile .suburb-meta li { border: none; padding-right: 25px; }
  .suburb-profile .suburb-meta li:after {
    content: " ";
    display: block;
    position: absolute;
    height: 1px;
    width: auto;
    left: 70px; right: 25px;
    bottom: 0;
    background-color: #e1e1e1;
  }
  .suburb-profile .suburb-meta li:last-child:after { display: none; }

  .suburb-profile .suburb-meta li strong { font-weight: 600; }

  /* Income Section */

  .suburb-profile section.income li {
    width: 49%;
    padding-left: 67px;
    display: inline-block;
    float: left;
    margin-right: 2%;
    margin-bottom: 15px;
  }
  .suburb-profile section.income li:nth-child(even) { margin-right: 0; }
  .suburb-profile section.income li.mortgage { padding-left: 105px; }



  /* Value of Property Section */

  .suburb-profile section.property-value .tabs ul.nav { width: 30%; }
  .suburb-profile section.property-value .tabs ul.content { width: 70%; padding: 25px 40px; }

  .suburb-profile section.property-value .tabs .content span {
    font-size: 16px;
    line-height: 30px;
    position: relative;
  }
  .suburb-profile section.property-value .tabs .content strong {
    font-size: 24px;
    padding-left: 20px;
  }
  .suburb-profile section.property-value .tabs .nav li { padding: 8px 0 8px 8px; }

  /* CSS for having a 4-block grid-like layout with the Dwelling Types, Proffessions and Green sections */

  .suburb-profile section.dwelling-types, .suburb-profile section.green, .suburb-profile section.professions {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    padding-right: 0;
    padding-left: 0;
  }
  .suburb-profile section.dwelling-types > div, .suburb-profile section.green > div, .suburb-profile section.professions > div {
    width: 320px;
  }

  /* Sections to the right */
  .suburb-profile section.dwelling-types,
  .suburb-profile section.professions {
    float: right;
    text-align: left;
    padding-left: 20px;
  }
  .suburb-profile section.dwelling-types { padding-bottom: 0; }
  .suburb-profile section.dwelling-types > div { height: 278px; border-bottom: 1px solid #e1e1e1; }
  .suburb-profile section.dwelling-types h1 { margin-bottom: 35px; }

  /* Section to the left */
  .suburb-profile section.green {
    float: left;
    text-align: right;
    padding-right: 20px;
    border-right: 1px solid #e1e1e1;
  }

  /* Clear next section */
  .suburb-profile section.sold-properties { clear: both; }

  /* Latest sold properties sections */
  .suburb-profile section.sold-properties {
    padding-top: 0;
  }

  .suburb-profile .property-preview__list .not-on-wide { display: none; }
  .suburb-profile .property-preview__list .wide-only { display: block!important; }

  .suburb-profile .property-preview__item { width: 100%; }
  .suburb-profile .property-preview__list .property-preview__header {
		padding: 4px;
		padding-left: 46%;
		padding-left: calc(45% + 8px);
		padding-right: 50px;
		height: 180px;
		font-size: 14px;
    overflow: hidden;
	}
	.suburb-profile .property-preview__list .property-preview__img {
		position: absolute;
		width: 44%;
		width: calc(45% - 8px);
		height: 95%;
		height: calc(100% - 8px);
		left: 4px;
		top: 4px; }
	.suburb-profile .property-preview__list .property-preview__img a {
		height: 100%!important;
	}

	.suburb-profile .property-preview__list .property-preview__text { margin: 0; padding-top: 10px; }
	.suburb-profile .property-preview__list .property-preview__text h3 { margin-left: 0; padding-top: 5px; padding-bottom: 5px!important; margin-right: 5px; }
	.suburb-profile .property-preview__list .property-preview__map-trigger {
		display: none;
	}


	.suburb-profile .property-preview__list .property-preview__body {
		margin-top: 4px;
		border: none;
		border-top: 1px solid #e1e1e1;
		background-color: #fff;
	}
  .suburb-profile .property-preview__list .property-preview__sub {
    border-bottom: none;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .suburb-profile .property-preview__list .property-preview .spec-list {
		border-radius: 4px;
		border: 1px solid #e1e1e1;
		width: 90%;
	}
	.suburb-profile .property-preview__list .property-preview .spec-item { border: none; border-right: 1px solid #e1e1e1; }
	.suburb-profile .property-preview__list .property-preview .spec-item:last-child { border-right: none; }

	.suburb-profile .property-preview__list .property-preview__price { border: none; margin-bottom: 0; padding-left: 0; margin-top: 0; }

	.suburb-profile .property-preview__list .shortlist-star__large {
		position: absolute;
		top: 4px;
		right: 13px;
		background-color: #ebebeb!important;
		width: 42px!important;
		height: 95%!important;
		height: calc(100% - 8px)!important;
		border-radius: 3px;
	}

	/* Top Real Estate Agents Section */

	.suburb-profile section.top-agents li {
  	width: 49%;
  	float: left;
	}

	.suburb-profile section.top-agents li:nth-child(odd) { margin-right: 1%; }
	.suburb-profile section.top-agents li:nth-child(even) { margin-left: 1%; }
  .suburb-profile section.top-agents li:last-child { border-bottom: 1px solid #e1e1e1; }

  /* Listing Specific Styles */
  .single-listing #main { overflow:hidden; }
  .single-listing .suburb-profile section.top, .single-listing .suburb-profile section.population { float:none; }
  .single-listing .suburb-profile section.population { padding-top:0; }
  .single-listing .suburb-profile h2, .single-listing .suburb-profile h3 { font-size: 18px; font-weight: 500; color: #343434; }
  .single-listing .suburb-profile h2 span, .single-listing .suburb-profile h3 span { color: #e7581e; }
  .single-listing .suburb-profile section.top h2 { padding: 5px 0 0 0; margin: 0; font-size: 24px; font-weight: 500;  }
  .single-listing .green h3 { font-weight: 600; }
  .single-listing .green h3 span { font-weight: 400; font-size: 15px; color: inherit; display: block; }
  .single-listing .suburb-profile section.income h3 { position: absolute; left: 18px; top: 10px; margin: 0; z-index: 1; }
  .single-listing .suburb-profile section.income h3 strong { display: block; }
  .single-listing .suburb-profile section.nearby-ag { clear:both; }

  .single-listing .suburb-profile .suburb-meta li:before { background-image:url(../img/icons_places_34x630.png); width:34px; height:35px; top:9px; }
  .single-listing .suburb-meta li.public_transport:before { background-position:0 0; }
  .single-listing .suburb-meta li.shopping:before { background-position:0 -35px; }
  .single-listing .suburb-meta li.airport:before { background-position:0 -70px; }
  .single-listing .suburb-meta li.schools:before { background-position:0 -105px; }
  .single-listing .suburb-meta li.cafes:before { background-position:0 -140px; }
  .single-listing .suburb-meta li.doctors:before { background-position:0 -175px; }
  .single-listing .suburb-meta li.hospitals:before { background-position:0 -210px; }
  .single-listing .suburb-meta li.cinemas:before { background-position:0 -245px; }
  .single-listing .suburb-meta li.pharmacies:before { background-position:0 -280px; }
  .single-listing .suburb-meta li.police_stations:before { background-position:0 -315px; }
  .single-listing .suburb-meta li.parking:before { background-position:0 -350px; }
  .single-listing .suburb-meta li.gym:before { background-position:0 -385px; }
  .single-listing .suburb-meta li.mechanic:before { background-position:0 -420px; }
  .single-listing .suburb-meta li.bar:before { background-position:0 -455px; }
  .single-listing .suburb-meta li.restaurants:before { background-position:0 -490px; }
  .single-listing .suburb-meta li.train_station:before { background-position:0 -525px; }
  .single-listing .suburb-meta li.parks:before { background-position:0 -560px; }
  .single-listing .suburb-meta li.cbd:before { background-position:0 -595px; }


  /*********************/
  /* User profile page */
  /*********************/

  .hh-user-section-profile .main {
    background: black url(../img/bridge.jpg) no-repeat center bottom;
  }

  .user-profile .main-content-container, .steps-forms .main-content-container {
    padding-top: 100px;
  }

  .profile-tabs {
    margin-top: 0;
    padding-top: 0;
    padding-left: 56px;
    background-color: #333;
    height: 50px;
  }
  .profile-tabs:before { display: none; }
  .profile-tabs select { display: none; }

  .profile-tabs ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 50px;
    width: 100%;
  }
  .profile-tabs li {
    list-style: none;
    padding: 15px 30px;
    float: left;
    color: white;
    font-weight: 400;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
  }

  .profile-tabs li:before {
    position: absolute;
    content: " ";
    display: block;
    width: 66%;
    width: calc(100% - 60px);
    height: 2px;
    background-color: #333;
    bottom: 14px;
  }

  .profile-tabs li.active { background-color: #000; }
  .profile-tabs li.active:before { background-color: #e7581e; }

  /* Sections navigation */

  .user-profile form nav, .user-profile form nav.floating, .steps-forms > .main-content-container > form nav, .steps-forms article nav, .steps-forms > .main-content-container > form nav.floating, .steps-forms article nav.floating {
    position: absolute;
    width: 95px;
    height: 550px;
    top: 20px;
    right: -96px;
    left: auto;
    padding: 0;
  }
  .user-profile form.buying nav, .user-profile form.buying nav.floating, .steps-forms > .main-content-container > form.buying nav, .steps-forms > .main-content-container > form.buying nav.floating, .steps-forms article.buying nav, .steps-forms article.buying nav.floating { height: 660px; }

  .user-profile form nav input[type="submit"], .steps-forms > .main-content-container > form nav input[type="submit"], .steps-forms article nav input[type="submit"] { display: none; }

  .user-profile form nav ul, .steps-forms > .main-content-container > form nav ul, .steps-forms article nav ul { width: 100%; padding: 0; margin: 0; left: 0; right: auto; }



  .user-profile form nav li, .steps-forms > .main-content-container > form nav li, .steps-forms article nav li {
    text-indent: 0;
    white-space: normal;
    margin: 0;
    width: 100%;
    height: 110px;
    border-radius: 0;
    display: block;
    background-color: transparent;
    font-size: 13px;
    padding: 70px 10px 0 10px;
    box-sizing: border-box;
    color: #949494;
    text-align: center;
    font-weight: 300;
    position: relative;
  }
  .steps-forms article nav li.disabled {cursor:default !important;}
  .user-profile form nav li.active, .steps-forms > .main-content-container > form nav li.active, .steps-forms article nav li.active { box-shadow: none; color: white; }
  .user-profile form nav li:before, .steps-forms > .main-content-container > form nav li:before, .steps-forms article nav li:before {
    content: " ";
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, .25);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
  }
  .user-profile form nav li:first-child:before, .steps-forms > .main-content-container > form nav li:first-child:before, .steps-forms article nav li:first-child:before { display: none; }

  .user-profile form nav li:after, .steps-forms > .main-content-container > form nav li:after, .steps-forms article nav li:after {
    height: 40px;
    width: 40px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 40px;
    position: absolute;
    display: block;
    left: 45px;
    margin-left: -20px;
    top: 20px;
    font-size: 20px;
    font-family: Arial, sans-serif;
    line-height: 40px;
  }
  .user-profile form nav #section-personal:after { content: "1"; }
  .user-profile form nav #section-emergency:after { content: "2"; }
  .user-profile form nav #section-address:after { content: "3"; }
  .user-profile form nav #section-employment:after { content: "4"; }
  .user-profile form nav #section-references:after { content: "5"; }
  .user-profile form nav #section-loan:after { content: "6"; }

  .user-profile form nav li.user-profile-section-completed {background: #23A127; color: #fff;}
  .user-profile form nav li.user-profile-section-completed.active {background: #09630C !important;}

  /* Form elements */

  .user-profile form, .steps-forms > .main-content-container > form, .steps-forms article {
    width: 77%;
    width: calc(100% - 160px);
    box-shadow: 0px 0px 0px 10px rgba(50, 50, 50, 0.5);
    margin-left: 10px;
    padding-top: 15px;
    min-height: 550px;
    max-width: 850px;
  }
  #agency-signup { max-width: 700px; }
  .user-profile form.buying, .steps-forms > .main-content-container > form.buying, .steps-forms article.buying { min-height: 660px; }

  .user-profile legend:first-child, .steps-forms legend:first-child {
    position: absolute;
    top: -85px;
    left: -25px;
    border: none;
    font-size: 26px;
    font-weight: 300;
  }
  .user-profile legend.secondary, .steps-forms legend.secondary { padding-top: 20px; color:#3b3b3b; }
  .user-profile fieldset, .steps-forms fieldset { position: relative; }
  .user-profile fieldset > div, .steps-forms fieldset > div, .steps-forms fieldset > form > div {
    width: 49%;
    float: left;
    margin-bottom:10px;
  }
  .user-profile fieldset > div:nth-child(odd){  }
  .user-profile fieldset > div:nth-child(even), .steps-forms fieldset > div:nth-child(even), .steps-forms fieldset > form > div:nth-child(even) { clear: both; margin-right: 2%; }

  .divbig { width: 48%; margin-right: 52%; }

  .user-profile .button, .steps-forms .button { float: right; }
  .user-profile .button.loan-apply, .steps-forms .button.loan-apply { float: left; }

  .user-profile fieldset.emergency > div, .steps-forms fieldset.emergency > div, .steps-forms fieldset.emergency > form > div,
  .user-profile fieldset.address > div, .steps-forms fieldset.address > div, .steps-forms fieldset.address > form > div,
  .user-profile fieldset.employment > div, .steps-forms fieldset.employment > div, .steps-forms fieldset.employment > form > div { margin-right: 51%; }
  .user-profile #user-login fieldset > div { margin-right: 51%; }

  #user-profile fieldset .error { color:#ff0000; }

  .steps-forms #confirm-password{ margin-top: 4px !important;}

  /* Documents section */

  #user-documents .points { display: inline-block; }
  #user-documents .points .half {
    float: left;
    width: 49%;
    height: 100px;
  }
  #user-documents .points .half.right {
    margin-left: 2%;
  }
  #user-documents .step-1 { display: inline-block; }
  #user-documents .step-1 > p, #user-documents .step-1 > div { width: 29%; float: left; display: inline-block; margin-right: 3%; }
  #user-documents .step-1 > div { margin-top: 1em; width: 36%; }
  #user-documents .step-1 > div .upload { height: 36px; }
  #user-documents .step-1 p:last-child { margin-right: 0; }

  #user-documents .step-2 label {
    float: left;
    width: 30%;
    margin-right: 1%;
  }

  #user-documents input[type="submit"] { max-width: 200px; float: right; padding-left: 9px !important; }

  .page-template-agency-signup-php .main {
    background: black url(../img/bridge.jpg) no-repeat center top;
  }
  #user-documents .step.half {
    float: left;
    width: 49%;
  }
  #user-documents .step.half .featured {
    font-weight: bold;
    margin-top:20px;
  }
  #user-documents .step.half.right {
    margin-left: 2%;
  }
  /* Agency signup */

  #agency-signup > nav #section-personal:after { content: "1"; }
  #agency-signup > nav #section-office:after { content: "2"; }
  #agency-signup > nav #section-team:after { content: "3"; }
  #agency-signup > nav #section-account:after { content: "4"; }
  #agency-signup > nav { height: 440px; }

  #agency-signup .map-container { float: right; }
  #agency-signup .after-map { clear: none; }
  #agency-signup .map { margin-top: 40px; }

  #agency-signup .team div { width: 30%; }
  #agency-signup button.add-member { float: right; }

  #agency-signup .account-plans {
    float: left;
    width: 50%;
    margin-left: -25px;
  }

  #agency-signup .account-plans li {
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    background-color: white;
    color: #3b3b3b;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 40px;
    min-height: 130px;

  }
  #agency-signup .account-plans li.active {
    background-color: #ededed;
   }
  #agency-signup .account-plans li.active:after {
    content: " ";
    position: absolute;
    display: block;
    width: 30px;
    height: 118px;
    right: -13px;
    top: 50%;
    margin-top: -59px;
    background-image: url(../img/active-plan.png);
  }


  #agency-signup .plan { margin-left: 25px; }
  #agency-signup .pricing { border-top: none; }
  #agency-signup .btn-remove-listing, #agency-signup .btn-remove-member-button {position: initial;}
  #agency-signup .remove-member-button {background-color: #fff}

}

/* User Documents - Plupload */

#user-documents .your-score {
  text-align: center;
}
#user-documents .your-score .points-score {
  font-size:400%;
}
#user-documents .step.half .image-documents {
  margin-top: 20px;
}
#user-documents .step.half .image-documents>.image {
  position: relative;
  font-size: 12px;
  display: block;
  float: left;
  width: 140px;
  margin: 0 20px 20px 0;
  text-align: center;
  border: 1px solid #d0d0d0;
  border-top:none;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;

}
#user-documents .step.half .image-documents>.image select.document-title {
  font-size: 12px;
  outline: none;
  top: -11px;
  position: relative;
  border-bottom: 0;
  height: 24px;
  padding: 0 6px;
  background: url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat top right !important;
  width: 142px;
  margin-left: -1px;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
#user-documents .step.half .image-documents>.image > img {
  height: auto;
  width: auto;
  max-height: 101px !important;
  max-width: 135px !important;
  text-align: center
}
#user-documents .step.half .image-documents>.image > .remove-document-button {
  position: absolute !important;
  right: -5px !important;
  bottom: -5px !important;
  background: url("../img/s.png") !important;
  background-position: -129px -458px !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
}
#user-documents .step.half .upload-document-image {
  background: #fff url(../img/icn-upload-document.png) no-repeat !important;
  width: 20px !important;
  height: 21px !important;
  margin: -3px 0 0 10px !important;
  padding: 0 !important;
  float: right !important;
}


@media only screen and (min-width:68em){

	.wide-only, .pc-only { display: block!important; }
	.not-on-wide, .tablet-only, .mobile-only { display: none!important; }

	video.top-head {
		display: block;
		position: absolute;
		bottom: 0;
	}
	.center-above { background-color: rgba(0, 0, 0, .15); }
	.picbeforevideo .width-img { background: transparent; overflow: hidden; }

	/* Homepage listings */

	.main.homepage { text-align: center; }
	.homepage-bottom { max-width: 84em; }
  .page .main.homepage .main-content-container { text-align:left; }
	.homepage-bottom section {
		width: 50%;
		float: left;
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box; }
	.homepage-bottom section:first-of-type { padding-right: 15px; }

	.split {
		width: 50%;
		padding-right: 15px;
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box; }
	.split:last-of-type { padding-right: 0; }

	.split .split:first-child, section .split:first-child { padding-right: 15px; }

	.w-house { text-align: left; }
	.house-price { text-align: left; }

	.column.latest {
		padding-top: 0;
		padding-bottom: 80px;
		background-size: 230px 90px;
	}

	.map-table {
		width: 75%;
		margin-left: 20%;
	}

	.over-map-container { max-width: 84em; margin: 0 auto; }

  .main.search-page > article, .main.listing > article {
    max-width: 100%;
  }

	/* Search Page */

  #main.search-page:before { display: none; }
  .span-select { padding-right: 30px; }

  /* Inspection times */

  .inspection-button {
    float: left;
    clear: none;
    margin-left: 0;
    clear: none; }

	/* Left side map */

  .search-left {
    width: 40%!important;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 2px;
    position: static;
    left: 0;
    transition: none;
    float: left; }

  .search-left #toggle-map, .search-left #wrapper-toggle-map { display: none; }

  .map-holder.sticky {
    position: fixed;
    top: 15px; }

  .map-holder {
    margin-top: 0;
    height: auto;
    padding: 9px; }
  .map-holder .banner { display: block; }
  #main:before { display: none; }

	.search-right {
		width: 60%!important; }

  .inside-search, .inside-search.mobile-refine-closed {
    padding-bottom: 0;
    position: relative;
  }
  ul.list-styles {
    display: block;
    position: relative;
    bottom: 7px;
    padding: 0;
    list-style: none;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    left: 0;
    max-width: 69em;
    margin: 0 auto;
  }
  ul.list-styles li {
    display: inline-block;
    padding-left: 25px;
    background: transparent url(../img/list-styles.png) no-repeat;
    margin-right: 5px;
    padding-right: 10px;
    border-right: 1px solid #dcddde;
    cursor: pointer;
  }
  ul.list-styles li.active { font-weight: 600; }
  ul.list-styles li#hybrid-view { background-position: 1px -2px; }
  ul.list-styles li#list-view { background-position: 1px -28px; }
  ul.list-styles li#map-view { background-position: 1px -55px; border-right: none; }



  /* Listing info on map */

  .listing-info {
    display: none;
    position: absolute;
    bottom: 20px; right: 20px;
    width: 250px;
    height: auto;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  }
  .map-view .listing-info { display: block; }
  .listing-info .info {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    font-size: 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .listing-info .image {
    display: block;
    background-size: cover;
    height: 135px;
    width: 98%;
    width: calc(100% - 6px);
    margin: 3px;
  }

  .listing-info .agencie-logo {width: 100%; margin: 2px 0;}
  .listing-info .agencie-logo img {width: 100%;}

  .listing-info h2 {
    font-size: 13px;
    font-weight: 600;
    padding: 10px;
    padding-bottom: 15px;
    margin:0;
    border-bottom: 1px solid #eee;
  }
  .listing-info h2 a { color: #383838; font-weight: 500; text-decoration: none; }

  .listing-info .text {
    display: inline-block;
    font-size: 0;
    width: 100%;
  }
  .listing-info .description {
    font-size: 13px;
    color: #797979;
    padding: 10px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #f4f4f4;
    border-bottom: 1px solid #f9f9f9;
    border-top: 1px solid #ebebeb;
  }

  .listing-info .specs { display: inline-block; background-color: #f4f4f4; font-size: 0; }
  .listing-info .specs span {
    display: block;
    float: left;
    width: 33.3%;
    margin: 0;
    padding: 8px 10px 8px 45px;
    position: relative;
    height: 45px; line-height: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    color: #797979;
    font-size: 13px;

    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #f8f8f8;
  }
  .listing-info .specs span:first-child { border-left: none; }
  .listing-info .specs span:last-child { border-right: none; }

  .listing-info .specs span:before {
    position: absolute;
    top: 10px;
    left: 18px;
  }

  .listing-info .price {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px 15px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-right: 45px;
    font-size: 15px;
    margin-top: 3px;
  }

  /* Listing only style */
  main.list-view .search-left { display: none!important; }
  main.list-view .search-right { width: 100%!important; }
  main.list-view .property-preview__list .property-preview__item {
    width: 32%;
    margin-right: 1%;
    float: left;
  }
  main.list-view .property-preview__list .property-preview__item .wide-only { display: none!important; }
  main.list-view .property-preview__list .property-preview__item .not-on-wide { display: block!important; }
  main.list-view .property-preview__list .property-preview__map-trigger { display: none; }

  main.list-view .property-preview__list .property-preview__header {
    padding: 4px;
    border-bottom: none;
  }
  main.list-view .property-preview__list .property-preview__img {
    width: 100%;
    height: 160px;
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
  }
  main.list-view .property-preview__list .property-preview__title {
    padding-left: 4px;
    width: 100%;
    padding-right: 9px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  main.list-view .property-preview__list .property-preview__sub {
    padding: 9px;
    margin: 0;
    background: #f4f4f4;
    border-bottom: 1px solid #fafafa;
  }
  main.list-view .property-preview .spec-list {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    display: block;
    overflow: hidden;
  }
  main.list-view .property-preview__list .property-preview__body {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    margin-top: 0;
    margin-bottom: 0;
  }
  main.list-view .property-preview__list .property-preview__item .property-preview__price {
    margin-top: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    padding: 9px;
  }
  main.list-view .property-preview__list .property-preview__item .property-preview__price span{
    margin: 0;
    padding: 0;
  }
  main.list-view .property-preview__list .property-preview__item.premium {
    margin-bottom: 7px;
  }
  main.list-view .property-preview__list .property-preview__item.premium .property-preview__price.not-on-wide {
    height: 43px;
  }
  main.list-view .banner-listing { display: none!important; }
  main.list-view .property-preview__agent_logo {
    width:50%;
    max-width:217px;
    left:auto !important;
    bottom:auto;
    top:9px;
    right:9px;
  }

  main.list-view .property-preview__list .premium .property-preview__text {
    left: 0;
    margin: 3px 0 0;
    width: 99%;
    height: auto;
    border-radius: 0;
    padding: 0.1em !important;
    min-height: 44px;
  }
  main.list-view .property-preview__list .premium.icn-new .property-preview__text {
    min-height: 47px;
  }



  /* Map only style */
  main.map-view .main-content-container { overflow: hidden; padding-bottom: 175px; }
  main.map-view .search-right { display: none; }
  main.map-view .search-left { width: 100% !important; height: 600px; }
  main.map-view .map-holder.sticky { position: relative; top: 0; }
  main.map-view #map { height: 582px!important; }
  main.map-view .map-holder .banner img { width: 430px; margin: 0 auto; }

	.property-preview__list .property-preview__item {
    margin-bottom: 10px;
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .property-preview__list > li:nth-child(odd) { margin-right: 0; }
  .banner-listing { width: 100%; float: none; }

	.property-preview__list .property-preview__header {
		padding: 4px;
		padding-left: 39%;
		padding-left: calc(38% + 8px);
		padding-right: 50px;
	}
	.property-preview__list .property-preview__img {
		position: absolute;
		width: 38%;
		width: calc(39% - 8px);
		height: 95%;
		height: calc(100% - 8px);
		left: 4px;
		top: 4px; }
	.property-preview__list .property-preview__img a {
		height: 100%!important;
	}

	.property-preview__list .property-preview__text { margin: 0; padding-top: 10px; }
	.property-preview__list .property-preview__text h3 { margin-left: 0; padding-top: 5px; padding-bottom: 5px!important; margin-right: 45px; }
	.property-preview__list .property-preview__map-trigger {
		float: right;
		margin: -10px 0 0 5px;
		height: 50px;
		width: 35px;
		padding: 9px;
	}

	.property-preview__list .property-preview__body {
		margin-top: 4px;
		border: none;
		border-top: 1px solid #e1e1e1;
		background-color: #fff;
	}
	.property-preview__list .property-preview__sub { border-bottom: none; padding: 0; margin: 9px 0; }

	.property-preview__list .property-preview .spec-list {
		border-radius: 4px;
		border: 1px solid #e1e1e1;
		width: 90%;
	}
	.property-preview__list .property-preview .spec-item { border: none; border-right: 1px solid #e1e1e1; }
	.property-preview__list .property-preview .spec-item:last-child { border-right: none; }

	.property-preview__list .property-preview__price { border: none; margin-bottom: 0; padding-left: 0; margin-top: 0; }

	.property-preview__list .shortlist-star__large {
		position: absolute;
		top: 4px;
		right: 13px;
		background-color: #ebebeb!important;
		width: 42px!important;
		height: 95%!important;
		height: calc(100% - 8px)!important;
		border-radius: 3px;
	}

	/* Listing page */

	.main-left {
		width: 65%;
		float: left;
		}

	.main-left > header {
		display: inline-block;
		width: 100%;
		position: relative;
		margin-bottom: 5px;
	}
	.main.listing h1 {
		float: left;
		margin-bottom: 5px;
	}
	.main-section-header-p { float: left; clear: left; margin-bottom: 0!important; }

	.price-box {
		/*position: absolute;
		top: 50%;
		margin-top: -20px;
		margin-bottom: 0;
		*/
    float:right;
		padding: 10px 20px; }

	.main-left .specs {
		width: 78%;
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
		display: inline-block;
		margin: 0;
		background-color: white;
		border: 1px solid #e5e5e6;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-left .specs .icn-bed span:after { content: " bedrooms"; }
	.main-left .specs .icn-bath span:after { content: " bathrooms"; }
	.main-left .specs .icn-garage span:after { content: " parking"; }

	.main-left .apply-button { display: inline-block; width: 19%; margin: 0; vertical-align: top; margin-top: 2px; margin-left: 2%; }


	.basic-box.agent-profile { width: 100%; }
	.agent-header { width: 50%!important; }
	.agent-details { width: 50%; }


	.main-right {
		width: 35%;
		float: left;
		position: relative;
		padding-top: 115px;
		-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
		padding-left: 12px;
	}

  .main-right .enquire{
    position: absolute;
    top: 0;
    left: 12px;
    width: 96%;
    width: calc(100% - 12px);
    height: 98px;
  }


	.main-right .apply-button {
		margin: 0;
		width: 100%;
		padding: 20px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9;
	}

	.main-right .afford-button {
  	position: absolute;
  	display: block;
    width: 100%;
    background-color: black;
    z-index: 9;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: 0;
    bottom: 0;
    font-size: 14px;
    margin: 0;
    margin-top: -2px;
	}
	.main-right .afford-button:hover { background-color: black; }

	.main-right .basic-box-black {
		width: 100%;
		padding: 25px 24px 15px 24px;
	}

	/* Inspection times */

	.inspection-button { padding: 10px 15px; }

	/* Similar properties */

	.similar-props h2 { margin-top: 15px; }

	.basic-box.similar-props { margin-top: 10px; }

	.basic-box.similar-props {
		background: white;
		border: 1px solid #e5e5e6;
		padding: 10px 20px;
	}
	.similar-props-list .property-preview__item {
		float: none;
		width: 100%;
		padding: 0;
	}

	/* Shortlist Page */

	.shortlist .btn-remove-listing {
		opacity: 0;
		transition: opacity .125s ease-in;
		-ms-transition: opacity .125s ease-in;
		-moz-transition: opacity .125s ease-in;
		-webkit-transition: opacity .125s ease-in;
     }
	.shortlist .shortlist-listing-inner:hover .btn-remove-listing { opacity: 1; }

	.shortlist .title { position: relative; }
	.shortlist #search-order-by {
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -17px;
		right: 20px;
		background-color: white;
		color: #797979;
		padding-top: 5px;
		padding-bottom: 5px;
		background-image: url(../img/dropdown-bg-white.png);
	}

	/***********************/
	/* Suburb Profile Page */
	/***********************/

	.main.suburb-profile {
  	background-color: white;
  	background-image: url(../img/sky.png), url(../img/city.png);
  	background-position: center top, center bottom;
  	background-repeat: repeat-x, repeat-x;

	}

	.main.suburb-profile .main-content-container {
  	max-width: 1014px;
  	margin: 0 auto;
  	background: none;
	}

	.suburb-profile section { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.main.suburb-profile section > div { max-width: 100%; }

	.suburb-profile section.top { background: transparent; }

	.suburb-profile section.top { width: 100%; float: left; }
	.suburb-profile section.population { width: 60%; float: left; }
	.suburb-profile .suburb-map { width: 60%; float: left; }
	.suburb-profile section.social { width: 36%; float: right; }
	.suburb-profile section.property-value { width: 60%; float: left; }
	.suburb-profile section.green { width: 37%; float: right; }
	.suburb-profile section.dwelling-types { width: 30%; float: left; }
	.suburb-profile section.professions { width: 30%; float: left; }
	.suburb-profile section.sold-properties { width: 60%; float: left; padding-right: 0; }
	.suburb-profile section.neighbouring-suburbs { width: 35%; float: right; }

	/* Top */

	.suburb-profile .social-gallery { width: 100%; }
	.suburb-profile .suburb-meta { width: 100%; }

	/* Map */

	.suburb-profile .suburb-map { margin-top: 26px; margin-left: 10px; }

	/* Income */

	.suburb-profile section.income { display: inline-block; padding-top: 0; }

	.suburb-profile section.income h1 {
  	position: absolute;
  	left: 18px;
  	top: 10px;
  	margin: 0;
  	z-index: 1;
	}
	.suburb-profile section.income h1 strong { display: block; }

	.suburb-profile section.income ul {
  	display: inline-block;
    padding-left: 100px;
    width: 100%;
    box-sizing: border-box;
    background: #f1f1f1;
    padding: 10px 10px 10px 110px;
    border-radius: 5px;
    margin-top: 0;
	}
	.suburb-profile section.income li {
	 float: none;
	 margin: 0 10px 0 0!important;
	 width: 206px;
	 background: white;
  }
  .suburb-profile section.income li:last-child { margin-right: 0!important; }

  /* Social */

  .suburb-profile .suburb-meta {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0;
  }

  /* Property Value */

  .suburb-profile section.property-value { padding-right: 0; }

  /* Green */

  .suburb-profile section.green { border-right: none; border-left: 1px solid #e1e1e1; }

  /* Dwelling Types */

  .suburb-profile section.dwelling-types > div { border-right: 1px solid #e1e1e1; border-bottom: none; }

  /* Top agents */
  .suburb-profile section.top-agents { display: inline-block; }

  /* Latest properties */

  .suburb-profile .property-preview__list .property-preview__header { height: 150px; }
  .suburb-profile .property-preview__list .property-preview__text { padding-top: 0; }
  .suburb-profile .property-preview__list .property-preview__price { padding-top: 0; }
  .suburb-profile .property-preview__list .property-preview__body { margin-top: 0; }

  /* Agency signup */
  #agency-signup .account-plans { width: 40%; }
  #agency-signup .plan { width: 60%; }

}
/* Hook to fix Full on Ipad */
@media all and (min-width: 48em) and (max-width: 68em) {
  main.map-view .search-left { margin-left: 63px; width: 93% !important; }
  main.map-view .search-left #toggle-map { left: 5px !important;}
  .header-container {position: fixed !important;}
}
/* Hook to fix Full on Mobile */
@media all and (max-width: 48em) {
  main.map-view .search-left { margin-top: 55px; width: 100% !important; }
  main.map-view .search-left #wrapper-toggle-map { left: 7px !important;}
  main.map-view .search-left #toggle-map { left: -2px !important;}
  .header-container {position: fixed !important;}
}
/*
File: large.css
Website: homehound.com.au
Description: A Responsive Frontend for Homehound
Version: 0.0.1
License: May not be sold or redistibuted. All Contents Copyright 2014.
*/
/*
 * Table of contents
 *
 * 1. Content
 * 2. Modular
 * 3. Semantic
 *
 */

@media only screen and (min-width:90em){
	.super-hidden {
	  border: 0;
	  clip: rect(0 0 0 0);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px; }

  .main, .top-bar {
	  padding-left: 282px;
  }

  .inside-search, .inside-search.mobile-refine-closed {
  	padding-left: 226px;
  }

  .main-content-container.homepage-top {
	  margin-right: -12px;
	  margin-left: -12px;
  }
	/* Main navigation */

	.header-content,
	.nav-content,
	.spacer-content {
	  -webkit-transform: translateX(0);
	  -moz-transform: translateX(0);
	  -ms-transform: translateX(0);
	  -o-transform: translateX(0);
	  transform: translateX(0); }

	.alternate-logo {
	  opacity: 0; }

	.site-nav-item:first-child { }

	.site-nav-link.current .nav-tab {
	  background-color: #292929; }

	.center-above {
		padding-top: 210px;
		padding-bottom: 210px; }

	.find-more-block { margin-bottom: 0!important; }

	.column.latest {
		padding-top: 10px;
		padding-bottom: 100px;
		background-size: 230px 90px; }

	.map-table {
		width: 60%;
		margin-left: 35%;
		margin-top: -36px; }

	.inside-over-map { text-align: left; }
	.inside-over-map > h2 { padding-left: 50px; }
	.glass { height: 85px; }

	.footer-nav, .footer-sites {
		padding-left: 282px;
	}



  /* Common to Search and Listing pages  */

  .main.search-page, .main.listing {
    padding-left: 270px;
  }
  .main.search-page > article, .main.listing > article { position: relative; max-width: 69em; }
  .left-banner { left: 0; }

	/* Listing page */

	.search .main-content-container, .listing .main-content-container {
		max-width: 69em;
		margin: 0 auto;
	}

	.breadcrumbs { padding-left: 280px; }

	/* Inspection times */

	.inspection-button { padding: 10px 20px; }

	/* Shortlist page */

	.main.shortlist { max-width: 100%; padding-left: 285px; }
	.shortlist-nav { padding-left: 270px; }

	/* Suburb Profile page */

	.main.suburb-profile { padding-left: 270px; }

  /* User Profile page */

  .profile-tabs { padding-left: 270px; }
}

/**
 * selectize.css (v0.8.5)
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  visibility: visible !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
          box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  font-size: 20px !important;
  line-height: 20px;
  color: #303030;
  opacity: 0.4;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  float: left;
  border-top: 0 none;
  border-right: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 17px;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
     -moz-border-radius: 0 2px 2px 0;
          border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-family: inherit;
  font-size: 13px;
  -webkit-font-smoothing: inherit;
  line-height: 18px;
  color: #303030;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  display: inline-block;
  cursor: text;
  background: #ffffff;
}

.selectize-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  padding: 8px 8px;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: baseline;
  zoom: 1;
}

.selectize-control.multi .selectize-input > div {
  padding: 2px 6px;
  margin: 0 8px 3px 0;
  color: #303030;
  cursor: pointer;
  background: #f2f2f2;
  border: 0 solid #d0d0d0;
}

.selectize-control.multi .selectize-input > div.active {
  color: #303030;
  background: #e8e8e8;
  border: 0 solid #cacaca;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}

.selectize-input > input {
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 2px 0 0 !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  background: none !important;
  border: 0 none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-user-select: auto !important;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  display: block;
  clear: left;
  content: ' ';
}

.selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: #f0f0f0;
  content: ' ';
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -1px 0 0 0;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-top: 0 none;
  -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  cursor: default;
  background: #ffffff;
}

.selectize-dropdown .active {
  color: #495c68;
  background-color: #f5fafd;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: ' ';
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-color: transparent transparent #808080 transparent;
  border-width: 0 5px 5px 5px;
}

.selectize-control.rtl.single .selectize-input:after {
  right: auto;
  left: 15px;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  background-color: #fafafa;
  opacity: 0.5;
}
/**
 * selectize.default.css (v0.8.5) - Default Theme
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  visibility: visible !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
          box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  font-size: 20px !important;
  line-height: 20px;
  color: #303030;
  opacity: 0.4;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  float: left;
  border-top: 0 none;
  border-right: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 17px;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
     -moz-border-radius: 0 2px 2px 0;
          border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-family: inherit;
  font-size: 13px;
  -webkit-font-smoothing: inherit;
  line-height: 18px;
  color: #303030;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  display: inline-block;
  cursor: text;
  background: #ffffff;
}

.selectize-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  padding: 8px 8px;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: baseline;
  zoom: 1;
}

.selectize-control.multi .selectize-input > div {
  padding: 2px 6px;
  margin: 0 3px 3px 0;
  color: #ffffff;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input > div.active {
  color: #ffffff;
  background: #92c836;
  border: 1px solid #00578d;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}

.selectize-input > input {
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 1px !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  background: none !important;
  border: 0 none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-user-select: auto !important;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  display: block;
  clear: left;
  content: ' ';
}

.selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: #f0f0f0;
  content: ' ';
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -1px 0 0 0;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-top: 0 none;
  -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  cursor: default;
  background: #ffffff;
}

.selectize-dropdown .active {
  color: #495c68;
  background-color: #f5fafd;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: ' ';
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-color: transparent transparent #808080 transparent;
  border-width: 0 5px 5px 5px;
}

.selectize-control.rtl.single .selectize-input:after {
  right: auto;
  left: 15px;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  background-color: #fafafa;
  opacity: 0.5;
}

.selectize-control.multi .selectize-input.has-items {
  padding-right: 5px;
  padding-left: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}

.selectize-control.single .selectize-input {
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-size: 0.85em;
  font-weight: bold;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Custom CSS rules for HomeHound */

.flexslider .slides > li:first-child { display: block; -webkit-backface-visibility: visible; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; outline: none; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0.2!important; filter:alpha(opacity=20); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* Import Skins */
@import url('../dark-skin/skin.css');
@import url('../light-skin/skin.css');
@import url('../parade-skin/skin.css');
@import url('../metro-black-skin/skin.css');
@import url('../metro-white-skin/skin.css');
@import url('../mac-skin/skin.css');
@import url('../smooth-skin/skin.css');

/* Reset Styles */
.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * {
    float:none;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    line-height:100%;
    vertical-align:baseline;
    background:transparent;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	   -moz-user-select: -moz-none;
	 -khtml-user-select: none;
	     -o-user-select: none;
	        user-select: none;
}
.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social {
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
}

/* Disable & Hide Scrollbar */
.ilightbox-noscroll {
	overflow: hidden;
}
.ilightbox-closedhand * {
	cursor: url(closedhand.cur),default !important;
}

.ilightbox-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
}

.ilightbox-loader {
	position: fixed;
	z-index: 100005;
	top: 45%;
	left: -192px;
	padding-left: 30px;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);

	-webkit-border-radius: 0 100px 100px 0;
	        border-radius: 0 100px 100px 0;
}

.ilightbox-loader div {
	width: 72px;
	height: 72px;

	-webkit-border-radius: 0 100px 100px 0;
	        border-radius: 0 100px 100px 0;
}

.ilightbox-loader.horizontal {
	left: 45%;
	top: -192px;
	padding: 0;
	padding-top: 30px;

	-webkit-border-radius: 0 0 100px 100px;
	        border-radius: 0 0 100px 100px;
}

.ilightbox-loader.horizontal  div {
	-webkit-border-radius: 0 0 100px 100px;
	        border-radius: 0 0 100px 100px;
}

.ilightbox-toolbar {
	display: none;
	position: fixed;
	z-index: 100010;
}

.ilightbox-toolbar a {
	float: left;
	cursor: pointer;
}

.ilightbox-toolbar .ilightbox-prev-button,
.ilightbox-toolbar .ilightbox-next-button {
	display: none;
}

.ilightbox-thumbnails {
	display: block;
	position: fixed;
	z-index: 100009;
}

.ilightbox-thumbnails.ilightbox-horizontal {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
}

.ilightbox-thumbnails.ilightbox-vertical {
	top: 0;
	right: 0;
	width: 140px;
	height: 100%;
	overflow: hidden;
}

.ilightbox-thumbnails .ilightbox-thumbnails-container {
	display: block;
	position: relative;
}

.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container {
	width: 100%;
	height: 100px;
}

.ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container {
	width: 140px;
	height: 100%;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid {
	display: block;
	position: absolute;

	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail {
	display: block;
	cursor: pointer;
	padding: 10px;
	position: relative;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
	width: 100%;
	height: 100%;

	-webkit-border-radius: 2px;
	        border-radius: 2px;

	-ms-interpolation-mode: bicubic;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .7;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover {
	opacity: 1;
}

.ilightbox-holder {
	display: none;
	position: fixed;
	z-index: 100003;

	-webkit-transform: none;
	   -moz-transform: none;
}

.ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev {
	cursor: pointer;
}

.ilightbox-holder div.ilightbox-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.ilightbox-holder img.ilightbox-image {
	width: 100%;
	height: 100%;
}

.ilightbox-holder .ilightbox-container .ilightbox-caption {
	display: none;
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 0;
	max-width: 100%;
	padding: 5px 10px;
	margin: 0 auto;
	font-size: 12px;
    line-height: 150%;
	word-wrap: break-word;
	z-index: 20003;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-border-radius: 3px 3px 0 0;
	        border-radius: 3px 3px 0 0;
}

.ilightbox-holder .ilightbox-container .ilightbox-social {
	display: none;
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 5px;
	padding-left: 0;
	z-index: 20003;
	height: 16px;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul {
	float: left;
	list-style: none;
	height: 16px;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li {
	display: inline;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li a {
	float: left;
	margin-left: 5px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a {
	background-image: url('../social_icons/facebook_16.png');
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.digg a {
	background-image: url('../social_icons/digg_16.png');
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a {
	background-image: url('../social_icons/twitter_16.png');
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.delicious a {
	background-image: url('../social_icons/delicious_16.png');
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.reddit a {
	background-image: url('../social_icons/reddit_16.png');
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a {
	background-image: url('../social_icons/google_plus_16.png');
}

.ilightbox-holder .ilightbox-alert {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	padding-top: 100px;
	margin: auto;
	width: 300px;
	height: 50px;
}

.ilightbox-holder .ilightbox-wrapper {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.ilightbox-holder .ilightbox-inner-toolbar {
	position: relative;
	z-index: 100;
}

.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {
	position: absolute;
}

/* Style arrow buttons */
.ilightbox-button {
	position: fixed;
	z-index: 100008;
	cursor: pointer;
}

/* Style mobile devices */
.isMobile .ilightbox-button,
.isMobile .ilightbox-thumbnails {
	display: none !important;
}

.isMobile .ilightbox-toolbar .ilightbox-prev-button,
.isMobile .ilightbox-toolbar .ilightbox-next-button {
	display: block;
}

/* Homeloans Page */

.page-template-homeloans-php .main { margin-top: 70px; }
.page-template-homeloans-php .main-content-container {
	margin-bottom: 70px;
}

#listing-content { width:100%; height:300px; overflow:auto; border:none; margin-top:1em; }

@media only screen and (max-width:992px){
	.ec_longform .container { max-width: 100%!important; }
	.ec_longform .container .right-aligned-background { background: transparent!important; }
	.page-template-homeloans-php .main-content-container { margin-bottom: 130px; }
}


/*
---------
## Design
---------
*/
.design-header {
  padding: 30px 12px 0 12px;
  padding-top: 30px;
}

#design-item-content { text-align:center; }

@media only screen and (min-width: 48em) {
  .design-header {
    padding-left: 68px;
    padding-top: 0;
  }
}

@media only screen and (min-width: 85em) {
  .design-header {
    padding-left: 282px;
    padding-top: 0;
  }
}

.design-header h1 {
  text-align: center;
  font-size: 32px;
  margin: 50px 0 0 0;
  padding: 0;
}
@media only screen and (max-width: 48em) {
  #design {
    margin-top: -60px;
  }

  .design-header h1 {
    font-size: 18px;
    margin-top: 0;
  }
}

#design .col {
  width: 100%;
  overflow: hidden;
  text-align: center;
}

#design .col.new-row {
  clear: left;
}

#design .design-item {
  display: block;
  margin: 10px 0;
  padding: 8px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  width: 95%;
  height: auto;
}

@media only screen and (min-width: 48em) {
  #design .col {
    float: left;
    width: 31%;
    padding: 0 .5%;;
  }
}

@media only screen and (min-width: 85em) {
  #design .design-item {
    margin: 10px;
  }
}

.design-search .list-options {
  width: auto;
  white-space: normal;
}

.design-search .filter_material .list-options, .design-search .filter_feature .list-options, .design-search .filter_style .list-options {
	max-height: 440px;
	overflow: scroll!important;
}

.design-search .list-options .list-options-item {
  display:block;
}

#design .design-item .overlay-holder {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  text-align: center;
  min-height: 45px;
}

#design .design-item .overlay-holder h3 { display:none; }

#design .design-item.small .overlay-holder {
  height: 315px;
}

@media only screen and (min-width: 48em) {
  #design .design-item .overlay-holder {
    height: 400px;
  }

  #design .design-item.small .overlay-holder {
    height: 186px;
  }
}

@media only screen and (min-width: 85em) {
  #design .design-item .overlay-holder {
    height: 660px;
  }

  #design .design-item.small .overlay-holder {
    height: 315px;
  }
}

#design .design-item .overlay-holder > img {
  width: auto;
  height: 100%;
}

  #design .design-item .like {
    display: none;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    padding: 65% 0 0 0;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
  }

  #design .design-item.small .like {
    height: 70%;
    padding: 30% 0 0 0;
  }

  #design .design-item .like:hover {
    text-decoration: none;
  }

  #design .design-item .like > span {
    display: block;
    color: #fff;
    font-size: 13px;
  }

  #design .design-item .like > span > span {
    color: #e7581e;
  }

  #design .design-item .overlay {
    display: none;
    background-color: #000;
    opacity: 0.75;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

#design .design-item:hover .like,
#design .design-item:hover .overlay {
  display: block;
}

#design .design-item .star {
  display: block;
  background: url(../img/design-section-star.png) top left no-repeat;
  width: 36px;
  height: 35px;
  text-decoration: none;
  position: absolute;
  z-index: 2;
  top: 13px;
  right: 13px;
}

.design-load-more {
  display: block;
  height: 124px;
  padding-top: 60px;
  margin: 84px -12px 0 -12px;
  text-align: center;
  background: url(../img/design-more-button-background.png) center center repeat-x;
}

.design-load-more > .load-more-button {
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  padding: 23px 70px;
  border-radius: 10px;
  width: auto;
}

.design-load-more > .load-more-button:hover {
  text-decoration: none;
}

#infscr-loading {
  clear: both;
  text-align: center;
  padding: 10px 0;
}

/*
---------
## Design Gallery
---------
*/
.gallery-overlay {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  width: 100%;
  height: 100%;
}

#design-gallery {
  display: none;
  background-color: #fff;
  position: absolute;
  z-index: 1001;
  top: 0;
  left: 0;
  margin: 60px 12%;
  width: 76%;
}

/* Carousel */
#design-gallery .carousel-container {
  width: 100%;
  overflow: hidden;
}

#design-gallery .carousel-container .mask {
  display: block;
  background-color: #fff;
  opacity: 0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  width: 12%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

#design-gallery .carousel-container .mask.right {
  left: auto;
  right: 0;
}

#design-gallery .gallery-carousel {
  margin: 20px 0 0 0;
}

#design-gallery .gallery-carousel .flex-direction-nav {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 76%;
  padding: 0 12%;
  margin: 18% 0 0 0;
  height: 69px;
}

#design-gallery .gallery-carousel .flex-direction-nav .flex-prev,
#design-gallery .gallery-carousel .flex-direction-nav .flex-next {
  display: block;
  width: 69px;
  height: 69px;
  background: url(../img/design-gallery-icons.png) top left no-repeat;
  margin: 0;
  padding: 0;
  opacity: 1;
  top: 0;
  left: 5% !important;
}

#design-gallery .gallery-carousel .flex-direction-nav .flex-prev:before,
#design-gallery .gallery-carousel .flex-direction-nav .flex-next:before {
  content: "";
}

#design-gallery .gallery-carousel .flex-direction-nav .flex-next {
  background-position:  -81px 0;
  left: auto !important;
  right: 5% !important;
}

#design-gallery .gallery-carousel .flex-viewport {
  overflow: visible !important;
}

#design-gallery .gallery-carousel .carousel-list .item {
  text-align: center;
}
#design-gallery .gallery-carousel .carousel-list .item img {
  padding: 5px;
  border: 1px solid #e1e1e1;
  width: 95%;
  max-width: 800px;
  height: auto;
  max-height: 600px;
  border-radius: 5px;
}

#design-gallery h1 {
  float: left;
  color: #343434;
  font-size: 32px;
  margin: 0;
  padding: 0;
}

#design-gallery .heading {
  margin: 0 0 30px 0;
}

#design-gallery .heading ul, #design-gallery .heading .pw-widget {
  list-style: none;
  float: right;
  margin: 0;
  padding: 0;
}

#design-gallery .heading ul li, #design-gallery .heading .pw-widget a {
  float: left;
  padding: 0 0 0 8px !important;
  margin: 0;
}

#design-gallery .heading .icon, #design-gallery .heading .pw-widget a .pw-icon {
  display: inline-block;
  width: 37px;
  height: 37px;
  background-image: url(../img/social-icons-sprite.png) no-repeat;
  background-repeat: no-repeat;
}

#design-gallery .heading .icon.facebook, #design-gallery .heading .pw-widget a .ra1-pw-icon-facebook {
  background-position: 0 0;
}
#design-gallery .heading .icon.twitter, #design-gallery .heading .pw-widget a .ra1-pw-icon-twitter {
  background-position: -45px 0;
}
#design-gallery .heading .icon.rss {
  background-position: -90px 0;
}

#design-gallery .content {
  color: #3b3a3a;
  border-bottom: 1px solid #e1e1e1;
  margin: 25px 0 20px 0;
}

#design-gallery .indent-margin {
  margin-left: 12%;
  margin-right: 12%;
}

#design-gallery .indent-padding {
  padding-left: 12%;
  padding-right: 12%;
}

#design-gallery .design_tags { margin-bottom:20px; }

#design-gallery .icon-avatar {
  display: inline-block;
  background: url(../img/comments-avatar.png) top left no-repeat;
  width: 33px;
  height: 33px;
}

#design-gallery .comments {
  border-top: 1px solid #e1e1e1;
  background-color: #f1f1f1;
  margin-top: 20px;
  position: relative;
  z-index: 2;
}

#design-gallery .comment-form {
  margin: 20px 0 0 0;
  padding: 0 0 35px 0;
  background: url(../img/design-comments-form-shadow.png) bottom left no-repeat;
}

#design-gallery .comment-form .icon-avatar {
  float: left;
}

#design-gallery .comment-form .button {
  padding: 7px 24px;
  float: left;
  margin: 0 0 0 15px;
}

#design-gallery .comment-form .input {
  float: left;
  display: block;
  height: 34px;
  width: 64%;
  padding: 6px 12px;
  margin: 0 0 0 15px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  cursor: text;
}

#design-gallery .list-comments {
  list-style: none;
  padding: 0;
  margin: 0;
}

#design-gallery .list-comments .comment {
  background: url(../img/design-comments-separator.png) bottom left no-repeat;
  padding-top: 20px;
}

#design-gallery .list-comments .replay {
  list-style: none;
  margin: 0;
  padding: 0;
}

#design-gallery .list-comments .replay .comment {
  padding-left: 60px;
}

#design-gallery .list-comments .replay .replay .comment {
  padding-left: 120px;
}

#design-gallery .comment .icon-avatar {
  float: left;
}

#design-gallery .comment .comment-details {
  margin-left: 60px;
  overflow: hidden;
}

#design-gallery .comment .comment-details .comment-author {
  text-transform: uppercase;
  font-size: 13px;
  color: #383838;
  font-weight: 700;
}

#design-gallery .comment .comment-details p {
  color: #3b3b3b;
}

#design-similar-images {
  display: none;
}

#design-gallery .similar-images {
  background-color: #414141;
  padding-bottom: 28px;
  position: relative;
  z-index: 2;
}

#design-gallery .similar-images h4 {
  margin: 0;
  padding: 25px 0 16px 0;
}

#design-gallery .similar-images h4 .line {
  float: left;
  height: 1px;
  overflow: hidden;
  background-color: #4b4b4b;
  margin: 7px 0 0 0;
  width: 43%;
}

#design-gallery .similar-images h4 .text {
  float: left;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  width: 14%;
  text-align: center;
}

#design-gallery .similar-images ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  display: block;
}

#design-gallery .similar-images ul li {
  display: inline-block;
  margin: 0;
  padding: 0 1%;
  width: 22.3%;
}

#design-gallery .similar-images ul li img {
  border-radius: 5px;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 48em) {
  .gallery-overlay {
    display: none;
  }

  #design-gallery {
    margin: 0;
    width: 100%;
  }

  #design-gallery .similar-images ul li {
    width: 100%;
    padding: 0;
  }

  #design-gallery .similar-images h4 .line {
    width: 30%;
  }

  #design-gallery .similar-images h4 .text {
    width: 40%;
  }

  #design-gallery .gallery-carousel .flex-viewport {
    overflow: hidden !important;
  }

  #design-gallery .gallery-carousel .flex-direction-nav .flex-next {
    right: -20px !important;
  }

  #design-gallery .gallery-carousel .flex-direction-nav .flex-prev {
    left: -20px !important;
  }
}

.mobile-design-menu {
  height: 45px;
  width: 92%;
  padding: 0 4%;
  background-color: #c7440f;
  margin-top: 56px;
  text-align: center;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 48em) {
  .mobile-design-menu {
    display: none;
  }
}

  .mobile-design-menu .icon-profile,
  .mobile-design-menu .icon-letter {
    float: left;
    display: inline-block;
    background: url(../img/design-menu-icons.png) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    margin-top: 7px;
  }

  .mobile-design-menu .icon-profile {
    float: right;
    width: 28px;
    background-position: -34px 0;
  }

  .mobile-design-menu .dropdown-trigger {
    display: inline-block;
    background-color: #292929;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 0;
    margin: 7px 0 0 0;
    width: 60%;
    text-decoration: none;
    border-radius: 5px 5px 0 0;
    white-space: nowrap;
  }

    .mobile-design-menu .dropdown {
      display: none;
      list-style: none;
      position: absolute;
      z-index: 3;
      background-color: #292929;
      width: 100%;
      top: 45px;
      left: 0;
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .mobile-design-menu .dropdown > li {
      padding: 5px 4%;
    }

    .mobile-design-menu .dropdown > li.submit {
      text-align: center;
    }

    .mobile-design-menu .dropdown > li.submit .button {
      padding: 6px 24px;
    }

    .mobile-design-menu .dropdown .label {
      float: left;
      color: #fff;
      font-size: 13px;
      width: 30%;
      padding-top: 7px;
    }

  .mobile-design-menu .dropdown .select {
      float: left;
      color: #fff;
      font-size: 12px;
      width: 68%;
    }

      .mobile-design-menu .dropdown .select .fake-styled-select {
        display: block;
        width: 100%;
        height: 30px;
        color: #e7581e;
        font-size: 1.3em;
        background: #edeef0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAIAAACnhXkBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJGNzkyNjdEQUVEMjExRTNBRjgyQjIwMDMwQ0RDNjEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJGNzkyNjdFQUVEMjExRTNBRjgyQjIwMDMwQ0RDNjEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkY3OTI2N0JBRUQyMTFFM0FGODJCMjAwMzBDREM2MTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkY3OTI2N0NBRUQyMTFFM0FGODJCMjAwMzBDREM2MTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6LlJg9AAAAiklEQVR42mJ8++4DA2WAiYFiMEiMeP365WhYjBoxOI1gwSN34fzZL1++MDFBrfn37x8XF5eRsSkJrtDU0ubi5v4HA+zs7EAR0jzCzs6hpaUDtBnIZmNj09LW4eTkIjksODg4dHT1uLm5dXT1ubl5SA4LCGBjYzc0MhlNWkPJCFFR8dGwoJoRAAEGAAlCHKFnK1VHAAAAAElFTkSuQmCC) top right no-repeat;
        border: 1px solid #c2c2c2;
        border-radius: 2px;
        margin: 0 0 -30px 0;
      }

      .mobile-design-menu .dropdown .select .fake-styled-select span {
        display: block;
        padding: 5px 30px 0 10px;
      }

      .mobile-design-menu .dropdown .select select {
        width: 100%;
        height: 30px;
        position: relative;
        z-index: 2;
        opacity: 0;
      }

/* Clearfix */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
