/*
    Theme Name:Elders Shailer Park
    Theme URI:https://demo.thatid.com/eldershailerpark/
    Author:Agentpoint
    Author URI:http://agentpoint.com.au/
    Description:Elders Shailer Park
    Tags:responsive design
*/
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700';
@import url('css/utilities.css?v=1.000');

/* ====================================================================================================
                                                GLOBAL
==================================================================================================== */
* { box-sizing: border-box}
html,
body { height: 100%; -webkit-text-size-adjust: none}
body { font-size: 15px; line-height: 1.5; color: #363636; font-family: "Source Sans Pro", "Helvetica", Arial, sans-serif; background: #fafafa; }
h1,h2,h3,h4,h5,h6 { font-family: "Source Sans Pro", "Helvetica", Arial, sans-serif !important; line-height: normal; font-weight: 400 !important; color: #d41c1c; }
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: #D41C1C; 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}
.col-2 { width: 20%; float: left; padding: 0 15px}

/* -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: 0; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px #ccc inset; outline: none; font: 1em/normal "Source Sans Pro", "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 "Source Sans Pro", "Helvetica", Arial, sans-serif; }
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: "Source Sans Pro", "Helvetica", Arial, sans-serif; background:#d41c1c; border: none; transition: all .5s; -webkit-transition: all .5s; }
a.button { display: inline-block; }
input[type="submit"]:hover,input[type="button"]:hover,a.button:hover,button:hover { background:#DE3A3B}
input[type="submit"]:focus,input[type="button"]:focus,a.button:focus,button:focus { outline: 0; }
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: 0; }

.full-width { max-width: 100%}
.row { margin-left: -15px; margin-right: -15px}
.row:before,.row:after { content: ""; display: table}
.row:after { clear: both}
.clear,.clearer { clear: both; content: ""}
.left { float: left}
img.alignleft { float: left; max-width: 100%; height: auto; margin: 14px 28px 28px 0; }
.right { float: right}
img.alignright { float: right; max-width: 100%; height: auto; margin: 14px 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-uppercase { text-transform: uppercase; }
.text-orange { color: #D41C1C; }
.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; }
.title-with-line { overflow: hidden; text-align: center; }
.title-with-line:before,
.title-with-line:after { background-color: #ddd; content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; width: 50%; }
.title-with-line:before { right: 0.5em; margin-left: -50%; }
.title-with-line:after { left: 0.5em; margin-right: -50%; }
.slides > ul:after { clear: both; content: ""; display: table; padding-bottom: 30px; }

ul.ui-tabs-nav li { float: left; }
ul.ui-tabs-nav li a { display: block; }
div.ui-tabs-panel { clear: both; }

#page { 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; width: 100%; background: #fff}
#header .row {margin:0}
#content { position: relative; z-index: 0; min-height: 100%;background: #fff}

body#about-us, body#testimonials, body#why-elders-shailer-park {background: rgba(0, 0, 0, 0) url("images/home-backgroun-.jpg") no-repeat fixed center top / cover }
body#about-us header#lead, body#testimonials header#lead, body#why-elders-shailer-park header#lead {background:none}
body#about-us #content, body#testimonials #content, body#why-elders-shailer-park #content {background:none}

div[role="main"] { padding: 85px 0 0}
header#lead { padding: 28px 0; background-color: #fff; }
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: #D41C1C}
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}

@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; width: 100%; }
}

#header.scrolled { max-width: 100%; height: auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
#header .hgroup img { display: block; max-height: 70px}
#header.scrolled .hgroup img { transition:0.3s}
#header .logo { padding:10px 0}
#header .logo { width: 20%}
#header .site-menu { width: 68%; padding-left: 20px; }
#header .utils {width: 12%;text-align: center;line-height: 40px}

.utils .socials { padding: 10px 0}
.utils .socials .phone { display: block; line-height: normal; font-size: 18px; }
.utils .socials > a { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; }

.socials .twitter { background: #00aced}
.socials .facebook { background: #3b5998}
.socials .linkedin { background: #007bb6}
.socials .youtube { background: #bb0000}

#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}



.homepage .section.property-management { background: #3a3a3b; color: #fff}
.homepage .section.tabbed { padding: 28px 0 48px; }

.homepage .section .title,
.homepage .section.property-specialist h2.title  { margin: 20px 0; font-size: 3em}

.homepage .section.property-management .title { color: #fff; font-size: 20px; }
.section.property-specialist .title { font-size: 20px; margin-bottom: 0; color: #d41c1c; margin-top: -10px;}

.homepage .tabbed .tab-nav { margin: 0 0 28px; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; }
.homepage .tabbed .tab-nav li { float: none; display: inline-block; }

.homepage .tabbed .tab-nav a,
#agent .tabs-nav a { padding: 0 14px; line-height: 2.42857em; font-size: 18px; font-weight: 600; color: #423b34; opacity: .4; }

.homepage .tabbed .tab-nav a:hover,
#agent .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 .tabs-nav .ui-tabs-active a { opacity: 1; box-shadow: 0 -3px 0 #aaa inset; }

.section.display-our-services { padding: 30px 0; border-top: 1px solid #ddd; }
.slide .slide-image { position: relative; padding-bottom: 100%; overflow: hidden; background: #D41C1C; }
.slide .slide-image img {
    position: absolute;min-width: 50%;min-height: 50%;top: 50%;left: 50%;
    transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
}
.slide .slide-description { padding: 15px; text-align: center; }
.slide .slide-description h5 { color: #D41C1C; font-weight: 700 !important; font-size: 20px; margin-bottom: 15px; }
.slide:hover h5 { color: #fff; }
.homepage .our-services.carousels li.slide:not(.date):hover { background: #D41C1C; }

.section.property-specialist span.icon{
    display: block;width: 60px;height: 60px;border-radius: 50%;
    background-repeat: no-repeat;background-position: 50% 50%;background-color: #ddd;background-size: 100%;
}

.icon-research { background-image: url(images/research.png)}
.icon-analyze { background-image: url(images/analyze.png)}
.icon-invest { background-image: url(images/invest.png)}

.section.property-specialist .parallax-wrap {padding: 50px 0}
.section.property-specialist .par .image, .section.property-specialist .par .text {}
.section.property-specialist .par .text { padding:30px 0 0}
.section.property-specialist .par a.link {color: #363636}
.section.property-specialist .par a.link:hover, .section.property-specialist .par a.link:hover .title {color: #D41C1C}

.homepage .carousels {position: relative}
.homepage .carousels .slides {overflow: hidden;position: relative;width: 100%;z-index: 200}
.homepage .carousels ul.container {position: relative;padding: 15px 0;width: 20000em;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap}
.homepage .carousels li.slide {position: relative;float: left;margin: 0 14px 0 0;color: #363638;transition: all 0.4s;background: #f0f0f0}
.homepage .carousels li.slide:not(.date):hover {background: #D41C1C}
.homepage .carousels li.slide:not(.date):hover,
.homepage .carousels li.slide:not(.date):hover .rooms-price,
.homepage .carousels li.slide:not(.date):hover p.suburb {color: #fff}
.homepage .carousels li.slide .property-row {display: table; width: 100%}
.homepage .carousels li.slide article {
    background: #f5f3f2;
    transition:0.4s;
    border: 14px solid #fff;
    display: table-cell;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 50%;
}

.homepage .carousels li.slide article:hover {
    background: #D41C1C;
}

.homepage .carousels li.slide article .property-wrap * {
    color: #363638;
}

.homepage .carousels li.slide article .property-wrap h2.property-title a {
    color: #D41C1C;
}

.homepage .carousels li.slide article:hover .property-wrap *,
.homepage .carousels li.slide article:hover .property-wrap h2.property-title a {
    color: #ffffff;
}

.homepage .carousels li.slide article .property-image,
.homepage .carousels li.slide article .property-wrap {
    float: left;
    width: 50%;
}

.homepage .carousels li.slide .property-row:nth-child(2) article .property-image,
.homepage .carousels li.slide .property-row:nth-child(2) article .property-wrap {
    float: right;
    width: 50%;
}

.homepage .carousels li.slide article .property-image {
    position: relative;
    min-height: 220px;
    overflow: hidden;
}

.homepage .carousels li.slide article .property-image > a {
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    width: 200%;
}

.homepage .carousels li.slide article .property-image > a img {
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

.homepage .carousels li.slide article .property-image .property-detail {
    background: rgba(255, 255, 255, 0.85);
    bottom: 15px;
    display: table;
    left: 15px;
    opacity: 0;
    position: absolute;
    right: 15px;
    transition: all 0.3s ease-in-out 0s;
    visibility: hidden;
    width: 90%;
}

.homepage .carousels li.slide article:hover .property-image .property-detail {
    opacity: 1;
    visibility: visible;
}

.homepage .carousels li.slide article .property-wrap {
    padding: 30px 20px 50px;
    min-height: 220px;
    position: relative;
}

.homepage .carousels li.slide .property-row article .property-wrap::before {
    border-color: transparent #f5f3f2 transparent transparent;
    transition: all 0.4s ease 0s;
    border-style: solid;
    border-width: 0 18px 18px 0;
    content: "";
    left: -16px;
    position: absolute;
    top: 20px;
    z-index: 10;
}

.homepage .carousels li.slide .property-row article:hover .property-wrap::before {
    border-color: transparent #D41C1C transparent transparent;
}

.homepage .carousels li.slide .property-row:nth-child(2) article .property-wrap::before {
    border-color: #f5f3f2 transparent transparent;
    border-style: solid;
    border-width: 18px 18px 18px 0;
    left: auto;
    right: -16px;
}

.homepage .carousels li.slide .property-row:nth-child(2) article:hover .property-wrap::before {
    border-color: #D41C1C transparent transparent;
    transition: all 0.4s ease 0s;
}

.homepage .carousels li.slide article .property-summary {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 50%;
}

.homepage .carousels li.slide article:hover .property-summary * {
    color: #fff;
}

.homepage .carousels li.slide .property-row:nth-child(2) article .property-summary {
    left: 0;
    right: auto;
}

.homepage .carousels li.slide article .property-summary::before {
    background: url("images/inset_brown.png") repeat-x scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%;
}

.homepage .carousels li.slide .property-featured {
    display: table-cell;
    overflow: hidden;
    height: 360px;
    position: relative;
    vertical-align: top;
    width: 55%;
}

.homepage .carousels li.slide .property-category {
    background: rgba(0, 169, 172, 0.5);
    font-size: 32px;
    left: 0;
    padding: 10px 30px;
    position: absolute;
    top: 0;
    color: #fff;
    font-weight: 300;
}

.homepage .carousels li.slide .property-wrap {
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 45%;
}

.homepage .carousels li.slide .property-title {
    font-size: 1.2em;
    color: #D41C1C;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
}

.homepage .carousels li.slide .property-title a {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.homepage .carousels li.slide .property-excerpt {
    padding: 15px 0;
}

.homepage .carousels li.slide .property-summary {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

.homepage .carousels li.slide .property-detail {
    bottom: 10px;
    display: block;
    font-size: 18px;
    left: 0;
    line-height: 30px;
    padding: 0 18px;
    position: absolute;
    width: 100%;
}

.homepage .carousels li.slide .property-detail ul.rooms {
    background: rgba(0, 0, 0, 0) url("images/inset_brown.png") repeat-x scroll 0 0;
    clear: both;
    float: left;
    font-size: 12px;
    line-height: 1;
    padding-top: 10px;
    width: 100%;
}

.homepage .carousels li.slide .property-detail .property-price {
    clear: both;
    float: left;
    padding-top: 5px;
    width: 100%;
}

.homepage .carousels li.slide .property-detail > div.size {
    width: 50%;
}

.homepage .carousels li.slide .property-detail > div.bathrooms {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.homepage .carousels li.slide .property-detail > div > span {
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 0;
}

.homepage .carousels li.slide .property-detail > div > span > span {
    background: none !important;
    padding: 0;
}

.homepage .carousels li.slide .property-detail > div.size span {
    background-image: url(images/icons/large-home.png);
}

.homepage .carousels li.slide .property-detail > div.bedrooms span {
    background-image: url(images/icons/bed-24.png);
}

.homepage .carousels li.slide .property-detail > div.bathrooms span {
    background-image: url(images/icons/bath-24.png);
}

.homepage .carousels li.slide .property-info {
    border-radius: 0;
    display: table;
    width: 100%;
}

.homepage .carousels li.slide .property-info > div {
    display: table-cell;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
    vertical-align: middle;
    width: 50%;
}

.homepage .carousels li.slide .property-info .property-price {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1;
    text-align: left;
}



.homepage .carousels li.slide .property-info .property-action {
    padding: 0;
}



.homepage .carousels li.slide .property-featured > a {
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    width: 200%;
}

.homepage .carousels li.slide .property-featured a img {
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

.homepage .carousels li.slide figure {
    height: auto !important;
    background: #fff;
    overflow: hidden;
    position: relative;
}
.homepage .carousels li.slide figure .price {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #D41C1C;
    color: #fff;
    font-size: 22px;
}
.homepage .carousels li.slide figure .price > span {display: inline-block;vertical-align: top;padding: 0 2px 0 5px;font-size: 14px}
.homepage #recent-sales.carousels li.slide figure {height: 43%}
.homepage .carousels li.slide figure img {display: block;max-width: 100%;height: auto !important;-webkit-transition: all 1.3s; transition: all 1.3s}
.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;color: #363636}
.homepage .carousels li.slide section > p {color: #8d8d8d; transition:0.3s}
.homepage .carousels li.slide:hover section > p {color:#fff}
.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;
    color: #D41C1C; min-height:37px
}


.homepage .carousels li.slide.date p {padding: 0 14px}
.homepage .carousels li.slide.date p.day {padding: 14px 14px 28px;font-size: 1.5em}
.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}

#home .homepage .carousels .direction,
#home #team_member .direction { width: 100%}
.homepage .carousels .direction:hover,
#team_member .direction:hover {background: transparent}
.homepage .carousels .direction a,
#team_member .direction a {
    display: block;
    position: absolute;
    top: 50%;
    width: 63px;
    height: 85px;
    line-height: 85px;
    margin: -68px 0 0;
    *font-size: 3em;
    color: #666;
    text-align: center;
}

.homepage .carousels .direction a.prev,
#team_member .direction a.prev {
    right: 100%;
}

.homepage .carousels .direction a.next,
#team_member .direction a.next {
    left: 100%;
}

.homepage .carousels .direction a:hover,
#team_member .direction a:hover {
    color: #363638;
}

.homepage .carousels .url {
    padding: 14px 0 0;
}


.homepage .parallax {
    width: 100%;
    margin-bottom: 30px;
    background: rgba(0, 0, 0, 0) none no-repeat fixed 50% 0 / cover;
}
.parallax-wrap-full {
    width: 100%;
}
.parallax-wrap {
    margin: 0 auto;
    position: relative;
    padding: 80px 0;
    width: 85%; max-width:1920px
}

.parallax-wrap .par {
    box-sizing: border-box;
    float: left;
    padding: 0 15px;
    width: 33.333%;
    text-align: center;
}


.parallax-wrap .par .image {
    font-size: 32px;
}

.parallax-wrap .par .image .fa {
    background: #d41c1c;
    border:10px solid #e71717;
    border-radius: 50%;
    color: #fff;
    font-size: 1.75em;
    height: 120px;
    line-height: 100px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 120px;
}

.parallax-wrap .par:hover .image .fa {
    background: #e71717;
    border-color: #d41c1c;
}

.parallax-wrap .par .homepage-text {
    margin-bottom: 30px;
}


/* -homepage section property-management */
.section.property-management .parallax-wrap .par > .image {
    position: relative;
    height: 0;
    padding-bottom: 56%;
    overflow: hidden;
}

.section.property-management .parallax-wrap .par > .image img {
    height: 150%;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);
    width: auto;
}

.section.property-management .parallax-wrap .par a.link {
    font-family: "Source Sans Pro", "Helvetica", Arial, sans-serif;
    font-size: 14px;
    line-height: 2.5em;
    display: block;
    height: 2.5em;
    margin: 0;
    padding: 0 1.5em;
    transition: background-color 0.3s ease-in;
    border: none;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) inset, 1px 1px 1px rgba(255, 255, 255, 0.3) inset;
}
.section.property-management .parallax-wrap .par a.link:hover {color: white}
.section.property-management .parallax-wrap .par a.link i {
    transform: translate(3px, 1px); -webkit-transform:translate(3px, 1px); -ms-transform:translate(3px, 1px);
}

