/*
	Theme Name:Harcourts Melbourne City
	Theme URI:http://demo.thatid.com/harcourtsmelbournecity
	Author:Agentpoint
	Author URI:http://agentpoint.com.au/
	Description:Harcourts Melbourne City
	Tags:responsive design
*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* rooms font */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');

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

/* ====================================================================================================
												GLOBAL
==================================================================================================== */
html, body {height:100%}
body {font-size:0.875em;line-height:1.5;color:#414141;font-family:'Source Sans Pro', sans-serif;font-weight:400;background:#948c83 url(images/body_bg.png) fixed repeat 0 0}
h1, h2, h3, h4, h5, h6 {line-height:normal;font-weight:300;color:#001f49}
	h1 {font-size:3em}
		h1.page-title {line-height:1.2;text-align:center;text-shadow:0 1px 0 #fff; color:#001f49}
		#content.default h1.page-title {margin:0}
		#content.search_results h1.page-title {margin:0 0 14px}
	h2 {font-size:2.16667em}
	h3 {font-size:2em}
	h4 {font-size:1.83333em}
	h5 {font-size:1.66667em}
	h6 {font-size:1.5em}
a {color:#001f49;text-decoration:none;outline:none;transition-duration:.2s}
a:hover {color:#00adef}

strong {font-weight:700}
em {font-style:italic}
hr {margin:28px 0;border-top:2px solid #e5e5e5;border-bottom:none}
table {width:100%}
th, td {padding:5px}
	.col-center {text-align:center}
	.col-left {text-align:left}
	.col-right {text-align:right}
.hasfloat:after {display: table;content: "";clear: both}
.color-blue, .color-blue-hover:hover {color:#00adef}
.color-dark-blue, .color-dark-blue-hover:hover {color:#001f49}
/* -forms- */
input, select, textarea {margin:0;box-sizing:border-box;border-radius:0}

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input#suburb, select, textarea {
	box-sizing:border-box;width:100%;height:2.5em;padding:0.4em;background:#fff;border:none;border-radius:1px;
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px #ccc inset;outline:none;
	font:1em/normal 'Source Sans Pro', sans-serif;
}

select {padding:0.5em}
textarea {resize:none}
input[type="submit"], input[type="button"], a.button, button, a.btn {
	height:2.5em;line-height:2.5em;margin:0;padding:0 1em;cursor:pointer;font-size:1.6em;color:#fff;font-family:'Source Sans Pro', sans-serif;
	background:#001f49;border:none;box-shadow:0 -1px 0 rgba(0, 0, 0, 0.3) inset, 1px 1px 1px rgba(255, 255, 255, 0.3) inset;transition: all .2s ease;
}
	a.button, a.btn {display:inline-block}
	a.btn:hover, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover, button:hover {background:#00adef}

/* -global classes- */
.borderbox {box-sizing:border-box}
.clear, .clearer {clear:both;content:""}
.left {float:left} img.alignleft {float:left;max-width:100%;height:auto;margin:0 20px 20px 0}
.right {float:right} img.alignright {float:right;max-width:100%;height:auto;margin:0 0 20px 20px}
.text-left {text-align:left}
.text-center {text-align:center}
.text-right {text-align:right}
.text-cut {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.text-orange {color:#001f49}
.aquo {font-size:1.16667em}
.required, .red {color:#e00}
.hidden {display:none}

/* -jQuery Tabs- */
ul.ui-tabs-nav li {float:left}
ul.ui-tabs-nav li a {display:block}
div.ui-tabs-panel {clear:both}

/* -layout- */
#page {max-width:1440px;min-height:100%;margin:0 auto;-webkit-transition:transform 0.3s ease;transition:transform 0.3s ease}
	#page.shrink {-webkit-transform:translate3d(-260px, 0, 0);-ms-transform:translate(-260px, 0);transform:translate3d(-260px, 0, 0)}
#header {position:fixed;z-index:4;left:0;top:0;width:100%}
#content {position:relative;z-index:0;min-height:100%;background:#fff}
	div[role="main"] {padding:63px 0 187px}
	header#lead {padding:28px 0;background-color:#f5f3f2}
		header#lead.alt {padding:33% 0 0;background-position:center center;background-repeat:no-repeat;background-size:cover}
		header#lead.alt .group {width:90%}
		header#lead.alt h1.page-title {margin:0;padding:28px 0 0;background:#fff}
			header#lead.alt h1.page-title span.breadcrumbs {display:block;font-size:0.333333em;     text-transform: capitalize;}
			header#lead.alt h1.page-title span.breadcrumbs span.appended {padding:0 0 0 5px}
			header#lead h1.page-title span.role {display:block;font-size:0.47619em}
	article#entry {padding-top:28px; padding-bottom:28px}
footer[role="contentinfo"] {position:relative;z-index:1;background:#001f49;color:#fff;font-size:0.857143em}

/* -grid- */
@media screen and (min-width:1152px) {
.grid-max-3 > .column {width:33.33%}
.grid-max-4 > .column {width:25%}
.grid-max-5 > .column {width:20%}

.grid-max-3 > .column:nth-of-type(3n+1),
.grid-max-4 > .column:nth-of-type(4n+1),
.grid-max-5 > .column:nth-of-type(5n+1) {clear:both}
}

@media screen and (min-width:1024px) and (max-width:1151px) {
.grid-max-3 > .column {width:33.33%}
.grid-max-4 > .column {width:33.33%}
.grid-max-5 > .column {width:25%}

.grid-max-3 > .column:nth-of-type(3n+1),
.grid-max-4 > .column:nth-of-type(3n+1),
.grid-max-5 > .column:nth-of-type(4n+1) {clear:both}
}

@media screen and (min-width:600px) and (max-width:1023px) {
.grid-max-3 > .column {width:50%}
.grid-max-4 > .column {width:50%}
.grid-max-5 > .column {width:33.33%}

.grid-max-3 > .column:nth-of-type(2n+1),
.grid-max-4 > .column:nth-of-type(2n+1),
.grid-max-5 > .column:nth-of-type(3n+1) {clear:both}

.related .grid-max-3 > .column:nth-of-type(2n+1) {clear:none}
}

@media screen and (min-width:600px) {
[class^="grid-"] {margin-left:-14px;margin-right:-14px}
[class^="grid-"]:before, [class^="grid-"]:after {display:table;content:""}
[class^="grid-"]:after {clear:both}
[class^="grid-"] > .column {box-sizing:border-box;float:left;padding-right:14px;padding-bottom:28px;padding-left:14px}
[class^="grid-"] > .column.full {width:100%}

.grid-max-2 > .column {width:50%}
.grid-max-2 > .column:nth-of-type(2n+1) {clear:both}
}

@media screen and (max-width:599px) {
[class^="grid-"] > .column {padding-bottom:14px}
}

/* -SECTIONS- */
/* -header- */
#header .hgroup {max-width:1440px;margin:0 auto;background:#fff;border-top:3px solid #001f49;-webkit-transition:all 0.3s;transition:all 0.3s}
	#header.scrolled .hgroup {background:rgba(255, 255, 255, 0.95);box-shadow:0 0 5px rgba(0, 0, 0, 0.25)}
#header .hgroup .logo {height:60px}
	#header .hgroup .logo:before {display:inline-block;height:100%;vertical-align:middle;content:""}
#header .hgroup .logo a {display:inline-block;vertical-align:middle}
#header .hgroup .logo img {display:block;max-height:45px}
#header .hgroup .utils {font-size:1.1em}
#header .hgroup p.phone a {display:block;padding:0 0 0 23px;line-height:60px}
#header .hgroup p.phone a:hover {color:#ddd}

/* -sidebar- */
#sidebar {width:23%}
#sidebar .side-block {margin:0 0 28px}
#sidebar h3.section-title {margin:0 0 10}

/* -footer- */
#footer .group {position:relative;padding-top:28px; padding-bottom:28px}
#footer a {color:#fff}
	#footer a:hover {color:#00adef}
#footer .logo {padding:0 0 14px}
	#footer .logo img {display:block}
	#footer .office span.name {color:#fff}
	#footer .office span.slashes {color:#001f49}
#footer .socials {padding:14px 0 0}
	#footer .socials a {display:inline-block;width:42px;height:42px;margin:0 0 0 10px;line-height:47px;background:#fff;border-radius:100%;text-align:center}
	#footer .socials a:hover {background:#00adef}
	#footer .socials i.fa {font-size:1.5em;color:#130a01}
	#footer .socials a:hover i {color: #fff;}
#footer .logo img {max-height: 60px;}
#footer .credit {padding:14px 0;border-top:1px solid #fff}

/* -PAGES- */
/* -homepage- */
.homepage .section.search {padding:28px 0;background:#001f49}
.homepage .section.tabbed {padding:28px 20px 48px}
.homepage .section h2.title {margin:0 0 20px;font-size:3em}

.homepage .home-top {position:relative}
.homepage .home-top .slideshow {position:relative; z-index:0}
.homepage #slides .slide {width:100%}
.homepage #slides .slide a.container {display:block;width:100%;height:0;padding-bottom:45%;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}
.homepage #slides .slide section {position:absolute;bottom:10%;right:0;width:92.513%;padding:18px 54px 28px;color:#fff;font-size:1.3em;background:rgba(19, 10, 1, 0.5);text-shadow:0 0 3px #000}
	.homepage #slides .slide section h2.headline {font-size:2.15385em;color:#fff}
	.homepage #slides .slide section p.address {margin:0 2em 0 0}
.homepage #slides .direction {position:absolute;z-index:102;top:50%;width:63px;height:85px;line-height:85px;margin:-42.5px 0 0;font-size:6em;color:rgba(255,255,255,.5);text-align:center;cursor:pointer}
	.homepage #slides .direction:hover {color:#fff}
	.homepage #slides .cycle-prev {left:14px}
	.homepage #slides .cycle-next {right:14px}
.homepage #slides .cycle-pager {position:absolute;z-index:101;bottom:14px;left:0;width:100%;text-align:center}
	.homepage #slides .cycle-pager span {display:inline-block;position:relative;width:12px;height:12px;margin-right:0.375em;border:1px solid #fff;border-radius:50%;cursor:pointer; }
	.homepage #slides .cycle-pager span.cycle-pager-active:after, .homepage #slides .cycle-pager span:hover:after {content:"";display:block;height:8px;left:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;width:8px;background:#fff;border-radius:100%}

.homepage .tabbed .tab-nav {margin:0 0 28px;box-shadow:0 -3px 0 rgba(0, 0, 0, 0.1) inset}
.homepage .tabbed .tab-nav li {float:none;display:inline-block}
.homepage .tabbed .tab-nav a, #agent .properties .tabs-nav a {padding:0 14px;line-height:2.42857em;opacity:.4;filter:alpha(opacity=40)}
	.homepage .tabbed .tab-nav a:hover,
	#agent .properties .tabs-nav a:hover {opacity:1;filter:alpha(opacity=100);box-shadow:0 -3px 0 #001f49 inset; color:001f49}
	.homepage .tabbed .tab-nav .ui-tabs-active a,
	#agent .properties .tabs-nav .ui-tabs-active a {opacity:1;filter:alpha(opacity=100);box-shadow:0 -3px 0 #001f49 inset; color:#001f49}

.homepage .carousels {position:relative}
.homepage .carousels .slides {width:100%;overflow:hidden}
.homepage .carousels ul.container {position:relative;width:20000em}
.homepage .carousels li.slide {position:relative;float:left;margin:0 14px 0 0;background:#f5f3f2;-webkit-transition:all 0.4s;transition:all 0.4s}
	.homepage .carousels li.slide:not(.date):hover {background:#e5e3e2}
.homepage .carousels li.slide figure {overflow:hidden}
	.homepage .carousels li.slide figure a {display:block;height:0;padding-bottom:75%;background-position:center center;background-repeat:no-repeat;background-size:cover}
	.homepage .carousels li.slide:hover figure a {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.homepage .carousels li.slide section {padding:14px}
.homepage .carousels li.slide p {line-height:normal}
.homepage .carousels li.slide p.suburb {font-size:1.42857em; margin-bottom:5px}
.homepage .carousels li.slide .rooms-price {position:absolute;bottom:14px;left:14px;right:14px;padding:14px 0 0}
	.homepage .carousels li.slide .rooms-price:before, .homepage .carousels li.slide .rooms-price:after {display:block;content:"";position:absolute;width:100%;height:1px}
	.homepage .carousels li.slide .rooms-price:before {top:0;background:rgba(0, 0, 0, 0.1)}
	.homepage .carousels li.slide .rooms-price:after {top:1px;background:rgba(255, 255, 255, 0.75)}
.homepage .carousels li.slide.date {box-sizing:border-box;background:none;border:solid 1px #f5f3f2}
	.homepage .carousels li.slide.date .text {
		font-size:1.75em;white-space:nowrap;
		-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);
		-ms-transform-origin:210px 125px 0;-webkit-transform-origin:210px 125px 0;transform-origin:210px 125px 0;
	}
	.homepage .carousels li.slide.date p {padding:0 14px;color:#4c3f32}
	.homepage .carousels li.slide.date p.day {padding:14px 14px 28px;font-size:1.5em;color:#001f49}
	.homepage .carousels li.slide.date p.month {font-size:2em;line-height:0.5}
	.homepage .carousels li.slide.date p.date {font-size:4em;line-height:1.25}
	.homepage .carousels .direction a {display:block;position:absolute;top:50%;width:63px;height:85px;line-height:85px;margin:-91px 0 0;font-size:3em;color:#d3d0cc;text-align:center}
	.homepage .carousels .direction a.prev {right:100%}
	.homepage .carousels .direction a.next {left:100%}
	.homepage .carousels .direction a:hover {color:#001f49}
.homepage .carousels .url {padding:14px 0 0}

.homepage .suburb-profiles {position:relative}
.homepage .suburb-profiles a {display:block;height:0;padding-bottom:50%;background-position:center center;background-repeat:no-repeat;background-size:cover}
.homepage .suburb-profiles img {display:block;width:100%}
	.homepage .suburb-profiles span.caption {display:block;position:absolute;top:0;width:100%;height:100%}
	.homepage .suburb-profiles span.caption:before {display:inline-block;height:100%;content:"";vertical-align:middle}
	.homepage .suburb-profiles span.text {display:inline-block;max-width:90%;font-size:4em;line-height:1.2;color:#fff;text-shadow:1px 1px 4px #000;vertical-align:middle}
	.homepage .suburb-profiles span.text small {display:block;font-size:0.5em}

/* -pages/posts- */
.default h1, .default h2, .default h3, .default h4, .default h5, .default h6 {margin:0 0 20px}
.default ul {list-style:disc inside;margin:0 0 20px}
.default ol {list-style:decimal inside;margin:0 0 20px}
.default p {margin:0 0 20px}
.default img {max-width:100%;height:auto}

/* -posts- */
#post-entry {width:77%;padding-right:20px}
#post-entry .post {margin:0 0 29px}
	#post-entry.single .post{margin:0 0 28px}
#post-entry p.post-meta {font-size:0.857143em;color:#999}
	#post-entry p.post-meta a {color:#999}
	#post-entry p.post-meta a:hover {color:#001f49}

#post-entry .post .image .centerimage {
    display: block;
    width: 100%;
    padding-bottom: 75%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	background-color:#eaeaea
}
#post-entry .post .summary .container {
    background: #F5F3F2;
}
.post .single-image {margin-bottom:20px}
.post .single-image span.centerimage {
    display: block;
    width: 100%;
	padding-bottom: 45.0879%;
    background-color: #eaeaea;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* -comments- */
.comments {margin:0 0 28px}
.comments h2.section_title {margin:0 0 28px}
.comments ul {list-style:none;margin:0}
	.comments ul.children {margin:0 0 0 6.54206%}
.comments ul li {margin:0}
.comments .comment-body {position:relative;margin:0 0 14px;padding:22px 28px 28px;background:#f5f3f2}
.comments ul li img.avatar {float:left;margin:6px 14px 14px 0}
.comments ul li cite.fn {font-weight:600}
.comments ul li .comment-meta {margin:0 0 14px;color:#999;font-size:0.857143em}
	.comments ul li .comment-meta a {color:#999}
	.comments ul li .comment-meta a:hover {color:#001f49}
.comments p {margin:0}
.comments .reply {position:absolute;top:0;right:0}
.comments .reply a {display:block;padding:7px 14px;background:#ccc;color:#fff} .comments .reply a:hover {background:#001f49}

.comment-respond h3.reply-title {margin:0 0 28px}
#commentform p label {display:block;margin:0 0 7px;font-weight:600}
#commentform textarea {height:150px}
a#cancel-comment-reply-link {float:right;font-size:12px;font-style:italic;font-size:#CC0000}

/* -magnific:popup- */
.mfp-bg.mf-flip {
	opacity:0;
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-o-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}
	.mfp-bg.mf-flip.mfp-ready {opacity:0.8}
	.mfp-bg.mf-flip.mfp-removing {opacity:0}

.mf-popup {position:relative;max-width:484px;margin:0 auto;padding:28px}
	.mf-popup.white {background:#fff}
	.mf-popup.flip {
		opacity:0;
        -webkit-transition:all 0.2s ease-out;
        -moz-transition:all 0.2s ease-out;
        -o-transition:all 0.2s ease-out;
        transition:all 0.2s ease-out;
        -webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);
        -moz-transform:translateY(-20px) perspective(600px) rotateX(10deg);
        -ms-transform:translateY(-20px) perspective(600px) rotateX(10deg);
        -o-transform:translateY(-20px) perspective(600px) rotateX(10deg);
        transform:translateY(-20px) perspective(600px) rotateX(10deg);
	}
	.mfp-ready .mf-popup.flip {
		opacity:1;
		-webkit-transform:translateY(0) perspective(600px) rotateX(0);
		-moz-transform:translateY(0) perspective(600px) rotateX(0);
		-ms-transform:translateY(0) perspective(600px) rotateX(0);
		-o-transform:translateY(0) perspective(600px) rotateX(0);
		transform:translateY(0) perspective(600px) rotateX(0);
	}
	.mfp-removing .mf-popup.flip {
		opacity:0;
        -webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);
        -moz-transform:translateY(-10px) perspective(600px) rotateX(10deg);
        -ms-transform:translateY(-10px) perspective(600px) rotateX(10deg);
        -o-transform:translateY(-10px) perspective(600px) rotateX(10deg);
        transform:translateY(-10px) perspective(600px) rotateX(10deg);
	}

.mf-popup h2.title {margin:0 0 20px;font-size:1.71429em;text-align:center}
.mf-popup ul.listforms li {padding:0 0 14px}
	.mf-popup ul.listforms li.last {padding:0}
.mf-popup ul.listforms label {display:block;margin:0 0 3.5px}
.mf-popup ul.listforms input[type="button"], .mf-popup ul.listforms input[type="submit"], .mf-popup ul.listforms a.button {min-width:100px;text-align:center}
.mf-popup ul.listforms textarea {height:100px}
.mf-popup ul.listforms a.btn {float:left}
.mf-popup ul.listforms .captcha {position:relative}
.mf-popup ul.listforms .captcha span.image {display:block;position:absolute;top:2px;right:2px}
	.mf-popup ul.listforms .captcha a.reload {line-height:31px;padding:0 7px;color:#fff;background:#e00}

/* -mmagnific:walkscore- */
.mf-walkscore .mfp-iframe-scaler iframe {background:#fff}

/* -maps and video- */
.object-wrap {position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.object-wrap iframe, .object-wrap object, .object-wrap embed {position:absolute;top:0;left:0;width:100%;height:100%}
.media #streetview, .media #map_canvas {width:100%;height:309px}
.map-wrapper {
    height: 0;
    padding-bottom: 42.5%;
    overflow: hidden;
    position: relative;
}

.map-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
  .map-wrapper {
    padding-bottom: 75%;
  }
}
.mapboxmb_marker {
    width: 39px !important;    
    height: 60px !important;
}
/* -outdated browsers- */
#outdated-browsers {position:fixed;z-index:5;top:0;left:0;width:100%;height:100%;background:#000;color:#fff}
#outdated-browsers .container {position:absolute;top:50%;left:50%;width:800px;height:220px;margin:-110px 0 0 -400px}
	#outdated-browsers .logo img {display:block;margin:0 auto}
#outdated-browsers .copy {text-align:center}
	#outdated-browsers .copy p {margin:28px 0 0;font-size:18px}
	#outdated-browsers a.link-update {display:block;width:160px;line-height:38px;margin:0 auto;color:#000;background:#001f49}


#ui-datepicker-div {background: #f6f6f6;border: 1px solid #eaeaea;box-shadow: 0 2px 5px rgba(204, 204, 204, 0.5);color: #222;padding: 10px; display:none}
#ui-datepicker-div a.ui-datepicker-prev {cursor: pointer;float: left;font-size: 12px}
#ui-datepicker-div a.ui-datepicker-next {float: right; cursor:pointer; font-size:12px}
#ui-datepicker-div .ui-datepicker-title {clear:both}
#ui-datepicker-div .ui-datepicker-title select {width:50%; font-size:12px}
#ui-datepicker-div th {font-size: 12px;font-weight: bold;height: 30px;padding: 0;text-align: center;vertical-align: middle;width: 30px}
#ui-datepicker-div td {
    border: 1px solid #f6f6f6;font-size: 12px;height: 30px;padding: 0;
    text-align: center;vertical-align: middle;width: 30px;
	background:-moz-linear-gradient(center top , #e0e0e0 0%, #c5c5c5 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#c5c5c5));
	background:-webkit-linear-gradient(top, #e0e0e0 0%,#c5c5c5 100%);
	background:-o-linear-gradient(top, #e0e0e0 0%,#c5c5c5 100%);
	background:-ms-linear-gradient(top, #e0e0e0 0%,#c5c5c5 100%);
	background:linear-gradient(top, #e0e0e0 0%,#c5c5c5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c5c5c5',GradientType=0 );
}
#ui-datepicker-div td a {color: #333;display: block;height: 30px;line-height: 30px;text-shadow: 0 1px 1px #fff;width: 30px}
#ui-datepicker-div td.ui-datepicker-current-day, #ui-datepicker-div td:hover {background: #001f49}
#ui-datepicker-div td.ui-datepicker-current-day a, #ui-datepicker-div td:hover a {color: #fff;text-shadow: none}
#ui-datepicker-div td.ui-datepicker-today {background: #aaa}
#ui-datepicker-div td.ui-datepicker-other-month {background:#ebebeb}

#post-entry table {
    margin: 0 0 24px;
    width: 100%;
    border-top: 1px solid #d2cfcf;
    border-right: 1px solid #d2cfcf;
    display: block;
    overflow-x: auto;
}

#post-entry caption,#post-entry th {
    font-weight: bold;
}

#post-entry th, #post-entry td {
    padding: 12px;
    border-bottom: 1px solid #d2cfcf;
    border-left: 1px solid #d2cfcf;
}

/* ====================================================================================================
												REALTY
==================================================================================================== */
/* -GLOBALS- */
/* -rooms- */
ul.rooms li {float:left;margin:0 14px 0 0}
	ul.rooms li:last-child {margin:0}
  ul.rooms li { font-size: 1.25em;}
i.icon-bed, i.icon-bath, i.icon-car {font-family:"webfrontdingbats";width:auto !important;text-align:left !important;display:inline !important;font-style:inherit}
i.icon-bed:after {content:"  z"}
i.icon-bath:after {content:"  a"}
i.icon-car:after {content:"  q"}

/* -listing paging- */
.pagination a {
	display:inline-block;width:28px;height:28px;line-height:28px;color:#aaa;font-size:0.857143em;
	text-align:center;background:#f5f3f2;border-radius:28px;
}
.pagination a:hover {background:#dcdad9}
.pagination a.current {background:#001f49;color:#fff}
.pagination a:active {background:#dcdad9;-webkit-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85)}
.pagination a i.fa {font-size:1.16667em}

/* -sticker- */
.sticker {display:block;position:absolute;top:0;left:0;width:75px;height:75px}
.sticker.new {background:url(images/sticker_new.png?v=1.01) 0 0 no-repeat}
.sticker.sold {background:url(images/sticker_sold.png?v=1.01) 0 0 no-repeat}
.sticker.leased {background:url(images/sticker_leased.png?v=1.01) 0 0 no-repeat}
.sticker.under_offer {background:url(images/sticker_under_offer.png?v=1.01) 0 0 no-repeat}
.sticker.open_home {background:url(images/sticker_open_home.png?v=1.01) 0 0 no-repeat}

#gallery .sticker {width:140px;height:140px}
#gallery .sticker.new {background:url(images/big/sticker_new.png?v=1.01) 0 0 no-repeat}
#gallery .sticker.sold {background:url(images/big/sticker_sold.png?v=1.01) 0 0 no-repeat}
#gallery .sticker.leased {background:url(images/big/sticker_leased.png?v=1.01) 0 0 no-repeat}
#gallery .sticker.under_offer {background:url(images/big/sticker_under_offer.png?v=1.01) 0 0 no-repeat}
#gallery .sticker.open_home {background:url(images/big/sticker_open_home.png?v=1.01) 0 0 no-repeat}

/* -map & info window- */
#map_canvas, #map_results {width:100%;height:0;padding-bottom:33%;position: relative;}
#map_canvas > div {position: absolute !important;}
.page-id-12 div[role="main"] {padding-bottom: 0;}
#map_canvas img, #map_results img {max-width:none !important}

.info-window {width:280px;font-size:14px;font-family:'Source Sans Pro', sans-serif}
.info-window section.top {padding:0 0 7px}
	.info-window .image {width:90px}
	.info-window .image img {display:block;width:100%}
	.info-window .overview {width:183px}
.info-window section.bottom {padding:7px 0 0;border-top:1px solid #ddd}

/* -PAGES- */
/* -search results- */
.search-order {padding:14px 0 0;box-shadow:0 -3px 0 rgba(0, 0, 0, 0.1) inset}
.search-order a {display:inline-block;padding:0 14px;line-height:2.4;opacity:.4;filter:alpha(opacity=40)}
.search-order a.active, .search-order a:hover {opacity:1;filter:alpha(opacity=100);box-shadow:0 -3px 0 #001f49 inset}

/* -listings- */
.search-toolbar.top {padding:0 0 28px}
.search-toolbar .count {padding:7px 0 0}
.search-toolbar ul.tabsnav a, .search-toolbar .link-back a {width:38px;height:38px;line-height:38px;margin:0 0 0 7px;color:#fff;font-size:1.28571em;background:#001f49;border-radius:100%;text-align:center}
	.webkit .search-toolbar ul.tabsnav a, .search-toolbar .link-back a {line-height:40px}
	.search-toolbar ul.tabsnav a i.fa, .search-toolbar .link-back a i.fa {opacity:.6;filter:alpha(opacity=60)}
	.search-toolbar ul.tabsnav li.ui-tabs-active a i.fa, .search-toolbar ul.tabsnav a:hover i.fa,.search-toolbar .link-back a:hover i.fa {opacity:1;filter:alpha(opacity=100)}
	.search-toolbar ul.tabsnav a:active {-webkit-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85)}
.search-toolbar .link-back a {display:block;font-size:1.14286em}


.no_properties {
    text-align: center;
    margin: 0 0 40px;
}

.thumbview .listing .container {position:relative;background:#f5f3f2;-webkit-transition:all 0.4s;transition:all 0.4s}
	.thumbview .listing:hover .container {background:#e5e3e2}
.thumbview .listing figure {overflow:hidden}
	.thumbview .listing figure a {display:block;height:0;padding-bottom:75%;background-color:#414141;background-position:center center;background-repeat:no-repeat;background-size:cover}
	.thumbview .listing:hover figure a:not(.alt) {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.thumbview .listing .overview {padding:14px}
.thumbview .listing p.suburb {font-size:1.42857em}
.thumbview .listing .rooms-price {position:absolute;bottom:14px;left:14px;right:14px;padding:14px 0 0}
	.thumbview .listing .rooms-price:before, .thumbview .listing .rooms-price:after {display:block;content:"";position:absolute;width:100%;height:1px}
	.thumbview .listing .rooms-price:before {top:0;background:rgba(0, 0, 0, 0.1)}
	.thumbview .listing .rooms-price:after {top:1px;background:rgba(255, 255, 255, 0.75)}
.thumbview .listing p.opens span {opacity:.7;filter:alpha(opacity=70)}
	.thumbview .listing p.opens span.label {opacity:1;filter:alpha(opacity=100)}

.listview .listing {padding:0 0 28px}
.listview .listing .container {position:relative;background:#f5f3f2;-webkit-transition:all 0.4s;transition:all 0.4s}
	.listview .listing:hover .container {background:#e5e3e2}
.listview .listing figure {position:relative;width:34.8736%;height:0;padding-bottom:25.9291%;overflow:hidden}
	.listview .listing figure a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#414141;background-position:center center;background-repeat:no-repeat;background-size:cover}
	.listview .listing:hover figure a:not(.alt) {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.listview .listing .overview {width:65.0392%;padding:28px}
.listview .listing h3.headline {margin:0 0 14px}
	.listview .listing h3.headline a {color:#414141}
	.listview .listing:hover h3.headline a {color:#001f49}
.listview .listing p.description {margin:14px 0 0}
.listview .listing .rooms-price {position:absolute;bottom:14px;left:37.3147%;right:28px;padding:14px 0 0}
	.listview .listing .rooms-price:before, .listview .listing .rooms-price:after {display:block;content:"";position:absolute;width:100%;height:1px}
	.listview .listing .rooms-price:before {top:0;background:rgba(0, 0, 0, 0.1)}
	.listview .listing .rooms-price:after {top:1px;background:rgba(255, 255, 255, 0.75)}
.listview .listing p.opens span {opacity:.7;filter:alpha(opacity=70)}
	.listview .listing p.opens span.label {opacity:1;filter:alpha(opacity=100)}


/**/
.related {margin:40px 0}
.related .image {overflow:hidden}
.related .image .frame {position:relative; display:block; height:0; overflow:hidden; padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:cover}
.related .column:hover .image .frame {transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);}
.related .post_desc {padding: 14px;background: #f5f3f2;transition:0.2s}
.related .post_desc .container {min-height:207px}
.related .column:hover .post_desc {background: #E5E3E2}

.related .post_desc .post-title {font-size: 1.42857em}
.related .post_desc .date {color: #777;margin: 0 0 15px}
.related .post_desc .more-link {display: block;margin: 15px 0 0}


.mapview {margin:0 0 28px}
.mapview #map_canvas {padding-bottom:56.35%}

/**/
.page_toolbar {text-align:center}
.page_toolbar p {display:inline-block}
.page_toolbar p a {display: inline-block;width: 24px;height: 24px;line-height: 24px;border-radius: 100%;background: #f5f3f2}
.page_toolbar p a:hover, .page_toolbar p a.current_page_link {background: #001f49; color: #fff}

/* -property- */
.property .section.overview {padding-top: 28px; padding-bottom: 28px;}
.property .section.overview .block.heading h1.title {margin:0 0 5px;font-size:1.71429em; text-indent:-2px}
.property .section.overview .block.left {width:67%;padding-right:126px}
.property .section.overview .block.right {width:33%}
.property .section.overview .property-block {margin:0 0 28px;padding:0 0 28px;border-bottom:solid 1px #ccc}
	.property .section.overview .property-block.realty_widget_contact_agent,
	.property .section.overview .property-block.realty_widget_property_table {border-bottom:none}
.property .section.overview h3.section-title {margin:0 0 14px;font-size:1.71429em}

.property .section #property-description h3,
.property .section #property-description p {margin-bottom:15px}

/* -team- */
#content.team #entry > p {margin:0 0 28px}

/* -agents- */
#agents .options {position:relative;margin:0 0 28px;text-align:center}
#agents .options select {width:25%}
#agents .options .loading {position:absolute;top:4px}
#agents .agent figure {overflow:hidden}
	#agents .agent figure a {display:block;height:0;padding-bottom:125%;background-color:#414141;background-position:center center;background-repeat:no-repeat;background-size:cover}
	#agents .agent:hover figure a:not(.alt) {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
#agents .agent section {position:relative;padding:14px;background:#f5f3f2;-webkit-transition:all 0.4s;transition:all 0.4s}
	#agents .agent:hover section {background:#e5e3e2}
	#agents .agent section p.name {font-size:1.42857em;line-height:1.2}
	#agents .agent p.role {margin:0 0 14px}
	#agents .agent p a {color:#414141}
	#agents .agent:hover section p.name a, #agents .agent p:hover a {color:#001f49}
	#agents .agent p i.fa {width:20px}

/* -agent- */
#agent {position:relative}
#agent .section {margin:0 0 28px}
#agent .section h2.section-title {margin:0 0 28px;font-size:3em}
#agent .details {width:25%}
#agent .details figure {margin:0 0 21px;overflow:hidden}
	#agent .details figure span {display:block;height:0;padding-bottom:125%;background-color:#414141;background-position:center center;background-repeat:no-repeat;background-size:cover}
	#agent .details p.name {font-size:1.42857em;line-height:1.2}
	#agent .details p.role {margin:0 0 14px}
	#agent .details p i.fa {width:20px}
#agent .description {width:75%;padding:0 0 0 28px}
#agent .properties .tabs-nav {margin:0 0 28px;box-shadow:0 -3px 0 rgba(0, 0, 0, 0.1) inset}
#agent .properties .tabs-nav li {display:inline-block;float:none}
#agent .testimonials li {padding:0 0 28px}
#agent .testimonials li p.copy {padding:28px;background:#f5f3f2}
#agent .testimonials li p.name {padding:7px 0 0 35px;background:url(images/testimonial_bubble.png) 0 0 no-repeat}

/* -opentimes- */
.listings-table td {padding:7px 14px 7px 0;vertical-align:middle;border-bottom:1px solid #e5e3e2}
	.listings-table td.col-date {padding:28px 0 7px;font-size:1.42857em;font-weight:300;border-bottom:1px solid #001f49}
		.listings-table tr:first-child td.col-date {padding:7px 0}
	.listings-table td.col-image {width:60px}
		.listings-table td.col-image img {display:block;max-width:60px}
	.listings-table td.col-agent {padding:7px 0}

/* -calculators- */
#calculator h3.section-title {margin:0 0 14px}
#calculator section .field {padding:0 0 14px}
#calculator section .field label {display:block;padding:0 0 7px}
#calculator section .field a.button {min-width:200px;padding:0;text-align:center}
#calculator p.info {padding:0 14px}

/* -WIDGETS- */
/* -current listings- */
#current-listings .property {width:100%}
#current-listings .property a.container {display:block;width:100%;height:0;padding-bottom:50%;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}
#current-listings .property section {position:absolute;bottom:10%;right:0;width:92.513%;padding:18px 54px 28px;color:#fff;font-size:1.3em;background:rgba(19, 10, 1, 0.5);text-shadow:0 0 3px #000}
	#current-listings .property section h2.headline {font-size:2.15385em;color:#fff}
	#current-listings .property section p.address {margin:0 2em 0 0}
#current-listings .direction {position:absolute;z-index:102;top:50%;width:63px;height:85px;line-height:85px;margin:-42.5px 0 0;font-size:6em;color:rgba(255,255,255,.5);text-align:center;cursor:pointer}
	#current-listings .direction:hover {color:#fff}
	#current-listings .cycle-prev {left:14px}
	#current-listings .cycle-next {right:14px}
#current-listings .cycle-pager {position:absolute;z-index:101;bottom:14px;left:0;width:100%;text-align:center}
	#current-listings .cycle-pager span {display:inline-block;width:14px;height:14px;margin:0 7px;background:rgba(255,255,255,.5);cursor:pointer;border-radius:100%}
	#current-listings .cycle-pager span.cycle-pager-active {background:#001f49}

/* -quick search 1 - */
.quicksearch-1 .bottom-option {margin:5px 0}
.quicksearch-1 .search-bar .keywords #sugBoxSuburb {position: absolute;width: 100%;top: 35px;left: 0}
.quicksearch-1 .search-bar .keywords #autoSugListSuburb {padding:15px}
.quicksearch-1 .bottom-option .surrounding input {float: left;margin: 4px 10px 0 0}
.quicksearch-1 .toggle_search span {cursor:pointer}
.quicksearch-1 .toggle_search span.on {display:none}
.quicksearch-1 .toggle_search.active span.on {display:block}
.quicksearch-1 .toggle_search.active span.off {display:none}
.quicksearch-1 .toggle_search span i {margin-right:5px}

.quicksearch-1 #bottom_section {max-height: 0;transition: 300ms;overflow: hidden}
.quicksearch-1 #bottom_section.shrink {max-height:1000em}

.quicksearch-1 #bottom_section .email_bottom_section {padding:10px 0 0}
.quicksearch-1 #bottom_section .form_contact a {
    display: block;
    margin: 27px 0 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid;
}

.quicksearch-1 #bottom_section .form_contact a:hover {
    color: #00adef;
    border-color: #00adef;
}
.quicksearch-1 .column:not(.search_btn) { border-right: 1px solid #ededed; box-sizing: border-box; }
.quicksearch-1 .search-bar .column .ms-parent button,
.quicksearch-1 .search-bar .column input[type="text"],
.quicksearch-1 .search-bar .column input[type="submit"],
.quicksearch-1 .search-bar .column select {width:100% !important; height: 64px; line-height: 64px; box-shadow: unset; padding: 0 15px;}
.quicksearch-1 .search-bar .column .ms-parent button:hover { background-color: #fff; }
.quicksearch-1 .search-bar .column .ms-parent {
    width: 100%!important;
}
.quicksearch-1 .search-bar .column.search-type {
    position:  relative;
}
.quicksearch-1 .search-bar .column.search-type:after, .quicksearch-1 .search-bar .column .ms-choice > div:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 1px;
    border-color: #333 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 5px;
    transition: all .22s ease-in-out;
    pointer-events: none;
}

.quicksearch-1 .search-bar .column .ms-choice > div {
    background-image: none;
}

.quicksearch-1 .search-bar .column.search-type select {
    -webkit-appearance: none;
    background: #fff;
}

.mfp-content .white-popup {
	position:relative;
    margin: 0 auto;
    max-width: 90%;
    width: 500px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
}

.quicksearch-1 .search-bar .column .ms-choice > div { top: 50%; transform:  translateY(-50%); }
.mfp-content #form_contact_popup h2.title {text-align: center;margin: 0 0 10px}

/* -search results map- */
#content.property .section.properties-map {display:none}
#content:not(.homepage) .search-results-map {padding:28px 0 0}
.search-results-map h2.section-title {margin:0 0 28px;font-size:3em}

/* -media- */
#property-media #gallery figure {width:100%}
#property-media #gallery .container {height:0;padding-bottom:56.25%;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}
#property-media #gallery img {width:100%;height:auto}
#property-media #gallery .cycle-slideshow {position:relative}
#property-media #gallery .cycle-pager {position:absolute;z-index:101;bottom:0;width:100%;padding:14px 0;text-align:center}
#property-media #gallery .cycle-pager span {display:inline-block;position:relative;width:12px;height:12px;margin-right:0.375em;border:1px solid #fff;border-radius:50%;cursor:pointer; }
	#property-media #gallery .cycle-pager span.cycle-pager-active:after,
	#property-media #gallery .cycle-pager span:hover:after {
		content:"";display:block;height:8px;left:50%;margin:-4px 0 0 -4px;position:absolute;
		top:50%;width:8px;background:#00ADEF;border-radius:100%
	}
#property-media #gallery .direction {}
#property-media #gallery #prev {left:20px}
#property-media #gallery #next {right:20px}
#property-media #gallery .direction i.fa {
    font-size: 4em;
    position: absolute;
    top: 50%;
    z-index: 999;
    cursor: pointer;
	color:#001F49;
	transition:0,2s;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
}
#property-media #gallery .direction i.fa:hover {color:#00adef}
#property-media #map #map_canvas {width:100%}
#property-media .tabs-nav {background:#f5f4f3;text-align:center;box-shadow:0 -3px 0 rgba(0, 0, 0, 0.1) inset}
#property-media .tabs-nav ul.nav {display:inline-block}
#property-media .tabs-nav ul li {display:inline-block;float:none}
#property-media .tabs-nav ul a {display:block;height:40px;line-height:40px;padding:0 14px;opacity:.4;filter:alpha(opacity=40)}
#property-media .tabs-nav ul a:hover,
#property-media .tabs-nav ul a.active {opacity:1;filter:alpha(opacity=100);box-shadow:0 -3px 0 #001f49 inset; color:#001f49}

/* -contact agent- */
#property-enquiry .agent {width:50%}
#property-enquiry .agent .image {width:34.2679%;height:0;padding-bottom:34.2679%;overflow:hidden;border-radius:100%}
#property-enquiry .agent .image img {display:block;width:100%}
#property-enquiry .agent .overview {width:59.19%}
	#property-enquiry .agent .overview p.name {margin:0 0 7px}
#property-enquiry .agent .overview i.fa {display:inline-block;width:20px}
	#property-enquiry .agent .overview i.fa.fa-envelope {font-size:0.875em}
#property-enquiry .agent .overview p.email-agent a {color:#444}
#property-enquiry .agent .overview p.email-agent a:hover {color:#001f49}

/* -property rooms and price- */
#property-auction { margin-left:3px}
#property-shortinfo {margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid #ccc}
#property-shortinfo ul.rooms {margin:0 0 5px}
#property-shortinfo ul.rooms i {margin-left:2px}
#property-shortinfo .price { font-size: 1.6em; font-weight: 600; }
#property-shortinfo #property-auction {
    font-size:  1.6em;
}
/* -action button- */
#property-actions p {box-sizing:border-box;float:left;width:20%;padding:0 3.5px 7px;text-align:center}
#property-actions a {display:block;padding:14px 0;background:#f5f3f2}
	#property-actions a i.fa {display:block;font-size:2em; margin-bottom:2px}
	#property-actions a span {display:block;font-size:0.714286em; min-height:30px}
	#property-actions a:hover {background:#001f49;color:#fff}

/* -OFI- */
#property-ofi li {padding:0 0 7px}

/* -property table- */
#property-table li {padding:0 0 7px}
	#property-table span.field {font-weight:600}
	#property-table span.field:after {display:inline-block;content:":"}

/* ====================================================================================================
											LOCATION INFO
==================================================================================================== */
/* -suburbs- */
#location-info.suburbs .suburb a {display:block;position:relative;color:#fff}
	#location-info.suburbs .suburb a:hover {color:#001f49}
#location-info.suburbs .suburb span {display:block}
	#location-info.suburbs .suburb span.image {height:0;padding-bottom:56.25%;overflow:hidden}
		#location-info.suburbs .suburb img {display:block;width:100%;-webkit-transition:all 0.3s;transition:all 0.3s}
		#location-info.suburbs .suburb a:hover img {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
	#location-info.suburbs .suburb span.name {position:absolute;bottom:0;left:0;width:100%;padding:7px 0;background:rgba(34, 18, 2, 0.75)}

/* -suburb- */
#location-info.suburb .section.overview .block.left {width:67%;padding-right:126px}
#location-info.suburb .section.overview .block.right {width:33%}
#location-info.suburb .section.overview section {margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid #ccc}
#location-info.suburb .section.overview h3.title {margin:0 0 14px;font-size:1.71429em}
#location-info.suburb .section.overview .short-info ul {margin:0;list-style:none}
#location-info.suburb .section.overview .short-info li span {display:inline-block;width:100px}
#location-info.suburb .section.map {margin:28px -8.80558% -28px}

/* ====================================================================================================
											SUBSCRIPTION
==================================================================================================== */
#subscriptions .editor {margin:0 0 35px;border-bottom:2px solid #dcdad9}
	#subscriptions .editor p {margin:0 0 28px}
#subscriptions form h2.form-title {padding:0 0 28px}
	#subscriptions form .field select[multiple] {height:100px}
#subscriptions form .field textarea {height:150px}
#subscriptions form .field input[type="submit"] {min-width:200px}
#subscriptions form .field a.button {min-width:200px;padding:0;text-align:center}
#subscriptions form .field.alerts label.title {display:block;margin:0 0 7px}
#subscriptions form .field.alerts ul.options {padding:14px 0 0}
#subscriptions form .field.alerts ul.options li {padding:0 0 14px}
	#subscriptions form .field.alerts ul.options li.alt {margin:0 -7px}
#subscriptions form .field.alerts ul.options .split {width:50%;padding:0 7px}
#subscriptions .return {margin:0 0 28px;padding:14px;background:#ffa}
#subscriptions form.login .field span.alt {display:block;padding:7px 0 0}
#subscriptions form.password p {margin:0 0 28px}

/* ====================================================================================================
											GFORM
==================================================================================================== */
form[id^="gform_"] {/*max-width:800px;margin:0 auto*/}
form[id^="gform_"] h2.gsection_title,
form[id^="gform_"] h3.gform_title {margin:28px 0 0}
form[id^="gform_"] ul {margin:0;list-style:none}
form[id^="gform_"] ul.gform_fields li.gfield {padding:0 0 14px}
form[id^="gform_"] ul li[class^="gchoice_"] {position:relative;padding:0 0 0 20px}
	form[id^="gform_"] ul li[class^="gchoice_"] input[type="radio"],
	form[id^="gform_"] ul li[class^="gchoice_"] input[type="checkbox"] {position:absolute;left:0;top:2px}
form[id^="gform_"] ul.gform_fields label.gfield_label {display:block;margin:0 0 7px;font-weight:600}
form[id^="gform_"] .validation_error {margin:0 0 28px;padding:14px;background:#ffa;border:1px solid #fa0;text-align:center}
form[id^="gform_"] ul.gform_fields li.gfield.gfield_error input {background:#ffe5e5;box-shadow:0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px #d00 inset}
form[id^="gform_"] ul.gform_fields .validation_message {display:none}
form[id^="gform_"] .gform_footer {}

/* -property-alerts- */
form.form_email_subscription .center.heading {font-weight: 600;font-size: 1.5em;padding: 20px 0 10px;border-bottom: 1px solid;clear: both}
form.form_email_subscription .field .options {margin:10px 0 0}
form.form_email_subscription .field .options span {margin-right:10px}


/* ====================================================================================================
												IE8 FIXES
==================================================================================================== */
.lt-ie9 input[type="text"], .lt-ie9 input[type="password"], .lt-ie9 input[type="tel"], .lt-ie9 input[type="email"], .lt-ie9 select, .lt-ie9 textarea {border:solid 1px #ccc}
.lt-ie9 .listview .listing figure img {left:0;width:100%}
.lt-ie9 header#lead.alt {background-size:100% auto}
.lt-ie9 #current-listings .property a.container,
.lt-ie9 .homepage .suburb-profiles a,
.lt-ie9 #property-media #gallery .container {-ms-behavior:url(http://themes.agentpoint.com.au/joe/wp-content/themes/joe/js/backgroundsize.min.htc)}

/* ====================================================================================================
												MEDIA QUERIES
==================================================================================================== */
@media screen and (min-width:1152px) {
.m, .t {display:none !important}
.toggle-menu {display:none}

nav[role="navigation"] ul.menu li {position:relative}
nav[role="navigation"] ul.menu a {display:block;color:#001f49}

nav[role="navigation"] ul.menu > li {float:left}
nav[role="navigation"] ul.menu > li > a {padding:0 13px;line-height:60px}
	nav[role="navigation"] ul.menu > li:first-child > a {padding-left:0}
	nav[role="navigation"] ul.menu > li:last-child > a {padding-right:13px}
	nav[role="navigation"] ul.menu > li:hover > a,
	nav[role="navigation"] ul.menu > li.current-menu-ancestor > a,
	nav[role="navigation"] ul.menu > li.current-menu-parent > a,
	nav[role="navigation"] ul.menu > li.current-menu-item > a {color:#00adef; border-bottom:3px solid}

nav[role="navigation"] ul.sub-menu {position:absolute;min-width:15em;max-height:0;overflow:hidden;background:rgba(255, 255, 255, 0.95);box-shadow:0 2px 2px rgba(0, 0, 0, 0.1)}
	nav[role="navigation"] ul.sub-menu ul {left:100%;top:0;margin:0 0 0 -2px}
	nav[role="navigation"] li:hover > ul.sub-menu {max-height:1000px;overflow:inherit}
nav[role="navigation"] ul.sub-menu li {padding:0 2px}
	nav[role="navigation"] ul.sub-menu li.first {padding:2px 2px 0}
	nav[role="navigation"] ul.sub-menu li.last {padding:0 2px 2px}
nav[role="navigation"] ul.sub-menu a {padding:7px 21px;font-size:0.9em;white-space:nowrap}
	nav[role="navigation"] ul.sub-menu li.current_page_ancestor > a,
	nav[role="navigation"] ul.sub-menu li.current_page_parent > a,
	nav[role="navigation"] ul.sub-menu li.current_page_item > a,
	nav[role="navigation"] ul.sub-menu li:hover > a {background:#00adef;color:#fff}

#property-media #gallery .container {padding-bottom:43.0689%}

.listings-table td.col-times {width:230px}
.listings-table td.col-rooms {width:150px}
.listings-table td.col-agent {width:150px}
  header#lead.alt { padding: 15% 0 0; }
.post .single-image span.centerimage { padding-bottom: 30%; }
} /* end (min-width:1280px) */

@media screen and (min-width:767px) and (max-width:1280px) {
.homepage .carousels li.slide {min-height:380px}
}

@media screen and (min-width:768px) {
.s {display:none !important}
#location-info.suburb .section.overview section:last-child {margin:0;padding:0;border-bottom:none}
.thumbview.tenancy-forms .listing p.suburb {min-height:65px}

form[id^="gform_"] ul.gform_fields li.gfield:after {display: table;content: "";clear: both}
form[id^="gform_"] ul.gform_fields label.gfield_label {float:left; width:25%}
form[id^="gform_"] ul.gform_fields .ginput_container,
form[id^="gform_"] ul.gform_fields .gfield_description {float: left;width: 75%;box-sizing: border-box;padding-left: 20px}
form[id^="gform_"] ul.gform_fields .gfield_description {padding-top:5px}
.gform_footer.top_label {margin-left: calc(25% + 20px)}

form.form_email_subscription .field {padding-bottom: 10px;float: left;width: 100%}
form.form_email_subscription .col-2 {margin:0 -10px}
form.form_email_subscription .col-2:after {display: table;content: "";clear: both}
form.form_email_subscription .col-2 .field {float: left;box-sizing: border-box;padding-left:10px; padding-right:10px;width: 50%}

form.form_email_subscription .col-3 {margin:0 -10px}
form.form_email_subscription .col-3:after {display: table;content: "";clear: both}
form.form_email_subscription .col-3 .field {float: left;box-sizing: border-box;padding-left:10px; padding-right:10px;width: 33.3333%}

form.form_email_subscription .field > label {float: left;width: 160px; margin-top:6px}
form.form_email_subscription .field > input[type="text"],
form.form_email_subscription .field > input#suburb,
form.form_email_subscription .field > select,
form.form_email_subscription .field > .select,
form.form_email_subscription .field .options {float: left; width: calc(100% - 160px);}
form.form_email_subscription p.button,
form.form_email_subscription div.button { padding-left:160px}
#login form.form_email_subscription p.button {padding:0}

#login ol.cf-ol {list-style:none}
#login li:after {display: table;content: "";clear: both}
#login li label {float: left;width: 160px;margin: 5px 0 0}
#login li input.searchbox {float: left;width: calc(100% - 160px)}
#login .buttons {margin-left:160px}

.homepage .quicksearch-1 {padding: 20px;}
.homepage .home-top .search {position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 2;left: 0;right: 0; width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; }
.homepage .home-top:after { content: ''; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); }

.quicksearch-1 .search-bar:after {display: table;content: "";clear: both}
.quicksearch-1 .search-bar .column {float: left;position: relative}
.quicksearch-1 .search-bar .property_type,
.quicksearch-1 .search-bar .search-type {width:20%}
.quicksearch-1 .search-bar .keywords {width:50%}
.quicksearch-1 .search-bar .search_btn {width:10%}
.quicksearch-1 .search-bar .column .ms-choice > span.placeholder { color: #000; }
.quicksearch-1 .search-bar .column .ms-drop { width: 200%; }
.quicksearch-1 .search-bar { box-shadow: 1px 1px 15px rgba(0,0,0,.23); }

.homepage .quicksearch-1 #bottom_section .form_contact a,
.homepage .quicksearch-1 label, .homepage .quicksearch-1 .toggle_search span {color:#fff}
.homepage .quicksearch-1 .ms-drop ul > li label {color:#414141}

.quicksearch-1 #bottom_section .field,
.quicksearch-1 #bottom_section .field > span {float:left}

.quicksearch-1 #bottom_section:not(.with-land) #price_for_sale {width:40%}
.quicksearch-1 #bottom_section:not(.with-land) #price_for_sale > span {width:50%}

.quicksearch-1 #bottom_section:not(.with-land) #house_rooms {width:60%}
.quicksearch-1 #bottom_section:not(.with-land) #house_rooms > span {width:33.3333%}


.quicksearch-1 #bottom_section.with-land #price_for_sale {width:35%}
.quicksearch-1 #bottom_section.with-land #price_for_sale > span {width:50%}

.quicksearch-1 #bottom_section.with-land #house_rooms {width:48%}
.quicksearch-1 #bottom_section.with-land #house_rooms > span {width:33.3333%}

.quicksearch-1 #bottom_section.with-land #land_size {width:17%}
.quicksearch-1 #bottom_section .email {width: 70%;box-sizing: border-box;padding-right: 20px}
.quicksearch-1 #bottom_section .form_contact {float: right}

.quicksearch-1 .bottom-option .surrounding {float:left;padding-right:20px;} {float:left}
.quicksearch-1 .bottom-option .more-options {float:right}
}

@media screen and (max-width:1151px) {
.d {display:none !important}
.m-cf {float:none !important;width:auto !important}
#header {position:relative;padding:0}
#content {min-height:92.1875%}
div[role="main"] {padding: 63px 0 0}

#header .hgroup .utils, #current-listings .direction {display:none}

.toggle-menu {position:absolute;top:0;right:0;cursor:pointer}
.toggle-menu span {float:left;line-height:60px;font-size:1.1em}
.toggle-menu i.fa {
	width:60px;height:60px;line-height:60px;font-size:2.28571em;text-align:center;
	-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);
	-webkit-transition:all 0.2s;transition:all 0.2s;
}
.toggle-menu.shrink i.fa {-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}

#mobile-tools {position:fixed;z-index:2;top:50%;right:0;margin:-75.5px 0 0}
	#mobile-tools.alt {display:block}
#mobile-tools a {display:block;width:50px;height:50px;line-height:50px;color:#fff;font-size:1.28571em;text-align:center;background:rgba(0, 31, 73,.75)}
	#mobile-tools a.scroll-down {margin:1px 0}

#sidenav {
	position:absolute;top:0;bottom:0;right:0;width:260px;background:#f5f3f2 url(images/sidenav.png) 0 0 repeat-y;
	-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate(100%, 0);transform:translate3d(100%, 0, 0);
}
	#page.shrink #sidenav {display:block}
#sidenav ul.menu > li {border-bottom:1px solid rgba(0, 0, 0, 0.1);border-top:1px solid rgba(255, 255, 255, 0.5)}
#sidenav ul.menu a {display:block;color:#001f49}
	/* #sidenav ul.menu a:before {display:inline-block;width:25px;content:""} */
	#sidenav ul.menu > li > a {padding:14px 28px;font-size:1.28571em}
	#sidenav ul.menu li:hover > a, #sidenav ul.menu li.shrink > a {background:#e3e1df}
	#sidenav ul.menu li:hover > a.toggle-submenu:before, #sidenav ul.menu li.shrink > a.toggle-submenu:before {color:#001f49}
#sidenav ul.sub-menu {max-height:0;overflow:hidden;-webkit-transition-duration:0.3s;transition-duration:0.3s}
	#sidenav li.shrink > ul.sub-menu {max-height:200em;-webkit-transition-duration:1s;transition-duration:1s}
#sidenav ul.sub-menu.level-0 > li.first {border-top:1px solid rgba(0, 0, 0, 0.1)}
#sidenav ul.sub-menu a {padding:14px 14px 14px 28px}
	#sidenav ul.sub-menu.level-0 > li > a:not(.toggle-submenu) {padding:9px 14px}
	#sidenav ul.sub-menu.level-0 > li.first > a {border-top:1px solid rgba(255, 255, 255, 0.5)}
#sidenav-overlay {position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.5) url(images/sidenav_overlay.png) 100% 0 repeat-y}
	#page.shrink #sidenav-overlay {display:block}

.search-toolbar ul.tabsnav a {width:40px;height:40px;line-height:40px}

#location-info.suburb .section.overview .block.left, #post-entry {/*padding-right:56px*/}
}

@media screen and (min-width:1280px) {
.group {width:85%;margin:0 auto}
}


@media screen and (min-width:768px) {
#post-entry .post .image {float: left;width: 32.575%}
#post-entry .post .summary {float: right;width: 67.425%}
#post-entry .post .summary h3.post-title {margin: 17px 0 5px}
}

@media screen  and (min-width:768px) and (max-width:1024px) {
#post-entry {float:none; width:100%; padding:0}
#post-entry .post .summary .post-excerpt {line-height:normal}
#blog #sidebar {width: auto;margin: 0 -10px;float: none;clear: both}
#blog #sidebar .date {padding:0 10px}
#blog #sidebar > .side-block {float: left;width: 20%; box-sizing:border-box; padding:0 10px}
}

@media screen and (max-width:1279px) {
.group {margin:0 auto; padding-left:20px; padding-right:20px}
header#lead.alt .group { padding: 0; width: 100%;}

.homepage .carousels .direction a.prev {left:0; right:auto}
.homepage .carousels .direction a.next {left: auto;right: 0}
}

@media screen and (max-width:1023px) {
.listview .listing h3.headline {font-size:1.42857em}
.property .section.overview .block.left, .property .section.overview .block.right {float:none;width:auto;padding:0}
#footer .section {text-align:center}
#footer .logo img {max-width:100%;margin:0 auto}
#footer .magazine {display:none}
}

@media screen and (min-width:1024px) and (max-width:1151px) {
#current-listings .property a.container, .homepage .suburb-profiles a {padding-bottom:66%}
.listview .listing figure {padding-bottom:34.9425%}
#agent .details {width:33.33%;padding:0 14px 0 0}
#agent .description {width:66.67%;padding:0 0 0 14px}
.listings-table td.col-times {width:200px}
.listings-table td.col-rooms {width:150px}
.listings-table td.col-agent {width:120px}
#property-actions p {width:25%}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.thumbview .listing .container {min-height:30em}
.listview .listing figure, .listview .listing .overview {width:50%}
.listview .listing figure {padding-bottom:50%}
.listview .listing .rooms-price {left:54.2879%}
}

@media screen and (min-width:600px) and (max-width:1023px) {
#current-listings .property a.container, .homepage .suburb-profiles a {padding-bottom:75%}
#map_canvas, #map_results {padding-bottom:50%}
#agent .details {width:50%;padding:0 14px 0 0}
#agent .description {width:50%;padding:0 0 0 14px}
.listings-table td.col-rooms {display:none}
.listings-table td.col-times {width:160px}
.listings-table td.col-agent {width:110px}
}

@media screen and (min-width:600px) and (max-width:767px) {
.listview .listing figure {width:60%;padding-bottom:60%}
.listview .listing .overview {width:40%}
.listview .listing p.description {display:none}
.listview .listing .rooms-price {left:65.4902%}
.listview .listing ul.rooms {float:none}
.listview .listing p.price {float:none;padding:4px 0 0;clear:both}
}

@media screen and (max-width:767px) {
.s-cf {float:none !important;width:auto !important}
.t, .dt {display:none !important}
.s-lrpad {padding-right:14px !important;padding-left:14px !important}

#header .hgroup .logo img {display:inline;max-width:240px;vertical-align:middle}

.toggle-menu span {display:none}
.toggle-menu i.fa {font-size:2em}
.toggle-menu.shrink i.fa {font-size:1.5em;-webkit-transform:none;-ms-transform:none;transform:none}

#current-listings .property section {
	bottom:auto;top:50%;left:50%;width:90%;padding:18px 54px;font-size:1em;text-align:center;
	-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
}
#current-listings .property section h2.headline {font-size:1.5em}
#current-listings .property section p.address {margin:14px 0 0}
#current-listings .property section ul.rooms li {float:none;display:inline-block;margin:0 7px 0 0}

.homepage .section h2.title {font-size:2em}
.homepage #slides .slide a.container {padding-bottom:100%}
.homepage .tabbed .tab-nav a i.fa, #agent .properties .tabs-nav a i.fa {display:block;font-size:2em}
.homepage .tabbed .tab-nav a span, #agent .properties .tabs-nav a span {display:block;font-size:0.642857em}
.homepage .suburb-profiles span.text {font-size:3em}

.search-results {margin:0}
.search-order a i.fa {display:block;font-size:2em}
.search-order a span {display:block;font-size:0.642857em}
.search-toolbar .count, .search-toolbar .tools {float:none;text-align:center}
.search-toolbar ul.tabsnav li {float:none;display:inline-block;padding:21px 0 0}
.search-toolbar ul.tabsnav li.hidden { display: none; }
#property-media #gallery .container {padding-bottom:100%}
.property .section.overview .property-block.realty_widget_contact_agent {border-bottom:1px solid #ccc}
#property-enquiry .agent {float:none;width:100%}
#property-enquiry .agent.agent-1 {padding:28px 0 0}
#property-actions p {width:33.3333%}
#location-info.suburb .section.overview .block.left,
#location-info.suburb .section.overview .block.right {width:100%;padding-right:0}
#location-info.suburb .section.overview .block.right section:last-child {margin:0;padding:0;border-bottom:none}
.listings-table td.col-image, .listings-table td.col-rooms {display:none}
#calculator section .field a.button {min-width:100%}

.default img.full {max-width:50%}
#post-entry, #sidebar {width:100%;padding-right:0}
.comments-template {margin:0 0 28px;padding:0 0 28px;border-bottom:2px solid #dcdad9}

#post-entry .post .summary .container {padding:20px}
#post-entry .post .summary .url {margin: 0;padding: 20px 0 0;border-top: 1px solid #001F49}

form.form_email_subscription .field {padding:0 0 10px}
form.form_email_subscription .field label {font-weight: 600;margin: 0 0 5px;display: block}
form.form_email_subscription .field .options span {display:block; margin:0 0 5px}

.search {margin: 20px 0;padding: 20px;background: #eaeaea}
.homepage .home-top .search {padding: 20px; margin: 0;}
.quicksearch-1 .search-bar > .column {margin-bottom:10px}
.quicksearch-1 .search-bar .column input[type="submit"] {
  width: 100%;
}
.quicksearch-1 .search-bar .ms-parent {width:100% !important}
.quicksearch-1 .bottom-option .more-options {margin: 10px 0;padding: 10px;background: #001f49;text-align: center}
.quicksearch-1 .toggle_search span {color:#fff}
.quicksearch-1 #bottom_section span {margin-bottom: 10px;display: block}
.quicksearch-1 .search-bar .column .ms-parent button,
.quicksearch-1 .search-bar .column input[type="text"],
.quicksearch-1 .search-bar .column input[type="submit"],
.quicksearch-1 .search-bar .column select {width:100% !important; height: 48px; line-height: 48px; box-shadow: unset;}
}

@media screen and (max-width:599px) {


#current-listings .property a.container, .homepage .suburb-profiles a {padding-bottom:100%}
.homepage .tabbed .tab-nav a, #agent .properties .tabs-nav a {padding:0 12px}

.search-order a {padding:0 7px}
.thumbview .listing .container {min-height:inherit}
.thumbview .listing .overview {padding:28px}
.thumbview .listing .rooms-price {position:relative;bottom:0;left:0;right:0;margin:14px 0 0}
.listview .listing figure, .listview .listing .overview {float:none;width:auto}
.listview .listing figure {padding-bottom:75%}
.listview .listing p.description {margin:14px 0}
.listview .listing .rooms-price {position:relative;bottom:0;left:0;right:0;margin:28px 0 0}
.listview .listing .rooms-price p.price {clear:both;float:none}

#map_canvas, #map_results {padding-bottom:75%}
.mapview #map_canvas {padding-bottom:100%}

#agents .agent section {min-height:inherit;padding:14px}
#agents .agent p.email {position:static}
header#lead.alt h1.page-title span.breadcrumbs {line-height:1.5}
#agent .details {float:none;width:auto;padding:0 0 28px}
#agent .details p.message {display:block}
#agent .details p a {display:block;margin:0 0 1px;padding:10px 0;color:#fff;background:#001f49;text-align:center}
#agent .details p a span.number {display:none}
#agent .details p a span.text {display:inline}
#agent .details p i.fa {width:auto;padding:0 3.5px 0 0}
#agent .description {float:none;width:auto;padding:0}

.mf-walkscore .mfp-iframe-scaler {padding-top:145%}

.listings-table table, .listings-table tbody, .listings-table tr, .listings-table td {display:block}
.listings-table tr.row-date td.col-date {padding:14px 0;border-bottom:none;text-align:center}
	.listings-table tr.row-date:first-child td.col-date{padding:0 0 14px}
.listings-table tr.row-property {margin:0 0 14px;padding:14px 14px 7px;background:#fff;border:solid 1px #ccc;box-shadow:2px 2px 0 rgba(0, 0, 0, 0.1)}
.listings-table tr.row-property td {position:relative;padding:0 0 7px 35%;border-bottom:none;text-align:left}
	.listings-table tr.row-property td:before {display:inline-block;position:absolute;top:0;left:0;width:35%;font-weight:600}
	.listings-table td.col-address:before {content:"Address:"}
	.listings-table td.col-times:before {content:"Date:"}
	.listings-table td.col-rooms:before {content:"Rooms:"}
	.listings-table td.col-agent:before {content:"Agent:"}

.default img.full {width:100%;max-width:none}
.default img.half {max-width:50%}

#footer .offices, #footer .links, #footer .socials {text-align:center}
}

/* ====================================================================================================
												SAFARI FIXES
==================================================================================================== */
body.safari {-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}
body.safari input[type="text"],
body.safari input[type="password"],
body.safari input[type="tel"],
body.safari input[type="email"],
body.safari select,
body.safari textarea,
body.safari input[type="submit"],
body.safari input[type="button"] {-webkit-appearance:none;border-radius:0}

@media (min-width: 768px) {
    form[id^="gform_"] .gform_footer input[type="submit"] {
        margin-left: calc(25% + 20px);
    }
}