/* Theme Name:Barr and Standley Theme URI:https://www.barrandstandley.com.au/ Author:Agentpoint Author URI:http://agentpoint.com.au/ Description:Barr and Standley Tags:responsive design */ @import url('css/utilities.css?v=1.000'); /* ==================================================================================================== GLOBAL ==================================================================================================== */ html, body { height:100%; -webkit-text-size-adjust:none; } body { font-size:.89em; line-height:1.5; color:#666; font-family:'Roboto', "Raleway","Helvetica",Arial,sans-serif; background:#fff; -webkit-text-size-adjust:none; font-weight: 400;} h1, h2, h3, h4, h5, h6 {line-height:normal; color:#666; } h1 { font-size:2.75em} h1.page-title {text-align:center; color:#fff} h2 { font-size:2em} h3 { font-size:2em} h4 { font-size:1.75em} h5 { font-size:1.5em} h6 { font-size:1.35em} a { color:#002A64; text-decoration:none; outline:none; -webkit-transition:all 0.5s; transition:all 0.5s} a:hover { color:#D61920} em { font-style:italic} hr { margin:28px 0; border-top:2px solid #e5e5e5; border-bottom:none} table { width:100%} th, td { padding:5px} b,strong{font-weight: 600} .col-center { text-align:center} .col-left { text-align:left} .col-right { text-align:right} ::-webkit-input-placeholder { color:#999; opacity:1} ::-moz-placeholder { color:#999; opacity:1} :-ms-input-placeholder { color:#999; filter: alpha(opacity=100)} input:-moz-placeholder { color:#999; opacity:1} input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select, textarea { margin:0; box-sizing:border-box; border-radius:0; } input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select {box-sizing:border-box; width:100%; height:2.5em; padding:0 0.8em; background:#fff; border: 1px solid #d5d5d5;outline:none;font:inherit} textarea {box-sizing:border-box; width:100%; height: 120px; padding:0.8em; background:#fff; border: 1px solid #d5d5d5;outline:none;font:inherit; overflow: hidden;} 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:inherit;background:#D61920; border:none} a.button { display:inline-block; } input[type="submit"]:hover, input[type="button"]:hover, a.button:hover, button:hover { background:#002A64; } 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 {color: #666; } .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-center a.button {background:none;border: 1px solid #002A64;border-radius: 2px;color: #002A64; font-size:1.15em; padding:0 2em} .text-center .button:hover {border-color: #D61920;color: #fff;background: #D61920;} .text-right {text-align:right} .text-cut {overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .text-orange {color:#D61920} .aquo {font-size:1.16667em} .required, .red {color:#e00} .hidden { display:none} 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; left:50%; top:0; width:100%; margin:0 auto; -webkit-transition:all 0.3s; transition:all 0.3s; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); height: 115px; background: #fff; } #header .header-top {background: #fff; display: none;} #header .sosmed a.icon {border-left: 1px solid #ccc;color: #8d8d8d;float: left;font-size: 0.875em;height: 29px;line-height: 29px;text-align: center;width: 35px} #header .sosmed a.icon:hover {background: #ccc;text-shadow: 0 1px 1px #f1f1f1} #header .sosmed a.icon:last-child {border-right: 1px solid #ccc} #header .phone_ a[href^="tel"] {color: #666} #header .phone_ a[href^="tel"]:hover {color: #002A64} #content { position:relative; z-index:0; min-height:100%; background:#fff; } header#lead { padding:28px 0; background-color:#f1f1f1;border-bottom: 1px solid #d5d5d5;} 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:#666; } header#lead.alt h1.page-title span.breadcrumbs a:hover, header#lead.alt h1.page-title span.breadcrumbs span.gt { color:#D61920; } header#lead.alt h1.page-title span.breadcrumbs span.appended { padding:0 0 0 5px; } header#lead h1.page-title span.role { display:block; padding:0 0 21px; font-size:0.47619em; } article#entry { padding:28px 0; } #entry { min-height: 200px; } footer[role="contentinfo"] { position:relative; z-index:1; *margin:-253px 0 0; background:#002A64; color:#fff; margin-top:0px} #property footer[role="contentinfo"] {margin:0} div#splash-preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: RGBA(0,0,0,0) url('images/ajax-loader.gif') no-repeat center center; } @media screen and (min-width:1152px) { .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-4 > .column { width:33.33%; } .grid-max-5 > .column { width:25%; } .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:568px) and (max-width:1023px) { .grid-max-4 > .column { width:50%; } .grid-max-5 > .column { width:33.33%; } .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:768px) { .grid-max-3 > .column { width:33.33%; } .grid-max-3 > .column:nth-of-type(3n+1) {clear:both} [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; } } @media screen and (min-width:480px) { [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:767px) { [class^="grid-"] > .column { padding-bottom:14px; } } @media screen and (min-width: 568px) { [class^=grid-]>.column {box-sizing: border-box; float: left; padding-right: 14px; padding-left: 14px} } #header.scrolled {box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);height: auto;height: 90px;max-width: 100%} #header.scrolled .header-bottom {padding: 10px 0;} #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:#666} #sidebar a:hover { color:#999} #footer .group { position:relative} #footer a, #footer a[href^="tel"] { color:#fff; } #footer a:hover { color:#D61920} #footer .footer-top {background: #002A64;padding: 30px 0} #footer .footer-logo img {display: block;margin: 0 0 10px;max-width: 100%} #footer .footer-menu .footer-suburb {margin-bottom:20px} #footer .footer-social > span {display:block; margin-bottom:5px} #footer .footer-social a {color: #42548e;display: inline-block;font-size: 2em;margin-right: 10px} #footer .footer-social a:hover {color:#fff} #footer .bottom-footer-menu ul li {display: inline-block;margin-right: 4%} #footer .credit { padding:14px 0 7px; font-size:0.857143em; text-align:center } #footer .credit .text {line-height: 30px} .video-container {padding-bottom: 50%;position: relative; overflow:hidden} .video-container video { height: auto;left: 50%;position: absolute;top: 0;width: 100%; transform: translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } .home-search .qs-ul > li select {display:none} .home-search .qs-ul > li input {height: 30px;line-height: normal;width: 100%; line-height:normal} .home-search .qs-ul > li input.button {color:transparent;background:url(images/icons/icon_search.png) no-repeat center center #D61920} .home-search .qs-ul > li input.button:hover {background:url(images/icons/icon_search.png) no-repeat center center #002A64} .home-search .qs-ul > li .sbHolder {background: #fff;border: 1px solid #d5d5d5;box-sizing: border-box;position: relative; width: 100%} .home-search .qs-ul > li .sbSelector {display: block; height: 28px;line-height: 28px;padding: 0 10px; color:#999} .home-search .qs-ul > li .sbToggle {height: 28px;position: absolute; right: 0;width: 20px; background:url(images/icons/icon_arrow_dn.png) no-repeat center center} .home-search .qs-ul > li .sbOptions, .quicksearch-1 .sbOptions { background: #f5f5f5;border: 1px solid #d5d5d5;border-radius: 0 0 4px 4px;left: 0; max-height: 100px !important;overflow-y: auto;position: absolute;right: 0;width: auto; } .home-search .qs-ul > li .sbOptions a, .quicksearch-1 .sbOptions a {border-bottom: 1px solid #d5d5d5;display: block;padding: 3px 10px; color:#999} .home-search .qs-ul > li .sbOptions a:hover, .quicksearch-1 .sbOptions a:hover { background:#eaeaea} .homepage .section > h4 {text-align:center; margin-bottom:40px; font-size:3em; font-weight: 400;text-transform: capitalize;} .homepage .section.homepage-text { padding:50px 0 10px} .homepage .section.homepage-text ul { margin-left: 15px; list-style-type: circle} .homepage .section h2.title { margin:0 0 20px; font-size:3em; color:#363638} .homepage .tabbed .tab-nav { margin:0 0 28px; box-shadow:0 -3px 0 #ccc inset} .homepage .tabbed .tab-nav li { float:none; display:inline-block} .homepage .tab-content .content-block, #agent .tabs-content .content-block { max-height:0; overflow:hidden} .homepage .tab-content .content-block.active, #agent .tabs-content .content-block.active { max-height:1000px} .homepage .tabbed .tab-nav li span, #agent .tabs-nav span {display:block; padding:0 14px; line-height:2.42857em; color:#ccc; cursor:pointer; font-size:1em } .homepage .tabbed .tab-nav li span:hover, #agent .tabs-nav span:hover { opacity:1; box-shadow:0 -3px 0 rgba(0, 0, 0, 0.2) inset; } .homepage .tabbed .tab-nav li.active span, .homepage .tabbed .tab-nav li:hover span, #agent li.active span {box-shadow:0 -3px 0 #D61920 inset; color:#D61920 } .homepage .homepage_text {margin-bottom: 40px;padding: 60px 0 40px;position: relative} .homepage .homepage_text:before {border-top: 1px dashed #666;content: "";left: 0;margin: 0 auto;position: absolute;right: 0;top: 0;width: 20%} .homepage .homepage_text:after {border-bottom: 1px dashed #666;bottom: 0;content: "";left: 0;margin: 0 auto;position: absolute;right: 0;width: 20%} .homepage .homepage_text strong {display: block;font-size: 1.25em} .quicksearch-1 .field { position:relative; box-sizing: border-box} .quicksearch-1 .field input#keyword {height:30px;} .quicksearch-1 .field select {display:none} .quicksearch-1 .button .btn {border-radius: 4px;height: 30px;line-height: normal;width: 100%} .quicksearch-1 .sbHolder {position:relative} .quicksearch-1 .sbHolder {background: #fff;border: 1px solid #d5d5d5;box-sizing: border-box;position: relative;width: 100%; } .quicksearch-1 .sbSelector {color: #999;display: block;height: 28px;line-height: 28px;padding: 0 15px} .quicksearch-1 .sbToggle {height: 28px;position: absolute;right: 0;top: 0;width: 28px; background:url(images/icons/icon_arrow_dn.png) no-repeat center center} .slides figure {position:relative} .slides .slide_image {background: #f6f6f6;height: 0;overflow: hidden;padding-bottom: 75%;width: 100%} .slides .slide_image img { display: block;height: 100%;left: 50%;position: absolute;width: auto; transform: translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } .slides figure .direction span { position: absolute;top: 50%;z-index: 999; cursor:pointer; transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .slides figure .direction span.prev {left:0} .slides figure .direction span.next {right:0} .slides figure .direction span i {color: #fff;font-size: 2.25em;height: 30px;line-height: 30px;text-align: center;width: 30px} .slides figure .price { background: #002A64;bottom: 0;box-sizing: border-box;color: #fff;font-size: 1.25em; max-width: 100%;padding: 7px 20px;position: absolute;right: 0;text-align: right;width: 100%; z-index: 999; } .homepage .tab-content .widget_text {text-align:center} .homepage .tab-content .widget_text h3 {font-size: 1.83333em;margin: 0 0 20px;text-align: center} .slides .owl-item section {background: #f0f0f0; color:#666; padding:15px 15px 80px; border:1px solid #dadada;} .slides .owl-item section .suburb { color: #666;font-size: 1.25em; font-family:"Roboto"} .slides .owl-item section p.address, .slides .owl-item section p.description, .slides .owl-item section p.extra-features {margin: 0 0 10px} .slides .owl-item section p.extra-features, .slides .owl-item section p.extra-features span {display:block} .slides .owl-item section p.extra-features small {display:none} .slides .owl-item section .property-tools {border-top: 1px solid #cdcdcd; bottom: 10px; left: 0; padding: 10px 10px 0; position: absolute; right: 0;} .slides .owl-item section .property-tools p {float: left; margin-right: 10px; cursor: pointer; height: 18px; line-height: 18px;} .slides .owl-item section .property-tools a.fav {margin:0 0 5px; display:inline-block} .slides .owl-item section .property-tools a {background: none;border-radius: 4px;color: #999;font-size: 0.875em;padding: 2px 7px} .slides .owl-item section .property-tools a:hover {background: none;} .slides .owl-item section .property-tools .add-fav .button {float: right;margin-left: 5px} .homepage .suburb-list:before, .homepage .suburb-list:after, #suburb-profiles .suburb-list:before, #suburb-profiles .suburb-list:after {content: "";display: table} .homepage .suburb-list:after, #suburb-profiles .suburb-list:after {clear:both} .homepage .suburb-wrap .image > a, #suburb-profiles .suburb-wrap .image > a {display: block; width:100%;padding-bottom: 60%;position: relative; background-position: center center; background-repeat:no-repeat; background-size:cover} .homepage .suburb-wrap .image .overlay, #suburb-profiles .suburb-wrap .image .overlay {background: rgba(0, 0, 0, 0.3);height: 100%;position: absolute;top: 0; width: 100%} .homepage .suburb-list .suburb-wrap, #suburb-profiles .suburb-list .suburb-wrap {position:relative} .homepage .suburb-details, #suburb-profiles .suburb-details { color: #fff;left: 10px;position: absolute;right: 10px;text-align: center;top: 50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .homepage .suburb-details .suburb-address, #suburb-profiles .suburb-details .suburb-address { display:block; margin:0 0 10px; font-size: 1.5em} .homepage .suburb-details .box, #suburb-profiles .suburb-details .box { border: 2px solid #fff;border-radius: 100%;display: inline-block;font-size: 0.75em; height: 0;line-height: normal;margin: 0 2px;overflow: hidden;padding-bottom: 50px; position: relative;text-align: center;width: 50px; } .homepage .suburb-details .box .container, #suburb-profiles .suburb-details .box .container { left: 0;position: absolute;right: 0;top: 50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } .homepage .suburb-details .prop-type, #suburb-profiles .suburb-details .prop-type {font-size: 0.875em} .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; } #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:#666; } #post-entry h2.post-title a:hover { color:#D61920; } #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:#666; } .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:#f0f0f0; } .comments ul li img.avatar { float:left; margin:6px 14px 14px 0; } .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:#666; } .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:#D61920; } .comment-respond h3.reply-title { margin:0 0 28px; } #commentform p label { display:block; margin:0 0 7px} #commentform textarea { height:150px; } a#cancel-comment-reply-link { float:right; font-size:12px; font-style:italic; font-size:#CC0000; } .mfp-bg.mf-flip { opacity:0; -webkit-transition:opacity 0.3s ease-out; -moz-transition:opacity 0.3s ease-out; -o-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out; } .mfp-bg.mf-flip.mfp-ready { opacity:0.8} .mfp-bg.mf-flip.mfp-removing { opacity:0} .mf-popup { position:relative; max-width:484px; margin:0 auto; padding:28px; } .mf-popup.white { background:#fff; } .mf-popup.flip { opacity:0; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; -webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform:translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform:translateY(-20px) perspective(600px) rotateX(10deg); -o-transform:translateY(-20px) perspective(600px) rotateX(10deg); transform:translateY(-20px) perspective(600px) rotateX(10deg); } .mfp-ready .mf-popup.flip { opacity:1; -webkit-transform:translateY(0) perspective(600px) rotateX(0); -moz-transform:translateY(0) perspective(600px) rotateX(0); -ms-transform:translateY(0) perspective(600px) rotateX(0); -o-transform:translateY(0) perspective(600px) rotateX(0); transform:translateY(0) perspective(600px) rotateX(0); } .mfp-removing .mf-popup.flip { opacity:0; -webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform:translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform:translateY(-10px) perspective(600px) rotateX(10deg); -o-transform:translateY(-10px) perspective(600px) rotateX(10deg); transform:translateY(-10px) perspective(600px) rotateX(10deg); } .mf-popup h2.title { margin:0 0 20px; font-size:1.71429em; text-align:center} .mf-popup ul.listforms li { padding:0 0 14px} .mf-popup ul.listforms li.last { padding:0} .mf-popup ul.listforms label { display:block; margin:0 0 3.5px} .mf-popup ul.listforms input[type="button"], .mf-popup ul.listforms input[type="submit"], .mf-popup ul.listforms a.button { min-width:100px; text-align:center} .mf-popup ul.listforms textarea { height:100px} .mf-popup ul.listforms a.btn { float:left} .mf-popup ul.listforms .captcha { position:relative} .mf-popup ul.listforms .captcha span.image { display:block; position:absolute; top:2px; right:2px} .mf-popup ul.listforms .captcha a.reload { line-height:36px; padding:0 7px; color:#fff; background:#D61920} .mf-popup ul.listforms .captcha a.reload:hover {background: #002A64;} #our-team input#securitycode{height: 40px} .mf-walkscore .mfp-iframe-scaler iframe { background:#fff} .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; } .infoaddress {display: block;font-size: 0.875em;max-width: 200px} #map_canvas ul.rooms {display: inline-block;margin: 5px 0 0} #map_canvas ul.rooms li {height: 16px;line-height: 16px} #map_canvas ul.rooms li span {float:left; line-height:17px} #map_canvas ul.rooms li .room_type {height: 16px;width: 20px; background-position: center center; background-repeat:no-repeat; margin-left:3px} #map_canvas ul.rooms li.bedrooms .room_type {background-image:url(images/icons/icn_bed.png)} #map_canvas ul.rooms li.bathrooms .room_type {background-image:url(images/icons/icn_bath.png)} #map_canvas ul.rooms li.carspaces .room_type {background-image:url(images/icons/icn_car.png)} #map_canvas .info_img img {max-width:200px} #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:#D61920} .testimonials .item {border-bottom: 1px dotted #eaeaea; margin: 0 0 20px;padding: 0 0 20px} .testimonials .item .desc {margin: 0 0 10px} .testimonials .item .info {text-align:right; font-weight:600} .testimonials .item .author-section {display:block} .testimonials .item .source-section {display: block;margin: 0 0 10px} .testimonials .fa-star {color: gold} .testimonials .hreview-aggregate {text-align: center} .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);} .pagination a { display:inline-block; width:28px; height:28px; line-height:28px; color:#fff; font-size:0.857143em; text-align:center; background:#D61920; border-radius:28px; } .pagination a:hover { background:#002A64; } .pagination a.current, .pagination a.current_page_link { background:#002A64; color:#fff; } .pagination a:active { background:#dcdad9; -webkit-transform:scale(0.85); -ms-transform:scale(0.85); transform:scale(0.85); } .pagination a i.fa { font-size:1.16667em; } .pagination .page_numbers, .pagination .page_next, .pagination .page_prev {display: inline-block} .sticker { display:block; position:absolute; top:10px; left:10px; width:91px; height:91px; z-index:999; background-repeat:no-repeat; background-position:center center } .sticker.new { background-image:url(images/sticker_new.png?v=1.000)} .sticker.sold { background-image:url(images/sticker_sold.png?v=1.000)} .sticker.leased { background-image:url(images/sticker_leased.png?v=1.000)} .sticker.under_offer { background-image:url(images/sticker_under_offer.png?v=1.000)} .sticker.open_home { background-image:url(images/sticker_open_home.png?v=1.000)} .info-window { width:280px; font-size:14px} .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 #d5d5d5} .slideshow {position:relative} .search_results #lead .search form{max-height: none;} .search-order { box-shadow:0 -3px 0 rgba(255, 255, 255, 0.8) inset; margin-top:20px} .search-order a {color:#002A64;display: inline-block;font-size: 1em;line-height: 2.4;opacity: 0.75;padding: 0 14px;text-transform: capitalize} .search-order a.active, .search-order a:hover { opacity:1; box-shadow:0 -3px 0 #D61920 inset; color:#D61920} .search-toolbar.top { padding:0 0 28px} .search-toolbar .count { padding:7px 0 0} .search-toolbar ul.tabsnav a, #favourite-property .tools .back a { display:block; width:38px; height:38px; line-height:38px; margin:0 0 0 7px; color:#fff; font-size:1.28571em; background:#002A64 ; 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, #favourite-property .tools .back a:hover { color:#fff; background:#D61920} .search-toolbar ul.tabsnav a:active { -webkit-transform:scale(0.85); -ms-transform:scale(0.85); transform:scale(0.85)} .search-toolbar.bottom {position: relative; margin-top:20px} #favourite-property .tools .tabsnav {float:left} #open-for-inspection .pdf.btn {margin-top: 20px;display: inline-block;background: #D61920;border: 1px solid #D61920;color: #fff;padding: 5px 10px;cursor: pointer} #open-for-inspection .pdf.btn a{color: #fff} #open-for-inspection .pdf.btn:hover{background: #002A64;border: 1px solid #002A64;transition: 0.5s} #open-for-inspection .pdf.btn:hover i.fa.fa-print, #open-for-inspection .pdf.btn:hover a {color: #fff!important;transition: 0.5s} ul.rooms li {float:left; margin:0 10px 0 0; color:#002A64} ul.rooms li:last-child { margin:0} ul.rooms li.carspaces { display: none; } .thumbview .listing .container {position:relative; min-height:28em; background:#f0f0f0; color:#363638;/*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 .container {color:#666 } .thumbview .listing:hover .container {background:#002A64; color:#fff} .thumbview .listing:hover .container *{color:#fff} .thumbview .listing figure { position:relative; height:0; padding-bottom:80.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 p.suburb {color: #666;font-family: "Roboto";font-size: 1.25em; font-weight: 400;} .thumbview .listing p.opens span {opacity:.7} .thumbview .listing p.opens span.label { opacity:1} .thumbview .listing .container .rooms li, .thumbview .listing .container .rooms li i {color: #002A64} .thumbview .listing:hover .container .rooms li, .thumbview .listing:hover .container .rooms li i {color: #fff} .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:#f0f0f0; color:#363638;-webkit-transition:all 0.4s; transition:all 0.4s; border:1px solid #dadada} .listview .listing .container a, .location-list .location-wrap a {color: #002A64;} .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:#002A64; color:#fff} .listview .listing:hover .container *, .location-list .location-wrap:hover * {color:#fff} .listview .listing figure, .location-list .location-wrap .image { position:relative; width:35%; height:0; padding-bottom:20%; overflow:hidden; background:#ccc } .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 0.3s; transition:all 0.3s; max-width:inherit; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .ribbon {position: absolute;left: 15px;top: 15px} .ribbon.sold {background: rgba(0, 0, 0, 0) url("images/sticker-sold.png?v=2.00") no-repeat scroll 0 0 / 100% auto} .ribbon.new {background: rgba(0, 0, 0, 0) 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%; padding:22px; color:#666 } .location-list .location-wrap .location-desc {float: right; box-sizing: border-box;} .location-list .location-wrap .location-desc h2{color: #D61920;} .location-list .location-wrap:hover .location-desc *{color: #FFF;} .location-list .location-wrap .location-desc p.view-more {padding-top: 15px; margin:0} .location-list .location-wrap .location-desc p.view-more a {background-color: #D61920;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: #D61920} .listview .listing h3.headline { margin:0; color:#000; font-size:1.5em} .listview .listing p {transition:0.5s} .listview .listing p.description { margin:10px 0 0; line-height:normal} .listview .listing p.description a {color:#999} .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} #map_canvas { width:100%; height:0; padding-bottom:56.25%; } #property .section.overview { padding:28px 0; clear: both;} #property .section.overview .block.heading h1.title {font-size: 1.6em;margin: 0 0 28px} #property .section.overview .block.left { width:67%; padding-right:90px} #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:last-child { border-bottom: none;} #property .section.overview .property-block.realty_widget_contact_agent, #property .section.overview .property-block.realty_widget_property_table {border-bottom:none} #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:hover .overview a{color:#D61920;} #property-description p.head {font-size: 1.2em;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%;} #property .section.map h3 {text-align: center;margin-bottom: 15px;} #property #side_realty_widget_map{margin-bottom: 20px} #property #realty_widget_location_info_suburb{padding: 0;margin: 0;} #team div.center {margin: 0 0 20px;text-align: center} #content.team #entry > p { margin:0 0 28px} #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 > a {display: block;height: 0;overflow: hidden;padding-bottom: 125%;position: relative; background:#f6f6f6} #agents .agent figure img {display: block;height:auto;position: absolute;transition: all 0.3s ease 0s;width: 100%} #agents .agent:hover figure img { -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05)} #agents .agent section { position:relative; background:#f0f0f0; color:#999;transition:0.4s} #agents .agent:hover section{background: #D61920 none repeat scroll 0 0;color: #fff} #agents .agent:hover *, #agents .agent:hover section p.name a {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} #agents .agent p a { color:#363638} #agents .agent section p.name a {color:#000} #agents .agent p i.fa { width:20px; transition:0.5s} #agent { position:relative} #agent .section { margin:0 0 60px} #agent .section h2.section-title, #agent p.title {margin:0 0 28px; font-size:3em; text-align: center;} #agent .details { width:66%} #agent .details figure { margin:0 0 30px} #agent .details figure img { display:block; width:100%} #agent .details p {color:#666} #agent .details p.name { font-size:1.42857em; line-height:1.2; color:#000} #agent .details ._contact {padding-bottom: 5px} #agent .details ._contact a {color:#666} #agent .details ._contact a:hover, #agent .description ._contact a:hover {color:#D61920} #agent .details .social {min-height:35px} #agent .details .social p {display:inline-block} #agent .details .social a {font-size: 1.42857em} #agent > .overview {margin-bottom: 20px;padding:5px 0 40px} #agent > .overview .description { width:34%; padding:0 0 0 28px; position:relative; } #agent > .overview .description .text {overflow:hidden; max-height: inherit!important; margin-bottom: 30px;} #agent > .overview .description.shrink .text {max-height: inherit !important} #agent > .overview .description .more {color: #002A64;cursor: pointer;display: block;margin: 10px 0 0; font-family:'dosisextrabold'; display: none;} #agent > .overview .description .more .less_ {display:none} #agent > .overview .description.shrink .more .more_ {display:none} #agent > .overview .description.shrink .more .less_ {display:block} #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 span {display: block} #agent .testimonials li { padding:0 0 28px} #agent .testimonials li p.copy { padding:28px; background:#f0f0f0} #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 {width: 700px; max-width: 100%} #agent .profile aside {width: 100%; float: none} #agent .recaptchatable {line-height: 0.5 !important} #agents .agent {position: relative;} #agents .agent .overview {background: rgba(9, 26, 85, .35); opacity: 0; transition-duration: .3s; -ms-transform: scale(.9); -webkit-transform: scale(.9); transform: scale(.9)} #agents .agent:hover .overview {opacity: 1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1)} #agents .agent .holder {padding: 20px; position: absolute; bottom: 0;} #agents .agent p {line-height: 1.3} #agents .agent p.name {font-size: 1.25em; color: #fff;} #agents .agent p.role {margin-bottom: 10px} .valign {display: block; font-size: 0} .valign.overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%} .valign:before {display: inline-block; height: 100%; vertical-align: middle; content: "";} .valign.bottom:before {vertical-align: bottom} .valign>.holder {display: inline-block; max-width: 100%; vertical-align: middle; font-size: 16px} .valign.bottom>.holder {vertical-align: bottom} body.safari .valign>.holder {margin-left: -4px} #agents .menus {position: relative; z-index: 1; margin: 0 0 40px;} #agents .menus ul {margin: 0 0 20px; box-shadow: 0 -3px 0 rgba(237, 24, 43, .1) inset; text-align: center;} #agents .menus ul li {display: inline-block; float: none;} #agents .menus ul a {display: block; padding: 0 20px 10px; font-size: 1.2125em; font-weight: 200;} #agents .menus ul li.ui-tabs-active a, #agents .menus ul li:hover a {color: #D61920; box-shadow: 0 -3px 0 #D61920 inset} .listings-table {margin: 20px 0 0} .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;border-bottom:1px solid #363638; color:#666} .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:#666} .listings-table td a:hover { color:#D61920} #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} /* calculator page */ #home-loan-calculator li.button.last a.btn {padding: 4px 10px;background-color: #D61920;border-radius: 5px;color: #fff;margin-left: 25%} .clc ul.calc_table li, .clc ul.result li {width: 100%;display: block;margin: 5px 0;float:left} .clc ul.calc_table li > p {overflow: hidden} .clc ul.calc_table li label, .clc ul.result li label {width: 35%;display: block;float: left;padding-top: 5px;min-height: 50px} .clc ul.calc_table li.button.last label, .clc ul.result li.button.last label {display: none} .clc ul.calc_table li select, .clc ul.result li select {width: 65%;box-sizing:border-box} .clc ul.calc_table li input, .clc ul.result li input {width: 65% !important;box-sizing:border-box} .clc ul li input[type="checkbox"], .clc ul li input[type="radio"] {width: auto !important;margin: 5px !important} #stamp_duty_calculator:after, #mort_calc:after {display: table;clear: both;content: ''} #stamp_duty_calculator > ul, #mort_calc > ul {float: left;width: 50%;padding: 15px 0;box-sizing: border-box} #calculators input[type='number'] {height: 2.5em} #stamp_duty_calculator{padding-right: 35px} input[type='number'] {padding: 0 0.8em;background: #fff;border: 1px solid #d5d5d5;outline: none;font: inherit} @media screen and (max-width: 767px) { #stamp_duty_calculator > ul, #mort_calc > ul {width: 100%;} } .clc ul.calc_table li > p.submit_btn {padding-left: 35%} .clc ul.calc_table li > p.submit_btn a{display: inline-block;background: #D61920;color: #fff;padding: 7px 15px} .clc p.button {margin-left: 0 !important} /*-----------------*/ #current-listings .property {width:100%} #current-listings .property a.container { display:block; width:100%; height:0; padding-bottom:40%; 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:#D61920} .property .direction { position:absolute; z-index:102; top:50%; width:63px; height:85px; line-height:85px; margin:-42.5px 0 0; font-size:6em; color:#fff; text-align:center; cursor:pointer; } .cycle-prev {left:0} .cycle-next {right:0} #property-media #gallery figure { width:100%} #property-media #gallery .container { height:0; padding-bottom:56.25%; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#f6f6f6 } #property-media #gallery img {width:100%; height:auto} #property-media #gallery .cycle-slideshow {position:relative} #property-media #gallery .cycle-pager {position:absolute; z-index:101; bottom:0; width:100%; padding:14px 0; text-align:center; } #property-media #gallery .cycle-pager span {display:inline-block; width:14px; height:14px; margin:0 5px; opacity:.4; border-radius:14px; background:#fff; box-shadow:0 0 3px #000; cursor:pointer; } #property-media #gallery .cycle-pager span.cycle-pager-active { opacity:1; background-color: #D61920; } #property-media #gallery .direction { position:absolute; z-index:102; bottom:8px; line-height: 65px; cursor:pointer; color:#fff; } #property-media #gallery .cycle-prev {left:0} #property-media #gallery .cycle-next {right:0} #property-media #gallery .direction i.fa { font-size:0.9em} #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:#666; 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 > .group {width: 100%; margin-bottom: 20px;} #property-address-icon:after {clear: both;content: "";display: table} #property-address-icon .address-wrap {border-bottom: 0 none;display: block;margin-bottom: 0;padding-bottom: 0} #property-address-icon .icon ul {display: inline-block; text-align: right;float: none;} #property-address-icon .icon ul li {background: none no-repeat scroll left center; display: inline-block;line-height: 24px;min-height: 24px;margin-right: 1.2em;font-size: 18px} #property-address-icon .suburb {color: #D61920} #property-address-icon .suburb, #property-address-icon .address {font-size: 2em;line-height: 1.25; margin: 0;overflow: hidden;text-overflow: ellipsis; white-space: nowrap} #property-enquiry .agent { width:50%;margin: 1.5em 0} #property-enquiry .agent:after {clear: both;content: "";display: table} #property-enquiry .agent .image {width: 34.2679%; height: 0; padding-bottom: 34.2679%; overflow: hidden; border-radius: 100%;} #property-enquiry .agent .image img { display:block; width:100%} #property-enquiry .agent .overview {display: block;float: left;margin-left: 2.13245%;margin-right: 0;padding: 0 0.75em;width: 60.8808%;position: relative} #property-enquiry .agent .overview p.name { margin:0 0 7px; font-size: 1.2em} #property-enquiry .agent .overview p.name a {color:#666} #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:#f0f0f0} #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:#D61920; color:#fff} #property-ofi li { padding:0 0 7px; } #property-table li { padding:0 0 7px; } #property-table span.field:after { display:inline-block; content:":"} #property-map #map_canvas { padding-bottom:33%;position: relative} #map_canvas > div {position: absolute !important;} .gform_wrapper ul {list-style:none; margin:0} .gform_wrapper ul > li {margin:0 0 10px} .gform_wrapper ul li label.gfield_label {font-family: "Roboto"} .gfield_required, #return, .validation_error {color:red} .validation_error {margin-bottom:20px} .validation_message {color: red;font-style: italic; display:block} .ginput_container_phone .validation_message {margin-left: 0} #contact-us .gform_wrapper {margin: 20px 0 0;padding: 20px 0 0} .clc .calc_table td { padding:22px 0 5px} .clc .calc_table td.calc-td-form, .clc .calc_table td.calc-td-result {display: block;float: left; width: 100%} .video_page {height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative} .video_page iframe {height: 100%;left: 0;position: absolute;top: 0;width: 100%} #location-info.suburbs .suburb a { display:block; position:relative; color:#fff; } #location-info.suburbs .suburb a:hover { color:#D61920; } #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:#666; } #location-info.suburb .section.overview ul li a:hover { color:#D61920; } #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; } .rows:after {display: table;content: "";clear: both} .rows * {box-sizing: border-box} #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:#666; 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 {max-width: 70%;margin: 0 auto} .map-image {margin-bottom: 20px;} .map-image img {width: 100%; display: block;} table.results tr{border-bottom: 1px solid #363638;} table.results tr.th{border-bottom: 1px solid #363638;} table.results th{text-align: left;padding-left: 0;font-weight: 500;} table.results td{padding-left: 0;} table.results td.td_view{padding-left: 0; padding-right: 0; text-align: right;} /* BLOG */ #blog aside#sidebar {float: right;padding-left: 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 #f0f0f0;} #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: #D61920;color: #ffffff} #blog .main-content {float: left;width: 66.6667%;} #blog .main-content > .post{border-bottom: 4px solid #f0f0f0;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: #f0f0f0;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: #D61920;color: #fff;display: inline-block;padding: 5px 12px;text-transform: capitalize} #blog .main-content > .post footer{display: inline-block;margin-bottom: 3px;width: 100%;} #our-sales-team .thumbview .listing .overview {position: static} #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: #D61920;padding: 5px 10px;font-size: 11px;color: #fff} .overview .book_inspection a.bai_btn:hover, #property-media .book_inspection_individual a:hover {background: #03bfc2} #property-media .book_inspection_individual {float: right;margin-top: 10px} #property-media .book_inspection_individual a {display: inline-block;background: #D61920;padding: 7px 18px;font-size: 12px;color: #fff;text-transform: capitalize} #property-alert .section .center.heading, #login .section .center.heading {font-size: 1.3em;font-weight: 700;border-bottom: 1px solid #CCC;padding: 0 0 .5em;margin: 1.8em 0} /* homepage searching */ @media screen and (min-width: 768px) { .home-box .home-search .qs-ul > li {margin-bottom: 10px;} .home-box .home-search .qs-ul > li.location {width: 20%;} .home-box .home-search .qs-ul > li.search_keyword {width: 80%; padding-right: 0;} .home-box .home-search .qs-ul > li.types, .home-box .home-search .qs-ul > li#house_rooms {width: 20%} .home-box .home-search .qs-ul > li#price_for_sale {width: 40%;} .home-box .home-search .qs-ul > li.search-button {width: 20%;} .home-box .home-search .qs-ul > li input {height: 40px; line-height: 40px;} .home-box .home-search .qs-ul > li .sbSelector {height: 40px; line-height: 40px; font-size: 14px; color: #929292; padding-right: 22%;} .home-box .home-search .qs-ul > li .sbHolder {border: 0;} .home-box .home-search .qs-ul > li .sbToggle {height: 40px;} } /* homepage listingtab */ #home #listingstabs #for-sale-listings figure .image, #home #listingstabs #for-lease-listings figure .image, #home #listingstabs #opentimes figure .image, #home #listingstabs #recent-sales figure .image {position: relative; height: 0; padding-bottom: 80.25%; overflow: hidden;} #home #listingstabs #for-sale-listings figure .image a, #home #listingstabs #for-lease-listings figure .image a, #home #listingstabs #opentimes figure .image a, #home #listingstabs #recent-sales figure .image a {height: 200%; left: -50%; position: absolute; top: -50%; width: 200%;} #home #listingstabs #for-sale-listings figure .image a .thumb_image, #home #listingstabs #for-lease-listings figure .image a .thumb_image, #home #listingstabs #opentimes figure .image a .thumb_image, #home #listingstabs #recent-sales figure .image a .thumb_image {bottom: 0; height: 50%; left: 0; margin: auto; min-height: 50%; min-width: 50%; position: absolute; right: 0; top: 0; width: auto; transition: all 1.3s;} #home #listingstabs #for-lease-listings .slides .owl-item section, #home #listingstabs #opentimes .slides .owl-item section, #home #listingstabs #recent-sales .slides .owl-item section {min-height: 184px;} #home #listingstabs .slides .owl-item section .container .price b {display: block;} .email_box, .opentimes_box {background: rgba(237, 24, 43, 0.9);color: #fff!important; height: 100%;left: -1px;padding: 15px;position: absolute;right: -1px;top: 0; box-sizing: border-box;z-index: 1000;} .email_box ._close, .opentimes_box ._close {cursor: pointer;float: right} .email_box .fagent {border-bottom: 1px solid #fff; margin: 0 0 10px; padding: 0 0 10px} .email_box ._name {font-size: 1.15em;} .opentimes_popup a:hover i {color: #fff;} /* agent detail */ #agent > .overview h1.title {text-align: center; margin-bottom: 20px; color: #002A64;} #agent .details ._contact p, #agent .section h3.title, #agent .description ._contact p {padding: 0 0 10px; margin: 0 0 15px; color: #002A64; border-bottom: 1px solid #002A64; font-size: 24px; font-weight: 300} #agent .details ._contact a, #agent .description ._contact a {display: block; color: #002A64;} #agent .details ._contact p.mobile i.fa, #agent .description ._contact p.mobile i.fa {font-size: 36px;} #agent .details ._contact p.email i.fa, #agent .description ._contact p.email i.fa {font-size: 24px; margin-top: 6px;} #agent .details ._contact p.phone i.fa, #agent .description ._contact p.phone i.fa {font-size: 26px; margin-top: 5px;} #agent .details ._contact p.video i.fa, #agent .description ._contact p.video i.fa {font-size: 30px; margin-top: 4px;} #agent #current-listings .slides .owl-item section p.description {display: none;} /* property listing */ .thumbview .listing .container .overview .property-tools p {float: left; margin-right: 10px; cursor: pointer; height: 18px; line-height: 18px;} .thumbview .listing .container .overview .property-tools p a {background: none; border-radius: 4px; color: #999; font-size: 0.875em; padding: 2px 7px;} .thumbview .listing .container .overview .price b {display: block;} .thumbview .listing .container .property-tools {border-top: 1px solid #cdcdcd; bottom: 10px; left: 0; padding: 10px 10px 0; position: absolute; right: 0;} .thumbview .listing .container .overview .container {padding: 15px; border: 1px solid #dadada;} .thumbview .listing .container .overview .container .description.hover {display: none;} .thumbview .listing .container .overview .container p.address {margin-bottom: 10px;} .thumbview .listing .container {min-height: 16em} /* location info */ .location-image {text-align: center;} .location-wrap {max-width: 100%; margin: 0 auto;} .location-wrap .location-video {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;} .location-wrap .location-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #content .section.slideshow .home-box h1.page-title {color: #666;} /* property detail */ .media_div.with_scroller:after {clear: both; content: ""; display: table;} .media_div img{width: 100%; display:block} .media_div.with_scroller:after{clear: both;content: "";display: table} .media_div.with_scroller .td_slider_photo, .media_div.with_scroller .td_slider_thumbnail{float: left;position: relative} .media_div.with_scroller .td_slider_photo{width: 75%} .media_div.with_scroller .td_slider_photo a {display: block;height: 0;overflow: hidden;padding-bottom: 56.6666%;position: relative;width: 100%; background:#f6f6f6} .media_div.with_scroller .td_slider_photo a img {height: 100%;left: 0;margin: 0 auto;position: absolute; right: 0;width: auto} .media_div.with_scroller .cycle-slide {width:100%} .media_div.with_scroller .td_slider_thumbnail{width: 25%;} .media_div.with_scroller .td_slider_thumbnail a{border:none} .media_div .slick-arrow{position: absolute;display: block;width: 100%;left: 0;text-align: center;font-size: 50px;color: #002A64;cursor: pointer} .media_div .slick-arrow:hover {color: #D61920} .media_div .slick-prev{top: 0} .media_div .slick-next{bottom: 0} .media_div.with_scroller .td_slider_photo .direction {color: #002A64;font-size: 4.5em;position: absolute;top: 55%; z-index: 999; cursor:pointer;transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);} .media_div.with_scroller .td_slider_photo .direction:hover {color:#D61920} .media_div.with_scroller .td_slider_photo .cycle-prev {left:20px} .media_div.with_scroller .td_slider_photo .cycle-next {right:20px} #property .media_share {float: right;margin: 10px 0 0} #property .media_share p {float: left;margin-left: 10px;color: #666} #property .media_share p i {font-size: 1.25em} .property .section.overview {padding: 28px 20px;clear: both} .property .section.overview .block.heading h1.title {margin: 0 0 28px;font-size: 2.5em} .property .section.overview .block.left {width: 65%;padding-right: 50px} .property .section.overview .block.right {width: 35%} .property .section.overview .property-block, .property .section.overview #property-table, .property .section.overview #property-ofi, .property .section.overview > .floorplan {margin: 0 0 15px;padding: 0 0 15px;border-bottom: solid 1px #ccc} .property .section.overview .realty_widget_property_description, .property .section.overview .realty_widget_contact_agent, .property .section.overview .realty_widget_map {border: none} .property .section.overview h3.section-title {margin: 0 0 15px;font-size: 1.2em; font-weight: 400; text-transform: capitalize;} #property-actions a.floorplan{background: none} #property-table span.field {float: left;margin: 0 2% 0 0;width: 40%} #property-table span.field:after {float: right;content: ":"} #property-table span.value {float: left;white-space: nowrap;width:58%} /* property detail */ #property-actions div[class*="block"] {margin: 0 0 15px; padding: 0 0 15px; border-bottom: solid 1px #ccc;} #property-actions div[class*="block"] a {background: none; padding: 0;} #property-actions div[class*="block"] a:hover {background: none; color: #D61920;} #property-actions div[class*="block"] a i.fa {display: inline-block; font-size: 1em; width: 24px;} #side_realty_widget_property_table {margin-bottom: 0!important; padding-bottom: 0!important;} #property .property_suburb .wrap:after{clear: both;content: "";display: table} #property .property_suburb .suburb-desc, #property .property_suburb .suburb-image{float: left} #property .property_suburb .suburb-desc{width: 70%; box-sizing:border-box; padding-left:30px} #property .property_suburb .suburb-image{width: 30%} #property .property_suburb .suburb-image img{width: 100%} #property .property_suburb h2.section-title {margin-bottom: 5px; font-size: 1.2em; font-weight: 400;} #property .property_suburb a.view {display: inline-block;font-size: 0.85em;padding: 3px 15px; /*color: #D61920;*/} #property .property_suburb p {margin: 0 0 15px; line-height: 18px;} /* rent page */ #splash-preloader h1 {color: #002A64; font-family: 'Roboto', Arial, sans-serif; margin-top: 30px; font-size: 3em; font-weight: 400; text-align: center;} .ytc-youtubelink .ytcmore {border: 1px solid #002A64;color: #002A64} .ui-datepicker {width: 216px;height: auto;margin: 5px auto 0;font: 9pt Arial, sans-serif;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5)} .ui-datepicker a {text-decoration: none} .ui-datepicker table {width: 100%;border-collapse: collapse} .ui-datepicker-header { background-color: #666;color: #e0e0e0;font-weight: 700;box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, .2);text-shadow: 1px -1px 0 #000; filter: dropshadow(color=#000, offx=1, offy=-1);line-height: 30px;min-height: 30px!important; border-width: 1px 0 0;border-style: solid;border-color: #666 } .ui-datepicker tbody tr, .ui-datepicker thead {border-bottom: 1px solid #bbb} .ui-datepicker-title {text-align: center} .ui-datepicker-title select {margin-top: 2.5%} .ui-datepicker-next, .ui-datepicker-prev { display: inline-block;width: 30px;height: 30px;text-align: center;cursor: pointer; background-image: url(images/datepicker/arrow.png);background-repeat: no-repeat;line-height: 600%;overflow: hidden } .ui-datepicker-prev {float: left;background-position: center -30px} .ui-datepicker-next {float: right;background-position: center 0} .ui-datepicker thead { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f7f7 0, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(100%, #f1f1f1)); background: -webkit-linear-gradient(top, #f7f7f7 0, #f1f1f1 100%); background: -o-linear-gradient(top, #f7f7f7 0, #f1f1f1 100%); background: -ms-linear-gradient(top, #f7f7f7 0, #f1f1f1 100%); background: linear-gradient(to bottom, #f7f7f7 0, #f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0) } .ui-datepicker th {text-transform: uppercase;text-align: center;font-size: 6pt;padding: 5px 0;color: #666;text-shadow: 1px 0 0 #fff;filter: dropshadow(color=#fff, offx=1, offy=0)} .ui-datepicker tbody td {padding: 0;border-top: 1px solid #bbb;border-right: 1px solid #bbb} .ui-datepicker tbody td:last-child {border-right: 0} .ui-datepicker tbody tr:last-child {border-bottom: 0} .ui-datepicker td a, .ui-datepicker td span {display: inline-block;font-weight: 700;text-align: center;width: 30px;height: 30px;line-height: 30px;color: #666;text-shadow: 1px 1px 0 #fff;filter: dropshadow(color=#fff, offx=1, offy=1)} .ui-datepicker-calendar .ui-state-default { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ededed 0, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed), color-stop(100%, #dedede)); background: -webkit-linear-gradient(top, #ededed 0, #dedede 100%); background: -o-linear-gradient(top, #ededed 0, #dedede 100%); background: -ms-linear-gradient(top, #ededed 0, #dedede 100%); background: linear-gradient(to bottom, #ededed 0, #dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede', GradientType=0); box-shadow: inset 1px 1px 0 0 rgba(250, 250, 250, .5) } .ui-datepicker-calendar .ui-state-hover {background: #f7f7f7} .ui-datepicker-calendar .ui-state-active {background: #FFF2AA;border: 1px solid #c19163;color: #666;box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .1);text-shadow: 0 1px 0 #FFF;filter: dropshadow(color=#FFF, offx=0, offy=1);position: relative;margin: -1px} .ui-datepicker-unselectable .ui-state-default {background: #f4f4f4;color: #b4b3b3} .ui-datepicker-calendar td:first-child .ui-state-active {width: 29px;margin-left: 0} .ui-datepicker-calendar td:last-child .ui-state-active {width: 29px;margin-right: 0} .ui-datepicker-calendar tr:last-child .ui-state-active {height: 29px;margin-bottom: 0} td.ui-datepicker-unselectable.ui-state-disabled {background-color: #d7d7d7} table.ui-datepicker-calendar {margin: 0!important} body div#ui-datepicker-div[style] {z-index: 9999!important} @media (max-width: 992px){ #property .property_suburb .suburb-desc, #property .property_suburb .suburb-image{width: 100%;margin-bottom: 15px; padding:0} } @media screen and (max-width:1440px) { #content_online_form .bottom .content {padding: 20px;box-sizing: border-box;} } @media screen and (min-width:1152px) { .m, .t { display:none !important; } .toggle-menu { display:none; } #header .phone_ {height: 29px;line-height: 29px} #header .phone_ i.icon-phone {margin-right:5px;float: left;height: 29px;width: 29px; background:url(images/icons/icon_phone.png) no-repeat center center} #header .header-bottom .hgroup.group nav, #header .header-bottom .hgroup.group .phone_ { display: inline-block; vertical-align: middle; padding: 15px 0;} #header.scrolled .header-bottom{padding: 0;} #header.scrolled .header-bottom .hgroup.group{padding: 28px 0;} #header .header-bottom {height: 100px;} #header .header-bottom > .group {position: static;} nav[role="navigation"] ul.menu li { position:relative; } nav[role="navigation"] ul.menu a { display:block; color:#002A64; font-weight: 400;} nav[role="navigation"] ul.menu a:hover {color: #D61920;} nav[role="navigation"] ul.menu > li { float:left; } nav[role="navigation"] ul.menu > li > a { padding:0 20px; line-height:30px; } 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:#fff; border:1px solid #D61920;background: #D61920} nav[role="navigation"] ul.sub-menu { position:absolute; min-width:15em; max-height:0; overflow:hidden; background:#D61920} nav[role="navigation"] ul.sub-menu li:hover > a{background: #002A64!important;} nav[role="navigation"] ul.sub-menu ul { left:100%; top:0; margin:0 0 0 -2px; } nav[role="navigation"] li:hover > ul.sub-menu { max-height:1000px; overflow:inherit; } nav[role="navigation"] ul.sub-menu li { /*padding:0 2px;*/ } nav[role="navigation"] ul.sub-menu li.first { padding:2px 2px 0; } nav[role="navigation"] ul.sub-menu li.last { padding:0 2px 2px; } nav[role="navigation"] ul.sub-menu a { padding:7px 21px; font-size:0.9em; white-space:nowrap; color: #ffffff; text-align: left;} 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:#002A64; color:#fff } #property-media #gallery .container { padding-bottom:65%; } .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:1025px) { .group { width:90%; margin:0 auto; max-width: 1920px; } #header .group { position: relative; width:81%;} #header .header-bottom .hgroup.group { text-align: right; padding: 26px 0} #header .header-bottom .logo.main img {max-height: 110px; -webkit-transition:all 0.5s; transition:all 0.5s} #header.scrolled .header-bottom .logo.main img {max-height: 90px; -webkit-transition:all 0.5s; transition:all 0.5s} #header.scrolled .header-bottom .logo.main, #header.scrolled .header-bottom .hgroup.group nav, #header.scrolled .header-bottom .hgroup.group .phone_ {padding: 0;} .home-box {max-width:50%} #similar_listings .thumbview .listing .container {min-height:22em} #property-alert .field .select select, #login .field .select select {height: 110px;} } @media screen and (min-width:1024px) { #footer .footer-logo {box-sizing: border-box;padding-right: 20px;width: 32%} #footer .footer-menu {box-sizing: border-box; width: 63%} #footer .bottom-footer-menu ul {text-align: left;} #footer .footer-logo .footer-image-logo {float: left; margin-right: 15px; width: 172px;} #footer .footer-logo .footer-address {float: left;} #footer .footer-logo .footer-address p:nth-of-type(4), #footer .footer-logo .footer-address p:nth-of-type(5) {display: inline-block;} #property-alert form, #login form {max-width: 100%;} #property-alert .field label, #login .field label{float: left; width: 150px;} #property-alert .section:first-of-type .field input, #login .section:first-of-type .field input {width: calc(100% - 150px);float: left;} #property-alert .field .select, #login .field .select {width: calc(100% - 150px); float: left;} #property-alert .section .col-3 .field label, #login .section .col-3 .field:not(:first-of-type) label {height: 2.5em; line-height: 2.5em; text-align: center;} #login .section .col-3 .field:first-of-type label{height: 2.5em; line-height: 2.5em;} #property-alert .section .col-3 .field:first-of-type label {text-align: left;} #property-alert .col-3 .field select, #login .col-3 .field select {height: 2.5em; float: left; width: calc(100% - 150px);} #property-alert form .section:nth-of-type(2) .clear + .field label, #login form .section:nth-of-type(2) .clear + .field label {width: inherit; float: none;} #property-alert .section .col-3 .field, #login .section .col-3 .field {width: 33.333%; float: left;margin-left: 0!important} #property-alert form .section:nth-of-type(2) .clear + .field + .field +.field + .field input {float: left; width: calc(100% - 150px);} #property-alert .options.col-3, #login .options.col-3 {float: none; width: calc(100% - 150px); margin-left: 150px;} #property-alert .button.email_btn {margin-left: 150px;} #contact-us .addition-contact {overflow:hidden;} #contact-us .addition-contact .col-md-6{float:left; width: 50%;} #contact-us .gform_wrapper {margin: 20px 15px 0 0!important;} #contact-us .addition-contact .col-md-6:last-child{margin-top: 20px; padding-top: 20px;} #free-appraisal #field_13_20 .ginput_container ul li {width: 200px;} #free-appraisal #field_13_21 , #free-appraisal #field_13_22 , #free-appraisal #field_13_23 {width: 33.333%!important} #free-appraisal #field_13_21 label, #free-appraisal #field_13_22 label, #free-appraisal #field_13_23 label{height: 2.5em;line-height: 2.5em} #free-appraisal #field_13_21 select, #free-appraisal #field_13_22 select, #free-appraisal #field_13_23 select{padding: 0.25em} #free-appraisal #field_13_22 label, #free-appraisal #field_13_23 label{text-align: center;} } #free-appraisal h2.gsection_title{font-size: 1.3em;font-weight: 700;border-bottom: 1px solid #CCC;padding: 0 0 .5em;margin: 1.8em 0} #contact-us .addition-contact .col-md-6:last-child{margin-top: 20px} #property-alert .options.col-2{float: left;width: calc(100% - 150px)} #property-alert .options.col-2 span{width: 80px;float: left} #property-alert .section .field, #login .section .field {margin-bottom: 15px; overflow: hidden;} #property-alert form .section:nth-of-type(2) .clear + .field + .field .select select{height: 2.5em} #property-alert .options.col-3 span, #login .options.col-3 span {width: 33.3333%; float: left;} #property-alert form .section:nth-of-type(2) .clear + .field + .field +.field div img{vertical-align: bottom!important;} #property-alert form .section:nth-of-type(2) .clear + .field + .field +.field {margin-bottom: 5px} #free-appraisal .gform_wrapper ul{overflow:hidden} #free-appraisal #gform_fields_13 #field_13_1 .ginput_container{position:relative} #free-appraisal #gform_fields_13 #field_13_1 .ginput_container img{position: absolute;right: 10px;top: 10px;cursor: pointer} #free-appraisal .gf_browser_chrome{max-width: 930px} .home .video-container{width: 100%;padding-bottom: 56.25%} #property-alert .field #captcha-image + a{display: inline-block;height: 40px;line-height: 40px;background: #D61920;color: #fff} #property-alert .field #captcha-image + a:hover{background: #002A64} #property-alert .field #captcha-image + a i, #login .field #captcha-image + a i {padding: 12px;} @media screen and (max-width: 1024px) { #home .homepage{margin-top: 0!important;} #header .header-bottom > .group {position: static;} #header .header-bottom .logo.main img {max-height: 100px; -webkit-transition: all 0.5s; transition: all 0.5s;} #header.scrolled .header-bottom .logo.main img {max-height: 65px; -webkit-transition: all 0.5s; transition: all 0.5s;} #content {margin-top: 30px!important;} #header .group {max-width: 100%;padding: 0; width: 100%} .group {max-width: 90%; margin:0 auto; padding-left: 20px;padding-right: 20px;width: auto} #property-media #gallery .cycle-pager {display:none} } @media screen and (max-width: 1023px) { #footer .footer-logo, #footer .footer-menu {float: none;text-align: center; width: 100%} #footer .footer-logo img {margin:0 auto 20px} #footer .footer-logo {border-bottom: 1px solid #fff;margin: 0 0 20px;padding: 0 0 20px} #footer .footer-suburb, #footer .footer-social { float:none;border-bottom: 1px solid #fff;margin-bottom: 20px;padding-bottom: 20px} #property-alert form .section:nth-of-type(2) .clear + .field + .field +.field + .field label{display: none} #property-alert .options.col-2 {float: none;width: inherit;overflow: hidden;} #home .owl-nav > .owl-next{right: -40px!important} #home .owl-nav > .owl-prev{ left: -40px!important;} } @media (min-width: 994px){ .media_div.with_scroller {position:relative} .media_div.with_scroller .td_slider_thumbnail {height: 100%; overflow: hidden;position: absolute;right: 0;top: 0} } @media (max-width: 992px){ .media_div.with_scroller .td_slider_photo,.media_div.with_scroller .td_slider_thumbnail{width: 100%} .media_div .slick-arrow{display: none!important} } @media screen and (max-width: 736px){ #home .owl-nav > .owl-next{right: 0px!important} #home .owl-nav > .owl-prev{left: 0px!important;} } @media screen and (min-width:768px) { .homepage{ margin-top: 80px!important; } #content { margin-top: 80px;} body#home .section.slideshow {padding-top: 0;} #content.search_results .section.slideshow {padding-top: 260px;} #content .section.slideshow {padding-top: 100px;} .homepage .section {position: relative; margin-bottom:60px} .mobile-logo {display:none} .home-box {left: 50%;margin: 0 auto;position: absolute;right: 0;top: 50%;z-index: 1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);} .home-logo {text-align:center} .home-logo a {background-position: center center;background-repeat: no-repeat;background-size: 295px auto;display: block;height: 170px;margin: 0 auto;width: 100%;opacity:0.85} .home-logo a:hover {opacity:1} .home-logo img {max-width: 143px; display:none; margin:0 auto} .home-logo h4 {color: #fff;margin: 20px 0} .homepage .suburb-list {margin: 0 -10px;position: relative} .homepage .suburb-list .suburb-wrap, #suburb-profiles .suburb-list .suburb-wrap {box-sizing: border-box;float: left;padding: 0 10px;width: 33.3333%; margin-bottom:20px} .s { display:none !important; } .home-search .qs-ul > li { box-sizing: border-box;float: left;padding-right: 5px;position: relative} .home-search .qs-ul > li.search-button {padding: 0} .home-search .qs-ul > li.search_keyword {width:42%} .home-search .qs-ul > li.types {width: 15%} .home-search .qs-ul > li.price { width: 30%} .home-search .qs-ul > li.price .prices {float: left;width: 48.75%} .home-search .qs-ul > li.price .price_min {margin-right: 2.5%} .home-search .qs-ul > li.search-button {width: 13%} /* -quick search 1 - */ .quicksearch-1 {margin: 20px 0 0} .quicksearch-1 .field {padding-right: 5px; margin-bottom:5px; float:left} .quicksearch-1 .nopad {padding-right:0} .quicksearch-1 .advanced {width: 50%} .quicksearch-1 .select-suburb, .quicksearch-1 .find-property, .quicksearch-1 .button {width: 25%} .quicksearch-1 .deal-type, .quicksearch-1 .prices_ {width: 37.5%} .quicksearch-1 .prices_ .prices {float: left;width: 50%; box-sizing:border-box} .quicksearch-1 .prices_ .price_min {padding-right: 5px} #location-info.suburb .section.overview section:last-child { margin:0; padding:0; border-bottom:none; } .gform_wrapper ul > li {float:left; width:100%} .gform_wrapper ul li label.gfield_label {box-sizing: border-box;float: left;padding-right: 10px;width: 200px} .validation_message {margin-left:200px; clear:both} .gform_wrapper ul li .ginput_container {float: left;width: calc(100% - 200px)} .gform_wrapper .gform_footer {clear: both;margin-left: 200px} .clc .calc_table td.calc_field {width:30%} .clc .calc_table td.calc_value {width: 70%} .clc .calc_table td input[type="text"], .clc .calc_table td select {padding: 7px 10px;width: 200px} .clc .calc_table td .submit_btn.button {margin-left: 30%} .clc .calc_table td .submit_btn.button a {height: 2.5em; line-height: 2.5em; margin: 0; padding: 0 1em; cursor: pointer; font-size: 1em; color: #fff; font-family: inherit;background: #D61920; border: none; display: inline-block;} .clc .calc_table td .submit_btn.button a:hover {background: #002A64;} .clc ul.calc_table li > p.submit_btn a:hover {background: #002A64;} #contact-us .box {width: 50%} #agents .agent section {padding:14px 14px 40px; min-height:9em} #agents .agent section .video {bottom: 14px;position: absolute} #agent > .overview .details {width: 25%; padding: 0 10px;} #agent > .overview .description {width: 74%; padding: 0 10px;} #free-appraisal #gform_fields_13 #field_13_1 .ginput_container{width: 33.333%} #free-appraisal #gform_fields_13 #field_13_18 .ginput_container{width: calc(100% - 200px)} #free-appraisal #gform_fields_13 #field_13_18 .ginput_container ul > li{width: 100px} #free-appraisal #field_13_3 .ginput_container, #free-appraisal #field_13_6 .ginput_container, #free-appraisal #field_13_16 .ginput_container, #free-appraisal #field_13_15 .ginput_container, #free-appraisal #field_13_19 .ginput_container, #free-appraisal #field_13_20 .ginput_container{width: calc(100% - 200px)} #free-appraisal #field_13_5 .ginput_container, #free-appraisal #field_13_21 .ginput_container, #free-appraisal #field_13_22 .ginput_container, #free-appraisal #field_13_23 .ginput_container, #free-appraisal #field_13_24 .ginput_container{width: calc(100% - 200px)} #free-appraisal #field_13_26 .ginput_container{margin-left: 195px;} } @media screen and (min-width: 1162px) { #contact-us .gform_wrapper ul li#field_15_8 .ginput_container{ margin-left: 195px; } } @media screen and (max-width: 1161px) { #contact-us .gform_wrapper .gform_footer{ margin-left: 0; } } @media screen and (max-width:1151px) { .d { display:none !important; } .m-cf { float:none !important; width:auto !important; } #header { position:relative; padding:0; } #header .sosmed a.icon {height:60px; line-height:60px} #header .phone_ { height: 60px;line-height: 60px;margin-left: 5px} #header .phone_ i.icon-phone {margin-right:5px;float: left;height: 60px;width: 29px; background:url(images/icons/icon_phone.png) no-repeat center center /*#fff*/} #header .nav-left, #header .nav-right {display:none} #content { min-height:92.1875%} div[role="main"] { *padding:0 0 253px} .home div[role="main"] { padding: 0} #header .hgroup .utils, .homepage .carousels .direction { display:none; } .toggle-menu {color: #002A64;cursor: pointer;height: 60px;line-height: 60px} .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:#f0f0f0 url(images/sidenav.png) 0 0 repeat-y; -webkit-transform:translate3d(100%, 0, 0); -ms-transform:translate(100%, 0); transform:translate3d(100%, 0, 0); } #sidenav ul.menu li i, #sidenav ul.menu li ul li i { float: right;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);-webkit-transition: all 0.5s; transition: all 0.5s;position: absolute;top: 0px; right: 0px;padding: 0 25px;line-height: 60px;cursor: pointer;height: 55px;display: inline-block;background: #002A64;color: #fff; } #sidenav ul.menu li.shrink > i.fa-caret-right:before {content: '\f0d7' !important} #sidenav ul.sub-menu li i, #sidenav ul.sub-menu li ul li i {height: 50px;line-height: 50px;background: none} #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); position: relative;} #sidenav ul.menu a { display:block; color:#363638; } #sidenav ul.menu > li > a { padding:14px; font-size:1.28571em; } #sidenav ul.menu > li.menu-item-633 > a {text-overflow: ellipsis; max-width: 175px; white-space: nowrap; overflow: hidden;} #sidenav ul.menu li:hover > a, #sidenav ul.menu li.shrink > a, #sidenav .logins a:hover {background: #D61920;color: #fff; } #sidenav ul.menu li:hover > a{background: #002A64;color: #fff;} #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.level-0 > li {position: relative;} #sidenav ul.sub-menu a { padding:14px 14px 14px 28px; } #sidenav ul.sub-menu ul li a { padding:14px 14px 14px 38px; } #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 .phone_{font-size: 1.28571em;padding: 14px;display: block;} #sidenav .phone_ .circle{display: inline-block;text-align: center;width: 25px;} .phone_ a{color: #363638;} #sidenav .logins a{border-bottom:1px solid rgba(0, 0, 0, 0.1); border-top:1px solid rgba(255, 255, 255, 0.5);font-size: 1.28571em;padding: 14px 14px 14px 39px;display: block;} #sidenav-overlay { position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.5) url(images/sidenav_overlay.png) 100% 0 repeat-y; } #page.shrink #sidenav-overlay { display:block; } .search-toolbar ul.tabsnav a { width:40px; height:40px; line-height:40px; } #location-info.suburb .section.overview .block.left, #post-entry { padding-right:56px; } } @media screen and (max-width:1023px) { .listview .listing h3.headline { font-size:1.42857em; } #property .section.overview .block.left, #property .section.overview .block.right { float:none; width:auto; padding:0; } #footer .section { text-align:center; } #footer .logo img { max-width:100%; margin:0 auto; } #footer .magazine { display:none; } } @media screen and (min-width:1024px) and (max-width:1151px) { #current-listings .property a.container, .homepage .suburb-profiles a { padding-bottom:66%; } .listview .listing figure { padding-bottom:34.9425%; } #property-map #map_canvas { padding-bottom:56.25%; } #agent .details { width:33.33%; padding:0 14px 0 0; } #agent > .overview .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:1024px) { .home-box {max-width:80%} #similar_listings .thumbview .listing .container {min-height:20em} div.pp_pic_holder {left: 50% !important;transform: translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%)} .ppt {margin-left:0!important} .ppt,.pp_top,.pp_bottom,.pp_pic_holder,.pp_content,#pp_full_res img,.pp_details { max-width: 100%; } body#contact-us .gform_wrapper ul li .ginput_container.ginput_container_checkbox, body#contact-us .gform_wrapper .gform_footer {margin-left: 200px;} } @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%; } } @media screen and (min-width:481px) and (max-width:1023px) { #current-listings .property a.container, .homepage .suburb-profiles a { padding-bottom:56.25%; } #map_canvas { padding-bottom:75%; } #agent .details { width:50%; padding:0 14px 0 0; } #agent > .overview .description { width:74%; padding:0 0 0 14px; } #location-info.suburb .section.map #map_canvas { padding-bottom:75%; } .listings-table td.col-rooms { display:none; } .listings-table td.col-times { width:160px; } .listings-table td.col-agent { width:110px; } } @media screen and (min-width:481px) and (max-width:767px) { .listview .listing figure { width:60%; padding-bottom:60%; } .listview .listing .overview { width:40%; } .listview .listing p.description { display:none; } .listview .listing .rooms-price { left:65.4902%; } .listview .listing ul.rooms { float:none; } .listview .listing p.price { float:none; padding:4px 0 0; clear:both; } } @media screen and (max-width:767px) { h1 { font-size:2.25em; } .mobile-logo {left: 0;position: absolute;right: 0;top: 50%;transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);} .homepage .section {position: relative; margin-bottom:30px} .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 .hgroup {width:100%} #header .logo a { display:inline-block; height:60px; line-height:60px; } .media_div.with_scroller .td_slider_thumbnail {display: none;} .property .direction {width: auto; margin: 0;} .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; } .home-box {background: #002A64;padding: 20px;} .home-box h1.page-title{color: #fff!important;} .home-box .home-logo > a {display:none} .home-box .home-logo h4 {color: #fff;font-size: 1.5em;margin: 0 0 20px;text-align: center} .home-search .qs-ul > li {float: left;margin: 0 0 10px;position: relative; width: 100%} .home-search .qs-ul > li .prices {float: left;width: 49.25%} .home-search .qs-ul > li .price_min {margin-right: 1.5%} .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, #suburb-profiles .suburb-profiles span.text { font-size:3em; } .homepage .suburb-list .suburb-wrap, #suburb-profiles .suburb-list .suburb-wrap {margin-bottom:20px} .quicksearch-1 {margin: 20px 0 0} .quicksearch-1 .field {float: left;padding: 0 0 10px;width: 100%} .quicksearch-1 .prices_ .prices {box-sizing: border-box;float: left;width: 50%} .quicksearch-1 .prices_ .prices {box-sizing: border-box;float: left;width: 50%} .quicksearch-1 .button .btn {width:100%} .quicksearch-1 .prices_ .price_min {padding-right: 5px} .quicksearch-1 .prices_ .price_max {padding-left: 5px} .search-results { margin:0; } .search-order a i.fa { display:block;} .search-order a span { display:block; font-size:0.642857em; } .search-toolbar .count, .search-toolbar .tools { float:none; text-align:center; } #favourite-property .tools .tabsnav, .search-toolbar .tools .back {float:none; display:inline-block} .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%; } .thumbview .listing .container { min-height:inherit; } .thumbview .listing .overview { padding:20px 15px; } .thumbview .listing .rooms-price { position:static; margin:14px 0 0; padding: 10px 15px;} #post-entry, #sidebar, #blog aside#sidebar { width:100%; padding-left:0; } #blog .main-content {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 .agent figure { height: auto; } #agents .options select { width: 100%; } table.results tr.th {display: none;} table.results td {box-sizing: border-box;float: left;min-height:45px;padding: 10px 10px 10px 50%;width: 100%;position: relative; border-bottom:1px solid #d5d5d5} 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 #bbbbbb;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;} #property-address-icon {padding: 2.25em 5%;} .gform_wrapper ul li label.gfield_label {display: block;margin: 0 0 3px} .gform_wrapper ul li .ginput_container {width:100%} #agents .agent section {padding:14px} .clc .calc_table td {display: block;float: left;width: 100%} .clc .calc_table td input[type="text"], .clc .calc_table td select {width:100%} div.pp_pic_holder {left: 0 !important;width: 100% !important} div.pp_pic_holder .ppt {margin: 0 0 10px !important;text-align: center;width: 100% !important} div.pp_pic_holder .pp_content {height: auto !important;width: 100% !important} div.pp_pic_holder .pp_fade {position:relative} div.pp_pic_holder .pp_hoverContainer {height: auto !important;top: 40%;width: 100% !important} div.pp_pic_holder #pp_full_res img {display: block;height: auto !important;width: 100% !important} div.pp_pic_holder #pp_full_res img#captcha-image {width: auto !important} div.pp_pic_holder .pp_details { clear: both;float: none !important;margin: 0 !important;width: 100% !important; display:inline-block; padding:10px 0 0; min-height:24px } div.pp_pic_holder .pp_details .pp_description {margin: 4px 0 0 !important} div.pp_pic_holder .pp_details .pp_arrow_previous, div.pp_pic_holder .pp_details .pp_arrow_next {margin-top: 5px !important} div.pp_pic_holder .pp_details .pp_close {height: 24px; top:auto; bottom:0} div.pp_pic_holder .pp_hoverContainer a.pp_next { background: url(../images/btnNext.png) no-repeat right center !important} div.pp_pic_holder .pp_hoverContainer a.pp_previous { background:url(../images/btnPrevious.png) no-repeat left center !important} div.pp_pic_holder .pp_gallery, div.light_square .pp_expand { display:none !important} #agent > .overview .details, #agent > .overview .description {width: 100%;} .thumbview .listing .container .overview .container {border: none;} .thumbview .listing .container {min-height: 16em!important;} .location-image .image, .location-wrap {max-width: 100%; margin: 0 auto;} .home-search .qs-ul > li.types{width: 49.25%!important;padding-right: 1.5%;} .home-search .qs-ul > li#house_rooms{width: 49.25%!important;float: left!important;} } @media screen and (max-width:767px) and (orientation:landscape) { .mobile-logo > a { background-position: center center;background-repeat: no-repeat;background-size: 160px auto; border-radius: 100%;display: block;height: 140px;margin: 0 auto; width: 180px; opacity:0.85 } } @media screen and (max-width:767px) and (orientation:portrait) { .mobile-logo > a { background-position: center center;background-repeat: no-repeat;background-size: 120px auto; border-radius: 100%;display: block;height: 120px;margin: 0 auto; width: 120px; opacity:0.85 } } @media screen and (max-width:666px) { .location-list .location-wrap .image {padding-bottom: 75%;width: 100%} .location-list .location-wrap .location-desc {width:100%} } @media screen and (max-width:480px) { #header .header-bottom .logo.main img {max-height: 55px; -webkit-transition: all 0.5s; transition: all 0.5s;} #property-address-icon {padding: 2.25em 5%;} #current-listings .property a.container, .homepage .suburb-profiles a { padding-bottom:100%} .search-order a { display:block; box-shadow:0 -3px 0 #fff inset; margin-bottom:15px} .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} .listview .listing .rooms-price .opens, .listview .listing .rooms-price .price {clear: both;display: block;float: left} #map_canvas { padding-bottom:100%; } 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 > .overview .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%} .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:"} #home .owl-nav > .owl-next{top: 178px!important} #home .owl-nav > .owl-prev{top: 178px!important;} } #splash-preloader{height: auto!important;position: absolute!important;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%)!important} #splash-preloader .logo-splash{text-align: center;padding: 0 15px;margin-top: 30px} #splash-preloader h1{padding: 0 15px} #splash-preloader .logo-splash:first-child img{padding-top: 35px;max-width: 300px} #splash-preloader .logo-splash:last-child img{padding-bottom: 35px;margin-bottom: 50px;max-width: 300px} #splash-preloader h1{font-size: 2em} #splash-preloader{background: none!important} .homepage .tab-content .content-block.active{overflow: visible} #home .owl-nav > .owl-next{position: absolute;right: -50px;top: 235px} #home .owl-nav > .owl-prev{position: absolute;left: -50px;top: 235px} #for-sale-listings .url.text-center{margin-top: 20px} #property .icon_video{background: none;position: relative} #property .icon_video i {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 100px;z-index: 100} #property .icon_video .img_video{width: 100%} #property #content{margin-top: 120!important} .home .video-container{background: url("images/binningup.jpg");background-repeat: no-repeat;background-size: cover} #property #slick-container .icon_video i{font-size: 32px} @media screen and (max-width: 809px){ #splash-preloader h1{font-size: 1.8em;} } @media screen and (max-width:479px) { .homepage .tabbed .tab-nav li, #agent .tabs-nav li, #location_info ul.ui-tabs-nav li {box-shadow: 0 -3px 0 #ccc inset;display: block} } @media screen and (max-width: 492px){ #property-alert .options.col-3 span {width: 50%} #property-alert .button.email_btn input{width: 100%} #splash-preloader .logo-splash:first-child img{width: 100%} } @media screen and (max-width: 420px) { #home .owl-nav > .owl-next{top: 145px!important;} #home .owl-nav > .owl-prev{top: 145px!important} } @media screen and (max-width: 380px) { #home .owl-nav > .owl-next{ top: 130px!important;} #home .owl-nav > .owl-prev{top: 130px!important;} } @media screen and (max-width: 360px) { #contact-us .rc-anchor-light,#free-appraisal #field_13_27 .ginput_container{transform: scale(0.9);transform-origin: 0 0;-webkit-transform-origin-x: 0 0;} #home .owl-nav > .owl-next{top: 120px!important} #home .owl-nav > .owl-prev{top: 120px!important;} } @media screen and (max-width: 320px){ #property-alert .options.col-3 span {width: 100%} #home .owl-nav > .owl-next{top: 100px!important;} #home .owl-nav > .owl-prev{top: 100px!important;} } #our-team #agents .agent p i.fa.fa-mobile{font-size: 16px} #our-team #agents .agent.column figure{position: relative;overflow: hidden} #home .marketing-difference-box{padding-bottom: 40px;margin-bottom: 20px} #home .marketing-difference-box .col-md-3.no-padding:hover img {webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3)} #home .marketing-difference-box .col-md-3.no-padding {width: 25%;float: left;padding: 0 15px;box-sizing: border-box} #home .marketing-difference-box .col-md-6.no-padding {padding: 0 15px;width: 50%;float: left;box-sizing: border-box} #home .marketing-difference-box .box-text{text-align: left} #home .marketing-difference-box .box-img iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%} #marketing-is-the-difference .marketing-difference .col-md-12 .box-img{position: relative;height: 0;padding-bottom: 56.25%;overflow: hidden} #marketing-is-the-difference .marketing-difference .col-md-12 .box-img iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%} #marketing-is-the-difference .row{margin: 0 -15px;overflow: hidden} #marketing-is-the-difference .col-md-12{width: 100%;float: left;padding: 0 15px;box-sizing: border-box} #marketing-is-the-difference .col-md-6{width: 50%;float: left;padding: 30px 15px;box-sizing: border-box} #marketing-is-the-difference .marketing-difference-box .box-img{position: relative;height: 0;padding-bottom: 56.25%;overflow: hidden} #marketing-is-the-difference .marketing-difference-box .box-img div{display: block;overflow: hidden;height: 100%;position: absolute;width: 100%} #marketing-is-the-difference .marketing-difference-box .box-img div img{height: 100%;width: 100%;object-fit: cover} #home #listingstabs .tab-content #text-3.widget_text .textwidget{margin: 0 auto;max-width: 1024px} #home .marketing-difference-box .box-img a {display: block;overflow: hidden;height: 200%;left: -50%;position: absolute;top: -50%;width: 200%} #home .marketing-difference-box .box-img a img {bottom: 0;height: 50%;left: 0;margin: auto;min-height: 50%;min-width: 50%;position: absolute;right: 0;top: 0;width: auto;transition: all 1.3s} #home .marketing-difference-box .box-img a i{position: absolute;top: 50%;left: 50%;font-size: 30px;transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%)} #home .marketing-difference-box .box-img {position: relative;height: 0;padding-bottom: 56.25%;overflow: hidden} #home .marketing-difference-box .col-md-3.no-padding {width: 25%;float: left;padding: 0 15px;box-sizing: border-box} #home .marketing-difference-box .row {margin-left: -15px;margin-right: -15px;position: relative;overflow: hidden} #home .marketing-difference-box .row .box-content {background: #f0f0f0;padding-top: 15px;padding-bottom: 15px} #home .marketing-difference-box .row .box-content p {color: #000;font-size: 1.25em;font-family: "Roboto"} .homepage .tab-content #text-3.content-block.active{overflow: hidden;max-height:inherit} @media screen and (max-width: 1024px) { #home .marketing-difference-box .col-md-3.no-padding {width: 50%;padding-bottom: 30px;} } @media screen and (max-width: 767px) { #home .marketing-difference-box .row {margin: 0} #home .marketing-difference-box .col-md-3.no-padding,#home .marketing-difference-box .col-md-6.no-padding {width: 100%;padding: 0 0 20px} #marketing-is-the-difference .row{margin: 0} #marketing-is-the-difference .col-md-12,#marketing-is-the-difference .col-md-6{width: 100%;float: none} #marketing-is-the-difference .col-md-6, #marketing-is-the-difference .col-md-12{padding: 15px 0} #home .marketing-difference-box{padding-bottom: 0} #home .marketing-difference .text-center a.button{height: inherit;line-height: 1.3;padding: 5px 10px} } #stamp_duty_calculator, #mort_calc{float:left;width:48%} #stamp_duty_calculator > ul, #mort_calc > ul{width:100%} #mort_calc + p{clear: both} #stamp_result_tr > p{margin-bottom: 20px} @media screen and (max-width: 1024px) { #stamp_duty_calculator, #mort_calc{float:none;width:98%;} } @media screen and (max-width: 360px) { .clc ul.calc_table li label, .clc ul.result li label{width:100%;float:none;min-height:inherit} #stamp_duty_calculator > ul, #mort_calc > ul{margin: 0;padding: 0 15px 15px 0} .clc ul.calc_table li > p.submit_btn{padding: 0} #stamp_result_tr > p {margin-bottom: 10px} .clc ul.calc_table li select, .clc ul.result li select,.clc ul.calc_table li input[type="text"], .clc ul.result li input[type="text"],.clc ul.calc_table li input[type="number"], .clc ul.result li input[type="number"]{width: 100%!important} .clc .calc_table td{padding: 0;width: 100%} .clc .calc_table td.calc_value{padding-bottom: 10px} #calc_results > p{margin-bottom: 15px} #mort_calc > ul{padding-bottom: 0} } @media screen and (max-width: 767px) and (min-width: 396px) { .clc .calc_table td.calc_field {width: 30%;} .clc .calc_table td.calc_value {width: 70%;} } .home-logo a{background-image: url('https://www.barrandstandley.com.au/wp-content/uploads/2017/03/BS_Logo_Full_Colour.png')!important} @media screen and (max-width: 1151px) { #header .header-bottom .logo.main img{max-height: 110px!important} } #listingstabs .tab-content .slides .owl-item:hover section, #listingstabs .tab-content .slides .owl-item:hover section .suburb {background: #002A64;color: #fff} #listingstabs .tab-content .slides .owl-item:hover section .property-tools a {color: #fff} #our-story #content{margin-top: 0} #home #quick_search li.search-button button {height: 40px;line-height: 40px;width: 100%} .footer-address i.fa{margin-right: 5px} .footer-address i.fa.fa-fax{margin-left: 5px} @media screen and (min-width: 396px) and (max-width:1151px) { .toggle-menu, .toggle-menu i.fa, #header .phone_{height: 115px;line-height: 115px} #header .phone_ i.icon-phone{height: 115px} #header .header-bottom .hgroup.group{padding: 0} } @media screen and (max-width: 375px) { #header .phone_ i.icon-phone{height: 22px} #header .phone_{height: 22px;line-height: 22px} } #footer .footer-social > span{display: none} #footer .footer-social a{margin-right: 0;margin-left: 20px;width: 42px;height: 42px;text-align: center;border-radius: 50%;background: #D61920;border: 1px solid #D61920;color: #fff} #footer a.button:hover, #footer .footer-social a:hover{background: #fff;color: #D61920!important;border: 1px solid #fff} #header.scrolled{box-shadow: none} @media screen and (min-width: 1024px) { #footer .bottom-footer-menu ul{text-align: right} #footer .bottom-footer-menu{margin-bottom: 15px} #footer .bottom-footer-menu ul li{margin-left: 4%;margin-right: 0!important} #footer .footer-social > span{text-align: right} #footer .footer-logo{width: 50%} #footer .footer-menu{width: 50%} #footer .credit .text{border-top: 1px dotted rgba(255,255,255,.15)} } @media screen and (max-width: 1240px) and (min-width: 1024px){ #footer .footer-logo{width: 36%} #footer .footer-menu{width: 64%} #footer .bottom-footer-menu ul{height: 60px;line-height: 60px} } @media screen and (max-width: 1023px) { #footer .footer-social{border-bottom: none;margin-bottom: 0;padding-bottom: 0} .bottom-footer-menu{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid} } @media screen and (max-width: 407px) { .toggle-menu i.fa{text-align: right;height: 50px;line-height : 50px} .toggle-menu{height: 50px;line-height : 50px;padding-top: 18px} #header .phone_ i.icon-phone{height: 20px} #header .phone_{height : 20px;line-height: 20px} } @media screen and (max-width: 1151px) and (min-width: 1024px) { #header .header-bottom .logo.main img{padding-top: 12px;} } a.ytcthumb.popup-youtube:after { width: 100%;height: 100%;content: "";position: absolute;left: 0;top: 0; z-index: 99;pointer-events: none;background: rgba(0, 0, 0, .3);transition: 0.3s;opacity: 0; } a.ytcthumb.popup-youtube:hover:after {opacity: 1} a.ytcthumb.popup-youtube:hover .ytcplay{z-index:100} #page #content, #page #content{min-height: calc(100vh - 229px)} @media screen and (max-width: 1151px) { #content{margin-top: 0!important} #header.scrolled .header-bottom {padding: 0!important} #header.scrolled{height: 115px} } @media screen and (max-width: 320px) { #header .header-bottom .logo.main img{max-height: 100px!important;} } .listview .listing figure img{width: 100%;height: 100%;object-fit: cover} @media screen and (max-width: 1023px) and (min-width: 768px){ .listview .listing figure{padding-bottom: 36%!important;} } @media screen and (max-width: 767px) { .listview .listing figure, .listview .listing .overview {float: none;width: auto} .listview .listing figure {height: auto;padding: 0} .listview .listing .rooms-price {position: static} .listview .listing p.description {margin: 14px 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 figure{padding-bottom: inherit!important} } .listings-table td{border-bottom: 1px solid #363638} @media screen and (max-width: 767px){ .search-order a {color: #fff} #email-us-popup.mf-popup .gfield_captcha_input_container{margin-left: 0!important} } .quicksearch-1 .button .btn{height: 42px!important} a.button, .ytc-youtubelink .ytcmore{background: #D61920!important;border: 1px solid #D61920!important;color: #fff!important} a.button:hover, .ytc-youtubelink .ytcmore:hover{background: #002A64!important;border: 1px solid #002A64!important;color: #fff} #footer a.button:hover{background: #fff!important;color: #D61920!important} #location_info ul.ui-tabs-nav a{color: #002A64;opacity: 1} #location_info ul.ui-tabs-nav .ui-tabs-active a,#location_info ul.ui-tabs-nav a:hover {box-shadow: 0 -3px 0 #D61920 inset} #location_info ul.ui-tabs-nav a:hover, #location_info ul.ui-tabs-nav li.ui-tabs-active a{color: #D61920} #side_realty_widget_action_buttons .block-fav #add_to_favs > .block-fav{border: none;margin: 0;padding: 0} #contact-us .open-email-us{margin-top: 10px} #sidenav li.current-menu-ancestor, #sidenav ul.menu > li.current-menu-item {background: #D61920} #sidenav li.current-menu-ancestor a, #sidenav ul.menu > li.current-menu-item a {color: #fff!important} #footer .bottom-footer-menu ul li.current-menu-item a, #footer .bottom-footer-menu ul li.current-page-ancestor a{color: #D61920} .ytc-row .ytc-column h6 a {color: #666!important} .owl-carousel .owl-item:hover ul.rooms li {color: #fff;} #home .marketing-difference-box .col-md-6.no-padding:first-of-type{float: right} /* login */ body#login .contact_form ol {list-style: none; clear: both; display: table; content: ""; margin-left: 0; width: 100%;} body#login .signup_button a.btn {height: 2.5em; line-height: 2.5em; margin: 0; padding: 0 1em; cursor: pointer; font-size: 1em; color: #fff; font-family: inherit; background: #D61920; border: none; display: inline-block;} @media screen and (min-width: 768px) { body#login .contact_form ol li label {box-sizing: border-box; float: left; padding-right: 10px; width: 150px;} body#login .contact_form ol li input[type="text"] {float: left; width: calc(100% - 150px);} body#login .signup_button p a {float: right; border: 0;} } @media screen and (max-width: 1023px) { #home .marketing-difference-box .col-md-6.no-padding{width: 100%;float: none;margin-bottom: 10px} #home .marketing-difference-box .col-md-6.no-padding:first-of-type{float: none} } @media screen and (max-width: 767px) { body#login .contact_form ol li label {margin-bottom: 10px; display: block;} } body#property-alert article#entry a {color: #D61920;text-decoration: underline;} body#login .signup_button input[type="checkbox"] {display: none!important;} @media screen and (min-width: 768px) { body#login .signup_button a.btn.btn-bef-login{float: none;margin-left: 150px;} } @media screen and (max-width: 510px) { #property-alert .options.col-3 span, #login .options.col-3 span {width: 50%;float: left;} } #home .marketing-difference-box .box-text ol {margin: 10px 0 10px;padding: 0;counter-reset: item} #home .marketing-difference-box .box-text ol > li {margin: 0;list-style-type: none;counter-increment: item} #home .marketing-difference-box .box-text ol > li:before {display: inline-block;width: 1em;padding-right: 0.5em;font-weight: bold;text-align: right;content: counter(item) "."} #home .marketing-difference-box .box-text ol > li > p {padding-left: 20px} #home .marketing-difference-box .box-text > ul {padding: 0;margin: 0} #home .marketing-difference-box .box-text > ul>li:before {content: '•';padding-right: 8px} #our-team .panels #all {overflow: hidden}