.homepage .our-services ul:after {
    content: "";
    display: table;
    clear: both;
}

.homepage .section.video p {
    padding: 15px 0;
}

/*.homepage .section.video {background:#de3a3b;padding: 30px 0}
.homepage .section.video .title-with-line {color:#fff}
.homepage .section.video .title-with-line::before, .homepage .section.video .title-with-line::after {background: #fff}*/

/* -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: #423b34; }
#post-entry h2.post-title a:hover { color: #D41C1C; }
#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; }
#entry .re-table {clear: both;}

/* -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: #D41C1C; }
.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: #363638; }

/* -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;
}
#home .video-wrap {
    position: relative;
    padding-bottom: 57.25%;
    overflow: hidden;
}
#home .video-wrap > iframe {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    display: block;
}

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

/* -pages guardian property specialist */
.grid-max-2 > .column.image-post img {
    margin: auto;
    display: block;
}
.grid-max-2 > .column.description-post {
    padding-top: 15px;
}
@media (min-width: 768px){
    .grid-max-2 > .column.image-post {
        width: 8%;
    }
    .grid-max-2 > .column.description-post {
        width: 92%;
    }
}
@media (min-width: 480px){
    .grid-max-2 > .column.image-post {
        width: 15%;
    }
    .grid-max-2 > .column.description-post {
        width: 85%;
    }
}
@media (max-width: 568px){
    .grid-max-2 > .column.image-post,
    .grid-max-2 > .column.description-post {
        width: 100%;
    }
}

