/*
	Theme Name:Joan Darc Realty
	Theme URI:http://demo.thatid.com/joandarcrealty/
	Author:Agentpoint
	Author URI:http://agentpoint.com.au/
	Description:Joan Darc Realty
	Tags:responsive design 
*/

@import url('css/utilities.css?v=1.000');

/* ==================================================================================================== 
												GLOBAL 
==================================================================================================== */
html, body { height:100%; -webkit-text-size-adjust:none; }
body { font-size:0.875em; line-height:1.5; color:#423b34; font-family:"Muli","Helvetica",Arial,sans-serif; background:#948c83 url(images/body_bg.png) fixed repeat 0 0; -webkit-text-size-adjust:none; }
h1, h2, h3, h4, h5, h6 { line-height:normal; font-weight:400; color:#3c3c3c; }
	h1 { font-size:3em; }
		h1.page-title { line-height:1.2; text-align:center; text-shadow:0 1px 0 #fff; }
		#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:#F89D2E; text-decoration:none; outline:none; -webkit-transition:all 0.5s; transition:all 0.5s; }
a:hover { color:#454446; }
strong { font-weight:600; }
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; }
th {}

/* -forms- */
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select, textarea { margin:0; box-sizing:border-box; -webkit-appearance:none; border-radius:0; }
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select { 
	box-sizing:border-box; width:100%; height:2.5em; padding:0 0.8em; background:#fff; border: 1px solid #eee; 
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px #ccc inset; outline:none;
	font:1em/normal "Muli","Helvetica",Arial,sans-serif; 
}
textarea { 
	box-sizing:border-box; width:100%; height: 120px; padding:0.8em; background:#fff; border: 1px solid #eee; 
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px #ccc inset; outline:none;
	font:1em/normal "Muli","Helvetica",Arial,sans-serif; 
}
/*input[type="checkbox"], input[type="radio"] { float:left; margin:4px 5px 0 0; }*/
input[type="checkbox"], input[type="radio"] { display: inline-block; margin: 0 5px; vertical-align: middle; }
select { padding:0.5em; }
textarea { resize:none; }
input[type="submit"], input[type="button"], a.button, button {
	height:2.5em; line-height:2.5em; margin:0; padding:0 1em; cursor:pointer; font-size:1em; color:#fff; font-family:"Muli","Helvetica",Arial,sans-serif;
	background:#3c3c3c; border:none; box-shadow:0 -1px 0 rgba(0, 0, 0, 0.3) inset, 1px 1px 1px rgba(255, 255, 255, 0.3) inset;
}
	a.button { display:inline-block; }
	input[type="submit"]:hover, input[type="button"]:hover, a.button:hover, button:hover { background:#000; }
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="submit"], input[type="button"] { -webkit-appearance:none; border-radius:0; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select, textarea { border-radius: 4px; }

/* -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 28px 28px 0; }
.right { float:right; } img.alignright { float:right; max-width:100%; height:auto; margin:0 0 28px 28px; }
.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:#f89d2e; }
.font-georgia { font-family:Georgia, "Times New Roman", Times, serif; }
.aquo { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.16667em; }
.required, .red { color:#e00; }
.hidden { display:none; }

/* -jQuery Tabs- */
ul.ui-tabs-nav {}
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; /*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:50%; top:0; width:100%; height: 63px; max-width:1440px; margin:0 auto; padding:7px 0 0; background:#3c3c3c; 
	-webkit-transition:all 0.3s; transition:all 0.3s; 
	-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); 
}
#content { position:relative; z-index:0; min-height:100%; background:#fff; } 
	div[role="main"] { padding:70px 0 0; }
	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; }
			header#lead.alt h1.page-title span.breadcrumbs a { color:#423b34; }
			header#lead.alt h1.page-title span.breadcrumbs a:hover, header#lead.alt h1.page-title span.breadcrumbs span.gt { color:#f89d2e; }
			header#lead.alt h1.page-title span.breadcrumbs span.appended { padding:0 0 0 5px; }
			header#lead h1.page-title span.role { display:block; padding:0 0 21px; font-size:0.47619em; }
	article#entry { padding:28px 0; }
	#entry { min-height: 200px; }
footer[role="contentinfo"] { position:relative; z-index:1; *margin:-253px 0 0; background:#111; color:#a19991; }

/* -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:480px) 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; }
}

@media screen and (min-width:480px) {
[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:479px) {
[class^="grid-"] > .column { padding-bottom:14px; }
}

/* -SECTIONS- */
/* -header- */
#header.scrolled { max-width:100%; height: auto; padding: 4px 0 0; border-top:3px solid #aaa; box-shadow:0 0 5px rgba(0, 0, 0, 0.4); }
#header .hgroup img { display:block; max-height:60px; }
#header.scrolled .hgroup img { max-height: 50px; }
#header.scrolled nav[role="navigation"] ul.menu > li > a { line-height: 50px; }
#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:33%; }
#sidebar .side-block { margin:0 0 28px; }
#sidebar h3.section-title { margin:0 0 14px; font-size:1.71429em; }
#sidebar a { color:#423b34; }
#sidebar a:hover { color:#999; }

/* -footer- */
#footer .group { position:relative; }
#footer a { color:#fff; }
	#footer a:hover { text-decoration: underline; }
#footer .magazine { position:absolute; top:14px; right:0; *box-shadow:-10px 0 5px #000; -webkit-transition:all 0.4s; transition:all 0.4s; }
	#footer .magazine:hover { box-shadow:0 0 6px rgba(0, 0, 0, 0.6); -webkit-transform:rotate(5deg) scale(1.2); -ms-transform:rotate(5deg) scale(1.2); transform:rotate(5deg) scale(1.2); }
	#footer .magazine img { display:block; max-width:150px; }
#footer .logo { margin:0 0 14px; padding:14px 0; *background:url(images/inset_brown.png) 0 100% repeat-x; }
	#footer .logo img { display:block; }
#footer .offices { padding: 20px 0 0; }
	#footer .offices p {}
	#footer .offices span.name { color:#fff; }
	#footer .offices span.slashes { color:#f89d2e; }
#footer .socials { padding:14px 0; }
	#footer .socials a { display:inline-block; width:42px; height:42px; margin:0 10px 0 0; line-height:47px; background:#fff; border-radius:100%; text-align:center; }
	#footer .socials a:hover { background:#999; }
	#footer .socials i.fa { font-size:1.5em; color:#130a01; }
#footer .credit { padding:14px 0 7px; font-size:0.857143em; }

/* -PAGES- */
/* -homepage- */
.homepage .section {}
.homepage .section.homepage-text { padding:50px 0 10px; }
.homepage .section.homepage-text ul { margin-left: 15px; list-style-type: circle; }
.homepage .section.tabbed { padding:28px 0 48px; }
.homepage .section h2.title { margin:0 0 20px; font-size:3em; color:#3c3c3c; }

.homepage .tabbed .tab-nav { margin:0 0 28px; box-shadow:0 -3px 0 rgba(0, 0, 0, 0.1) inset; }
.homepage .tabbed .tab-nav ul {}
.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; color:#423b34; opacity:.4; }
	.homepage .tabbed .tab-nav a:hover, #agent .properties .tabs-nav a:hover { opacity:1; box-shadow:0 -3px 0 rgba(0, 0, 0, 0.2) inset; }
	.homepage .tabbed .tab-nav .ui-tabs-active a, #agent .properties .tabs-nav .ui-tabs-active a { opacity:1; box-shadow:0 -3px 0 #aaa inset; }

.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:#3c3c3c; color:#fff; 
	box-shadow:0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 6px rgba(0, 0, 0, 0.04); -webkit-transition:all 0.4s; transition:all 0.4s; 
}
	.homepage .carousels li.slide:not(.date):hover { background:#f5f3f2; color:#3c3c3c; }
.homepage .carousels li.slide figure { height: 47%; background: #fff; overflow:hidden; }
.homepage #recent-sales.carousels li.slide figure { height: 43%; }
	.homepage .carousels li.slide figure img { display:block; width:100%; -webkit-transition:all 1.3s; transition:all 1.3s; }
	.homepage .carousels li.slide:hover figure img { -webkit-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3); }
.homepage .carousels li.slide section { padding:14px; }
.homepage .carousels li.slide section .opens { display: none; }
.homepage .carousels li.slide p.suburb { font-size:1.42857em; }
.homepage .carousels li.slide p.address {}
.homepage .carousels li.slide .rooms-price { position:absolute; bottom:14px; left:14px; right:14px; padding:14px 0 0; background:url(images/inset_brown.png) 0 0 repeat-x; }
.homepage .carousels li.slide.date {}
	.homepage .carousels li.slide.date p { padding:0 14px; color:#999; }
	.homepage .carousels li.slide.date p.day { padding:14px 14px 28px; font-size:1.5em; color:#fff; }
	.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 { width: 100% }
.homepage .carousels .direction:hover { background: transparent; }
	.homepage .carousels .direction a { display:block; position:absolute; top:50%; width:63px; height:85px; line-height:85px; margin:-68px 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:#3c3c3c; }
.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 {}
	.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 14px; }
.default ul { list-style:disc; margin:0 0 14px 15px; }
.default ol {list-style:decimal; margin:0 0 14px 20px; }
.default p { margin:0 0 14px; }
.default img { max-width:100%; height:auto; }

/* -posts- */
#post-entry { width:67%; padding-right:126px; }
#post-entry .post { margin:0 0 21px; padding:0 0 14px; border-bottom:2px solid #dcdad9; }
	#post-entry.single .post{ margin:0 0 28px; }
#post-entry h2.post-title {}
	#post-entry h2.post-title a { color:#423b34; }
	#post-entry h2.post-title a:hover { color:#f89d2e; }
#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:#423b34; }

/* -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:#423b34; }
.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:#f89d2e; }

.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="text"] {}
.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 img#captcha-image {}
	.mf-popup ul.listforms .captcha a.reload { line-height:31px; padding:0 7px; color:#fff; background:#3c3c3c; }

/* -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; }

/* -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 {}
	#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:#f89d2e; }

/* ==================================================================================================== 
												REALTY
==================================================================================================== */
/* -GLOBALS- */
/* -rooms- */
ul.rooms {}
ul.rooms li { float:left; margin:0 14px 0 0; }
	ul.rooms li:last-child { margin:0; }
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, .pagination a.current_page_link { background:#3c3c3c; 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; }
.pagination .page_numbers, .pagination .page_next, .pagination .page_prev {
    display: inline-block;
}

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

/* -info window- */
.info-window { width:280px; font-size:14px; font-family:"Muli","Helvetica",Arial,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 .overview p.suburb {}
	.info-window .overview p.address {}
.info-window section.bottom { padding:7px 0 0; border-top:1px solid #ddd; }
	.info-window .overview ul.rooms {}
	.info-window .overview p.price {}

/* -PAGES- */
/* -search results- */
.search-order { 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; color:#423b34; opacity:.4; }
.search-order a.active, .search-order a:hover { opacity:1; box-shadow:0 -3px 0 #3c3c3c inset; }

/* -listings- */
#search-results {}
#listings {}

.search-toolbar.top { padding:0 0 28px; }
.search-toolbar .count { padding:7px 0 0; }
.search-toolbar ul.tabsnav {}
.search-toolbar ul.tabsnav li {}
.search-toolbar ul.tabsnav a { width:38px; height:38px; line-height:38px; margin:0 0 0 7px; color:rgba(255, 255, 255, 0.6); font-size:1.28571em; background:#3c3c3c; border-radius:100%; text-align:center; }
	.webkit .search-toolbar ul.tabsnav a { line-height:40px; }
	.search-toolbar ul.tabsnav li.ui-tabs-active a, .search-toolbar ul.tabsnav a:hover { color:#fff; }
	.search-toolbar ul.tabsnav a:active { -webkit-transform:scale(0.85); -ms-transform:scale(0.85); transform:scale(0.85); }
	.search-toolbar ul.tabsnav a i.fa { /*vertical-align: middle;*/ }
.search-toolbar.bottom {}

.thumbview .listing .container { 
	position:relative; min-height:26em; background:#3c3c3c; color:#fff; 
	box-shadow:0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 6px rgba(0, 0, 0, 0.04); -webkit-transition:all 0.4s; transition:all 0.4s; 
}
	.thumbview .listing:hover .container { background:#f5f3f2; color:#3c3c3c; }
.thumbview .listing figure { position:relative; height:0; padding-bottom:67.25%; overflow:hidden; }
	.thumbview .listing figure img { display:block; width:100%; height:auto; -webkit-transition:all 1.3s; transition:all 1.3s; }
	.thumbview .listing:hover figure img { -webkit-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3); }
.thumbview .listing .overview { padding:14px; }
.thumbview .listing p.suburb { font-size:1.42857em; }
.thumbview .listing p.address {}
.thumbview .listing .rooms-price { position:absolute; bottom:14px; left:14px; right:14px; padding:14px 0 0; background:url(images/inset_brown.png) 0 0 repeat-x; }
.thumbview .listing p.opens span { opacity:.7; }
	.thumbview .listing p.opens span.label { opacity:1; }

.listview .listing { padding:0 0 28px; }
.listview .listing .container { 
	position:relative; background:#3c3c3c; color:#fff; 
	box-shadow:0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 6px rgba(0, 0, 0, 0.04); 
	-webkit-transition:all 0.4s; transition:all 0.4s; 
}
	.listview .listing:hover .container { background:#f5f3f2; color:#3c3c3c; }
.listview .listing figure { position:relative; width:34.8736%; height:0; padding-bottom:25.9291%; overflow:hidden; }
	.listview .listing figure img { 
		display:block; position:absolute; left:50%; width:auto; height:100%; 
		-webkit-transition:all 1.3s; transition:all 1.3s; 
		-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); 
	}
	.listview .listing:hover figure img { -webkit-transform:scale(1.2) translateX(-41%); -ms-transform:scale(1.2) translateX(-41%); transform:scale(1.2) translateX(-41%); }
.listview .listing .overview { width:65.0392%; padding:28px; }
.listview .listing h3.headline { margin:0 0 14px; }
	.listview .listing h3.headline a { color:#fff; }
	.listview .listing:hover h3.headline a { color:#f89d2e; }
.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; background:url(images/inset_brown.png) 0 0 repeat-x; }
.listview .listing p.opens span { opacity:.7; }
	.listview .listing p.opens span.label { opacity:1; }

.mapview { margin:0 1em 2em; }
#map_canvas { width:100%; height:0; padding-bottom:56.25%; }

/* -property- */
.property .section.overview { padding:28px 0; }
.property .section.overview .block {}
.property .section.overview .block.heading h1.title { margin:0 0 28px; font-size:3em; }
.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; }

/* -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 { height: 320px; overflow:hidden; }
#agents .agent figure img { display:block; width:100%; -webkit-transition:all 0.3s; transition:all 0.3s; }
	#agents .agent:hover figure img { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);  }
#agents .agent section { position:relative; min-height:8em; padding:14px; color:#3c3c3c; *background:#3c3c3c; }
	#agents .agent section p.name { font-size:1.42857em; line-height:1.2; }
	#agents .agent p.role { margin:0 0 10px; }
	#agents .agent p.email {}
	#agents .agent p a { color:#3c3c3c; }
	#agents .agent:hover section p.name a, #agents .agent p:hover a { color:#000; text-decoration: underline; }
	#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; }
	#agent .details figure img { display:block; width:100%; }
#agent .details p {}
	#agent .details p.name { font-size:1.42857em; line-height:1.2; }
	#agent .details p.role { margin:0 0 14px; }
	#agent .details p.email {}
	#agent .details p a { color:#423b34; }
	#agents .agent:hover section p.name a, #agent .details p:hover a { color:#000; text-decoration: underline; }
	#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 ul {}
#agent .properties .tabs-nav li { display:inline-block; float:none; }
#agent .properties .tabs-content {}
#agent .testimonials ul {}
#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 {}
.listings-table table {}
.listings-table tr {}
.listings-table td { padding:7px 14px 7px 0; vertical-align:middle; border-bottom:1px solid #ccc; }
	.listings-table td.col-date { padding:28px 0 7px; font-size:1.42857em; font-weight:300; border-bottom:1px solid #3c3c3c; }
		.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-address {}
	.listings-table td.col-times {}
	.listings-table td.col-rooms {}
	.listings-table td.col-agent {}
	.listings-table td.col-agent { padding:7px 0; }
.listings-table td a { color:#423b34; }
	.listings-table td a:hover { color:#f89d2e; }

/* -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 {}
#current-listings .properties {}
#current-listings .property { width:100%; }
#current-listings .property a.container { display:block; width:100%; height:0; padding-bottom:47%; overflow:hidden; background-position:center bottom; 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 .property section ul.rooms {}
#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:#000; }
.direction i.fa {
    text-shadow: 0 0 4px #444;
}

.direction { position:absolute; z-index:102; top:50%; width:63px; height:85px; line-height:85px; margin:-42.5px 0 0; font-size:6em; color:#fff; text-align:center; cursor:pointer; }
.direction:hover { color:#fff; background: rgba(0,0,0,.4); }
.cycle-prev { left:0; }
.cycle-next { right:0; }

/* -quick search 1 - */
.quicksearch-1 { max-height:0; overflow:hidden; -webkit-transition-duration:.3s; transition-duration:.3s; }
	.quicksearch-1.shrink { max-height:5em; }
.quicksearch-1 .field { width:16.6521%; padding:0 0.610288% 0 0; }
	.quicksearch-1 .field.alt { width:32.4324%; }
	.quicksearch-1 .field.button { padding:0; }
.quicksearch-1 .field select {}
	.quicksearch-1 .field.alt select { width:49.0838%; }
	.quicksearch-1 .field select.alt { margin:0 1.83246% 0 0; }
.quicksearch-1 .field input[type="submit"] { width:100%; }

/* -media- */
#property-media {}
#property-media .tabs-content {}
#property-media #gallery .images {}
#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; width:14px; height:14px; margin:0 5px; opacity:.4; border-radius:14px; background:#fff; box-shadow:0 0 3px #000; cursor:pointer; }
#property-media #gallery .cycle-pager span.cycle-pager-active { opacity:1; }
#property-media #gallery .direction { position:absolute; z-index:102; bottom:8px; line-height: 65px; cursor:pointer; color:#fff; }
#property-media #gallery .cycle-prev { left:0; }
#property-media #gallery .cycle-next { right:0; }
#property-media #gallery .direction i.fa { font-size:0.6em; }
#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; color:#423b34; opacity:.4; }
#property-media .tabs-nav ul a:hover, 
#property-media .tabs-nav ul a.active { opacity:1; box-shadow:0 -3px 0 #3c3c3c inset; }

/* -contact agent- */
#property-enquiry {}
#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 {}
	#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:#000; text-decoration: underline; }

/* -property rooms and price- */
#property-auction { padding:0 0 14px; }
#property-shortinfo { margin:0 0 28px; padding:0 0 28px; border-bottom:1px solid #ccc; }
#property-shortinfo ul.rooms { margin:0 14px 0 0; }

/* -action button- */
#property-actions {}
#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; color:#3c3c3c; background:#f5f3f2; }
	#property-actions a i.fa { display:block; font-size:2em; }
	#property-actions a span { display:block; font-size:0.714286em; }
	#property-actions a:hover { background:#3c3c3c; color:#fff; }

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

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

/* -proeprty map- */
#property-map #map_canvas { padding-bottom:33%; }

/* ==================================================================================================== 
											LOCATION INFO
==================================================================================================== */
/* -suburbs- */
#location-info.suburbs .suburb a { display:block; position:relative; color:#fff; }
	#location-info.suburbs .suburb a:hover { color:#f89d2e; }
#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.overview ul li a { color:#423b34; }
	#location-info.suburb .section.overview ul li a:hover { color:#f89d2e; }
#location-info.suburb .section.map { margin:28px -8.80558% -28px; }
	#location-info.suburb .section.map #map_canvas { padding-bottom:33%; }

/* ==================================================================================================== 
											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; }
.list-col2 {
    width: 100%;
    float: left;
    *padding: 0 10px;
    box-sizing: border-box;
}
.homepage .section.homepage-text:after {
    display: table;
    content: "";
    clear: both;
}
.list-text {
    padding: 10px;
    background: #ddd;
    /*min-height: 262px;*/
    margin: 0 0 15px;
    border-radius: 7px;
}
.list-text strong {
    display: inline-block;
    font-size: 120%;
    margin: 0 0 5px;
}

/* gform style */
#entry .gform_wrapper ul, #entry .gform_wrapper ol {
    list-style-type: none;
    margin: 0;
}
.gform_wrapper .gform_fields li label {
    width: 30%;
    display: block;
    float: left;
    padding-right: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.gform_wrapper .gform_fields li .ginput_container {
    width: 70%;
    float: left;
}
.gform_wrapper .gform_fields li {
    margin: 0 0 10px;
}
.gform_wrapper .gform_fields li:after {
    display: table;
    content: "";
    clear: both;
}
.gform_wrapper .gform_fields li h2.gsection_title {
    margin: 15px 0;
}
.gform_wrapper .gform_fields li .gfield_checkbox li label {
	float: none;
	display: inline-block;
	width: auto;
}
.gform_wrapper .gform_fields li#field_2_10 {
    margin: 40px 0 10px;
}
#entry .recaptchatable #recaptcha_response_field {
	font-size: inherit;
	border: 1px solid #eee !important;
}

.col-2 {
    width: 50%;
    float: left;
    padding: 0 10px;
}
.rows:after {
    display: table;
    content: "";
    clear: both;
}
.rows * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#footer .rows {
    border-bottom: 1px solid #333;    
}

.validation_error {
    color: red;
}
.validation_message {
    margin-left: 30%;
    color: red;
    font-style: italic;
}

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

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

	nav[role="navigation"] ul.menu > li { float:left; }
	nav[role="navigation"] ul.menu > li > a { padding:0 23px; line-height:60px; }
		nav[role="navigation"] ul.menu > li:hover > a { border-bottom: 4px solid #ccc; }
		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 { border-bottom: 4px solid #ccc; }

	nav[role="navigation"] ul.sub-menu { position:absolute; min-width:15em; max-height:0; overflow:hidden; background:#3c3c3c; box-shadow:2px 2px 0px rgba(255,255,255,0.4); }
		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 a {}
		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:#fff; color:#292929; }

	#property-media #gallery .container { padding-bottom:43.0689%; }
	.listings-table td.col-address {}
	.listings-table td.col-times { width:230px; }
	.listings-table td.col-rooms { width:150px; }
	.listings-table td.col-agent { width:150px; }
} /* end (min-width:1280px) */

@media screen and (min-width: 1024px) {
	.form-box {
	    width: 800px;
	    margin: 0 auto;
	    padding: 20px;
	}
}

@media screen and (min-width:768px) {
	.homepage #opentimes.carousels li.slide figure, .homepage #recent-sales.carousels li.slide figure {
	    height: 42%;
	}
	.homepage #auctions.carousels li.slide figure {
		height: 40%;
	}
	.homepage #opentimes.carousels li.slide figure img {
	    height: 100%;
	}
	.s { display:none !important; }
	#location-info.suburb .section.overview section:last-child { margin:0; padding:0; border-bottom:none; }
}

@media screen and (min-width:600px) {
	.gform_wrapper .gform_fields li label { margin-top: 8px; }
	.group { width:85%; margin:0 auto; }
}

@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:0 0 253px; }
	.home div[role="main"] { padding: 0; }

	#header .hgroup .utils, .homepage .carousels .direction { display:none; }

	.toggle-menu { position:absolute; top:0; right:0; color:#fff; 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,0,0,.7); }
		#mobile-tools a.scroll-down { margin:1px 0; }
		#mobile-tools a:hover {}
		#mobile-tools a i.fa {}

	#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:#3c3c3c; }
		#sidenav ul.menu a:before { display:inline-block; width:25px; content:""; }
		#sidenav ul.menu a.toggle-submenu:before { 
			font-family:"FontAwesome"; content:"\f0da"; text-align:center; 
			-webkit-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate(0px, 0px); 
			-webkit-transition:all 0.5s; transition:all 0.5s; 
		}
		#sidenav ul.menu > li > a { padding:14px; 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:#f89d2e; }
		#sidenav ul.menu li.shrink > a.toggle-submenu:before { content:"\f0d7"; }
	#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  ul.sub-menu li.current_page_ancestor > a,
		#sidenav  ul.sub-menu li.current_page_parent > a,
		#sidenav  ul.sub-menu li.current_page_item > a,
		#sidenav  ul.sub-menu li:hover > a {}
	#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 (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%; }
	#property-map #map_canvas { padding-bottom:56.25%; }
	#agent .details { width:33.33%; padding:0 14px 0 0; }
	#agent .description { width:66.67%; padding:0 0 0 14px; }
	#location-info.suburb .section.map #map_canvas { padding-bottom:56.25%; }
	.listings-table td.col-times { width:200px; }
	.listings-table td.col-rooms { width:150px; }
	.listings-table td.col-agent { width:120px; }
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.listview .listing figure, .listview .listing .overview { width:50%; }
	.listview .listing figure { padding-bottom:50%; }
	.listview .listing .rooms-price { left:54.2879%; }
	#property-map #map_canvas { padding-bottom:75%; }
	#footer .section { *text-align:left; }
	#footer .logo img { *max-width:50%; margin:0; }
	#footer .offices { padding: 10px 0 0; }
	#footer .magazine { display: block; }
	#footer .section.text-center { text-align: center; }
}

@media screen and (min-width:481px) and (max-width:1023px) {
	#current-listings .property a.container, .homepage .suburb-profiles a { padding-bottom:75%; }
	#map_canvas { padding-bottom:75%; }
	#agent .details { width:50%; padding:0 14px 0 0; }
	#agent .description { width:50%; padding:0 0 0 14px; }
	#location-info.suburb .section.map #map_canvas { padding-bottom:75%; }
	.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:481px) 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) {
	.col-2 { width: 100%; }
	.s-cf { float:none !important; width:auto !important; }
	.t, .dt { display:none !important; }
	.s-lrpad { padding-right:14px !important; padding-left:14px !important; }

	#header .logo a { display:inline-block; height:60px; line-height:60px; }
	#header .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 { -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 .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; }

	.quicksearch-1.shrink { max-height:15em; }
	.quicksearch-1 .field { padding:0 0 14px; }
	.quicksearch-1 .field.button { padding:0 0 28px; }

	.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; }

	#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%; }
	#property-map #map_canvas { padding-bottom:100%; }
	#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%; }

	#post-entry, #sidebar { width:100%; padding-right:0; }
	.comments-template { margin:0 0 28px; padding:0 0 28px; border-bottom:2px solid #dcdad9; }
	#agents .agent figure { height: auto; }
	#agents .options select { width: 100%; }
}

@media screen and (max-width: 540px) {
	.gform_wrapper .gform_fields li label, .gform_wrapper .gform_fields li .ginput_container {
		width: 100%;
	}
	.validation_message {
		margin-left: 0;
	}
}

@media screen and (max-width:480px) {
	#recaptcha_widget_div #recaptcha_area td.recaptcha_image_cell {
	    width: auto;
	    display: block;
	    float: left;
	    padding: 5px !important;
	}
	#recaptcha_widget_div #recaptcha_table {
	    width: 100%;
	}
	#recaptcha_widget_div #recaptcha_area #recaptcha_image {
	    width: 100% !important;
	}
	#recaptcha_widget_div input#recaptcha_response_field {
	    width: 100% !important;
	}
	#recaptcha_area td {
	    padding: 2px !important;
	}
	#recaptcha_area td .recaptcha_input_area {
	    padding: 5px 0 5px 3px;
	}
	.group { width:90%; margin:0 auto; }
	#current-listings .property a.container, .homepage .suburb-profiles a { padding-bottom:100%; }

	.search-order a { padding:0 7px; }
	.thumbview .listing .container { min-height:inherit; }
	.thumbview .listing .overview { padding:28px; }
	.thumbview .listing .rooms-price { position:static; margin:14px 0 0; }
	.listview .listing figure, .listview .listing .overview { float:none; width:auto; }
	.listview .listing figure { height:auto; padding:0; }
	.listview .listing figure img { position:static; width:100%; height:auto; }
	.listview .listing figure img, .listview .listing:hover figure img { -webkit-transform:none; -ms-transform:none; transform:none; }
	.listview .listing p.description { margin:14px 0; }
	.listview .listing .rooms-price { position:static; }

	#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:#3c3c3c; 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%; }

	#location-info.suburb .section.map #map_canvas { padding-bottom:100%; }

	.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:"; }
}

@media screen and (max-width: 420px) {
	.homepage .carousels li.slide figure, .homepage #recent-sales.carousels li.slide figure { height: auto; }
}