/*
	Theme Name: John Pye
	Theme URI:http://demo.thatid.com/joe/
	Author:Agentpoint
	Author URI:http://agentpoint.com.au/
	Description: John Pye Real Estate
	Tags:responsive design
*/

@import url('css/utilities.css?v=1.000');
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/* ====================================================================================================
												GLOBAL
==================================================================================================== */
html, body { height:100%; -webkit-text-size-adjust:none; }
body { font-size:0.875em; line-height:1.5; color:#243B74; font-family: 'PT Sans',Arial,sans-serif; background: #f1f5f9; -webkit-text-size-adjust:none; }
h1, h2, h3, h4, h5, h6 { line-height:normal; font-weight:400; }
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}

article#entry h1, article#entry h2, article#entry h3,
article#entry h4, article#entry h5, article#entry h6 {color:#f5811f}

a { color:#F5811F; 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}

/* -forms- */
input, 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, textarea {
	box-sizing:border-box; width:100%; height:35px; 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;
}
input[type="radio"] {-webkit-appearance: radio !important;-moz-appearance: radio !important;appearance: radio !important}
input[type="checkbox"] {-webkit-appearance: checkbox !important;-moz-appearance: checkbox !important;appearance: checkbox !important}
input[type="checkbox"], input[type="radio"] { float:left; margin:4px 5px 0 0; }
select { padding:0.5em; color: #243B74}
textarea { resize:none; color: #243B74}
input[type="text"] {color: #243B74}
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;
	background:#243b74; 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:#F5811F; }
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="submit"], input[type="button"] {line-height:normal}

/* -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:#F5811F}
.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 li { float:left}
ul.ui-tabs-nav li a { display:block}
div.ui-tabs-panel { clear:both}

/* -layout- */
#page {max-width:1920px; margin:0 auto; -webkit-transition:transform 0.3s ease; transition:transform 0.3s ease;box-shadow: 0 0 15px #cdcdcd; overflow-x: hidden; }
#page.shrink { -webkit-transform:translate3d(-280px, 0, 0); -ms-transform:translate(-280px, 0); transform:translate3d(-280px, 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:198px 0 253px; }
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:#243B74; }
header#lead.alt h1.page-title span.breadcrumbs a:hover, header#lead.alt h1.page-title span.breadcrumbs span.gt { color:#F5811F; }
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; }
footer[role="contentinfo"] { position:relative; z-index:1; margin:-253px 0 0; background:#373737; color:#fff; border-top: 1px solid #ccc; }

/* -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:-7px; margin-right:-7px; }
[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:7px; padding-bottom:14px; padding-left:7px; }
[class^="grid-"] > .column.full { width:100%; }

.grid-max-2 > .column { width:50%; }
.grid-max-2 > .column:nth-of-type(2n+1) { clear:both; }
.homepage .carousels li.slide { min-height: 388px !important; }
}

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

/* -SECTIONS- */
/* -header- */
#header .hgroup { max-width:1920px; margin:0 auto; padding:7px 0 14px; background:#fff; -webkit-transition:all 0.3s; transition:all 0.3s; }
#header.scrolled .hgroup { border-top:3px solid #f58220; box-shadow:0 0 5px rgba(0, 0, 0, 0.4); }
#header .hgroup .group { width: 92%}
#header .hgroup .logo img { display:block; max-height:100px; max-width: 260px; margin: 0 auto; }
#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:#243B74; }
#sidebar a:hover { color:#F5811F; }

#side_text-3{background:url(images/icons/subcribe-icon.gif) no-repeat 111px 9px; }

/* -footer- */
#footer .group {padding: 20px 50px;position: relative;width: 100%;}
#footer a { color:#fff; }
#footer a:hover { color:#F5811F; }
#footer .magazine { position:absolute; top:14px; right:0; box-shadow:-10px 0 5px #130a01; -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; max-width: 400px; }

#footer .offices p {margin-bottom: 10px;}
#footer .offices span {color: #F5811F;font-weight: bold}
#footer .offices span.name { color:#243b74; }
#footer .offices span.slashes { color:#F5811F; }
ul.telp-fax {margin-bottom: 10px;}
ul.telp-fax li label{display: inline-block;font-weight: bold;text-transform: uppercase;width: 170px;}
ul.telp-fax li > div{display: inline-block;}
#footer .socials {margin-bottom: 50px;padding: 0;text-align: right;}
#footer .socials a { display:inline-block; width:42px; height:42px; margin:0 10px 0 0; line-height:47px; background:#F5811F; text-align:center; }
#footer .socials a:hover { background:#F5811F; }
#footer .socials i.fa { font-size:1.5em; color:#fff; }
#footer .bottom-logo {text-align: right;}
#footer .bottom-logo a{display: inline-block;padding-left: 30px;}
#footer .bottom-logo a.logo-link{padding: 0;}
#footer .bottom-logo img{max-height: 75px;margin-bottom: 20px;width: auto; margin-left: 20px;}
#footer .credit { padding:0px 0 7px; font-size:0.857143em; }
#footer .credit.footer-menu ul { display: inline-flex; }
#footer .credit.footer-menu ul li { font-size: 13px; padding-right: 5px; }
#footer .credit.footer-menu ul li:not(.last) span { border-right: 1px #FFF solid; padding: 0 2px; }

/* -PAGES- */
/* -homepage- */
.homepage .section.tabbed { padding:0 0 48px; }
.homepage .section.tabbed .content-block {display:none}
.homepage .section.tabbed .realty_widget_featured_listings {display:block}

.homepage .section h2.title { margin:0 0 20px; font-size:3em; color:#221202; }
.homepage .section h2.title img {max-width: 100%;}
.homepage .tabbed .tab-nav { margin:0 0 28px; box-shadow:0 -3px 0 #26346c 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; color:#243B74; font-size: 16px; text-transform: uppercase; }
.homepage .tabbed .tab-nav a:hover, #agent .properties .tabs-nav a:hover { opacity:1; filter:alpha(opacity=100); 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; filter:alpha(opacity=100); box-shadow:0 -3px 0 #f58220 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:#243b74; color:#fff; height:400px; width:276px;
	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:#F5811F; color:#fff; }
.homepage .carousels li.slide figure { height: 0;position: relative;overflow: hidden;padding-bottom: 67%;}
.homepage .carousels li.slide figure a {height: 200%;left: -50%;position: absolute;top: -50%;width: 200%;}
.homepage .carousels li.slide figure img {
	bottom: 0;left: 0; width: 51%;margin: auto;min-height: 50%;min-width: 50%;position: absolute;
    right: 0;top: 0; -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 p.suburb { font-size:21px; text-transform: uppercase}
.homepage .carousels li.slide p.address,
.thumbview .listing .overview .address {text-transform: initial; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight:bold }
.homepage .carousels li.slide p.price {font-size: 17px}
.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 .rooms-price .rooms {min-height:21px}
.homepage .carousels li.slide.date p { padding:0 14px; color:#F5811F; }
.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 li.slide .opens {display: inline-block;width: 100%}
.homepage .carousels li.slide .opens .title {float: left;width: 20%}
.homepage .carousels li.slide .opens .dates {color: #ddd;float: left;width: 80%}

.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:#221202; }
.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; }
.homepage .section.video-col {width: 100%;margin: 40px 0;padding: 20px 0 0;border-top: 2px solid #f07d00;border-bottom: 2px solid #f07d00}
.homepage .tabbed .tab-nav a > i {display: block;width: 20px;height: 20px;margin: 0 auto}
.homepage .tabbed .tab-nav a > span {display: block}
.homepage .tabbed .tab-nav a > .i-badge {background: url(images/badge.png) no-repeat center}
.homepage .tabbed .tab-nav a > .i-calendar {background: url(images/calendar.png) no-repeat center}
.homepage .tabbed .tab-nav a > .i-hammer {background: url(images/hammer.png) no-repeat center}
.homepage .tabbed .tab-nav a > .i-key {background: url(images/key.png) no-repeat center}

.video-grid {margin: 0 -10px}
.video-grid:after {display: table;content: "";clear: both}
.video-col .video-col {float: left;margin-bottom: 20px;overflow: hidden;padding: 0 10px;position: relative;width: 33.3334%}
.video-col .video-col span {display: block;height: 0;overflow: hidden;padding-bottom: 63%;position: relative;width: 100%;}
.video-col .video-col img {width: 100%}
.video-col .video-col iframe {height: 100% !important;position: absolute;width: 100% !important;}

.homepage .home-map .home-map-title{background-color: #F5F3F2;color: #243b74;z-index: 3; position: relative;padding: 30px 0 40px; text-transform: none;text-align: center;box-shadow:         0px 10px 14px 0px rgba(50, 50, 50, 0.5);}
.homepage .home-map .home-map-title h1{margin: 0 auto 10px;width: 85%;}
.homepage .home-map .home-map-title h1 span {color: #F5811F; font-weight: bold;}
.homepage .home-map .home-map-title h5{font-size: 1.2em;margin: 0 auto;width: 85%;}
.homepage .home-map .map-wrap {z-index: 1; position: relative;}

/* -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 a { color:#243B74}
#post-entry h2.post-title a:hover { color:#F5811F}
#post-entry p.post-meta { font-size:0.857143em; color:#F5811F}
#post-entry p.post-meta a { color:#F5811F}
#post-entry p.post-meta a:hover { color:#243B74}

/* -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:#243B74; }
.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:#F5811F; }

.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; color: #243b74; 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; }

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

/* -GFORM- */
.gform_wrapper ul {list-style:none;margin: 0}
.gform_wrapper ul li.gfield {display: inline-block;margin: 0 0 15px; width: 100%}
.gform_wrapper ul .gfield_label {font-weight: 600}
.gform_wrapper .gform_description {display: block;font-weight: bold;margin: 0 0 15px}

/* ====================================================================================================
												REALTY
==================================================================================================== */
/* -GLOBALS- */
/* -rooms- */
ul.rooms li { float:left; margin:0 14px 0 0; padding-right:35px; background-position:right center; background-repeat:no-repeat; background-size:30px auto}
.info-window ul.rooms li.bedrooms {background-image:url(images/icn_bed.png)}
.info-window ul.rooms li.bathrooms {background-image:url(images/icn_bath.png)}
.info-window ul.rooms li.carspaces {background-image:url(images/icn_car.png)}
ul.rooms li.bedrooms {background-image:url(images/icn_bed_wh.png)}
ul.rooms li.bathrooms {background-image:url(images/icn_bath_wh.png)}
ul.rooms li.carspaces {background-image:url(images/icn_car_wh.png)}
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:none !important; font-style:inherit}
i.icon-bed:after { content:"  z"}
i.icon-bath:after { content:"  a"}
i.icon-car:after { content:"  q"}

.listings-table td ul.rooms li.bedrooms { background-image:url(images/icn_bed.png)}
.listings-table td ul.rooms li.bathrooms { background-image:url(images/icn_bath.png)}
.listings-table td ul.rooms li.carspaces { background-image:url(images/icn_car.png)}

.property ul.rooms li {font-size:1.71429em; background-size:40px auto; padding-right:45px}
.property ul.rooms li.bedrooms {background-image:url(images/icn_bed.png)}
.property ul.rooms li.bathrooms {background-image:url(images/icn_bath.png)}
.property ul.rooms li.carspaces {background-image:url(images/icn_car.png)}

/* -listing paging- */
#bottom_pagination {clear: both}
.pagination a {
	display:inline-block; width:28px; height:28px; line-height:28px; color:#243B74; font-size:0.857143em;
	text-align:center; background:#eee; border-radius:28px;
}
.pagination a:hover { background:#dcdad9; }
.pagination a.current { background:#F5811F; 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.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 section.bottom { padding:7px 0 0; border-top:1px solid #ddd; }

/* -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:#243B74; opacity:.8; filter:alpha(opacity=80); }
.search-order a.active, .search-order a:hover { opacity:1; filter:alpha(opacity=100); box-shadow:0 -3px 0 #f58220 inset; }

/* -listings- */
.search-toolbar.top { padding:0 0 28px; }
.search-toolbar .count { padding:7px 0 0; }
.search-toolbar ul.tabsnav a, #favourite-property .link-back a {
	width:38px; height:38px; line-height:38px; margin:0 0 0 7px; color:#fff;
	font-size:1.28571em; background:#F5811F; border-radius:100%; text-align:center; display:block
}
#favourite-property .link-back a {margin:0 7px 0 0}
.webkit .search-toolbar ul.tabsnav a, .webkit #favourite-property .link-back a { line-height:40px; }
.search-toolbar ul.tabsnav a i.fa, #favourite-property .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, #favourite-property .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); }

.thumbview .listing .container {
	position:relative; min-height:400px; background:#243b74; 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:#F5811F; color:#fff; }


.thumbview .listing figure { height: 0;position: relative;background-color: #f4f4f4;overflow: hidden;padding-bottom: 67%;}
.thumbview .listing figure a {height: 200%;left: -50%;position: absolute;top: -50%;width: 200%;}
.thumbview .listing figure img {
	bottom: 0;left: 0; width: 51%;margin: auto;min-height: 0;min-width: 50%; display:block; height:auto;
	position: absolute;right: 0;top: 0; -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 .overview .opens {display: inline-block;width: 100%}
.thumbview .listing .overview .opens .title {float: left;width: 20%}
.thumbview .listing .overview .opens .dates {color: #ddd;float: left;width: 80%}

.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 .rooms-price .rooms {min-height: 21px}
.thumbview .listing p.opens span {}
	.thumbview .listing p.opens span.label {}
.thumbview .listing .price {font-size:17px}
.listview .listing { padding:0 0 28px; }
.listview .listing .container {
	position:relative; background:#243b74; 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:#F5811F; color:#fff; }
.listview .listing:hover .container .description > a {color: #243b74}
.listview .listing figure { position:relative; width:34.8736%; height:0; padding-bottom:25.9291%; overflow:hidden; background-color: #f4f4f4;}
.listview .listing figure a {height: 200%;left: -50%;position: absolute;top: -50%;width: 200%;}
.listview .listing figure img { bottom: 0;left: 0; width: auto;height: 50%;margin: auto;min-height: 50%;min-width: 0;position: absolute;right: 0;top: 0; -webkit-transition:all 1.3s; transition:all 1.3s; }
.listview .listing:hover figure img {-webkit-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3);}
.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 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 .rooms-price span {box-sizing: border-box;float: left;text-align: right}
.listview .listing p.opens span { opacity:.7; filter:alpha(opacity=70); }
.listview .listing p.opens span.label { opacity:1; filter:alpha(opacity=100); margin-right:5px }

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

/* -property- */
.property .section.overview { padding:28px 0}
.property .section.overview .block.heading h1.title { margin:0 0 28px; color: #243b74; 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}
.property #property-shortinfo .price {color: #f5811f;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 { 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:13em; padding:14px 14px 63px; color:#fff; background:#243b74; transition:0.4s; -webkit-transition:0.4s}
#agents .agent:hover section {background: #f5811f}
#agents .agent section p.name { font-size:1.42857em; line-height:1.2}
#agents .agent p.role { margin:0 0 14px}
#agents .agent p.email { position:absolute; bottom:14px}
#agents .agent p a { color:#fff}
#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.name { font-size:1.42857em; line-height:1.2}
#agent .details p.role { margin:0 0 14px}
#agent .details p a { color:#243B74}
#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 #ccc}
.listings-table td.col-date { padding:28px 0 7px; font-size:1.42857em; font-weight:300; border-bottom:1px solid #221202}
.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}
.listings-table td a { color:#243B74}
.listings-table td a:hover { color:#F5811F}

/* -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:#F5811F}

/* -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.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 #gallery figure { width:100%; }
#property-media #gallery .container {
	height:0; padding-bottom:75%; overflow:hidden; background-position:center center;
	background-repeat:no-repeat; background-size:cover
}
#property-media #gallery img { width:100%; height:auto; }
#property-media #gallery {position:relative}
#property-media #gallery .cycle-slideshow { position:relative; z-index:0 }
#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;
	filter:alpha(opacity=40); border-radius:14px; background:#fff; box-shadow:0 0 3px #000; cursor:pointer
}
#property-media #gallery .cycle-pager span.cycle-pager-active { opacity:1; filter:alpha(opacity=100); }
#property-media #gallery .direction a {
	color: #fff;font-size: 4em;position: absolute;top: 50%;z-index: 9; opacity:0.75;
	transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%)
}
#property-media #gallery .direction a:hover {opacity:1}
#property-media #gallery .cycle-prev { left:20px; }
#property-media #gallery .cycle-next { right:20px; }

#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:#243B74; 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 #f58220 inset; }

/* -contact agent- */
#property-enquiry .agent { width:50%; }
#property-enquiry .agent .image { width:34.2679%;}
#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 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 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; }
#property-actions a span { display:block; font-size:0.714286em; }
#property-actions a:hover { background:#243b74; color:#fff; }
#property-ofi li { padding:0 0 7px; }
#property-table li { padding:0 0 7px; }
#property-table span.field { font-weight:600; }
#property-table span.field:after { display:inline-block; content:":"; }

/* -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:#F5811F; }
#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:#243B74}
#location-info.suburb .section.overview ul li a:hover { color:#F5811F}
#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; }

/* NEW ADDING */
.homepage-hero {position: relative}
.homepage-hero .image-frame {width: 100%;padding-bottom: 46%;background-repeat: no-repeat;background-position: center;background-size: cover}
.homepage-hero .search-frame {
    position: absolute;left: 0; right: 0;top: 50%;
    max-width: 820px; width: 100%; margin: 0 auto;padding: 10px 20px 18px;
    background: rgba(0,0,0,.4); transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%)
}
*,*:before,*:after {box-sizing: border-box}
.search-frame ul.search-frame-list input[type="text"], .search-frame ul.search-frame-list select {
    height: 50px;color: #243B74;border: 1px solid #26346c;
    font-size: 14px;text-transform: uppercase;box-shadow: none;
}
.search-frame ul.search-frame-list input[type="text"] {padding-left: 20px;padding-right: 20px}
.search-frame ul.search-frame-list .drop-opt select {padding-left: 34px;padding-right: 34px;border-right: 0}
.search-frame ul.search-frame-list li.drop-opt {width: 20%;float: left}
.search-frame ul.search-frame-list li.search-opt {width: 60%;float: left}
.search-frame ul.search-frame-list .checker-opt {color: #fff;margin-top: 20px; text-transform: uppercase;font-size: 12px;font-weight: bold;line-height: 13px}
.search-frame ul.search-frame-list li.submit-opt {width: 20%;float: left}
.search-frame ul.search-frame-list li.submit-opt input[type="submit"] {
    background: #F5811F; width: 100%;height: 50px;border: 1px solid #26346c;
    border-left: 0;font-weight: bold; text-transform: uppercase;box-shadow: none;
    transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
}
.search-frame ul.search-frame-list li.submit-opt input[type="submit"]:hover {
    background: #243B74;transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
}
.search-frame ul.search-frame-list .checker-opt input[type="checkbox"] {margin: 0px 10px 0 0; height: 1.15em; width: 1.15em}
.search-frame ul.search-frame-list:after {display: table;content: "";clear: both}
.search-frame .more-opt {float: right;margin-top: -20px}
.search-frame .more-opt a {color: #fff;text-transform: uppercase;font-size: 12px;font-weight: bold}
.search-frame .more-opt a i.fa {margin-left: 20px;font-size: 15px}
.search-frame .opt-more-opt {padding-top: 20px; width: 100%;}
.search-frame .opt-more-opt > ul li{float: left;padding: 1px;width: 25%;}
.search-frame .opt-more-opt select {box-shadow: none;}
.search-frame ul.search-frame-list input[type="text"]::-webkit-input-placeholder { color: #243B74}
.search-frame ul.search-frame-list input[type="text"]::-moz-placeholder {color: #243B74}
.search-frame ul.search-frame-list input[type="text"]:-moz-placeholder {color: #243B74}
.search-frame ul.search-frame-list input[type="text"]:-ms-input-placeholder {color: #243B74}
select {/*background: url(images/select-icon.png) #fff right center no-repeat*/}
.navbar-head {display: table;width: 100%}
.navbar-head:after {display: table;content: "";clear: both}
.navbar-head > div {display: table-cell; min-width: 200px}
.navbar-head > div.nav-free-report {min-width:215px}
.navbar-head .nav-menu {font-size: 17px;text-align: center;text-transform: uppercase;vertical-align: bottom}
.navbar-head .nav-free-report {color: #243B74;font-size: 24px;text-transform: uppercase;line-height: 1.25}
.navbar-head .nav-free-report strong {color: #F5811F}
.navbar-head .nav-free-report img {margin-right: 5px;vertical-align: bottom}
.navbar-head .nav-phone {font-family: 'Open Sans', sans-serif;font-size: 36px;font-weight: bold;color: #243B74;line-height: 0;width: 1px}
.navbar-head .nav-phone > span {font-size: 25px;color: #F5811F;vertical-align: top;margin-right: 7px}

/* Blog Page */
#blog aside { padding: 10px 20px; border:1px solid #243b74;border-radius: 25px}
#blog aside h3.section-title {border-bottom: 1px dashed #F5811F;padding-bottom: 10px}
#blog aside span.facebook a, #blog aside span.twitter a {width: 35px;height: 35px;display: block;text-indent: -99999px;display: inline-block}
#blog aside #side_search-2 form input#s {width: 68%;}
#blog aside #side_search-2 form p.button {float: right;} 
#blog.blog #post-entry h2.post-title {font-size: 2em}
#blog #post-entry .post {border-bottom: 1px solid #F5811F; clear: both;}
#blog #post-entry p.post-meta {clear: both;}
#blog .post-excerpt p img {display: none;}
#blog .post .image.s-cf, #blog .post .post-excerpt {float: left;}
#blog .post .image.s-cf {width: 25%; padding-right: 20px;}
#blog .post .image.s-cf img {box-shadow: 0 0 9px 2px #888; border-radius: 8px; width: 100%;}
#blog .post:hover > .image.s-cf img {transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); transition: .3s all;}
#blog .post .post-excerpt {width: 75%;}

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

#entry .gform_wrapper.gf_browser_chrome .gform_body ul.gform_fields li.gfield .ginput_container #recaptcha_widget_div #recaptcha_area {width: 100% !important}
.col-2 {width: 50%;float: left;padding: 10px;box-sizing: border-box}
.row {margin: 0 -10px}
.row:after {display: table;content: ""; clear: both}

/*custom*/
.we-support-vid-cont {width: 49%;display: inline-block;padding: 1%}
p.we-support-vid {width: 100%;height: 0;position: relative;overflow: hidden;padding-bottom: 55%}
p.we-support-vid iframe {position: absolute;height: 100%;width: 100%;bottom: 0}
#testimonials article#entry #sfstest-page blockquote:nth-child(2n+2) {}

#testimonials article#entry #sfstest-page blockquote {
    margin:0 0 14px;background-color:#F5F3F2;padding: 14px;
    display:block;width: 100%;-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid; column-break-inside: avoid;
}
#testimonials article#entry #sfstest-page blockquote p {margin: 0 0 10px}
#testimonials article#entry #sfstest-page blockquote p:last-child {margin:0}
#testimonials article#entry #sfstest-page blockquote img {margin:0 0 20px}
#testimonials article#entry #sfstest-page blockquote cite {font-weight:bold}

.book-inspection-button > a {
	display: inline-block;
	background: #F5811F;
	color: #fff;
	padding: 8px 20px;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
}
.book-inspection-button > a:hover {
	background: #243b74;
}

/* ====================================================================================================
												MEDIA QUERIES
==================================================================================================== */
@media screen and (min-width:1920px) {
.thumbview .listing .container {min-height:576px}	
}

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

nav[role="navigation"] { float: none; }
nav[role="navigation"] ul.menu li { position:relative; }
nav[role="navigation"] ul.menu a { display:block; color:#243b74; }
nav[role="navigation"] ul.menu > li { display: inline-block; margin:0 -4p}
nav[role="navigation"] ul.menu > li > a { padding:0 7px; }
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:#F5811F}

nav[role="navigation"] ul.sub-menu {position:absolute; min-width:15em; max-height:0; overflow:hidden; background:#f5f5f5; 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; text-align: left}
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 10px; 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:#fff; color:#F5811F}

.listings-table td.col-times { width:200px}
.listings-table td.col-rooms { width:200px}
.listings-table td.col-agent { width:150px}
} /* end (min-width:1280px) */

@media screen and (min-width:768px) {
#recaptcha_widget_div { width: 480px;}
.s { display:none !important; }
#location-info.suburb .section.overview section:last-child { margin:0; padding:0; border-bottom:none; }
#testimonials article#entry div#sfstest-page {
    -webkit-column-count: 2;-webkit-column-gap: 14px;-webkit-column-fill: auto;
    -moz-column-count: 2;-moz-column-gap: 14px;-moz-column-fill: ;
    column-count: 2;column-gap: 14px;column-fill: auto;
}

.gform_wrapper ul .gfield_label {float: left;margin-right:2%;width: 25%}
.gform_wrapper ul .ginput_container {float: left;width: 73%}
.gform_wrapper ul .ginput_complex {display:inline-block}
.gform_wrapper ul .ginput_complex span {float: left; width: 49%}
.gform_wrapper ul .ginput_complex span.name_first {margin-right: 2%}
.gform_footer {margin-left: 27%}
}

@media screen and (min-width:600px) {
.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; }
#page {overflow-x: visible;}
.navbar-head .nav-menu {display: none;}
#content { min-height:92.1875%; }
div[role="main"] { padding:0 0 253px; }
#header .hgroup .utils, #current-listings .direction, .homepage .carousels .direction, .nav-menu { display:none; }
.toggle-menu { position:absolute; top:0; right:0; color:#F5811F; 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(248, 157, 46,.75)
}
#mobile-tools a.scroll-down { margin:1px 0}
#sidenav {
	position:absolute; top:0; bottom:0; right:0; width:280px; 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:#221202}
#sidenav ul.menu a.toggle-submenu i {height: 40px;line-height: 40px;position: absolute;right: 0;text-align: center;width: 40px; z-index:9}
#sidenav ul.menu > li > a { padding:14px; font-size:1.28571em}
#sidenav ul.menu li:hover > a, #sidenav ul.menu li.shrink > a, #sidenav ul.menu li.current-menu-item > a,
#sidenav ul.menu li.current_page_parent > a, #sidenav ul.menu li.current_page_ancestor > a { background:#e3e1df; color:#f5811f}
#sidenav ul.menu li:hover > a.toggle-submenu:before { color:#F5811F}
#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, #favourite-property .link-back 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:1024px) {
.listview .listing .rooms-price .price_display {/*min-width: 100px*/}
}

@media screen and (max-width:1024px) {
.homepage .carousels li.slide .opens .title, .homepage .carousels li.slide .opens .dates,
.thumbview .listing .overview .opens .title, .thumbview .listing .overview .opens .dates { width:100%}
}

@media screen and (max-width:1023px) {
#blog aside #side_search-2 form input#s {width: 100%;}
#blog aside #side_search-2 form p.button {float: none; margin-top: 5px;}
#blog aside #side_search-2 form p.button input {width: 100%;}

.listview .listing h3.headline { font-size:1.42857em; }
.listview .listing .rooms-price .rooms {padding: 0 0 5px;width: 100%}
.listview .listing .rooms-price .price {width:100%}
.listview .listing .rooms-price .price_display {float: right;min-width: inherit}

.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%; }
.homepage-hero .search-frame {max-width:90%}
}

@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:768px) {
.homepage .home-map .home-map-title h1 {font-size: 2em;}
.homepage .home-map .home-map-title h5 {font-size: 1em;}
#footer .grid-max-2 > .column {width: 100%; padding-left: 0; padding-right: 0;}
#footer .bottom-logo, #footer .socials {text-align: center;}
#footer .bottom-logo img {margin-right: 10px; margin-left: 10px;max-height: 50px;max-width: 120px;}
.search-frame ul.search-frame-list .drop-opt select { padding-left: 17px; }
}
@media screen and (max-width:767px) {
.homepage .section.video-col {margin-top:0}
.navbar-head {display: block;float: right;width: auto;}
.navbar-head > div {clear: both;text-align: right;display: block;float: right;min-width: 200px;vertical-align: middle;}
.navbar-head .nav-phone {font-size: 18px;margin-bottom: 20px;margin-top: 20px}
.navbar-head .nav-phone > span {font-size: 14px;}
.navbar-head .nav-free-report {font-size: 18px;}
.navbar-head .nav-free-report img {width: 30px;}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width: 100% !important;}
#entry .gform_wrapper .ginput_complex .ginput_right input[type=text], #entry .gform_wrapper .ginput_complex .ginput_right input[type=url],
#entry .gform_wrapper .ginput_complex .ginput_right input[type=email], #entry .gform_wrapper .ginput_complex .ginput_right input[type=tel],
#entry .gform_wrapper .ginput_complex .ginput_right input[type=number], #entry .gform_wrapper .ginput_complex .ginput_right input[type=password],
#entry .gform_wrapper .ginput_complex .ginput_right select {
	width: 100% !important;
}
.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:40px; line-height:60px; }
#header .logo img { display:inline; max-width:240px; vertical-align:middle; max-height: 100px;}

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

#favourite-property .link-back {display: inline-block;float: none;text-align: center;width: 100%}
#favourite-property .link-back a {display: inline-block;margin: 0}

#post-entry, #sidebar { width:100%; padding-right:0; }
.comments-template { margin:0 0 28px; padding:0 0 28px; border-bottom:2px solid #dcdad9; }
.video-col .video-col {width: 100%;}
.homepage-hero .search-frame {
	background: #243B74;bottom: auto;left: auto;margin: 0 auto;
	padding:20px;position: relative;right: auto; transform:none; -webkit-transform:none; -ms-transform:none
}
#footer .group {padding: 20px;}
.search-frame ul.search-frame-list .checker-opt {margin-left: auto; margin-right: auto;}
#property-media #gallery .cycle-pager {display:none}
}

@media screen and (max-width:640px) {
.search-frame ul.search-frame-list li.search-opt, .search-frame ul.search-frame-list li.drop-opt, .search-frame ul.search-frame-list li.submit-opt, .search-frame .opt-more-opt > ul li {width: 100%;}
.search-frame ul.search-frame-list .checker-opt {margin: 10px 0;}
.search-frame .more-opt {float: none;margin-top: 0;padding: 10px 0;text-align: right;}
.homepage .home-map .home-map-title h1 {font-size: 1.5em;}
}

@media screen and (max-width:640px) {
.group { width:90%; margin:0 auto; }
}

@media screen and (max-width:480px) {
#recaptcha_widget_div { width: 100%;}
#recaptcha_widget_div #recaptcha_table { width: 100%;}
#recaptcha_widget_div td.recaptcha_image_cell {width: 70%}
#recaptcha_widget_div #recaptcha_image {width: 100% !important;}
#recaptcha_widget_div #recaptcha_challenge_image {width: 100% !important}
#recaptcha_widget_div .recaptcha_input_area {width: 100% !important;}
#recaptcha_widget_div input#recaptcha_response_field {width: 100% !important}
#recaptcha_widget_div td {padding: 2px !important;}
.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 { padding-bottom:67%}
.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:#243b74; 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:"}
#footer .bottom-logo, #footer .socials {text-align: center}
#footer .bottom-logo img {margin-left: 5px;margin-right: 5px;max-height: 50px; max-width: 80px}
.we-support-vid-cont {width: 100% !important;}
}

@media screen and (max-width: 767px) {
.col-2 { width: 100%; }
.search-frame ul.search-frame-list li.submit-opt input[type="submit"]:hover {background: #eaeaea;color: #243b74;text-shadow: 0 1px 1px #fff}

#testimonials article#entry #sfstest-page blockquote {margin:0 0 14px}
}

@media screen and (max-width: 479px) {
.homepage .tabbed .tab-nav a, #agent .properties .tabs-nav a {padding:0 10px}
}