/* -BOX WITH FLEX */
#thumbnail-mode.with-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#thumbnail-mode.with-flex .listing {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* ====================================================================================================
                                                REALTY
==================================================================================================== */

/* -GLOBALS- */

/* -rooms- */
ul.rooms {}
ul.rooms:after {
    clear: both;
    content: "";
    display: table;
}
ul.rooms li { float: left; margin: 0 14px 0 0; }
ul.rooms li:after {font-family: fontawesome; margin-left:3px}
ul.rooms li:last-child { margin: 0; }
ul.rooms li i { display: none}

ul.rooms li.bedrooms:after {content:"\f236"}
ul.rooms li.bathrooms:after {content:"\f2cd"}
ul.rooms li.carspaces:after {content:"\f1b9"}



.property-detail span.icon_bathroom,
.property-detail span.icon_bedroom {
    display: inline-block;
    height: 24px;
    margin-left: 5px;
    vertical-align: middle;
    width: 24px;
}

.property-detail span.icon_bathroom {
    background-image: url(images/icons/bed-24.png);
}

.property-detail span.icon_bedroom {
    background-image: url(images/icons/bath-24.png);
}

/* -listing paging- */
.page_toolbar {
    text-align: center;
}

.pagination a,
.page_toolbar 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,
.page_toolbar a:hover {
    background: #dcdad9;
}

.pagination a.current, .pagination a.current_page_link, .page_toolbar a.current_page_link {
    background:#d41c1c;
    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,
.page_toolbar > p {
    display: inline-block;
}

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

/* -info window- */
.info-window { width: 280px; font-size: 14px; font-family: "Source Sans Pro", "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; }


#return {
    color: #ff0000;
}

/* -PAGES- */
/* -search results- */
.search_results #lead .search form { max-height: none; }
.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 #363638 inset; }

/* -listings- */

.search-toolbar.top { padding: 0 0 28px; }
.search-toolbar .count { padding: 7px 0 0; }

.search-toolbar ul.tabsnav a { width: 38px; height: 38px; line-height: 42px; margin: 0 0 0 7px; color: rgba(255, 255, 255, 0.6); font-size: 1.28571em; background: #363638; 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; background:#d41c1c }
.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 { position: relative; }

.thumbview .listing .container {
    position: relative;
    min-height: 30em;
    background: #f5f3f2;
    color: #363638;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 6px rgba(0, 0, 0, 0.04);
    transition: all 0.4s;
}

.thumbview .listing .container * {
    color: #363638;
}
.thumbview .listing .container .rooms li {
    color: #D41C1C;
}
.thumbview .listing:hover .container .rooms li {
    color: #fff;
}

.thumbview .listing:hover .container {
    background: #D41C1C;
    color: #fff;
}
.thumbview .listing:hover .container * {
    color: #fff;
}


.thumbview .listing .container .book_inspection {padding:0 14px}
.thumbview .listing .container .book_inspection .bai_btn {display: block;text-align: center}
.thumbview .listing:hover .container .book_inspection .bai_btn {background: #dd3637}

.thumbview .listing figure {
    position: relative;
    height: 0;
    padding-bottom: 67.25%;
    overflow: hidden;
}

.thumbview .listing figure > a {
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    width: 200%;
}

.thumbview .listing figure > a img {
    bottom: 0;
    height: 50%;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.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 .overview ul * {transition:0.5s}

.thumbview .listing p.suburb {
    font-size: 1.42857em;
    color: #363636;
}

.thumbview .listing p.address {
}

.thumbview .listing .rooms-price {
    position: absolute;
    bottom: 14px;
    left: 14px;
    right: 14px;
    padding: 14px 0 0; min-height:60px;
    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;
}

.span6.findApply {
    padding-top: 10px;
}

.hideApply img {
    max-width: 100%;
}

.listview .listing {padding: 0 0 28px}
.listview .listing .container, .location-list .location-wrap {position: relative;background: #f5f3f2;color: #363638;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 6px rgba(0, 0, 0, 0.04);transition: all 0.4s}
.listview .listing .container a, .location-list .location-wrap a {color: #D41C1C;}
.overview.borderbox.right > a {height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 100}
.location-list .location-wrap {margin-bottom: 28px}
.listview .listing:hover .container, .location-list .location-wrap:hover {background: #D41C1C;color: #fff}
.listview .listing:hover .container *, .location-list .location-wrap:hover * {color: #fff}
.listview .listing figure, .location-list .location-wrap .image {position: relative;width: 34.8736%;height: 0;padding-bottom: 25.9291%;overflow: hidden}
.location-list .location-wrap .image {float: left;box-sizing: border-box}

.listview .listing figure img,
.location-list .location-wrap .image 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, .location-list .location-wrap:hover .image img {
    -webkit-transform: scale(1.2) translateX(-41%);
    -ms-transform: scale(1.2) translateX(-41%);
    transform: scale(1.2) translateX(-41%);
}

.ribbon {position: absolute;left: 10px;top: 10px}
.ribbon.sold {background: url("images/sticker-sold.png?v=2.00") no-repeat scroll 0 0 / 100% auto}
.ribbon.new {background: url("images/sticker_just_listed.png?v=1.00") no-repeat scroll 0 0 / 100% auto}
.ribbon.leased {background: url(images/sticker-leased.png?v=2.00) 0 0 no-repeat;background-size: 100%}
.ribbon.under_offer {background: url(images/sticker_offer.png?v=2.00) 0 0 no-repeat}
.ribbon.open_home {background: url(images/sticker_open.png?v=2.00) 0 0 no-repeat}
.ribbon a {display: block;height: 91px;width: 91px}
.ribbon.sold a,
.ribbon.new a {height: 91px;width: 91px}

.listview .listing .overview, .location-list .location-wrap .location-desc {width: 65.0392%;padding: 28px}
.location-list .location-wrap .location-desc {float: right;box-sizing: border-box}
.location-list .location-wrap .location-desc h2 {color: #D41C1C}
.location-list .location-wrap:hover .location-desc * {color: #FFF}
.location-list .location-wrap .location-desc p.view-more {padding-top: 20px}
.location-list .location-wrap .location-desc p.view-more a {background-color: #D41C1C;color: #fff;display: inline-block;padding: 5px 12px;text-transform: uppercase}
.location-list .location-wrap:hover .location-desc p.view-more a {background-color: #fff;color: #D41C1C}

.listview .listing h3.headline {margin: 0 0 14px}
.listview .listing h3.headline a {color: #D41C1C}
.listview .listing p.description {margin: 14px 0 0}
.listview .listing p.address {transition:0.5s}
.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 .section.overview {padding: 28px 0}
.property .section.overview .block.heading h1.title {color: #D41C1C;font-size: 1.5em;font-weight: bold;margin: 0 0 28px}
.property .section.overview .block.left {width: 67%;padding-right: 126px}
.property .section.overview .block.right {width: 33%}
.property .section.overview .property-block {margin: 0 0 28px;padding: 0 0 28px;border-bottom: solid 1px #ccc}
.property .section.overview .property-block.realty_widget_contact_agent,
.property .section.overview .property-block.realty_widget_property_table {border-bottom: none}
.property .section.overview h3.section-title {margin: 0 0 14px;font-size: 1.71429em}
.property .section.overview .similar-listing {display: inline-block;width: 100%}
.property #similar_listings h2.section_title {font-size: 1.71429em;margin: 0 0 14px}

#similar_listings .thumbview .listing .container {min-height: 22em}
#property-description p.head {font-size: 1.2em;font-weight: bold;margin: 0 0 1em;text-transform: capitalize}

#side_realty_widget_location_info_suburb h3 {font-size: 1.71429em;margin: 0 0 14px}
#side_realty_widget_location_info_suburb img {width: 100%}

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

.testimonials .item {border-bottom: 1px dotted #eaeaea;margin: 0 0 20px;padding: 0 0 20px;text-align: justify}
.testimonials .item .name {text-align: right}

#agents .options {position: relative;margin: 0 0 28px;text-align: center}
#agents .options select {width: 25%}
#agents .options .loading {position: absolute;top: 4px}
#agents .agent figure { overflow:hidden}
#agents .agent figure a {display: block; position:relative;height: 0;overflow: hidden;padding-bottom: 125%;background-repeat:no-repeat; background-position: center top;background-size:cover}
#agents .agent figure img {display: none;height: 100%;position: absolute;width: auto}
#agents .agent:hover figure a {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05)}
#agents .agent section {position: relative;min-height: 12em;padding: 14px;background: #f5f3f2;color: #363638;transition:0.4s}
#agents .agent:hover section {background: #D41C1C;color: #fff}
#agents .agent:hover * {color: #fff}
#agents .agent section p.name {font-size: 1.42857em;line-height: 1.2}
#agents .agent p.role {margin: 0 0 10px; transition:0.5s; min-height:30px}
#agents .agent p a {color: #363638}
#agents .agent p i.fa {width: 20px; transition:0.5s}
#agent {position: relative}
#agent .section {margin: 0 0 28px}
#agent .section h2.section-title, #agent p.title {margin: 0 0 28px;font-size: 3em;text-align: center}
#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: #423b34}
#agents .agent:hover section p.name a,
#agent .details p:hover a {color: #fff}
#agent .details p i.fa {width: 20px}
#agent .description {width: 75%;padding: 0 0 0 28px}
#agent .tabs-nav {margin: 0 0 28px;box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;text-align: center}
#agent .tabs-nav li {display: inline-block;float: none}
#agent .tabs-nav li.active a {opacity: 1;box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset}
#agent .tabs-nav li a {display: block}
#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}
#agent .profile .info {width: 100%;float: none;text-align: center;margin-bottom: 20px}
#agent .profile .info img {max-width: 300px}
#agent .profile aside {width: 100%;float: none}
#agent > .overview {margin-bottom: 20px;padding: 40px 0}
#agent .recaptchatable {line-height: 0.5 !important}


.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}
.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: #423b34}
.listings-table td a:hover {color: #D41C1C}

.clc ul li {margin: 0 0 10px}
.clc ul li:after {clear: both;content: "";display: table}
.clc h4 {margin-bottom: 20px}
.clc ul li input[type="number"] {border:none;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px #ccc inset;height: 2.5em;padding: 0 0.8em}

#current-listings .property {width: 100%}
#current-listings .property a.container {display: block;width: 100%;height: 0;padding-bottom: 47.619%;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 .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: #D41C1C}

#home .direction, .property .direction {
    color: #fff;cursor: pointer;font-size: 5em;position: absolute;text-align: center;top: 50%;width: 75px;z-index: 102;
    transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
}

.direction:hover {color: #fff;background: rgba(0, 0, 0, .4)}
.cycle-prev {left: 0}
.cycle-next {right: 0}

.quicksearch-1 {max-height: 0;-webkit-transition-duration: .3s;transition-duration: .3s}
.quicksearch-1.shrink {max-height: 5em}
form.quicksearch-1 {margin-left: -10px;margin-right: -10px;}
.quicksearch-1 .field {padding: 0 10px;width: 15%}
.quicksearch-1 #price_for_sale, .quicksearch-1 #house_rooms {padding: 0}
.quicksearch-1 #price_for_sale,
.quicksearch-1 #house_rooms {width: 25%}
.quicksearch-1 .button {width: 15%}
.quicksearch-1 .state {width: 20%;padding-right: 10px;padding-left: 10px}

@media (max-width: 767px) {
.quicksearch-1 .state {padding: 0 0 10px}
.quicksearch-1 #price_for_sale, .quicksearch-1 #house_rooms {padding: 0 0 14px;margin: 0 -10px}
}

.quicksearch-1 #price_for_sale .wrapper-price select,
.quicksearch-1 #house_rooms .wrapper-rooms select {float: none}
.quicksearch-1 #price_for_sale .wrapper-price,
.quicksearch-1 #house_rooms .wrapper-rooms {width: 50%;padding: 0 10px;float: left}
.quicksearch-1 .field select, .quicksearch-1 .field input[type="submit"] {width: 100%}

#property-media #gallery figure {width: 100%}
#property-media #gallery .container {height: 0;padding-bottom: 42%;overflow: hidden; text-align:center; position:relative}
#property-media #gallery .container > a {
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 42%;
    width: 100%;
}
#property-media #gallery img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);
    width: 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;background-color: #D41C1C}
#property-media #gallery .cycle-prev {left: 0}
#property-media #gallery .cycle-next {right: 0}
#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 #363638 inset}
#property-address-icon {padding: 2.25em 6%;background-color: #f7f7f7;font-size: 0.75em}
#property-address-icon::after {clear: both;content: "";display: table}
#property-address-icon .address-wrap {border-bottom: 0 none;display: block;float: left;margin-bottom: 0;margin-right: 2%;padding-bottom: 0;width: 70%}
#property-address-icon .icon {display: block;float: left;margin: 0;text-align: right;width: 28%}
#property-address-icon .icon ul {display: inline-block;text-align: right;float: none}
#property-address-icon .icon ul li {display: inline-block;line-height: 24px;min-height: 24px;margin-right: 1.2em;font-size: 18px}
#property-address-icon .icon ul li.last {margin-right: 0}
#property-address-icon .icon ul li i {display: none}

#property-address-icon .book_inspection {
	margin:15px 0 0;
    float: left;
    text-align: right;
    width: 28%;
}
.book_inspection a.bai_btn {
    background: #d41c1c;
    color: #fff !important;
    font-size: 16px;
    padding: 10px 20px;
}
.book_inspection a.bai_btn:hover {
    background: #dd3637;
}

#property-address-icon .suburb {color: #D41C1C; font-size:2.5em}
#property-address-icon .suburb, #property-address-icon .address {line-height: 1.25;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
#property-address-icon .address {font-size: 2em}

#property-enquiry .agent {width: 50%;margin: 1.5em 0}
#property-enquiry .agent::after {clear: both;content: "";display: table}
#property-enquiry .agent .image {width: 29.6291%;height: 0;padding-bottom: 29.6291%;overflow: hidden;margin-right: 2.35765%}
#property-enquiry .agent .image img {display: block;width: 100%}
#property-enquiry .agent .overview {display: block;float: left;margin-left: 2.13245%;margin-right: 0;padding: 0 0.5em;width: 65.8808%;position: relative}
#property-enquiry .agent .overview p.name {margin: 0 0 7px;font-size: 1.2em}
#property-enquiry .agent .overview i.fa {display: inline-block;width: 20px}
#property-enquiry .agent .overview i.fa.fa-envelope {font-size: 0.875em}

#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}
#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: #363638;background: #f5f3f2}
#property-actions a.gallery-item {display: initial;padding: 0}
#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: #D41C1C;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: ":"}
#property-map #map_canvas {padding-bottom: 33%}

#location-info.suburbs .suburb a {display: block;position: relative;color: #fff}
#location-info.suburbs .suburb a:hover {color: #D41C1C}
#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)}
#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: #D41C1C}
#location-info.suburb .section.map {margin: 28px -8.80558% -28px}
#location-info.suburb .section.map #map_canvas {padding-bottom: 33%}

#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}
.list-text {padding: 10px;background: #ddd;margin: 0 0 15px;border-radius: 7px}
.list-text strong {display: inline-block;font-size: 120%;margin: 0 0 5px}

#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}
.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}
.gform_wrapper .gfield_required {color: #e00}
.gform_footer {padding-left:30%}

#entry .recaptchatable #recaptcha_response_field {font-size: inherit;border: 1px solid #eee !important}
#location_info ul.ui-tabs-nav {margin: 0 0 28px;box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;text-align: center}
#location_info ul.ui-tabs-nav li {float: none;display: inline-block}
#location_info ul.ui-tabs-nav a {padding: 0 14px;line-height: 2.42857em;color: #423b34;opacity: .4}
#location_info ul.ui-tabs-nav a:hover {opacity: 1;box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset}
#location_info ul.ui-tabs-nav .ui-tabs-active a {opacity: 1;box-shadow: 0 -3px 0 #aaa inset}

.location-image .image {float: left;padding: 0 15px 15px 0}

.map-image {margin-bottom: 20px}
.map-image img {width: 100%;display: block}

table.results tr {border-bottom: 1px solid #ccc}
table.results tr.th {border-bottom: 1px solid #363638}
table.results th {text-align: left;padding-left: 0}
table.results td {padding-left: 0}
table.results td.td_view {padding-left: 0;padding-right: 0;text-align: right}

div[role="main"] > .group {padding: 30px 0}
#blog aside#sidebar {float: left;padding-right: 30px}
#blog aside#sidebar .side-block ul {list-style: outside none none;margin: 0 0 15px}
#blog aside#sidebar .side-block ul li {border-bottom: 1px solid #f5f3f2}
#blog aside#sidebar .side-block ul li a {background-color: #f9f9f9;display: block;padding: 5px 10px}
#blog aside#sidebar .side-block ul li a:hover {background-color: #D41C1C;color: #fff}
#blog .main-content > .post {border-bottom: 4px solid #f5f3f2;margin-bottom: 20px}
#blog .main-content > .post header {display: inline-block;width: 100%}
#blog .main-content > .post header h3 {font-size: 1.3em}
#blog .main-content > .post article.entry {margin-bottom: 10px}
#blog .main-content > .post .image {float: left;background-color: #f5f3f2;height: 0;overflow: hidden;padding-bottom: 20%;position: relative;width: 25%}
#blog .main-content > .post .image span {height: 200%;left: -50%;position: absolute;top: -50%;width: 200%}
#blog .main-content > .post .image span img {bottom: 0;height: 50%;left: 0;margin: auto;min-height: 50%;min-width: 0;position: absolute;right: 0;top: 0}
#blog .main-content > .post span.more-link {display: block;padding-top: 20px}
#blog .main-content > .post span.more-link a {background-color: #D41C1C;color: #fff;display: inline-block;padding: 5px 12px;text-transform: uppercase}
#blog .main-content > .post footer {display: inline-block;margin-bottom: 3px;width: 100%}

.thumbview .listing .overview {position: relative}
#our-sales-team .thumbview .listing .overview {position: static}

/*.overview .book_inspection {position: absolute;right: 10px;top: -35px}
.overview .book_inspection a.bai_btn {display: inline-block;background: #D41C1C;padding: 5px 10px;font-size: 11px;color: #fff;font-family: 'Arial', verdana, sans-serif}
.overview .book_inspection a.bai_btn:hover,
#property-media .book_inspection_individual a:hover {background: #03bfc2}*/

.overview .book_inspection {display: block;margin: 15px 0 0}
.overview .book_inspection a.bai_btn {display:inline-block}
.listview .listing:hover .container  a.bai_btn {background:#DD3637}

#property-media .book_inspection_individual {float: right;margin-top: 10px}
#property-media .book_inspection_individual a {display: inline-block;background: #D41C1C;padding: 7px 18px;font-size: 12px;color: #fff;font-family: 'Arial', verdana, sans-serif;text-transform: capitalize}
.homepage .carousels li.slide figure a {display: block;position: relative;padding-bottom: 76.25%}
.homepage .carousels li.slide figure a img {
	height: 100% !important;max-width: none;width: auto;position: absolute;left: 50%;top: 50%;
	-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}

@media (max-width: 1152px){
body#contact .tile, .map-group > div {float: none;width: 100%}
}

ol.cf-ol {list-style-type: none;margin: 0}
ol.cf-ol > li {margin-bottom: 10px}

footer[role="contentinfo"] {position: relative;z-index: 1;*margin: -253px 0 0;background: #111;color: #fff}
#footer .section.credit {padding-top: 10px;padding-bottom: 10px}
#footer .section.footer-widget {padding-top: 30px;padding-bottom: 30px}
#footer .section.footer-widget .row {display: flex;justify-content: center}

#footer .section .title, #footer .section-title {color: #fff;margin: 15px 0;padding: 15px 0;font-size: 15px;font-weight: 600!important}
#footer .section label.title {display: block;padding-bottom: 0}
.footer-widget .col-2 {width: 30%}
#footer a, #footer .section.credit {color: #fff}
#footer a:hover {text-decoration: underline}
#footer .logo1 img{max-width: 95%;display: inline-block; margin: 0 0 15px}
#footer form input[type="text"],
#footer form input[type="submit"] {float: left}
#footer form input[type="text"] {width: 65%}
/*#footer form input[type="submit"] { width: 35%}*/
#footer .offices .fa {width: 18px}
#footer .credit {background:#d41c1c;font-size: 0.857143em}

@media (min-width: 768px) and (max-width: 1024px) {
.quicksearch-1 #price_for_sale, .quicksearch-1 #house_rooms {width: 50%;padding: 0 0 14px}
.quicksearch-1 .button {width: 100%}
.quicksearch-1 .state, .quicksearch-1 .suburb {width: 50%;		padding: 0 10px 14px 10px}

.footer-widget .col-2 { padding:0 10px}
.footer-widget .footer-logo {width: 25%}
.footer-widget .footer-widget-office {width: 45%}
.footer-widget .footer-widget-form {width: 30%}
}

@media (max-width: 767px){
#footer .col-2 {width: 100%}
#footer .section.footer-widget .row {display: block}

#property-media #gallery .container, #property-media #gallery .container > a {padding-bottom:75%}
#property-address-icon .book_inspection {
    clear: both;
    text-align: left;
    width: 100%;
}

#property-address-icon .book_inspection .bai_btn {
    box-sizing: border-box;
    display: block;
    text-align: center;
    width: 100%;
}
}

iframe[id^='twitter-widget-'] {width:100% !important;max-width:none !important;max-height:none !important}

.validation_error {color: red}
.validation_message {color: red;font-style: italic}
.gfield_description.validation_message {padding-left: 30%!important}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background: transparent !important;border-top: 0 transparent !important;border-bottom: 0 transparent !important}
.gform_wrapper ul.gform_fields li.gfield {padding-right: 0 !important}
.gform_confirmation_message {color:#D41C1C;font-weight: bold}

#contact-us .contact_form {border-top: 1px dashed #f6f6f6;margin: 20px 0 0;padding: 20px 0 0}

.social-media-outer {margin: 50px 0;background-color: #f5f3f2;padding: 35px 0}
.social-media-outer:after {clear: both;content: "";display: table}
.section.social-media {font-size: 0;text-align: center}
.section.social-media .row .side-block {width: 25%;padding: 0 15px;display: inline-block;margin-top: 15px;margin-bottom: 15px;vertical-align: top;float: none}

.social-media h2 {display: none}
.social-media .textwidget{background: #fff;padding: 10px;height: 370px;overflow-x: hidden;overflow-y: scroll}
.widget-easy-twitter-feed-widget-global-wrapper {overflow-y: visible !important}
.pw-wrap.pw-widget.pw-profile-widget {overflow-y: initial !important}
.social-media > .side-block #news_articles_ul {background: #fff;padding: 10px;margin: 8px;height: 370px;overflow-x: hidden;overflow-y: scroll;border: 1px solid #D41C1C}

#footer .footer-logo form input[type="text"] {width: 100%}
.footer-logo .gform_wrapper .gform_fields li label {display: block;width: 100%; padding:0}
.footer-logo .gform_wrapper .gform_fields li .ginput_container {width: 100%}
#footer .footer-logo form input[type="text"] {padding: 0; background-color: transparent;border: 0;border-bottom: 1px solid #fff;box-shadow: none;color: #fff}
.footer-logo .gform_wrapper textarea.medium {background-color: transparent;border: 0;border-bottom: 1px solid #fff;box-shadow: none;color: #fff;padding-left: 3px}
.footer-logo .gform_footer { padding-left:0; }
#footer .footer-logo form input[type="text"]:focus, .footer-logo .gform_wrapper textarea.medium:focus {outline: -webkit-focus-ring-color auto 5px;outline-offset: -2px;outline-color: white}

/* ====================================================================================================
                                                MEDIA QUERIES
==================================================================================================== */
@media screen and (min-width:1152px) {
.m, .t {display: none !important}
.toggle-menu {display: none}
nav[role="navigation"] ul.menu li {position: relative;line-height: normal}
nav[role="navigation"] ul.menu > li {line-height: 90px;float: left}
nav[role="navigation"] ul.menu > li > a {padding: 0 20px;font-size: 16px}
nav[role="navigation"] ul.menu > li:hover > a,
nav[role="navigation"] ul.menu > li.current-menu-ancestor > a,
nav[role="navigation"] ul.menu > li.current-menu-parent > a,
nav[role="navigation"] ul.menu > li.current-menu-item > a {border-bottom: 2px solid #D41C1C;color: #D41C1C}
nav[role="navigation"] ul.sub-menu {position: absolute;min-width: 15em;max-height: 0;overflow: hidden;background: #D41C1C;box-shadow: 0 0 2px 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 {display: block;padding: 7px 21px;font-size: 0.9em;white-space: nowrap;color: #fff}
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: #999}

.listings-table td.col-times {width: 230px}
.listings-table td.col-rooms {width: 150px}
.listings-table td.col-agent {width: 150px}
}

@media screen and (min-width:1024px) {
.calculator_property .clc {box-sizing: border-box;float: left;width: 50%}
.calculator_property #stamp_duty_calculator {padding-right: 15px}
.calculator_property #mort_calc {padding-left: 15px}
}

@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}

.clc ul li > label {box-sizing: border-box;float: left;padding-right: 10px;width: 35%}
.clc ul li > select, .clc ul li > input[type="text"], .clc ul li input[type="number"] {float: left;width: 65%}
.clc ul li .radios {float:left; width:65%}
.clc ul li .submit_btn {margin: 20px 0 20px 35%}

#contact-us ol.cf-ol {margin:0 -10px}
#contact-us ol.cf-ol:after {clear: both;content: "";display: table}
#contact-us ol.cf-ol > li {box-sizing: border-box;float: left;padding: 0 10px;width: 50%; margin-bottom:10px}
#contact-us ol.cf-ol > li.last {width:100%}
}

@media screen and (max-width: 767px) {
.cycle-pager {display:none}
#home .direction, .property .direction {font-size:3em}
#footer form input[type="text"], #footer form input[type="submit"] {float:none}
#footer #property_id input[type="text"] {margin-bottom: 10px}
}

@media screen and (min-width:481px) {
.gform_wrapper .gform_fields li label {margin-top: 8px}
.group {width: 87.84799%;margin: 0 auto}
#header .group {position: relative}
}

@media screen and (max-width:1151px) {
.d {display: none !important}
.m-cf {float: none !important;width: auto !important}

#header {position:relative}
div[role="main"] {padding-top:0 !important;}
#content {min-height: 92.1875%}

.home div[role="main"] {padding: 0}
.homepage .section .title, .homepage .section.property-specialist h2.title {font-size:2em}

#header .hgroup .utils,#header .hgroup .site-menu,.homepage .carousels .direction {display: none}

.toggle-menu {position: absolute;top: 0;right: 0;color: #363638;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}
#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;position: relative;color: #363638}
#sidenav ul.menu a > i.fa {position: absolute;left: 0;top: 0;width: 40px;height: 50px;line-height: 50px;text-align: center}
ul.menu a > i.fa {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
ul.menu li.shrink > a > i.fa {-webkit-transform: rotate(90deg);transform: rotate(90deg)}
#sidenav li > a {padding: 0 15px;line-height: 50px}
#sidenav li.menu-item-has-children > a {padding-left: 40px}
#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: #D41C1C}
#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-1 {border-bottom: 1px solid rgba(0, 0, 0, 0.1)}
#sidenav ul.sub-menu.level-0 > li.first > a {border-top: 1px solid rgba(255, 255, 255, 0.5)}
#sidenav .phone_ {border-top: 1px solid rgba(255, 255, 255, 0.5);display: block;padding: 14px}
#sidenav .phone_ .circle {display: inline-block;text-align: center;width: 25px}
.phone_ a {color: #363638}
#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}
#sidenav .logins a.icon {border-bottom: 1px solid rgba(0, 0, 0, 0.1);border-top: 1px solid rgba(255, 255, 255, 0.5);display: block;line-height: 50px;padding: 0 15px}
}

@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}
}

@media screen and (min-width:1024px) {
.group {max-width:1920px}
}

@media screen and (min-width:1024px) and (max-width:1151px) {
#current-listings .property a.container {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 .offices {padding: 10px 0 0}
#footer .section.text-center {text-align: center}
#footer .footer-widget-form form input[type="text"] {margin: 0 0 10px;width: 100%}
#footer .footer-widget-form form input[type="submit"] {width:auto}

.toggle-menu {top: 15px}

}

@media screen and (min-width:481px) and (max-width:1023px) {
#current-listings .property a.container {padding-bottom: 56.25%}
#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) {
.col-2.left {width: 60%}
.col-2.right {width: 40%}
#footer .logo1 {width: 100%;float: none;margin-top: 15px}

.homepage .carousels li.slide .property-featured {border-radius: 4px 4px 0 0;display: block;width: 100%}
.homepage .carousels li.slide .property-wrap {display: block;width: 100%}
.homepage .carousels li.slide .property-summary {bottom: auto;position: relative;right: auto;width: 100%}
.homepage .carousels li.slide .property-info .property-price {font-size: 17px}
.homepage .carousels li.slide article {width: 100%}
}

@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;vertical-align: middle;max-height: 50px}

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

.title-with-line:before, .title-with-line:after {display: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}
.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}

#post-entry,#sidebar,#blog aside#sidebar {width: 100%;padding-right: 0}
#blog .main-content {width: 100%}
#blog .main-content > .post .excerpt {padding: 20px 0 5px;width: 100%}
#blog .main-content > .post .image {background-color: #fff;float: left;height: auto;overflow: hidden;padding-bottom: 0;position: relative;width: 25%}
#blog .main-content > .post .image span {height: auto;left: 0;position: relative;top: 0;width: auto}
#blog .main-content > .post .image span img {bottom: 0;height: auto;left: 0;margin: auto;min-height: 0;min-width: 0;position: relative;right: 0;top: 0;display: block}
.comments-template {margin: 0 0 28px;padding: 0 0 28px;border-bottom: 2px solid #dcdad9}
#agents .options select {width: 100%}
table.results tr.th {display: none}
table.results td {box-sizing: border-box;float: left;min-height: 30px;padding: 10px 10px 10px 50%;width: 100%;position: relative}
table.results td::before {left: 10px;position: absolute}
table.results td.td_address:before {content: "Address"}
table.results td.td_suburb:before {content: "Suburb"}
#sold_properties table.results td.td_date:before {content: "Sold Date"}
#leased_properties table.results td.td_date:before {content: "Leased Date"}
table.results td.td_bed:before {content: "Bed"}
table.results td.td_bath:before {content: "Bath"}
table.results td.td_car:before {content: "Car"}
table.results td.td_view {padding-left: 50%;text-align: left}
table.results td.td_view::before {display: none}

#property-address-icon .address-wrap {width: 100%;margin-right: 0;border-bottom: 1px solid #bbb;padding-bottom: 1.5em;margin-bottom: 1.5em}
#property-address-icon .icon {width: 100%;text-align: left}
#property-address-icon .icon ul {text-align: left}

.homepage .carousels li.slide article .property-image,
.homepage .carousels li.slide article .property-wrap,
.homepage .carousels li.slide article .property-summary,
.homepage .carousels li.slide .property-row:nth-child(2) article .property-image,
.homepage .carousels li.slide .property-row:nth-child(2) article .property-wrap {width: 100%;float: none}
.homepage .carousels li.slide .property-row article .property-wrap::before {display: none}
.homepage .carousels li.slide article {display: block}
.homepage .carousels li.slide article:before, homepage .carousels li.slide article:after {content: " ";display: table}
.homepage .carousels li.slide .property-summary {bottom: auto !important;left: auto !important;position: relative !important;right: auto !important;width: 100%}
.homepage .carousels li.slide .property-title {width: 100%;white-space: inherit}

.clc ul li > select, .clc .calc_table li > input[type="text"],
.clc ul li input[type="number"] {width:100%}

.gform_wrapper .gform_fields li label { width:100%; padding:0 0 5px; }
.gform_wrapper .gform_fields li .ginput_container { width:100%; }
.gform_footer { padding-left:0; }

#footer .section {text-align: center}
}

@media screen and (max-width:640px) {
.parallax-wrap .par {width: 100%;margin-bottom: 50px}
.col-2.left {width: 100%;float: none;padding: 0 10px;margin-top: 20px}
.col-2.right {width: 100%;float: none;padding: 0 10px}
#footer .logo1 {width: 100%;float: none;margin-top: 15px;text-align: center}
}

@media screen and (max-width:480px) {
.group {width: 90%;margin: 0 auto}
#property-address-icon {padding: 2.25em 5%}
#current-listings .property a.container {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;padding: 14px}

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

@media (max-width: 992px) {
.section.social-media .row .side-block {width: 100%}
}
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
  .toggle-menu {top: 15px;}
}
@media screen and (max-width: 767px){
  .toggle-menu {top: 10px;}
}

#buying-property-tips .default h6 {margin: 20px 0 10px;}