/*
Theme Name:Happy Real Estate
Theme URI:http://demo.thatid.com/happyre
Author:Agentpoint
Author URI:http://agentpoint.com.au/
Description:Happy Real Estate Wordpress Theme
Tags:responsive design
*/

@import url('css/utilities.css?v=1.001');
@import url('fonts/futura/futura.css?v=0.001');

* {
    box-sizing: border-box
}

html,
body {
    -webkit-text-size-adjust: none
}

html {
    margin: 0 !important
}

body {
    color: #333;
    font-family: 'FuturaBT-Book', Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 0.3px;
    line-height: 1.7;
    background: #fff;
    -webkit-text-size-adjust: none;
    overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: normal;
    font-weight: 400;
    color: #333;
    font-family: 'FuturaBT-Medium';
    letter-spacing: 0;
    text-transform: capitalize
}

h1 {
    font-size: 3em
}

h1.page-title {
    line-height: 1.2;
    text-align: center
}

#careers #content.default h1.page-title {
    color: #333;
    margin: 0 0 30px
}

#content h1.page-title {
    margin: 20px 0
}

#team #content h1.page-title {
    margin-top: 50px
}

h2 {
    font-size: 2.16667em
}

h3 {
    font-size: 2em
}

h4 {
    font-size: 1.83333em
}

h5 {
    font-size: 1.66667em
}

h6 {
    font-size: 1.5em
}

a {
    color: #4E0090;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

a:hover {
    color: #4E0090
}

em {
    font-style: italic
}

hr {
    margin: 28px 0;
    border-top: 2px solid #e5e5e5;
    border-bottom: none
}

table {
    width: 100%
}

th,
td {
    padding: 5px;
    width: 10%;
    text-align: center
}

.col-center {
    text-align: center
}

.col-left {
    text-align: left
}

.col-right {
    text-align: right
}

p.no_properties {
    padding: 50px 20px;
    text-align: center
}

::-webkit-input-placeholder {
    color: #333;
    opacity: 1
}

:-moz-placeholder {
    color: #333;
    opacity: 1
}

::-moz-placeholder {
    color: #333;
    opacity: 1
}

:-ms-input-placeholder {
    color: #333;
    opacity: 1
}

b,
strong {
    font-family: "FuturaBT-Medium"
}

input,
select,
textarea {
    margin: 0;
    box-sizing: border-box;
    border-radius: 0
}

textarea {
    background: #fff;
    border: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px #ccc inset;
    box-sizing: border-box;
    font: 1.1em 'FuturaBT-Book', Arial, sans-serif;
    outline: none;
    padding: 0.4em;
    width: 100%;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
select {
    background: #fff;
    border: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px #ccc inset;
    box-sizing: border-box;
    font: 1.1em 'FuturaBT-Book', Arial, sans-serif;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 0.4em;
    width: 100%;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type="checkbox"],
input[type="radio"] {
    float: left;
    margin: 4px 5px 0 0
}

textarea {
    resize: none
}

input[type="submit"],
input[type="button"],
a.button,
button,
a.btn {
    height: 2.25em;
    line-height: 2.25em;
    margin: 0;
    padding: 0 1em;
    margin-right: 5px;
    cursor: pointer;
    font-size: 1em;
    color: #fff;
    font-family: 'FuturaBT-Book', Arial, sans-serif;
    background: #4E0090;
    border: none;
    text-transform: uppercase;
    border: 2px solid #4E0090;
    background: transparent;
    color: #4E0090;
    transition: all 0.5s
}

a.button,
a.btn {
    display: inline-block
}

input[type="submit"]:hover,
input[type="button"]:hover,
a.button:hover,
button:hover,
a.btn:hover {
    background: #4E0090;
    color: #fff;
    transition: all 0.5s
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="submit"],
input[type="button"] {
    -webkit-appearance: none;
    border-radius: 0
}

.mfp-content .white-popup {
    background: #fff;
    padding: 20px 30px;
    text-align: left;
    max-width: 680px;
    margin: 40px auto;
    position: relative
}

.mfp-content .white-popup li {
    margin-bottom: 5px
}

.mfp-content textarea {
    min-height: 150px
}

.gfield_required,
.gfield_description validation_message {
    color: #ff0000
}

.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: 2px solid #4E0090;
    box-shadow: none;
    color: #4E0090;
    font-family: "FuturaBT-Medium";
    font-size: 1.25em;
    height: auto;
    letter-spacing: 1px;
    line-height: normal;
    padding: 10px 20px;
    text-transform: initial;
    min-width: 200px
}

.text-center a.button:hover {
    background: #4E0090;
    color: #fff
}

.text-right {
    text-align: right
}

.text-cut {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.text-orange {
    color: #4E0090
}

.aquo {
    font-size: 1.16667em
}

.required,
.red {
    color: #e00
}

.hidden {
    display: none
}

.pp_hoverContainer {
    display: none !important
}

ul.ui-tabs-nav li {
    float: left
}

ul.ui-tabs-nav li a {
    display: block
}

div.ui-tabs-panel {
    clear: both
}

.default .gform_wrapper ul {
    list-style: none;
    margin: 0
}

.gform_wrapper ul#gform_fields_18 {
    display: inline-block;
    margin: 0 0 20px;
    width: 100%
}

.gform_wrapper ul#gform_fields_18 li {
    float: left;
    width: 32.6667%
}

.gform_wrapper ul#gform_fields_18 li#field_18_2 {
    margin: 0 1%
}

#page {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease
}

#page.shrink {
    -webkit-transform: translate3d(-280px, 0, 0);
    -ms-transform: translate(-280px, 0);
    transform: translate3d(-280px, 0, 0)
}

#header {
    position: fixed;
    z-index: 999;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0;
    height: 155px
}

#content {
    background: #fff;
    min-height: 100%;
    position: relative;
    z-index: 0
}

.group,
#entry {
    width: 90%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative
}

#forms article#entry {
    padding-bottom: 20px;
    position: relative;
    max-width: 940px;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex
}

#contact-us article#entry {
    padding-bottom: 20px;
    position: relative;
    max-width: 940px;
    overflow: hidden
}

article#entry {
    padding-bottom: 20px;
    position: relative;
    display: block
}

.container {
    min-height: 120px
}

@media screen and (min-width: 1152px) and (max-width: 1200px) {
    #blog div[role="main"] .link-back,
    #lifestyle div[role="main"] .link-back,
    #media div[role="main"] .link-back {
        padding-left: 20px;
        padding-right: 20px
    }
}

div[role="main"] {
    padding: 155px 0 0
}

header#lead {
    padding: 28px 0
}

header#lead.alt {
    padding: 33% 0 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

header#lead.alt .group {
    width: 90%
}

header#lead.alt h1.page-title {
    margin: 0;
    padding: 28px 0 0;
    background: #fff
}

header#lead.alt h1.page-title span.breadcrumbs {
    display: block;
    font-size: 0.333333em
}

header#lead.alt h1.page-title span.breadcrumbs a {
    color: #423b34
}

header#lead.alt h1.page-title span.breadcrumbs a:hover,
header#lead.alt h1.page-title span.breadcrumbs span.gt {
    color: #4E0090
}

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
}

header#lead .search-order {
    display: none
}

footer[role="contentinfo"] {
    background: #4E0090;
    color: #ffffff;
    width: 100%;
    margin-top: 30px
}

.content-block {
    margin-bottom: 15px
}

#contact-us div[role="main"],
#site-map div[role="main"],
#sitemap div[role="main"] {
    background: #e9e5da
}

#contact-us ._offices {
    font: 1.1em 'FuturaBT-Medium';
    margin: 0 0 40px
}

#contact-us ._offices .offices_ {
    width: 49%
}

#contact-us ._offices .top {
    min-height: 115px
}

#contact-us ._offices .map {
    border: 5px solid #fff;
    height: 0;
    margin: 20px 0 0;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
    width: 100%;
    box-sizing: border-box
}

#contact-us ._offices #map_a,
#contact-us ._offices #map_b {
    height: 100%;
    position: absolute !important;
    width: 100%
}

#contact-us .contact_left {
    display: block;
    margin: 0
}

#contact-us .grid-max-3>.column {
    padding: 0
}

#contact-us .grid-max-3.contact_left .column {
    padding: 0 0 10px;
    width: 100%
}

#contact-us .grid-max-3.contact_left .column label {
    display: block
}

#contact-us .grid-max-3.contact_left .column #captcha-image {
    background: #fff
}

#contact-us .grid-max-3.contact_left .column.name_left {
    float: left;
    width: 49%
}

#contact-us .grid-max-3.contact_left .column.name_right {
    float: right;
    width: 49%
}

#contact-us input[type="text"],
#contact-us textarea {
    background: #ececec;
    border: medium none;
    width: 80%;
    color: #4E0090;
    border-radius: 3px;
    box-shadow: none;
    height: 2.8em;
    line-height: normal;
    padding: 5px 20px
}

#contact-us #subscriptions form .field textarea {
    height: 146px;
    padding: 15px;
    text-transform: capitalize
}

#contact-us .contact_right {
    display: block;
    float: right;
    margin: 0;
    width: 49%
}

.site-map-menu ul,
#sitemap-menu ul {
    display: inline-block;
    width: 100%
}

.site-map-menu ul li,
#sitemap-menu ul li {
    float: left;
    width: 33.3333%
}

.column .captcha-wrap {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px #ccc inset;
    display: inline-block;
    width: 100%
}

.column .captcha-wrap img {
    float: left;
    padding: 1px
}

.column .captcha-wrap a {
    float: right;
    height: 37px;
    line-height: 37px;
    text-align: center;
    width: 37px
}

@media screen and (min-width:1152px) {
    .grid-max-3>.column {
        width: 33.33%
    }
    .grid-max-3>.column.full {
        width: 100%
    }
    .grid-max-4>.column {
        width: 25%
    }
    .grid-max-5>.column {
        width: 20%
    }
    .grid-max-3>.column:nth-of-type(3n+1),
    .grid-max-4>.column:nth-of-type(4n+1),
    .grid-max-5>.column:nth-of-type(5n+1) {
        clear: both
    }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
    .grid-max-3>.column {
        width: 33.33%
    }
    .grid-max-3>.column.full {
        width: 100%
    }
    .grid-max-4>.column {
        width: 33.33%
    }
    .grid-max-5>.column {
        width: 25%
    }
    .grid-max-3>.column:nth-of-type(3n+1),
    .grid-max-4>.column:nth-of-type(3n+1),
    .grid-max-5>.column:nth-of-type(4n+1) {
        clear: both
    }
}

@media screen and (min-width:480px) and (max-width:1023px) {
    .grid-max-3>.column {
        width: 50%
    }
    .grid-max-3>.column.full {
        width: 100%
    }
    .grid-max-4>.column {
        width: 50%
    }
    .grid-max-5>.column {
        width: 33.33%
    }
    .grid-max-3>.column:nth-of-type(2n+1),
    .grid-max-4>.column:nth-of-type(2n+1),
    .grid-max-5>.column:nth-of-type(3n+1) {
        clear: both
    }
}

@media screen and (min-width:480px) {
    [class^="grid-"] {
        margin-left: -10px;
        margin-right: -10px
    }
    [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: 10px;
        padding-bottom: 28px;
        padding-left: 10px
    }
    .grid-max-2>.column {
        width: 50%
    }
    .grid-max-2>.column:nth-of-type(2n+1) {
        clear: both
    }
    #team .grid-max-2.agents {
        margin: 0 auto
    }
}

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

#header .hgroup {
    background: white;
    padding: 20px 0;
    padding-bottom: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: 0.3s
}

#header .hgroup .group {
    box-sizing: border-box
}

#header .hgroup .logo {
    float: left
}

#header .hgroup img {
    display: block;
    max-height: 95px;
    transition: all 0.3s ease 0s;
    -webkit-transition: 0.3s;
    padding-bottom: 25px
}

#header .hgroup .utils {
    float: right;
    font-size: 1.1em
}

#header .hgroup .utils>li.language {
    display: none
}

#header .hgroup p.phone a {
    display: block;
    padding: 0 0 0 23px;
    line-height: 60px
}

#header .hgroup p.phone a:hover {
    color: #ddd
}

#property-enquiry .overview p.contact.mobile i.fa {
    font-size: 22px
}

#sidebar {
    width: 33%
}

#sidebar .side-block {
    margin: 0 0 28px
}

#sidebar h3.section-title {
    margin: 0 0 14px;
    font-size: 1.71429em
}

#sidebar a {
    color: #423b34
}

#sidebar a:hover {
    color: #4E0090
}

#footer .group {
    position: relative;
    padding: 10px 0
}

#footer a {
    color: rgba(255, 255, 255, .8)
}

#footer a:hover {
    color: #fff
}

#footer .magazine {
    position: absolute;
    top: 14px;
    right: 0;
    box-shadow: -10px 0 5px #130a01;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}

#footer .magazine:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    -webkit-transform: rotate(5deg) scale(1.2);
    -ms-transform: rotate(5deg) scale(1.2);
    transform: rotate(5deg) scale(1.2)
}

#footer .magazine img {
    display: block;
    max-width: 150px
}

#footer .logo {
    margin: 0 0 14px;
    padding: 14px 0;
    background: url(images/inset_brown.png) 0 100% repeat-x
}

#footer .logo img {
    display: block
}

#footer .offices span.name {
    color: #fff
}

#footer .offices span.slashes {
    color: #4E0090
}

#footer .menu {
    font-size: 14px
}

#footer .menu li {
    display: inline-block
}

#footer .menu li a {
    color: white !important;
    display: block;
    line-height: 40px;
    padding: 0 3px
}

#footer .socials a {
    margin: 0 5px 0 0;
    display: inline-block;
    position: relative
}

#footer .socials i.fa {
    font-size: 2em;
    color: #ffffff;
    transition: 0.4s;
    -webkit-transition: 0.3s
}

#footer .socials i.fa:hover {
    color: #c2a0fd
}

#footer .credit {
    padding: 14px 0 7px;
    font-size: 0.857143em
}

#footer .group .section.socials.left {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

#footer .group .section.menu.right {
    float: none;
    text-align: center;
    width: 100% !important;
    margin: 0 auto;
    margin-top: -10px
}

.homepage .home-top {
    position: relative
}

.homepage .slideshow {
    position: relative;
    z-index: 0;
    max-height: 700px;
    overflow: hidden
}

.homepage .slideshow iframe {
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important
}

.homepage .slideshow img {
    width: 100%;
    height: auto;
    display: none
}

.homepage .home-top .registration {
    background: rgba(0, 0, 0, 0) url("images/000000_50.png") repeat scroll 0 0;
    bottom: 15%;
    box-sizing: border-box;
    color: #fff;
    left: 10%;
    padding: 20px;
    position: absolute;
    right: 10%;
    z-index: 1;
    text-align: center
}

.homepage .home-top .homepage-text h3 {
    font-size: 3em;
    color: #fff;
    margin-bottom: 20px;
    font-family: 'FuturaBT-Light'
}

.homepage .home-top .homepage-text p {
    font-size: 18px;
    color: #4E0090;
    margin-bottom: 40px
}

.homepage .registration h2 {
    color: #fff;
    float: left;
    font-family: 'FuturaBT-Medium';
    font-size: 2.75em;
    height: 60px;
    line-height: 60px
}

.homepage .email_bottom_section a {
    color: #fff
}

.email_bottom_section a {
    display: inline-block;
    font-family: 'FuturaBT-Medium';
    letter-spacing: 1px;
    margin: 23px 0 0;
    text-align: left;
    border-bottom: 1px solid #fff
}

.email_bottom_section a i {
    float: right;
    margin: 6px 0 0
}

.email_bottom_section a:hover {
    border-color: #9c82f9;
    color: #9c82f9
}

.homepage .registration .text_register {
    float: right;
    text-align: center
}

.homepage .registration p {
    font-family: 'FuturaBT-BookItalic';
    font-size: 1.25em;
    line-height: normal
}

.search-bar select,
.search-bar input {
    float: left;
    height: 50px
}

.search-bar:after {
    clear: both;
    content: "";
    display: table
}

.search-bar .search-type {
    width: 15%
}

.search-bar .keywords {
    width: calc(70% - 1px);
    border-left: 1px solid #4E0090;
    border-right: 1px solid #4E0090
}

.search-bar .search_btn {
    width: calc(15% - 1px);
    text-transform: uppercase;
    margin-right: 0
}

.bottom-option>div {
    float: left;
    width: 50%
}

.bottom-option:after {
    clear: both;
    display: table;
    content: ""
}

.bottom-option .checkbox {
    text-align: left
}

.bottom-option .more-options {
    text-align: right
}

.homepage .section h2.title {
    color: #221202;
    font-family: 'FuturaBT-Light';
    font-size: 3em;
    padding: 40px 0
}

.lower {
    text-transform: lowercase
}

.homepage span.big {
    font-family: 'FuturaBT-Medium'
}

.homepage .tabbed .tab-nav {
    margin: 0 0 28px
}

.homepage .tabbed .tab-nav li {
    float: none;
    display: inline-block
}

.homepage .tabbed .tab-nav span,
#agent .properties .tabs-nav li span,
#location_info .ui-tabs-nav li a {
    padding: 0 40px;
    line-height: 2.42857em;
    color: #333;
    display: block;
    cursor: pointer
}

.homepage .tabbed .tab-nav span:hover,
#agent .properties .tabs-nav li span:hover,
.homepage .tabbed .tab-nav li.active span,
#agent .properties .tabs-nav li.active span,
#location_info .ui-tabs-nav a:hover,
#location_info .ui-tabs-nav .ui-tabs-active a {
    box-shadow: 0 -2px 0 #4E0090 inset;
    color: #4E0090
}

.homepage .tab-content .content-block,
#agent .tabs-content .content-block {
    max-height: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none
}

.homepage .tab-content .content-block.active,
#agent .tabs-content .content-block.active {
    max-height: 1000px;
    opacity: 1;
    filter: alpha(opacity=100);
    display: block
}

.homepage .tab-content .content-block {
    display: none
}

.homepage .tab-content .content-block.active {
    display: block !important
}

.carousels {
    position: relative
}

.carousels .slides {
    width: 100%;
    overflow: hidden
}

.carousels ul.container {
    position: relative;
    width: 20000em
}

.carousels li.slide {
    position: relative;
    float: left;
    margin: 0 14px 0 0;
    border: 1px solid #cdcdcd;
    -webkit-transition: all 0.4s;
    transition: 0.1s;
    box-sizing: border-box;
    font-family: 'FuturaBT-Book'
}

.carousels li.slide.date {
    background: #4E0090;
    border-color: #4E0090
}

.carousels li.slide.date .date-container {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.carousels li.slide:not(.date):hover {
    background: #4E0090;
    color: #fff;
    border-color: #4E0090
}

.carousels li.slide:not(.date):hover p {
    color: #fff
}

.carousels li.slide figure {
    overflow: hidden;
    position: relative;
    margin: -1px -1px 0
}

.carousels li.slide figure img._property {
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all 1.3s ease 0s;
    width: auto
}

.carousels li.slide figure img._blank {
    display: block;
    width: 100%
}

.carousels li.slide section {
    padding: 10px 10px 50px
}

.carousels li.slide p {
    -webkit-transition: all 0.4s;
    transition: all 0.1s;
    line-height: normal
}

.icon-floorplan {
    background: rgba(0, 0, 0, 0) url("images/icn_floorplan.png") no-repeat scroll center 0 / 13px auto;
    height: 13px;
    width: 13px;
    transform: translateY(1px);
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px)
}

.carousels li.slide:hover .icon-floorplan {
    background-image: url(images/icn_floorplan_wh.png)
}

.carousels li.slide p span.title {
    display: block;
    margin: 5px 0 0;
    font-family: "FuturaBT-Medium"
}

.carousels li.slide p.suburb {
    font-size: 1.5em
}

.carousels li.slide p.address {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.12857em;
    margin-bottom: 10px
}

.carousels li.slide p.price {
    margin: 0 0 10px
}

.carousels li.slide p.price label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.carousels li.slide .rooms-price {
    margin: 0 0 10px
}

@media (max-width: 814px) {
    .carousels li.slide {
        height: 500px
    }
}

@media (max-width: 425px) {
    .carousels li.slide {
        height: 560px
    }
}

@media (max-width: 375px) {
    .carousels li.slide {
        height: 510px
    }
}

ul.rooms li i {
    float: left;
    height: 30px;
    margin-right: 5px;
    margin-top: 2px;
    width: 20px;
    font-size: 17px;
    color: #fff
}

#home ul.rooms li i {
    color: #333
}

#home .carousels li.slide:hover .rooms-price i {
    color: #fff
}

.carousels li.slide:hover ul.rooms li {
    color: white
}

.carousels li.slide:hover .rooms-price i {
    color: #fff
}

.carousels li.slide.date p {
    padding: 0 14px;
    color: #4c3f32
}

.carousels li.slide.date p.day {
    color: #fff;
    font-size: 1.5em;
    padding: 14px
}

.carousels li.slide.date p.month {
    font-size: 1.5em;
    line-height: 0.5;
    color: white
}

.carousels li.slide.date p.date {
    font-size: 3em;
    line-height: 1.25;
    color: white
}

.carousels .direction a,
#team .carousels .direction a {
    color: rgba(48, 20, 147, 0.5);
    display: block;
    font-size: 3em;
    height: 85px;
    line-height: 85px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.carousels li.slide .property-tools {
    border-top: 1px solid #cdcdcd;
    bottom: 10px;
    left: 0;
    padding: 10px 10px 0;
    position: absolute;
    right: 0
}

.carousels li.slide .property-tools p,
.carousels li.slide .property-tools>div {
    float: left;
    margin-right: 10px;
    cursor: pointer;
    height: 18px;
    line-height: 18px
}

.carousels li.slide .property-tools a {
    color: #333;
    transition: 0s
}

.carousels li.slide .property-tools p {
    transition: 0s
}

.carousels li.slide:hover .property-tools a {
    color: #fff
}

.carousels li.slide ul.rooms li {
    padding: 0;
    background: none;
    color: #333
}

.carousels .direction a:hover,
#team .carousels .direction a:hover {
    color: #4E0090
}

.carousels .url {
    padding: 30px 0 0
}

.suburb-profiles {
    position: relative
}

.suburb-profiles a {
    display: block;
    height: 0;
    padding-bottom: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.email_box,
.opentimes_box {
    background: rgba(78, 0, 144, 0.9);
    color: #fff;
    height: 100% !important;
    left: -1px;
    padding: 15px;
    position: absolute;
    right: -1px;
    top: 0
}

.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;
    font-family: "FuturaBT-Medium"
}

.homepage .suburb-profiles img {
    display: block;
    width: 100%
}

.homepage .suburb-profiles span.caption {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.homepage .suburb-profiles span.caption:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle
}

.homepage .suburb-profiles span.text {
    display: inline-block;
    max-width: 90%;
    font-size: 4em;
    line-height: 1.2;
    color: #fff;
    text-shadow: 1px 1px 4px #000;
    vertical-align: middle
}

.homepage .suburb-profiles span.text small {
    display: block;
    font-size: 0.5em
}

.homepage .recent_blog {
    background: #E9E5DA
}

.homepage .recent_blog h2 {
    padding: 40px 0
}

.homepage .recent_blog li a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.homepage .recent_blog li.box-empty a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    background: #fff
}

.homepage .recent_blog li a:hover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.homepage .recent_blog li.box-empty a:hover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    background: #4E0090
}

.homepage .recent_blog li a:hover span {
    color: #fff
}

.homepage .recent_blog li img {
    display: none
}

.homepage .recent_blog li span {
    box-sizing: border-box;
    color: #fff;
    font-family: 'FuturaBT-Medium';
    font-size: 2em;
    line-height: 47px;
    padding: 0 15px;
    position: absolute;
    text-transform: capitalize;
    width: 100%;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    top: 50%;
    left: 50%;
    color: #4E0090;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.homepage .recent_blog li:hover span {
    color: #4E0090
}

.homepage .recent_blog li span i {
    float: right;
    margin: 6px 0 0;
    font-size: 2em
}

.homepage #testimonials h2 {
    text-align: center
}

.homepage .testimonials {
    margin: 0 0 50px
}

.homepage ._testimonial_item {
    float: left;
    position: relative;
    text-align: center;
    width: 50%;
    overflow: hidden;
    margin-bottom: 30px
}

.homepage ._testimonial_item .image {
    min-height: 118px;
    padding: 10px;
    position: absolute;
    top: 20px;
    width: 118px;
    z-index: 9
}

.homepage ._testimonial_item .image:before {
    background: #fff;
    border-radius: 100%;
    content: "";
    height: 120px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 120px
}

.homepage ._testimonial_item .image .box-circle {
    background-position: left center;
    background-size: cover;
    border: 4px solid #e9e5da;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    height: 110px !important;
    position: absolute;
    width: 110px
}

.homepage ._testimonial_item .image-overlay {
    background: rgba(110, 192, 204, 0.8);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.homepage ._testimonial_item span.agent-name {
    color: #fff;
    display: block;
    font-size: 1.25em;
    text-align: center;
    top: 27px !important;
    width: 100%
}

.homepage ._testimonial_item .content {
    box-sizing: border-box;
    position: relative;
    width: 86%;
    margin: 0 auto;
    display: inline-block
}

.homepage ._testimonial_item .content .box-circle {
    background: #4E0090 none repeat scroll 0 0;
    border: 0 none !important;
    color: #fff;
    height: auto !important;
    min-height: 160px;
    text-align: left;
    border: 2px solid #6ec0cc
}

.homepage ._testimonial_item .content-circle {
    font-size: 16px;
    font-style: italic;
    line-height: 1.4;
    position: relative;
    text-align: left;
    top: 10px !important;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box
}

.homepage ._testimonial_item .content:hover .box-circle {
    border: 2px solid #4E0090 !important;
    background: none;
    color: #4E0090
}

.homepage ._testimonial_item .content:hover .box-circle a {
    color: #4E0090 !important
}

.homepage ._testimonial_item .content:hover .box-circle .content-circle p.from {
    border-top: 2px solid #4E0090 !important
}

.homepage ._testimonial_item .content-circle p {
    min-height: 70px;
    max-height: 70px;
    padding: 0 10px 0 50px;
    overflow: hidden
}

.homepage ._testimonial_item .content-circle p.testi-title {
    font-family: "FuturaBT-Medium";
    margin: 0 0 5px;
    min-height: auto;
    max-height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 25px
}

.homepage ._testimonial_item .content-circle a.read-more-testi {
    padding-left: 70px;
    color: #fff
}

.homepage ._testimonial_item .content-circle .from a {
    color: #fff;
    padding-right: 15px
}

.homepage ._testimonial_item .content-circle a:hover {
    color: #D8CBA7
}

.homepage ._testimonial_item .content-circle p.from {
    max-height: auto;
    border-top: 2px solid #f2f2f2;
    font-style: normal;
    min-height: auto;
    left: 0;
    margin: 10px 0 0;
    padding: 5px 0 0;
    position: relative;
    right: 0;
    text-align: right;
    padding-right: 20px
}

.homepage .home_footer {
    position: relative
}

.homepage .home_footer .video-frame {
    padding-bottom: 56.25%;
    position: relative
}

.homepage .home_footer .video-frame iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.homepage .home_footer .careers-inner {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 3;
    background: url(images/a8996e_50.png);
    color: #fff
}

.homepage .home_footer .careers-inner:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.homepage .home_footer .careers-details {
    display: inline-block;
    margin: 0 auto;
    max-width: 30em;
    padding: 0 1.5em;
    vertical-align: middle;
    width: 90%
}

.homepage .careers-details h2 {
    color: #fff;
    margin: 0 0 20px
}

.homepage .careers-details p {
    margin: 0 0 20px
}

.homepage .home_footer .careers-details a {
    border: 2px solid #4E0090;
    color: #4E0090;
    display: inline-block;
    font-family: 'FuturaBT-Medium';
    font-size: 1.25em;
    padding: 5px 50px 3px;
    text-transform: uppercase;
    transition: 0.4s;
    -webkit-transition: 0.4s
}

.homepage .home_footer .careers-details a:hover {
    background: #4E0090;
    color: #fff
}

.carousels li.slide:hover:not(.date) ul.rooms li.bedrooms {
    background-position: left -24px
}

.carousels li.slide:hover:not(.date) ul.rooms li.bathrooms {
    background-position: left -24px
}

.carousels li.slide:hover:not(.date) ul.rooms li.carspaces {
    background-position: left -24px
}

@media (max-width: 992px) {
    .home-top .group,
    .home_footer .group {
        padding: 0
    }
}

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

.default .contact_form ol.cf-ol {
    list-style: none;
    margin: 0
}

.default .contact_form ol.cf-ol li {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px
}

.default .contact_form ol.cf-ol li label {
    float: left;
    margin: 7px 0 0;
    width: 20%
}

.default .contact_form ol.cf-ol li input[type="text"] {
    float: left;
    width: 50%
}

.default .contact_form ol.cf-ol li select {
    float: left;
    width: 50%
}

.default .contact_form .signup_button {
    margin: 0 0 0 20%
}

.default #return {
    border-bottom: 1px dotted #cdcdcd;
    color: red;
    margin: 0 0 15px;
    padding: 0 0 15px
}

.default .contact_form .prop_alerts_ul {
    float: left;
    margin: 0;
    width: 50%
}

.default .contact_form .prop_alerts_ul ul {
    margin: 0 0 10px
}

.default .contact_form ol.cf-ol ul ul li select {
    width: 100%
}

.default .contact_form ol.cf-ol ul ul li.house_rooms .numberofrooms,
.default .contact_form ol.cf-ol ul ul li.price .prices {
    float: left;
    width: 49%
}

.default .contact_form ol.cf-ol ul ul li.house_rooms .bedrooms,
.default .contact_form ol.cf-ol ul ul li.price .price_min {
    margin: 0 2% 0 0
}

.default .contact_form ol.cf-ol li select.select_suburb {
    height: 100px
}

.default .contact_form ol.cf-ol li textarea {
    float: left;
    height: 100px;
    margin: 0;
    width: 50%
}

.default .contact_form ol.cf-ol li.li--unsubscribe {
    margin: 0 0 10px 20%
}

#blog div[role="main"] .link-back,
#lifestyle div[role="main"] .link-back,
#media div[role="main"] .link-back {
    margin: 0 auto 10px;
    max-width: 1170px
}

.blog_image img {
    display: block;
    height: auto;
    width: 100%
}

#blog header#lead,
#team header#lead,
#lifestyle header#lead {
    background: #f4f3ee;
    margin: 0
}

#blog header#lead h1.page-title,
#team header#lead h1.page-title,
#lifestyle header#lead h1.page-title {
    color: #333
}

#blog.single header#lead h1.page-title {
    padding-bottom: 55px;
    background: url(images/blog-arrow.png) no-repeat center bottom
}

#blog .blog_wrap,
#media .media_wrap,
#team .team_wrap,
#lifestyle .blog_wrap {
    background: #f4f3ee
}

#media .media_wrap h1.page-title {
    padding-top: 28px
}

#blog.single #content section.group {
    max-width: 1246px;
    padding: 0
}

#blog.single header#lead {
    background: none;
    padding: 15px 0
}

#blog.single article#entry {
    max-width: none;
    padding: 0;
    width: auto
}

#blog.single .blog.sidebar {
    width: 14%
}

#blog.single .blog.sidebar.left {
    border-top: 2px solid #4E0090;
    padding: 10px 0 0
}

#blog.single .blog.sidebar.left>div {
    margin: 0 0 10px
}

#blog.single .blog.sidebar.left div>span {
    display: block;
    line-height: 22px
}

#blog.single .blog.sidebar.left span.label {
    color: #4E0090;
    font-size: 16px
}

#blog.single .blog.sidebar.left .tags {
    color: #fff;
    font-size: 0
}

#blog.single .blog.sidebar.left a {
    color: #333;
    font-size: 16px
}

#blog.single .blog .share ul {
    list-style: outside none none;
    margin: 0
}

#blog.single .blog .share ul li {
    float: left
}

#blog.single .blog .share ul li span.stButton {
    margin: 0 3px 0 0
}

#blog.single .blog .share ul li span.stLarge {
    height: 18px;
    width: 18px
}

#blog.single .blog .share ul li.st_facebook_large span.stLarge {
    background: url(images/icn_fb.png) no-repeat 0 0 !important
}

#blog.single .blog .share ul li.st_twitter_large span.stLarge {
    background: url(images/icn_tw.png) no-repeat 0 0 !important
}

#blog.single .blog .share ul li.st_googleplus_large span.stLarge {
    background: url(images/icn_gplus.png) no-repeat 0 0 !important
}

#blog.single .blog .share ul li.st_pinterest_large span.stLarge {
    background: url(images/icn_pinterest.png) no-repeat 0 0 !important
}

#blog.single .blog .share ul li.st_linkedin_large span.stLarge {
    background: url(images/icn_linkedin.png) no-repeat 0 0 !important
}

#blog.single .single {
    box-sizing: border-box;
    padding: 0 15px;
    width: 72%
}

#post-entry .post {
    background: #fff;
    float: left;
    margin: 0 3% 25px 0;
    width: 48.5%
}

#post-entry .post.alt {
    margin: 0 0 25px
}

#post-entry.single .post {
    float: none;
    margin: 0 0 28px;
    width: auto
}

#post-entry.single .post img {
    display: block;
    margin: 20px 0
}

#post-entry.single .post img.alignleft {
    margin: 0 20px 20px 0
}

#post-entry.single .post img.alignright {
    margin: 0 0 20px 20px
}

#post-entry h2.post-title a {
    color: #423b34
}

#post-entry h2.post-title a:hover {
    color: #4E0090
}

#post-entry p.post-meta {
    font-size: 0.857143em;
    color: #999
}

#post-entry p.post-meta a {
    color: #999
}

#post-entry p.post-meta a:hover {
    color: #423b34
}

.post-nav {
    clear: both
}

#post-entry .post .frame {
    overflow: hidden;
    display: block;
    width: 100%;
    position: relative
}

#post-entry .post .frame img {
    display: block;
    width: 100%
}

#post-entry .post .frame img.blog {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

#post-entry .post .post_desc {
    padding: 30px;
    text-align: center
}

#post-entry .post .post_desc h2 {
    margin: 0
}

#post-entry .post .post_desc .date {
    color: #4E0090;
    font-size: 1.1em;
    margin: 0 0 10px
}

#post-entry .post .post_desc .more-link {
    display: block
}

#media .media_wrap .group {
    position: relative;
    padding: 20px 20px 0
}

#media .toggle_switch {
    border-radius: 100%;
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 128px;
    width: 24px;
    background: url(images/icn_magnifier.png) no-repeat 0 0
}

#media .toggle_switch.shrink {
    background: url(images/icn_close.png?v=0.02) no-repeat center center
}

#media .video-search {
    max-height: 0;
    overflow: hidden;
    text-align: center;
    transition: 0s;
    -webkit-transition: 0s
}

#media .media_wrap.shrink .video-search {
    max-height: 1000px;
    transition: 0s;
    -webkit-transition: 0s
}

#media .video-search input[type="text"] {
    background: #f4f3ee;
    border-bottom: 1px solid #4E0090;
    box-shadow: none;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

#media .video-search input[type="submit"] {
    margin: 15px 0 30px
}

#media .video-tab-nav {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    overflow: hidden
}

#media .media_wrap.shrink .video-tab-nav {
    max-height: 0;
    overflow: hidden
}

#media .video-tab-nav ul {
    border-bottom: 1px solid #4E0090;
    margin: 0 0 10px;
    display: inline-block;
    list-style: none;
    padding: 5px 0 10px;
    text-align: center;
    width: 100%
}

#media .video-tab-nav li {
    float: left;
    padding: 0 5% 0 0
}

#media .video-tab-nav li a {
    display: block
}

#media .playlist ul {
    display: inline-block;
    list-style: none;
    margin: 0 -10px;
    width: 100%
}

#media .playlist li {
    float: left;
    width: 50
}

#media .playlist li a {
    box-sizing: border-box;
    display: block;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 10px 10px 0;
    position: relative;
    width: 100%
}

#media .playlist li a img {
    display: block;
    width: 100%
}

#media .playlist li:hover .overlay-hover-content {
    display: block
}

#media .playlist li .overlay-hover-content {
    background: url(images/000000_50.png);
    box-sizing: border-box;
    color: #fff;
    display: none;
    height: 100%;
    left: 10px;
    padding: 10px 10px 0;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    z-index: 0
}

#media .playlist li i {
    display: block
}

#media .playlist li i.fa {
    font-size: 2.5em
}

#media .playlist li i.video-title {
    font-size: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#favourite-property a[title="Back"] {
    display: block;
    margin: 20px 0 10px
}

.comments {
    margin: 0 0 28px
}

.comments h2.section_title {
    margin: 0 0 28px
}

.comments ul {
    list-style: none;
    margin: 0
}

.comments ul.children {
    margin: 0 0 0 6.54206%
}

.comments ul li {
    margin: 0
}

.comments .comment-body {
    position: relative;
    margin: 0 0 14px;
    padding: 22px 28px 28px;
    background: #f5f3f2
}

.comments ul li img.avatar {
    float: left;
    margin: 6px 14px 14px 0
}

.comments ul li cite.fn {
    font-weight: 600
}

.comments ul li .comment-meta {
    margin: 0 0 14px;
    color: #999;
    font-size: 0.857143em
}

.comments ul li .comment-meta a {
    color: #999
}

.comments ul li .comment-meta a:hover {
    color: #423b34
}

.comments p {
    margin: 0
}

.comments .reply {
    position: absolute;
    top: 0;
    right: 0
}

.comments .reply a {
    display: block;
    padding: 7px 14px;
    background: #ccc;
    color: #fff
}

.comments .reply a:hover {
    background: #4E0090
}

.comment-respond h3.reply-title {
    margin: 0 0 28px
}

#commentform p label {
    display: block;
    margin: 0 0 7px;
    font-weight: 600
}

#commentform textarea {
    height: 150px
}

a#cancel-comment-reply-link {
    float: right;
    font-size: 12px;
    font-style: italic;
    font-size: #CC0000
}

.mfp-bg.mf-flip {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

.mfp-bg.mf-flip.mfp-ready {
    opacity: 0.8
}

.mfp-bg.mf-flip.mfp-removing {
    opacity: 0
}

.mf-popup {
    position: relative;
    max-width: 484px;
    margin: 0 auto;
    padding: 28px
}

.mf-popup.white {
    background: #fff
}

.mf-popup.flip {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.mfp-ready .mf-popup.flip {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0)
}

.mfp-removing .mf-popup.flip {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.mf-popup h2.title {
    margin: 0 0 20px;
    font-size: 1.71429em;
    text-align: center
}

.mf-popup ul.listforms li {
    padding: 0 0 14px
}

.mf-popup ul.listforms li.last {
    padding: 0
}

.mf-popup ul.listforms label {
    display: block;
    margin: 0 0 3.5px
}

.mf-popup ul.listforms input[type="button"],
.mf-popup ul.listforms input[type="submit"],
.mf-popup ul.listforms a.button {
    min-width: 100px;
    text-align: center
}

.mf-popup ul.listforms textarea {
    height: 100px
}

.mf-popup ul.listforms a.btn {
    float: left
}

.mf-popup ul.listforms .captcha {
    position: relative
}

.mf-popup ul.listforms .captcha span.image {
    display: block;
    position: absolute;
    top: 2px;
    right: 2px
}

.mf-popup ul.listforms .captcha a.reload {
    line-height: 31px;
    padding: 0 7px;
    color: #fff;
    background: #e00
}

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

#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: #4E0090
}

ul.rooms li {
    float: left;
    height: 24px;
    line-height: 24px;
    margin: 0 10px 0 0;
    font-size: 0.875em;
    color: white
}

ul.rooms li:last-child {
    margin: 0
}

#sorter_pagination .sorter_search_quick {
    min-width: 220px;
    float: right
}

#sorter_pagination {
    overflow: hidden
}

#sorter_pagination .number_properties {
    float: left
}

.pagination a {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #aaa;
    font-size: 0.857143em;
    text-align: center;
    background: #f5f3f2;
    border-radius: 28px
}

.pagination a:hover {
    background: #dcdad9
}

.pagination a.current {
    background: #4E0090;
    color: #fff
}

.pagination a:active {
    background: #dcdad9;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85)
}

.pagination a i.fa {
    font-size: 1.16667em
}

.sticker {
    display: block;
    position: absolute;
    top: 50px;
    left: 15px;
    width: 95px;
    height: 95px
}

.sticker.new {
    background: url(images/sticker_new_cir.png) no-repeat 0 0
}

.sticker.open_home {
    background: url(images/sticker_openhome_cir.png) no-repeat 0 0
}

.sticker.sold,
.sticker.leased,
.sticker.under_offer {
    top: 0px !important;
    left: 2px
}

.sticker.sold {
    background: url(images/sold_rev.png) no-repeat left top;
    background-size: 90px;
    position: absolute
}

.listview .listing:hover .sticker.sold {
    background: none
}

.sticker.leased {

    background: url(images/sticker_leased_new2-edit.png) no-repeat center center;
    background-size: 300px auto
}

.sticker.under_offer {
    background: url(images/sticker_Under-Contract_new2.png) no-repeat center center;
    background-size: 300px auto
}

.carousels li.slide .sticker {
    top: 15px
}

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

.search-order a {
    display: inline-block;
    padding: 0 14px;
    line-height: 2.4;
    color: #423b34;
    opacity: .4;
    filter: alpha(opacity=40);
    font-size: 0.85em;
    text-transform: uppercase
}

.search-order a.active,
.search-order a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    box-shadow: 0 -2px 0 #4E0090 inset
}

header#lead .search-order a {
    color: #fff
}

header#lead .search-order a.active,
header#lead .search-order a:hover {
    box-shadow: 0 -2px 0 #fff inset
}

.page-template-template_listings #lead,
#recent-sales .lead,
#search-results #lead,
#projects-developments #lead {
    display: none
}

.search_results article#entry {
    border: 1px solid #4E0090;
    padding: 0;
    margin-bottom: 20px
}

.page-template-template_listings #load_more_button,
#search-results #load_more_button {
    background: none;
    border: 2px solid #4E0090;
    color: #4E0090;
    font-family: 'FuturaBT-Medium';
    font-size: 1.1em;
    line-height: normal;
    text-transform: uppercase;
    transition: 0.5s;
    -webkit-transition: 0.5s
}

.page-template-template_listings #load_more_button:hover,
#search-results #load_more_button:hover {
    background: #4E0090;
    color: #fff
}

.search-toolbar.top {
    background: #4E0090;
    height: 45px;
    padding: 5px 0;
    display: none
}

.search-toolbar ul {
    display: inline-block;
    width: 100%
}

.search-toolbar ul li {
    width: 33.3333%
}

.search-toolbar ul li.right {
    float: right
}

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

.search-toolbar ul.tabsnav a {
    color: #fff;
    display: block;
    height: 32px;
    line-height: 32px
}

.search-toolbar ul li.list a i.fa {
    float: left;
    font-size: 1.75em;
    line-height: 32px;
    margin: 0 7px
}

.search-toolbar ul li.map a {
    margin-right: 7px;
    text-align: right
}

.search-toolbar ul li.map a i.fa {
    font-size: 2em;
    margin: 0 7px 0 0
}

.search-toolbar ul li.map a span {
    float: right
}

.search-toolbar ul li .keywords {
    border: none;
    border-radius: 2px;
    box-shadow: none;
    float: left;
    font-size: 1em;
    height: 32px;
    padding: 0 10px;
    width: 80%;
    background: url(images/_mag.png) no-repeat 98% center #fff
}

.search-toolbar ul li .search_btn {
    background: url(images/br_next.png) no-repeat scroll right 12px / 12px auto;
    box-sizing: border-box;
    float: left;
    font-size: 0.85em;
    height: 32px;
    line-height: 32px;
    padding: 0 1em;
    width: 20%;
    border-radius: 2px
}

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

.search-toolbar ul.tabsnav a i.fa {
    opacity: .6;
    filter: alpha(opacity=60)
}

.search-toolbar ul.tabsnav li.ui-tabs-active a i.fa,
.search-toolbar ul.tabsnav a:hover i.fa {
    opacity: 1;
    filter: alpha(opacity=100)
}

.search-toolbar.bottom {
    padding: 0 0 28px
}

.page_toolbar a {
    background: #f5f3f2;
    border-radius: 100%;
    color: #222;
    float: left;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin: 0 1px 0 0;
    text-align: center;
    width: 25px;
    float: none;
    display: inline-block
}

.page_toolbar a.current_page_link,
.page_toolbar a:hover {
    background: #4E0090;
    color: #fff
}

.page_toolbar a.prev_page_link,
.page_toolbar a.next_page_link {
    font-size: 14px;
    line-height: 23px
}

.thumbview .listing .container {
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    min-height: 26em;
    position: relative;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s
}

.thumbview .listing:hover .container {
    background: #4E0090;
    color: #fff;
    border-color: #4E0090
}

.thumbview .listing figure {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    margin: -1px -1px 0
}

.thumbview .listing figure img.blank {
    display: block;
    width: 100%
}

.thumbview .listing figure img._property {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: all 1.3s;
    transition: all 1.3s;
    width: 100%
}

.thumbview .listing:hover figure img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.thumbview .listing .overview {
    padding: 14px
}

.thumbview .listing p.suburb {
    font-size: 1.42857em
}

.thumbview .listing .rooms-price {
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
    padding: 14px 14px 0;
    border-top: 1px solid #cdcdcd
}

.thumbview .listing p.opens span {
    opacity: .7;
    filter: alpha(opacity=70)
}

.thumbview .listing p.opens span.label {
    opacity: 1;
    filter: alpha(opacity=100)
}

.thumbview .listing:hover ul.rooms li {
    background-position: 0 -24px
}

.listview .listing .container {
    box-sizing: border-box;
    position: relative;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}

.listview .listing {
    float: left;
    padding: 15px;
    width: 33.33%
}

.listview .listing.alt {
    margin-right: 0
}

.listview {
    margin: 0 -15px
}

.listview::after {
    display: table;
    content: "";
    clear: both
}

@media (min-width:1113px) {
    #properties-for-sale .listview .listing,
    #recent-sales .listview .listing,
    #buy .listview .listing {
        float: left;
        padding: 15px;
        width: 33.33%;
        margin: 0
    }
}

.listview .listing figure {
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
    width: 100%
}

.listview .listing figure img.blank {
    display: none
}

.listview .listing figure>a {
    height: 100%;
    position: absolute;
    width: 100%
}

.listview .listing figure img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.listview .listing .overview {
    background: #4e0090;
    top: 0;
    padding: 5px 10px;
    position: absolute;
    width: 100%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    display: none
}

.listview .listing:hover .overview {
    padding-left: 15px;
    padding-right: 15px;
    background: #4E0090;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    display: block
}

.listview .listing h3.headline {
    font-size: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listview .listing h3.headline a {
    color: #423b34
}

.listview .listing:hover h3 {
    color: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}

.listview .listing:hover h3.headline a {
    color: #fff
}

.listview .listing p.description {
    margin: 5px 0;
    line-height: none
}

.listview .listing .rooms-price .address {
    color: white;
    font-weight: 600;
    overflow: hidden;
    padding-left: 20px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listview .listing p.opens span.label {
    opacity: 1;
    filter: alpha(opacity=100)
}

.listview .listing:hover .rooms-price .address,
.listview .listing:hover .overview li {
    color: #fff
}

.mapview {
    margin: 0 0 28px
}

#map_canvas {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.search-results .url {
    margin: 0 30px 40px
}

.property #property-enquiry {
    margin: 30px 0
}

.property .section.overview {
    padding: 28px 20px
}

.property .section.map {
    padding: 28px 20px;
    width: 75%
}

.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-table,
.property .section.overview .auction,
.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
}

.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: 65%
}

.media_div.with_scroller .td_slider_photo a {
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    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: 35%
}

.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: #fff;
    cursor: pointer
}

.media_div .slick-arrow:hover {
    color: #4E0090
}

.media_div .slick-prev {
    top: 0
}

.media_div .slick-next {
    bottom: 0
}

.media_div.with_scroller .td_slider_photo .direction {
    color: #fff;
    font-size: 4.5em;
    position: absolute;
    top: 50%;
    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: #4E0090
}

.media_div.with_scroller .td_slider_photo .cycle-prev {
    left: 20px
}

.media_div.with_scroller .td_slider_photo .cycle-next {
    right: 20px
}

@media (min-width: 994px) {
    .media_div.with_scroller {
        position: relative;
        margin-bottom: 30px
    }
    .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
    }
}

#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 {
    overflow: hidden;
    position: relative
}

#agents .agent figure img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

#agents .agent figure:after {
    content: "";
    display: block;
    padding-top: 50.25%
}

#agents .agent figure>a {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff
}

#agents .agent section,
#agent .details .agent_desc {
    position: relative;
    min-height: 10em;
    padding: 15px 20px 50px;
    color: #fff;
    background: #fff;
    color: #333
}

#agents .agent section {
    min-height: 10.5em
}

#agents .agent section p.name,
#agent .details p.name {
    font-size: 1.75em;
    line-height: 1
}

#agents .agent p.role,
#agent .details p.role {
    margin: 0 0 5px
}

#agents .agent .social,
#agent .social {
    border-top: 2px solid #4E0090;
    bottom: 14px;
    box-sizing: border-box;
    left: 20px;
    padding: 10px 0 0;
    position: absolute;
    right: 20px
}

#agents .agent .social p,
#agent .social p {
    display: inline-block;
    margin: 0 5px 0 0
}

#agents .agent ._contact p,
#agent ._contact p {
    display: inline-block
}

#agents .agent ._contact p.mobile i {
    font-size: 18px;
    color: #4E0090
}

#agents .agent ._contact p.phone i {
    font-size: 16px;
    color: #4E0090
}

#agent {
    position: relative
}

#agent .section {
    padding: 0 0 40px
}

#team .link-back {
    padding: 40px 0 5px
}

#team .link-back a {
    color: #333;
    font-family: 'FuturaBT-Medium';
    font-size: 0.9em
}

#team .link-back a i {
    color: #4E0090;
    float: left;
    line-height: 24px;
    margin: 0 5px 0 0
}

#agent .section h2.section-title {
    margin: 0 0 28px;
    font-size: 3em
}

#agent .details {
    width: 50%
}

#agent .details figure img {
    display: block;
    width: 100%
}

#agent .description {
    width: 50%;
    padding: 0 0 0 28px;
    position: relative
}

#agent .description .text {
    overflow: hidden;
    max-height: 362px;
    transition: 0.4s;
    -webkit-transition: 0.4s
}

#agent .description.shrink .text {
    max-height: 1000px !important
}

#agent .description p.more {
    cursor: pointer;
    font-family: 'FuturaBT-Medium';
    margin: 10px 0 0;
    color: #4E0090
}

#agent .properties .tabs-nav {
    margin: 0 0 28px
}

#agent .properties .tabs-nav li {
    display: inline-block;
    float: none
}

#agent .testimonials li {
    padding: 0 0 28px
}

#agent .testimonials li p.copy {
    padding: 28px;
    background: #f5f3f2
}

#agent .testimonials li p.name {
    padding: 7px 0 0 35px;
    background: url(images/testimonial_bubble.png) 0 0 no-repeat
}

#team .carousels li.slide figure img.blank {
    display: block;
    width: 100%
}

#team .carousels li.slide p.property_type {
    display: none
}

#team #open-listings .carousels li.slide p.property_type {
    display: none
}

#team .carousels li.slide.date {
    background: #4E0090;
    border-color: #4E0090
}

#team .carousels li.slide:not(.date):hover {
    background: #4E0090;
    color: #fff;
    border-color: #4E0090
}

#team .carousels li.slide:not(.date):hover p {
    color: #fff
}

.listings-table td {
    padding: 7px 14px 7px 0;
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd
}

.listings-table td.col-date {
    padding: 28px 0 7px;
    font-size: 1.42857em;
    font-weight: 300;
    border-bottom: 1px solid #4E0090
}

.listings-table tr:first-child td.col-date {
    padding: 7px 0
}

.listings-table td.col-image {
    width: 60px
}

.listings-table td.col-image img {
    display: block;
    max-width: 60px
}

.listings-table td.col-agent {
    padding: 7px 0
}

.listings-table td a {
    color: #423b34
}

.listings-table td a:hover {
    color: #4E0090
}

#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 h5 {
    margin: 0 0 14px
}

.calculator ul {
    width: 48%
}

.calculator ul li {
    display: inline-block;
    width: 100%;
    padding: 0 0 14px
}

.calculator ul li label {
    float: left;
    font-family: "Roboto-Medium";
    margin: 5px 0 0;
    width: 40%
}

.calculator ul li input[type="text"],
.calculator ul li select {
    width: 60%
}

.calc_table .calc_field {
    font-family: 'FuturaBT-Medium'
}

#current-listings .property {
    width: 100%
}

#current-listings .property a.container {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

#current-listings .property section {
    position: absolute;
    bottom: 10%;
    right: 0;
    width: 92.513%;
    padding: 18px 54px 28px;
    color: #fff;
    font-size: 1.3em;
    background: rgba(19, 10, 1, 0.5);
    text-shadow: 0 0 3px #000
}

#current-listings .property section h2.headline {
    font-size: 2.15385em;
    color: #fff
}

#current-listings .property section p.address {
    margin: 0 2em 0 0
}

#current-listings .direction:hover {
    color: #fff
}

#current-listings .cycle-prev {
    left: 14px
}

#current-listings .cycle-next {
    right: 14px
}

#current-listings .cycle-pager {
    position: absolute;
    z-index: 101;
    bottom: 14px;
    left: 0;
    width: 100%;
    text-align: center
}

#current-listings .cycle-pager span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 7px;
    background: rgba(255, 255, 255, .5);
    cursor: pointer;
    border-radius: 100%
}

#current-listings .cycle-pager span.cycle-pager-active {
    background: #4E0090
}

.quicksearch-1 {
    max-height: 0;
    overflow: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.quicksearch-1.shrink {
    max-height: 5em
}

.quicksearch-1 .field {
    width: 16.6521%;
    padding: 0 0.610288% 0 0
}

.quicksearch-1 .field.alt {
    width: 32.4324%
}

.quicksearch-1 .field.button {
    padding: 0
}

.quicksearch-1 .field.alt select {
    width: 49.0838%
}

.quicksearch-1 .field select.alt {
    margin: 0 1.83246% 0 0
}

.quicksearch-1 .field input[type="submit"] {
    width: 100%
}

.search-bar {
    margin-bottom: 5px
}

.search-bar select.search-type,
select {
    background: url("images/br_down.png") #fff no-repeat right;
    background-position: right 10px center
}

.quicksearch-1 .toggle_search {
    position: relative
}

.quicksearch-1 .toggle_search span {
    display: none;
    position: absolute;
    width: 100%;
    right: 5px;
    cursor: pointer
}

.quicksearch-1 .toggle_search span.off,
.quicksearch-1 .toggle_search.active span.on {
    display: block
}

.quicksearch-1 .toggle_search.active span.off {
    display: none
}

.quicksearch-1 #bottom_section {
    max-height: 0;
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 15px;
    overflow: hidden
}

.quicksearch-1 #bottom_section.shrink {
    max-height: 100%
}

.quicksearch-1 #bottom_section .field {
    width: 20%;
    padding: 0
}

.quicksearch-1 #bottom_section #price_for_sale,
.quicksearch-1 #bottom_section #house_rooms {
    width: 40%
}

.quicksearch-1 #bottom_section select {
    width: 100%
}

#bottom_section .field label {
    text-align: left;
    display: block;
    width: 100%
}

#bottom_section #price_for_sale>span,
#bottom_section #house_rooms>span {
    display: block;
    float: left
}

#bottom_section #price_for_sale>span {
    width: 50%
}

#bottom_section #house_rooms>span {
    width: 33.333%
}

.email_bottom_section {
    margin: 15px 0
}

.email_bottom_section:after {
    clear: both;
    content: "";
    display: table
}

.email_bottom_section>div {
    float: left
}

.email_bottom_section .email {
    width: 70%;
    padding-right: 15px;
    text-align: left
}

.email_bottom_section .form_contact {
    width: 30%;
    padding-left: 15px
}

#property-media #gallery figure {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#property-media #gallery img {
    width: 100%;
    height: auto;
    display: block
}

#property-media #gallery .cycle-slideshow {
    position: relative;
    overflow: hidden
}

.cycle-slideshow {
    overflow: hidden;
    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;
    filter: alpha(opacity=40);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 0 3px #000;
    cursor: pointer
}

#property-media #gallery .cycle-pager span.cycle-pager-active {
    opacity: 1;
    filter: alpha(opacity=100)
}

#property-media #gallery .direction {
    position: absolute;
    z-index: 102;
    top: 40%;
    cursor: pointer;
    color: #fff
}

#property-media #gallery .cycle-prev {
    left: 25px
}

#property-media #gallery .cycle-next {
    right: 25px
}

#property-media #gallery .direction i.fa {
    font-size: 4em
}

#property-media #map #map_canvas {
    width: 100%
}

#property-media .tabs-nav {
    background: #f5f4f3;
    text-align: center;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset
}

#property-media .tabs-nav ul.nav {
    display: inline-block
}

#property-media .tabs-nav ul li {
    display: inline-block;
    float: none
}

#property-media .tabs-nav ul a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    color: #423b34;
    opacity: .4;
    filter: alpha(opacity=40);
    text-transform: uppercase;
    font-size: 0.85em
}

.property .link-back {
    margin: 0 0 10px
}

#property-media .tabs-nav ul a:hover,
#property-media .tabs-nav ul a.active {
    opacity: 1;
    filter: alpha(opacity=100);
    box-shadow: 0 -2px 0 #4E0090 inset
}

#property-media .tabs-content {
    position: relative
}

#property #gallery {
    position: relative;
    z-index: 0
}

#property-media .wrap {
    padding: 20px 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    background: url(images/FFFFFF_75.png)
}

#property-media .wrap .suburb {
    float: left;
    font-size: 1.7em;
    height: 24px;
    line-height: 24px;
    margin-left: 40px
}

#property-media .wrap ul.rooms {
    float: right;
    margin-right: 40px
}

#property-media .wrap .rooms li {
    float: left;
    font-size: 1.15em;
    height: 24px;
    line-height: 24px;
    margin: 0 0 0 15px;
    padding-left: 28px
}

#property-media .wrap .rooms li.bedrooms {
    background: url(images/bed_666.png) no-repeat left 0
}

#property-media .wrap .rooms li.bathrooms {
    background: url(images/bath_666.png) no-repeat left 0
}

#property-media .wrap .rooms li.carspaces {
    background: url(images/car_666.png) no-repeat left 0
}

#property .media_share {
    float: right;
    margin: -25px 0 0
}

#property .media_share p {
    float: left;
    font-family: 'FuturaBT-Light';
    margin-left: 10px;
    color: #666
}

#property .media_share p i {
    font-size: 1.25em
}

#property .heading {
    margin: 0 0 20px
}

#property .heading ul.rooms li {
    background: none;
    font-size: 1em;
    padding: 0
}

#property-enquiry .agent {
    width: 50%
}

#property-enquiry .agent .image {
    width: 34.2679%;
    height: 0;
    padding-bottom: 34.2679%;
    overflow: hidden;
    border-radius: 100%
}

#property-enquiry .agent .image img {
    display: block;
    width: 100%
}

#property-enquiry .agent .overview {
    width: 59.19%;
    font-family: 'FuturaBT-Light'
}

#property-enquiry .overview p.name {
    color: #4E0090;
    font-size: 1.25em
}

#property-enquiry .overview p.contact span {
    color: #4E0090
}

#property-enquiry .overview i.fa {
    display: inline-block;
    width: 20px
}

#property-enquiry .overview i.fa.fa-envelope {
    font-size: 0.875em
}

#property-enquiry .overview p.email-agent {
    margin: 5px 0 0
}

#property-enquiry .overview p.email-agent a {
    border: 2px solid #4E0090;
    font-family: 'FuturaBT-Medium';
    font-size: 0.8em;
    margin: 10px 0 0;
    padding: 3px 10px
}

#property-enquiry .overview p.email-agent a:hover {
    background: #4E0090;
    color: #fff
}

#property .property_suburb {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 20px 0 0
}

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

@media (max-width: 992px) {
    #property .property_suburb .suburb-desc,
    #property .property_suburb .suburb-image {
        width: 100%;
        margin-bottom: 15px;
        padding: 0
    }
}

#property .property_suburb h2 {
    font-size: 1.75em;
    margin: 0 0 10px
}

#property .property_suburb p {
    margin: 0 0 15px;
    line-height: 15px
}

#property .property_suburb a.view {
    border: 2px solid #4E0090;
    display: inline-block;
    font-size: 0.85em;
    padding: 3px 15px
}

#property .property_suburb a.view:hover {
    border-color: #4E0090;
    background: #4E0090;
    color: #fff
}

#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: #423b34;
    background: #f5f3f2
}

#property-actions a i.fa {
    display: block;
    font-size: 2em
}

#property-actions a span {
    display: block;
    font-size: 0.714286em
}

#property-actions a:hover {
    background: #423b34;
    color: #fff
}

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

#property-ofi li span {
    display: block;
    float: none;
    height: 30px;
    line-height: 30px
}

#property-ofi li a.calendar {
    float: left;
    width: 24px
}

#property-ofi li span.right {
    margin: -5px 0 0 24px
}

.realty_widget_property_opentimes a i.fa {
    width: 24px
}

.realty_widget_property_opentimes a i.fa.icon-floorplan {
    background-position: left center;
    background-image: url(images/icn_floorplan_b.png)
}

#property .email-friend a {
    color: #333
}

#property .email-friend a i {
    float: left;
    margin: 2px 0 0;
    color: #4E0090;
    font-size: 1.3em;
    width: 30px
}

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

.address-office {
    width: 40%
}

.map-office {
    width: 55%
}

.map-office iframe {
    width: 100%
}

.address-office .address {
    border-bottom: 1px dotted #cdcdcd;
    margin: 0 0 15px;
    padding: 0 0 15px
}

.address-office .address.last {
    border: none
}

#contact-us .default ol {
    list-style: none;
    margin: 0 0 20px
}

#contact-us .default ol li {
    padding: 0 0 10px
}

#contact-us .default ol li label {
    font-family: 'FuturaBT-Medium'
}

#location-info.suburbs .suburb a {
    display: block;
    position: relative;
    color: #fff
}

#location-info.suburbs .suburb a:hover {
    color: #4E0090
}

#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 .page_toolbar {
    display: inline-block;
    margin: 0 0 14px;
    width: 100%
}

#location_info>.page_toolbar {
    display: none
}

#location_info .location-list {
    margin: 20px 0 0
}

#location_info .map-image {
    float: left;
    width: 100%;
    margin: 0 0 20px
}

#location_info .image {
    width: 100%;
    margin-bottom: 20px
}

#location_info .image img {
    display: block;
    width: 100%;
    height: auto
}

#location_info .location-wrap {
    border-bottom: 1px dotted #e5e5e5;
    display: inline-block;
    margin: 0 0 30px;
    padding: 0 0 30px
}

#location-info.suburb .section.overview .block.left {
    width: 67%;
    padding-right: 126px
}

#location-info.suburb .section.overview .block.right {
    width: 33%
}

#location-info.suburb .section.overview section {
    margin: 0 0 28px;
    padding: 0 0 28px;
    border-bottom: 1px solid #ccc
}

#location-info.suburb .section.overview h3.title {
    margin: 0 0 14px;
    font-size: 1.71429em
}

#location-info.suburb .section.overview .short-info ul {
    margin: 0;
    list-style: none
}

#location-info.suburb .section.overview .short-info li span {
    display: inline-block;
    width: 100px
}

#location-info.suburb .section.overview ul li a {
    color: #423b34
}

#location-info.suburb .section.overview ul li a:hover {
    color: #4E0090
}

#location-info.suburb .section.map {
    margin: 28px -8.80558% -28px
}

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

#location_info .ui-tabs-nav {
    list-style: none;
    margin: 0 0 20px;
    text-align: center
}

#location_info .ui-tabs-nav li {
    display: inline-block;
    float: none
}

#location_info .location-image {
    margin: 0 0 20px;
    width: 100%
}

#location_info table {
    margin: 0 0 20px
}

#location_info table th {
    background: #4E0090;
    color: #fff;
    padding: 8px 5px
}

#location_info table td {
    border-bottom: 1px solid #dcdcdc;
    padding: 8px 5px
}

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

.lt-ie9 input[type="text"],
.lt-ie9 input[type="password"],
.lt-ie9 input[type="tel"],
.lt-ie9 input[type="email"],
.lt-ie9 select,
.lt-ie9 textarea {
    border: solid 1px #ccc
}

.lt-ie9 .listview .listing figure img {
    left: 0;
    width: 100%
}

.lt-ie9 header#lead.alt {
    background-size: 100% auto
}

#mobile-tools {
    position: fixed;
    z-index: 2;
    bottom: 60px;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=70);
    transition: 0.4s;
    -webkit-transition: 0.4s
}

#mobile-tools.alt {
    opacity: 1;
    filter: alpha(opacity=100)
}

#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, 0.25)
}

#mobile-tools a:hover {
    background: #333
}

#mobile-tools a.scroll-down {
    margin: 1px 0
}

.default ul.testimonials {
    list-style: none;
    margin: 0
}

.testimonials-list {
    border-bottom: 1px dotted #eaeaea;
    margin: 0 0 20px;
    padding: 0 0 20px
}

.testimonials-list:after {
    clear: both;
    display: table;
    content: ""
}

.testimonials-list .author {
    display: block;
    font-size: 1.25em;
    font-family: "FuturaBT-Medium";
    margin: 0 0 5px
}

.testi-pagination {
    background: #4E0090;
    color: #fff;
    display: block;
    margin: 40px 0 0;
    padding: 20px 0;
    text-align: center
}

.testi-pagination a {
    color: #ebebeb
}

.testi-pagination a:hover,
.testi-pagination .current {
    color: #fff
}

.section.slider {
    border-top: 2px solid #4E0090;
    margin: 40px 0 0;
    padding: 40px 0 0
}

.ms-parent {
    width: 100% !important
}

#bottom_section .ms-parent {
    width: 100% !important
}

#bottom_section button.ms-choice:hover {
    background: #fff
}

#bottom_section .ms-drop {
    border-radius: 0
}

#bottom_section .ms-drop ul {
    max-height: 74px !important
}

#home .section.home-top .group {
    width: 100%
}

#bottom_section .ms-choice>div {
    top: 6px
}

.media_boxes {
    margin-top: 20px;
    margin-bottom: 40px
}

.media_boxes .media_ {
    margin-bottom: 15px;
    box-sizing: border-box
}

.media_boxes .media_ a {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border: 10px solid #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: block;
    padding-bottom: 50%;
    width: 100%
}

.media_boxes .media_ a:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05)
}

.media_boxes .media_ img {
    display: none
}

.video-frame {
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.search_results article#entry #listings .project-desc {
    margin-bottom: 30px
}

.homepage .callout .url {
    margin: 50px 0
}

.homepage .callout .url a.button {
    font-size: 1.6em !important
}

#bottom_section .ms-choice {
    border: 0;
    text-transform: capitalize
}

#subscriptions section.oo .field.column:last-child {
    clear: none
}

#subscriptions .field.column select {
    background: url("images/br_down.png") no-repeat right;
    background-position: right 10px center
}

#subscriptions .captchafield {
    margin-bottom: 20px
}

.url.text-center {
    margin-bottom: 20px
}

#listingstabs .url.text-center {
    margin-bottom: 30px
}

#contact-us div[role="main"] {
    background: #ffffff
}

body#contact-us .validation_message {
    margin-left: 0 !important;
    color: #ff0000
}

body#contact-us .gform_wrapper li:last-child {
    margin: 10px 0
}

body#contact-us .gform_wrapper ul>li.gf_left_half,
body#contact-us .gform_wrapper ul>li.gf_right_half {
    padding: 0 0 10px
}

body#contact-us .gform_wrapper ul>li.gf_left_half label,
body#contact-us .gform_wrapper ul>li.gf_right_half label,
body#contact-us .gform_wrapper ul>li.contact_captcha label {
    display: none
}

body#contact-us .gform_wrapper textarea {
    height: 100px
}

body#market-appraisal .gform_wrapper ul>li,
body#sell .gform_wrapper ul>li {
    margin: 0 0 10px
}

body#market-appraisal .gform_wrapper ul li label.gfield_label,
body#sell .gform_wrapper ul li label.gfield_label {
    display: none
}

body#market-appraisal .validation_message,
body#sell .validation_message {
    margin-left: 0 !important;
    color: #ff0000
}

@media screen and (min-width:1152px) {
    #property .section.gallery.group {
        margin-top: 80px
    }
    .m,
    .t {
        display: none !important
    }
    .toggle-menu {
        display: none
    }
    #header.scrolled .hgroup {
        box-shadow: 0 0 2px #ccc;
        padding: 10px 0 0;
        border-bottom: 1px solid #ccc;
        padding-top: 30px
    }
    header nav[role="navigation"] ul.menu li {
        position: relative
    }
    header nav[role="navigation"] ul.menu a {
        color: #fff;
        display: block;
        font-family: 'FuturaBT-Medium'
    }
    header nav[role="navigation"] ul.sub-menu a {
        color: #ffffff
    }
    header nav[role="navigation"] ul.menu>li {
        display: inline-block
    }
    header nav[role="navigation"] ul.menu>li>a {
        line-height: 40px;
        padding: 0 2rem;
        text-transform: capitalize
    }
    header nav[role="navigation"] ul.menu>li:hover>a,
    header nav[role="navigation"] ul.menu>li.current-menu-ancestor>a,
    header nav[role="navigation"] ul.menu>li.current-menu-parent>a,
    header nav[role="navigation"] ul.menu>li.current-menu-item>a {
        color: #fff
    }
    header nav[role="navigation"] ul.sub-menu {
        background: rgba(78, 0, 144, 0.7);
        max-height: 0;
        min-width: 15em;
        overflow: hidden;
        position: absolute;
        text-align: left;
        transition: 0.3s;
        -webkit-transition: 0.3s
    }
    header nav[role="navigation"] ul.menu>li:hover>ul.sub-menu {
        border: 0.5px solid #6a16b1
    }
    header nav[role="navigation"] ul.sub-menu ul {
        left: 100%;
        top: 0;
        margin: 0 0 0 -2px
    }
    header nav[role="navigation"] li:hover>ul.sub-menu {
        max-height: 1000px
    }
    header nav[role="navigation"] ul.sub-menu li {
        padding: 0 2rem
    }
    header nav[role="navigation"] ul.sub-menu a {
        padding: 8px 0;
        white-space: nowrap;
        text-transform: capitalize;
        border-bottom: 1px solid #fff
    }
    header nav[role="navigation"] ul.sub-menu li.last a {
        border-bottom: none
    }
    header nav[role="navigation"] ul.sub-menu li.current_page_ancestor>a,
    header nav[role="navigation"] ul.sub-menu li.current_page_parent>a,
    header nav[role="navigation"] ul.sub-menu li.current_page_item>a,
    header nav[role="navigation"] ul.sub-menu li:hover>a {
        color: #4E0090
    }
    header nav[role="navigation"] ul.sub-menu li:hover,
    header nav[role="navigation"] ul.sub-menu li.current_page_item {
        background: white;
        border-top: 0.5px solid #4E0090
    }
    header nav[role="navigation"] ul.sub-menu li:first-child:hover {
        border-top: 0px
    }
    header nav[role="navigation"] ul.menu li.language a {
        border: 1px solid #4E0090;
        border-radius: 4px;
        line-height: 22px;
        padding-right: 25px;
        background: url(images/arr_down.png) no-repeat 84px center
    }
    header nav[role="navigation"] ul.menu li.language #google_translate_element {
        opacity: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        width: 98px;
        height: 24px
    }
    .listings-table td.col-times {
        width: 230px
    }
    .listings-table td.col-rooms {
        width: 150px
    }
    .listings-table td.col-agent {
        width: 150px
    }
    #subscriptions {
        width: 70%;
        margin: 0 auto;
        margin-bottom: 20px
    }
}

@media screen and (min-width:1152px) {
    #header .hgroup .utils {
        width: 100%;
        text-align: center;
        background: #4E0090;
        color: white
    }
    #footer .group .section.menu.right {
        width: 100%;
        text-align: right
    }
    #footer .group .section.menu.right nav {
        width: 100%;
        text-align: center
    }
}

@media screen and (min-width:960px) and (max-width: 1280px) {
    #header .hgroup .utils {
        width: 70%
    }
    #header .hgroup .utils {
        width: 100%
    }
    #footer .group .section.menu.right nav {
        width: 100%;
        text-align: center
    }
}

@media screen and (min-width:768px) {
    .s {
        display: none !important
    }
    .search_results article#entry #listings {
        padding: 5%
    }
    .video-mobile {
        display: none
    }
    #location-info.suburb .section.overview section:last-child {
        margin: 0;
        padding: 0;
        border-bottom: none
    }
    #property-media #gallery figure {
        bottom: 0 !important;
        top: auto !important
    }
    .carousels li.slide section .container {
        min-height: 194px
    }
    .testimonials-list .testimonial-left {
        width: 25%;
        float: left;
        position: relative;
        overflow: hidden
    }
    .testimonials-list .testimonial-left span {
        display: block;
        height: 0;
        padding-bottom: 75%;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover
    }
    .testimonials-list .testimonial-left span img {
        height: auto;
        display: block;
        position: absolute;
        max-width: inherit;
        width: 100%
    }
    .testimonials-list .testimonial {
        width: 75%;
        float: left;
        padding: 0 20px
    }
    .testimonials-list .testimonial .property-date {
        font-weight: bold
    }
    .testimonials-list .testimonial .footer-author {
        text-align: right;
        font-size: 1.25em
    }
    #careers .careers.slick-initialized .slick-slide {
        min-height: 530px
    }
    #careers .careers.slick-initialized .slick-slide .copy .cv a.button {
        background: none;
        border: 2px solid #fff;
        color: #fff;
        font-family: 'FuturaBT-Medium';
        font-size: 1.1em;
        line-height: normal;
        text-transform: uppercase;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        line-height: 30px;
        border-radius: 0px !important
    }
    #careers .careers.slick-initialized .slick-slide .copy .cv a.button:hover {
        background: #fff;
        color: #4E0090
    }
    .media_div.with_scroller .td_slider_thumbnail #slick-content .slick-list {
        height: 100% !important
    }
    body#market-appraisal .gform_wrapper ul>li,
    body#sell .gform_wrapper ul>li {
        float: left;
        width: 100%;
        margin: 0 0 10px
    }
    body#market-appraisal .gform_wrapper ul li label.gfield_label,
    body#sell .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
    }
    body#market-appraisal .gform_wrapper ul li .ginput_container,
    body#sell .gform_wrapper ul li .ginput_container {
        float: left;
        width: 300px
    }
    body#market-appraisal .gform_wrapper .gform_footer,
    body#sell .gform_wrapper .gform_footer {
        clear: both;
        margin-left: 200px
    }
    body#market-appraisal .gform_wrapper ul li select,
    body#sell .gform_wrapper ul li select {
        background: url("images/br_down.png") no-repeat right;
        background-position: right 10px center
    }
    body#market-appraisal #gform_fields_25 #field_25_1,
    body#market-appraisal #gform_fields_25 #field_25_2,
    body#market-appraisal #gform_fields_25 #field_25_3,
    body#market-appraisal #gform_fields_25 #field_25_4,
    body#market-appraisal #gform_fields_25 #field_25_5,
    body#market-appraisal #gform_fields_25 #field_25_6,
    body#sell #gform_fields_23 #field_23_1,
    body#sell #gform_fields_23 #field_23_2,
    body#sell #gform_fields_23 #field_23_3,
    body#sell #gform_fields_23 #field_23_4,
    body#sell #gform_fields_23 #field_23_5,
    body#sell #gform_fields_23 #field_23_6 {
        width: 50%
    }
    body#market-appraisal .gform_wrapper .gfield .ginput_container,
    body#sell .gform_wrapper .gfield .ginput_container {
        width: 100%
    }
    body#market-appraisal #gform_field_25 #field_25_7 .ginput_container,
    body#market-appraisal #gform_field_25 #field_25_7 .ginput_container,
    body#sell #gform_field_23 #field_23_7 .ginput_container {
        width: 100%
    }
    body#market-appraisal #gform_fields_25 #field_25_1,
    body#market-appraisal #gform_fields_25 #field_25_3,
    body#market-appraisal #gform_fields_25 #field_25_5,
    body#sell #gform_fields_23 #field_23_1,
    body#sell #gform_fields_23 #field_23_3,
    body#sell #gform_fields_23 #field_23_5 {
        padding-right: 20px
    }
    body#market-appraisal #gform_fields_25 #field_25_8,
    body#market-appraisal #gform_fields_25 #field_25_9,
    body#market-appraisal #gform_fields_25 #field_25_10,
    body#sell #gform_fields_23 #field_23_8,
    body#sell #gform_fields_23 #field_23_9,
    body#sell #gform_fields_23 #field_23_10 {
        width: 33.33333%
    }
    body#sell #gform_fields_23 #field_23_9,
    body#sell #gform_fields_23 #field_23_10,
    body#market-appraisal #gform_fields_25 #field_25_9,
    body#market-appraisal #gform_fields_25 #field_25_10 {
        padding-left: 20px
    }
    body#market-appraisal #gform_fields_25 #field_25_11 textarea,
    body#market-appraisal #gform_fields_25 #field_25_12 textarea,
    body#sell #gform_fields_23 #field_23_11 textarea,
    body#sell #gform_fields_23 #field_23_12 textarea {
        height: 175px
    }
    body#market-appraisal .gform_wrapper .gform_footer,
    body#sell .gform_wrapper .gform_footer {
        margin-left: 0 !important
    }
    body#contact-us input[type="submit"],
    body#market-appraisal input[type="submit"],
    body#sell input[type="submit"] {
        width: 210px
    }
    body#contact-us .gform_wrapper ul>li.gf_left_half,
    body#contact-us .gform_wrapper ul>li.gf_right_half {
        width: 50%;
        float: left;
        padding: 0 10px 10px
    }
    body#contact-us .gform_wrapper ul>li.contact_textarea {
        padding: 0 10px 10px 10px
    }
    body#contact-us .gform_wrapper ul>li.contact_captcha,
    body#contact-us .gform_wrapper ul>li.contact_note {
        padding: 0 10px
    }
    body#contact-us .gform_wrapper ul>li.gf_left_half label,
    body#contact-us .gform_wrapper ul>li.gf_right_half label,
    body#contact-us .gform_wrapper ul>li.contact_captcha label {
        display: none
    }
}

@media screen and (max-width:1151px) {
    .d {
        display: none !important
    }
    .m-cf {
        float: none !important;
        width: auto !important
    }
    #header {
        position: relative;
        height: auto
    }
    #content {
        padding: 0
    }
    div[role="main"] {
        padding: 0
    }
    #header .hgroup .utils {
        display: none
    }
    .toggle-menu {
        position: absolute;
        top: 0px;
        right: 0;
        cursor: pointer
    }
    .toggle-menu span {
        float: left;
        line-height: 60px;
        font-size: 1.1em;
        text-transform: capitalize
    }
    .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)
    }
    #sidenav {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 280px;
        background: #4E0090 url(images/sidenav.png) 0 0 repeat-y;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate(100%, 0);
        transform: translate3d(100%, 0, 0)
    }
    .homepage .home-top .homepage-text h3 {
        font-size: 2em
    }
    #page.shrink #sidenav {
        display: block
    }
    #sidenav ul.menu>li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.5)
    }
    #sidenav ul.menu a {
        display: block;
        color: white
    }
    #sidenav ul.menu a:before {
        display: inline-block;
        width: 25px;
        content: ""
    }
    #sidenav ul.menu a.toggle-submenu:before {
        font-family: "FontAwesome";
        content: "\f0da";
        text-align: center;
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-transition: all 0.5s;
        transition: all 0.5s
    }
    #sidenav ul.menu>li>a {
        padding: 14px;
        font-size: 1.28571em
    }
    #sidenav ul.menu li:hover>a,
    #sidenav ul.menu li.shrink>a {
        background: #ffffff;
        color: #4E0090
    }
    #sidenav ul.menu li.current_page_item a {
        color: #4E0090 !important;
        background: white
    }
    #sidenav ul.menu li:hover>a.toggle-submenu:before,
    #sidenav ul.menu li.shrink>a.toggle-submenu:before {
        color: #4E0090
    }
    #sidenav ul.menu li.shrink>a.toggle-submenu:before {
        content: "\f0d7"
    }
    #sidenav ul.sub-menu {
        max-height: 0;
        overflow: hidden;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s
    }
    #sidenav li.shrink>ul.sub-menu {
        max-height: 200em;
        -webkit-transition-duration: 1s;
        transition-duration: 1s
    }
    #sidenav ul.sub-menu.level-0>li.first {
        border-top: 1px solid rgba(0, 0, 0, 0.1)
    }
    #sidenav ul.sub-menu a {
        padding: 14px 14px 14px 28px
    }
    #sidenav ul.sub-menu.level-0>li>a:not(.toggle-submenu) {
        padding: 9px 14px
    }
    #sidenav ul.sub-menu.level-0>li.first>a {
        border-top: 1px solid rgba(255, 255, 255, 0.5)
    }
    #sidenav-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
    }
    #location-info.suburb .section.overview .block.left {
        padding-right: 56px
    }
    footer[role="contentinfo"] {
        left: auto;
        position: relative;
        transform: none
    }
    #footer .group {
        padding: 10px 0
    }
}

@media screen and (max-width:1151px) {
    .language_move {
        right: 150px;
        position: absolute;
        top: 5px
    }
    .language_move a {
        background: url(images/arr_down.png) no-repeat scroll 68px center;
        border-radius: 4px;
        border: 1px solid #4E0090;
        color: #333;
        font-family: 'FuturaBT-Medium';
        font-size: 0.75em;
        line-height: 22px;
        padding: 6px 30px 6px 10px;
        text-transform: uppercase
    }
    .language_move #google_translate_element {
        left: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 84px
    }
}

@media screen and (min-width:1024px) {
    .homepage .recent_blog li {
        width: 25%
    }
    .carousels .direction a.prev,
    #team .carousels .direction a.prev {
        left: -30px
    }
    .carousels .direction a.next,
    #team .carousels .direction a.next {
        right: -30px
    }
    .media_boxes .media_ {
        float: left;
        padding: 0 7.5px;
        width: 25%
    }
}

.homepage .slideshow {
    width: 100%
}

@media screen and (max-width:1024px) {
    .listview .listing {
        width: 50%
    }
    .property .link-back {
        margin-left: 30px
    }
    .property .gallery,
    .homepage .home-top,
    .homepage .home_footer {
        margin: 0;
        width: 100%
    }
    .homepage .registration h2 {
        font-size: 2em
    }
    .homepage .registration .text_register {
        margin-top: 7px
    }
    .homepage .registration p {
        font-size: 1em
    }
    #property .media_share {
        margin: 10px 10px 0 0
    }
    #blog div[role="main"],
    #media div[role="main"],
    #team div[role="main"],
    #lifestyle div[role="main"] {
        margin: 0
    }
    #blog.single article#entry {
        padding: 0 20px
    }
    #blog.single .blog.sidebar {
        width: 20%
    }
    #blog.single .single {
        width: 72%
    }
    .search-toolbar ul li.list {
        width: 20%
    }
    .search-toolbar ul li.map {
        width: 20%
    }
    .search-toolbar ul li.search_ {
        width: 60%
    }
    .carousels li.slide p.opens span {
        display: block
    }
    .listview .listing .rooms-price .address {
        clear: both;
        padding: 0;
        text-align: left
    }
    .property .section.overview .block.left {
        margin-top: 10%
    }
}

.gform_wrapper textarea.medium,
.gform_wrapper .top_label input.medium {
    width: 100% !important
}

.gform_wrapper div.validation_error,
.gform_wrapper .top_label .gfield_error {
    width: 100% !important
}

@media screen and (max-width:1023px) {
    .homepage .recent_blog li {
        margin-bottom: 20px
    }
    .homepage ._testimonial_item {
        width: 100%
    }
    .listview .listing h3.headline {
        font-size: 1.42857em
    }
    .thumbview .listing .container {
        min-height: 33em
    }
    .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
    }
    .section.socials.left,
    .section.menu.right {
        display: block;
        width: 100% !important;
        padding: 0
    }
    .property .section.overview .block.right {
        margin-top: 0%
    }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
    #current-listings .property a.container,
    .homepage .suburb-profiles a {
        padding-bottom: 66%
    }
    #property-map #map_canvas {
        padding-bottom: 56.25%
    }
    #agent .details {
        width: 33.33%;
        padding: 0 14px 0 0
    }
    #agent .description {
        width: 66.67%;
        padding: 0 0 0 14px
    }
    #location-info.suburb .section.map #map_canvas {
        padding-bottom: 56.25%
    }
    .listings-table td.col-times {
        width: 200px
    }
    .listings-table td.col-rooms {
        width: 150px
    }
    .listings-table td.col-agent {
        width: 120px
    }
}

@media screen and (max-width:900px) {
    .homepage .registration h2 {
        font-size: 1.2em
    }
    .email_bottom_section a {
        font-size: 1em
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    #property-map #map_canvas {
        padding-bottom: 75%
    }
    #agents .agent section,
    #agent .details .agent_desc {
        min-height: 14em
    }
    #footer .section {
        float: none
    }
    #footer .socials a {
        display: inline-block;
        float: none;
        margin: 0 2px
    }
    #footer .menu nav {
        float: none
    }
}

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

@media screen and (min-width:481px) and (max-width:767px) {
    .listview .listing p.description {
        display: none
    }
    .listview .listing ul.rooms {
        float: none
    }
    .listview .listing p.price {
        float: none;
        padding: 4px 0 0;
        clear: both
    }
}

@media screen and (max-width:980px) {
    .homepage .section.tabbed {
        padding: 28px 55px 48px;
        overflow: hidden
    }
    .homepage .section.tabbed .group {
        padding: 0;
        width: 100%
    }
    .homepage .home_footer span {
        width: 80%;
        font-size: 3em
    }
}

@media screen and (max-width:800px) {
    .slick-prev,
    .slick-next {
        display: none !important
    }
    .listview .listing .rooms-price .address {
        float: left;
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .homepage .testimonials {
        display: none
    }
    .homepage .home-top .registration .homepage-text {
        display: none
    }
}

@media screen and (max-width:767px) {
    div.pp_pic_holder {
        width: 90% !important;
        left: 0 !important
    }
    .homepage .home_footer,
    .homepage .recent_blog {
        display: none
    }
    .s-cf {
        float: none !important;
        width: auto !important
    }
    .t,
    .dt {
        display: none !important
    }
    .s-lrpad {
        padding-right: 14px !important;
        padding-left: 14px !important
    }
    #header .logo img {
        display: inline;
        max-width: 200px;
        vertical-align: middle
    }
    .language_move {
        clear: both;
        float: left;
        padding: 20px 0 0;
        position: relative;
        right: auto;
        top: auto
    }
    .toggle-menu {
        right: -15px
    }
    .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
    }
    .search-bar .keywords {
        border-left: none;
        border-right: none;
        margin-top: 5px;
        margin-bottom: 5px
    }
    .search-bar .search-type,
    .search-bar .keywords,
    .search-bar .search_btn {
        width: 100%
    }
    .email_bottom_section .email,
    .email_bottom_section .form_contact {
        padding: 0;
        width: 100%
    }
    .homepage .registration h2 {
        float: none;
        font-size: 2em;
        height: auto;
        line-height: normal
    }
    .homepage .registration .text_register {
        float: none;
        margin: 10px 0 0
    }
    .homepage .section h2.title {
        font-size: 2em
    }
    .homepage .tabbed .tab-nav a i.fa,
    #agent .properties .tabs-nav a i.fa {
        display: block;
        font-size: 2em
    }
    .homepage .tabbed .tab-nav a span,
    #agent .properties .tabs-nav a span {
        display: block
    }
    .homepage .suburb-profiles span.text {
        font-size: 3em
    }
    .homepage ._testimonial_item {
        margin: 0 0 20px
    }
    .homepage ._testimonial_item .image {
        float: none;
        height: auto;
        left: 0;
        min-height: auto;
        padding: 0;
        position: relative;
        text-align: center;
        top: auto;
        width: 100%
    }
    .homepage ._testimonial_item .image:before {
        left: 50%;
        margin-left: -60px;
        top: -5px
    }
    .homepage ._testimonial_item .image .box-circle {
        display: inline-block;
        float: none;
        position: relative
    }
    .homepage ._testimonial_item .content {
        float: none;
        left: auto;
        margin: -60px 0 0;
        width: 100%
    }
    .homepage ._testimonial_item .content-circle {
        padding: 60px 20px 20px;
        text-align: center
    }
    .homepage ._testimonial_item .content-circle p.from {
        text-align: center;
        padding: 5px 0 0
    }
    .homepage ._testimonial_item .content-circle p.from a {
        padding: 0
    }
    .homepage ._testimonial_item .content-circle a.read-more-testi {
        padding: 0
    }
    .homepage ._testimonial_item .content-circle p {
        padding: 0
    }
    .homepage .home-top .registration {
        background: #000;
        bottom: auto;
        left: 0;
        margin: 0;
        position: relative;
        right: 0;
        text-align: center
    }
    .homepage .tabbed .tab-nav li {
        width: 100%
    }
    .homepage .home_footer .careers-inner {
        background: #000;
        box-sizing: border-box;
        padding: 30px;
        position: relative;
        margin: 0 0 20px
    }
    .quicksearch-1.shrink {
        max-height: 15em
    }
    .quicksearch-1 .field {
        padding: 0 0 14px;
        width: 100% !important
    }
    .quicksearch-1 .field.button {
        padding: 0 0 28px
    }
    .search-results {
        margin: 0
    }
    .search-order a i.fa {
        display: block;
        font-size: 2em
    }
    .search-order a span {
        display: block;
        font-size: 0.642857em
    }
    .search-toolbar .count,
    .search-toolbar .tools {
        float: none;
        text-align: center
    }
    #media .toggle_switch {
        top: 123px
    }
    #media .video-tab-nav ul {
        border: none;
        padding: 0
    }
    #media .video-tab-nav li {
        float: none;
        padding: 0
    }
    #media .video-tab-nav li a {
        border-bottom: 1px solid #4E0090;
        line-height: 30px
    }
    #media .playlist ul {
        margin: 0;
        width: 100%
    }
    #media .playlist li {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }
    #media .playlist li a {
        padding: 0
    }
    #property-media #gallery .direction {
        display: none
    }
    #property-media .wrap .suburb {
        margin-left: 20px
    }
    #property-media .wrap ul.rooms {
        margin-right: 20px
    }
    .property .section.overview .property-block.realty_widget_contact_agent {
        border-bottom: 1px solid #cdcdcd
    }
    #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%
    }
    .media_div.with_scroller .td_slider_thumbnail {
        display: none
    }
    #property .media_share {
        background: #f6f6f6;
        float: none;
        margin: 0;
        padding: 15px 0;
        text-align: center
    }
    #property .media_share p {
        display: inline-block;
        float: none
    }
    #property .media_share p:first-child {
        display: none
    }
    #location-info.suburb .section.overview .block.left,
    #location-info.suburb .section.overview .block.right {
        width: 100%;
        padding-right: 0
    }
    #location-info.suburb .section.overview .block.right section:last-child {
        margin: 0;
        padding: 0;
        border-bottom: none
    }
    .listings-table td.col-image,
    .listings-table td.col-rooms {
        display: none
    }
    #calculator section .field a.button {
        min-width: 100%
    }
    #post-entry,
    #sidebar {
        width: 100%;
        padding-right: 0
    }
    .comments-template {
        margin: 0 0 28px;
        padding: 0 0 28px;
        border-bottom: 2px solid #dcdad9
    }
    .site-map-menu ul li {
        float: none;
        width: 100%
    }
    .address-office,
    .map-office {
        width: 100%
    }
    #location_info .ui-tabs-nav li {
        width: 100%
    }
    #location_info table {
        width: 100%
    }
    #location_info table tr.th {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    #location_info table tr {
        display: block;
        padding: 10px 0
    }
    #location_info table tr.alt {
        background: #eee
    }
    #location_info table td {
        position: relative;
        display: block;
        padding-left: 40%;
        border-bottom: 1px solid #ddd;
        min-height: 25px
    }
    #location_info table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 40%;
        padding-right: 10px;
        padding-left: 20px;
        white-space: nowrap;
        font-weight: 800
    }
    #location_info table td:nth-of-type(1):before {
        content: "Address"
    }
    #location_info table td:nth-of-type(2):before {
        content: "Suburb"
    }
    #location_info table td:nth-of-type(3):before {
        content: "Bed"
    }
    #location_info table td:nth-of-type(4):before {
        content: "Bath"
    }
    #location_info table td:nth-of-type(5):before {
        content: "Car"
    }
    #location_info table td:nth-of-type(6):before {
        content: "Price"
    }
    #location_info .location-desc {
        padding: 0
    }
    #customElementAbout {
        display: none
    }
    .video-mobile {
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
        width: 100%
    }
    .video-mobile iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    #blog.single .blog.sidebar {
        float: none;
        width: 100%
    }
    #blog.single .single {
        padding: 0;
        width: 100%
    }
    .search_results article#entry #listings {
        padding: 30px
    }
    .search-toolbar.top {
        height: auto
    }
    .search-toolbar ul.tabsnav li {
        float: none;
        width: 100%
    }
    .search-toolbar ul li.list a i.fa {
        float: none;
        font-size: 1em;
        margin: 0 5px 0 0
    }
    .search-toolbar ul li.map a {
        text-align: center;
        margin: 0
    }
    .search-toolbar ul li.map a i.fa {
        font-size: 1em
    }
    .search-toolbar ul li.map a span {
        float: none
    }
    .search-toolbar ul li .search_btn {
        background: #271100;
        float: none;
        margin: 5px 1% 0;
        width: 98%
    }
    .search-toolbar ul li .keywords {
        width: 98%;
        margin: 0 1%
    }
    .listview .listing {
        margin: 0 0 30px;
        width: 100%
    }
    .listview .listing.alt {
        margin: 0 0 30px
    }
    .listview .listing .rooms-price .address {
        clear: both;
        float: none;
        text-align: left
    }
    #post-entry .post {
        float: none;
        margin: 0 0 30px;
        width: 100%
    }
    #post-entry .post .frame img._blank {
        display: none
    }
    #post-entry .post .frame img.blog {
        position: relative;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none
    }
    .default .contact_form ol.cf-ol li label {
        width: 100%;
        margin: 0 0 5px
    }
    #contact-us input[type="text"],
    #contact-us textarea {
        width: 100%
    }
    .default .contact_form ol.cf-ol li input[type="text"],
    .default .contact_form ol.cf-ol li select,
    .default .contact_form ol.cf-ol li textarea {
        float: none;
        width: 100%
    }
    .default .contact_form .prop_alerts_ul {
        float: none;
        width: 100%
    }
    .default .contact_form .signup_button {
        margin: 0
    }
    .default .contact_form ol.cf-ol li.li--unsubscribe {
        margin: 0 0 10px
    }
    .calculator ul,
    .calculator ul li label,
    .calculator ul li input[type="text"],
    .calculator ul li select {
        width: 100%
    }
    .calc_table td {
        display: block;
        padding: 0 0 14px
    }
    .calc_table .calc_field {
        padding: 0
    }
    #contact-us .contact_left,
    #contact-us .contact_right {
        width: 100%
    }
    #team #agents .agents {
        margin: 0 auto
    }
    #team #agents .agent {
        width: 100%
    }
    #agents .agent section,
    #agent .details .agent_desc {
        padding: 10px 20px
    }
    #agents .agent .social,
    #agent .social {
        bottom: auto;
        left: auto;
        margin: 10px 0 0;
        position: relative;
        right: auto
    }
    #agent .details {
        padding: 0 0 20px;
        width: 100%
    }
    #agent .description {
        padding: 0;
        width: 100%
    }
    #agents .agent section p.name,
    #agent .details p.name {
        font-size: 1.5em
    }
    #agents .agent ._contact p,
    #agent ._contact p {
        display: block
    }
    #agents .agent ._contact p.separator,
    #agent ._contact p.separator {
        display: none
    }
    #contact-us ._offices .offices_ {
        width: 100%
    }
    .gform_wrapper ul#gform_fields_18 li {
        float: none;
        width: 100%
    }
    .gform_wrapper ul#gform_fields_18 li#field_18_2 {
        margin: 15px 0
    }
    .home footer[role="contentinfo"] {
        margin: 0
    }
    footer[role="contentinfo"] {
        background: #4E0090;
        padding: 0 0 15px
    }
    #footer .section {
        float: none;
        padding: 20px 0 0
    }
    #footer .socials a {
        display: inline-block;
        float: none
    }
    #footer .socials i.fa {
        color: #fff
    }
    #footer .menu,
    #footer nav {
        float: none;
        padding: 0
    }
    #footer .menu li {
        display: block
    }
    #footer a {
        color: #fff
    }
    #footer a:hover {
        color: #444
    }
    body#market-appraisal #gform_fields_25 #field_25_11 textarea,
    body#market-appraisal #gform_fields_25 #field_25_12 textarea,
    body#sell #gform_fields_23 #field_23_11 textarea,
    body#sell #gform_fields_23 #field_23_12 textarea {
        height: 100px
    }
    body#contact-us input[type="submit"],
    body#market-appraisal input[type="submit"],
    body#sell input[type="submit"] {
        width: 100%
    }
    .homepage .slideshow {
        top: -50%;
        width: 100%;
        height: inherit;
        display: flex;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        align-items: center
    }
    #footer .group .section.menu.right {
        margin-top: 10px
    }
    #sorter_pagination .number_properties {
        margin: 5px 0
    }
    #sorter_pagination .sorter_search_quick,
    #sorter_pagination .number_properties {
        float: none
    }
}

@media screen and (max-width:480px) {
    .callus_ span p a {
        font-size: 18px
    }
    .homepage .registration h2 {
        font-size: 2.25em
    }
    .homepage .registration p {
        font-size: 1em
    }
    .homepage .home_footer span {
        font-size: 1.5em;
        padding: 10px 0;
        line-height: 32px
    }
    .homepage .home_footer span .fa {
        line-height: 32px
    }
    #current-listings .property a.container,
    .homepage .suburb-profiles a {
        padding-bottom: 100%
    }
    .search-order a {
        padding: 0 7px
    }
    .thumbview .listing .container {
        min-height: inherit
    }
    .thumbview .listing .overview {
        padding: 28px
    }
    .thumbview .listing .rooms-price {
        position: static;
        margin: 14px 0 0
    }
    .listview .listing figure 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
    }
    #map_canvas {
        padding-bottom: 100%
    }
    #agent .properties .tabs-nav li {
        width: 100%
    }
    #agents .agent section {
        min-height: inherit;
        padding: 14px
    }
    #agents .agent p.email {
        position: static
    }
    header#lead.alt h1.page-title span.breadcrumbs {
        line-height: 1.5
    }
    #agent .details {
        float: none;
        width: auto;
        padding: 0 0 28px
    }
    #agent .details p.message {
        display: block
    }
    #agent .details p a span.number {
        display: none
    }
    #agent .details p a span.text {
        display: inline
    }
    #agent .details p i.fa {
        width: auto;
        padding: 0 3.5px 0 0
    }
    #agent .description {
        float: none;
        width: auto;
        padding: 0
    }
    .mf-walkscore .mfp-iframe-scaler {
        padding-top: 145%
    }
    #location-info.suburb .section.map #map_canvas {
        padding-bottom: 100%
    }
    .listings-table table,
    .listings-table tbody,
    .listings-table tr,
    .listings-table td {
        display: block
    }
    .listings-table tr.row-date td.col-date {
        padding: 14px 0;
        border-bottom: none;
        text-align: center
    }
    .listings-table tr.row-date:first-child td.col-date {
        padding: 0 0 14px
    }
    .listings-table tr.row-property {
        margin: 0 0 14px;
        padding: 14px 14px 7px;
        background: #fff;
        border: solid 1px #ccc;
        box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)
    }
    .listings-table tr.row-property td {
        position: relative;
        padding: 0 0 7px 35%;
        border-bottom: none;
        text-align: left
    }
    .listings-table tr.row-property td:before {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 35%;
        font-weight: 600
    }
    .listings-table td.col-address:before {
        content: "Address:"
    }
    .listings-table td.col-times:before {
        content: "Date:"
    }
    .listings-table td.col-rooms:before {
        content: "Rooms:"
    }
    .listings-table td.col-agent:before {
        content: "Agent:"
    }
    #contact-us .offices_ {
        float: none
    }
    #contact-us .offices_.left {
        margin: 0 0 20px
    }
    #footer .socials i.fa {
        font-size: 2em
    }
}

@media screen and (max-width:360px) and (orientation:portrait) {
    .text-center a.button {
        box-sizing: border-box;
        font-size: 1em;
        width: 100%
    }
}

@media screen and (min-width:667px) and (max-width:1023px) {
    .homepage .recent_blog li {
        width: 50% !important
    }
    .carousels .direction a.prev,
    #team .carousels .direction a.prev {
        left: -30px
    }
    .carousels .direction a.next,
    #team .carousels .direction a.next {
        right: -30px
    }
}

@media screen and (min-width:667px) and (max-width:1023px) {
    .media_boxes .media_ {
        float: left;
        padding: 0 7.5px;
        width: 50%
    }
}

@media screen and (min-width:667px) {
    .homepage .recent_blog ul:before,
    .homepage .recent_blog ul:after {
        content: "";
        display: table
    }
    .homepage .recent_blog ul:after {
        clear: both
    }
    .homepage .recent_blog ul {
        margin: 0 -10px;
        padding-bottom: 50px
    }
    .homepage .recent_blog li {
        box-sizing: border-box;
        float: left !important;
        padding: 0 10px
    }
    .media_boxes {
        margin-left: -7.5px;
        margin-right: -7.5px
    }
    .media_boxes:before,
    .media_boxes:after {
        content: "";
        display: table
    }
    .media_boxes:after {
        clear: both
    }
    #location_info .location-list .image {
        box-sizing: border-box;
        float: left;
        padding-right: 20px;
        width: 35%
    }
    #location_info .location-list .location-desc {
        float: right;
        width: 65%
    }
}

@media screen and (max-width:666px) {
    .homepage .recent_blog li {
        width: 100% !important
    }
    .carousels .direction {
        display: none !important
    }
}

@media screen and (max-width:540px) {
    .homepage .section.tabbed {
        padding: 28px 20px 48px
    }
}

@media screen and (max-width: 360px) {
    .ginput_recaptcha {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

@media screen and (max-width:320px) {
    .search-order a {
        display: block;
        margin: 0 0 20px
    }
}

#landing-bg {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#landing-bg .group a.btn {
    font-size: 1.6em;
    padding: 5px 30px;
    background: white;
    border: 1px solid white;
    line-height: 1em;
    height: inherit;
    color: #3b2951;
    margin-top: 30px
}

#landing-bg .group img {
    width: 800px;
    display: block;
    margin: 0 auto
}

#landing-bg .group {
    text-align: center
}

#landing-bg .group a.btn:hover {
    background: #131313;
    color: white;
    border: 1px solid white
}

.callus_ span {
    color: #4E0090
}

.callus_ {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px
}

.callus_ i.fa.fa-phone {
    font-size: 30px;
    margin-right: 10px;
    color: #4E0090
}

video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%
}

#video-text-container {
    position: absolute;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1b8cd6;
    background: -moz-linear-gradient(left, rgba(27, 140, 214, 0.6) 0%, rgba(78, 0, 144, 0.6) 68%);
    background: -webkit-linear-gradient(left, rgba(27, 140, 214, 0.6) 0%, rgba(78, 0, 144, 0.6) 68%);
    background: linear-gradient(to right, rgba(27, 140, 214, 0.6) 0%, rgba(78, 0, 144, 0.6) 68%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1b8cd6', endColorstr='#4e0090', GradientType=1)
}

.text-center.clear {
    font-size: 6vw;
    color: white
}

#video-section .link.text-center.clear {
    font-size: 2vw
}

#video-section .text-center a.button {
    background: #4e0090;
    border: 2px solid #4e0090;
    color: #ffffff;
    font-size: 1em
}

#video-section .text-center a.button:hover {
    color: #fff;
    background: rgba(78, 0, 144, 0.5);
    border-color: #fff
}

.quicksearch {
    max-width: 80%;
    margin: 0 auto;
    padding: 15px;
    background: #4E0090;
    padding-bottom: 0;
    color: white;
    border-radius: 7px
}

.quicksearch input[type="submit"] {
    color: #4e0090;
    border: 0px;
    background: white
}

.group .left {
    width: 30%;
    display: inline-block;
    float: left
}

.group .right {
    display: inline-block
}

.block.right.borderbox {
    display: block
}

.section.socials.left,
.section.menu.right {
    float: none
}

span.left.borderbox,
span.right.borderbox {
    width: 100%
}

.cycle-pager span {
    font-size: 65px;
    color: #7b7b7b;
    cursor: pointer
}

span.cycle-pager-active {
    color: #4E0090
}

.cycle-pager {
    text-align: center
}

#testimonials {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    padding: 30px 0
}

.cycle-slideshow div {
    overflow: hidden
}

.outer-text {
    display: inline-block;
    width: 55%;
    min-width: 150px;
    float: left;
    line-height: 1.2em;
    margin-left: 5rem;
    font-size: 1.4rem;
    color: grey
}

.outer-text strong span {
    color: black
}

.outer-image {
    display: inline;
    width: 30%;
    min-width: 100px;
    float: right;
    margin-left: 20px
}

.outer-text p:before {
    background-image: url("images/petik.png");
    content: "";
    background-position: 20px;
    background-repeat: no-repeat;
    position: absolute;
    background-size: 43px;
    width: 65px;
    height: 38px;
    left: 0;
    font-family: arial
}

.chat-box {
    float: right
}

.callus_ span p a {
    font-size: 23px;
    text-align: left;
    color: #4E0090
}

.outer-text strong span:before {
    content: "-";
    font-size: 30px;
    color: black;
    margin-right: 5px
}

.outer-text strong span:after {
    content: "-";
    font-size: 30px;
    color: black;
    margin-left: 5px
}

.callus_ p {
    text-align: left;
    line-height: 1.4em;
    font-size: 19px
}

form#search_quick {
    padding: 0
}

.search {
    padding: 20px;
    background: #4E0090;
    border-radius: 10px
}

.quicksearch input[type="submit"]:hover {
    background: #1b1b1b;
    color: white;
    border: 1px solid white
}

span.cant_find a {
    color: white
}

th.bedrooms_cell,
th.bathrooms_cell,
th.carspaces_cell,
td.bedrooms_cell,
td.bathrooms_cell,
td.carspaces_cell {
    width: calc(20%/3)
}

th.address_cell {
    width: 40%
}

.date_container tr:first-child {
    background: rgb(95, 95, 95);
    color: white;
    padding: 2px
}

caption.opentimes_date {
    color: #4E0090;
    font-weight: 600
}

table.date_container {
    margin: 20px 0
}

@media (min-width: 641px) and (max-width: 1023px) {
    .gform_wrapper .top_label input.medium.hasDatepicker,
    .gform_wrapper select.medium.gfield_select {
        width: calc(100% + 14px) !important
    }
}

#manage_profile ol li label {
    text-align: left
}

.default .contact_form .signup_button {
    margin: 0px 0 0 29%
}

.outer-image img {
    max-width: 100%;
    width: 100%
}

@media (max-width:1024px) {
    .default .contact_form .signup_button {
        margin: 0px 0 0 20%
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .outer-text p {
        max-width: 80%
    }
    .group .right {
        width: 100%;
        display: block
    }
    .outer-text {
        display: block;
        width: 100%
    }
    .outer-image {
        display: none
    }
    .media_div.with_scroller .td_slider_thumbnail {
        display: none
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .media_div.with_scroller .td_slider_thumbnail {
        display: block
    }
    .property .section.overview .block.left {
        margin-top: 0
    }
}

@media (max-width:767px) {
    .group .right {
        width: 100%;
        display: block
    }
    .outer-image {
        display: none
    }
    .outer-text {
        display: block;
        width: 80%;
        margin-left: 76px;
        padding-right: 20px;
        text-align: left
    }
    .default .contact_form .signup_button {
        margin: 0px
    }
    .default .contact_form ol.cf-ol li {
        display: block;
        width: 100%;
        margin: 0 0 10px
    }
}

@media (max-width:1152px) {
    header#lead {
        margin-top: -10px
    }
}

#agents {
    margin-top: 20px
}

@media screen and (max-width: 1023px) {
    #contact-us article#entry,
    #forms article#entry {
        padding-bottom: 20px;
        position: relative;
        width: 100%;
        display: block;
        padding: 0 5%
    }
    .list-form {
        width: 100%
    }
    .img-placer {
        width: 100%;
        position: relative;
        height: inherit;
        background: white;
        text-align: center
    }

	.outer-text {margin:0; width:60%; font-size:1em}
	#book-appraisal .youtube-video {width:100%}
	#book-appraisal .youtube-video .youtube-wrapper {padding:0}
}

.list-form strong {
    font-weight: 600
}

.quicksearch-2 select {
    padding: 20px 0
}

#contact-us .img-placer img {
    width: 127%;
    height: auto;
    margin-top: 35px;
    margin-left: -27%;
    max-width: 1000%
}

#book-appraisal .cycle-slideshow {
    overflow: hidden
}

body .gform_wrapper .top_label div.ginput_container {
    width: 100%
}

li#field_10_6 div {
    display: inline-block
}

div#field_10_7 {
    position: absolute;
    margin-top: 70px;
    width: calc(65% - 10px)
}

input#input_10_7 {
    width: 100%
}

li#field_10_6 {
    position: relative;
    display: block;
    border: 1px solid #b9b9b9;
    padding: 20px;
    margin-bottom: 30px
}

li#field_10_6 label.gfield_label {
    margin-top: 0
}

li#field_10_6 .prefer-contact {
    width: 35%
}

li#field_10_22,
li#field_10_23,
li#field_10_25 {
    width: calc(100% - 16px)
}

div#field_10_7 div {
    width: 100% !important;
    padding-right: 16px
}

.availability {
    width: calc(100% - 16px);
    border: 1px solid #b9b9b9;
    padding: 20px;
    border: 1px solid #b9b9b9;
    margin: 16px 0
}

li#field_10_13 {
    padding: 0
}

#inspection-times table td {
    border: 0.5px solid #cecece
}

@media (min-width: 1366px) {
    video {
        top: 25%
    }
}

@media (min-width: 1440px) {
    video {
        top: 35%
    }
}

li#field_10_2:before,
li#field_10_3:before,
li#field_10_4:before,
li#field_10_6:before {
    content: "*";
    color: #790000;
    position: absolute;
    margin-left: -10px
}

li#field_10_13,
li#field_10_20,
li#field_10_17 {
    border: 1px solid #b9b9b9;
    padding: 5px;
    width: calc(100% - 16px);
    margin-right: 16px;
    float: right;
    position: relative;
    margin-top: 0
}

input#gforms_calendar_icon_input_10_13 {
    border: 0px
}

ul#gform_fields_10 {
    position: relative
}

input#input_10_13 {
    border: 0px;
    box-shadow: 0px 0px
}

.ginput_container.ginput_container_date {
    border: 0px;
    margin-top: 0 !important;
    width: 50% !important;
    display: inline;
    float: left
}

#book-appraisal .clear-multi {
    width: 50%;
    display: inline;
    float: right;
    margin-top: -55px
}

#book-appraisal .clear-multi .gfield_time_hour,
#book-appraisal .clear-multi .gfield_time_minute,
#book-appraisal .clear-multi .gfield_time_ampm,
#book-appraisal .clear-multi .gfield_time_hour i {
    display: inline;
    float: left;
    width: 20%;
    margin-right: 10px;
    position: relative;
    margin-top: 9px;
    transform: translate(0, 5px)
}

#book-appraisal #field_10_14 .gfield_time_hour,
#book-appraisal #field_10_14 .gfield_time_minute,
#book-appraisal #field_10_14 .gfield_time_ampm,
#book-appraisal #field_10_14 .gfield_time_hour i {
    transform: translate(0, 5px) !important
}

#book-appraisal .clear-multi .gfield_time_hour input,
#book-appraisal .clear-multi .gfield_time_minute input,
#book-appraisal .clear-multi .gfield_time_ampm input {
    width: 100%;
    box-shadow: 0px 0px 0 1px #ababab
}

#book-appraisal .clear-multi .gfield_time_hour i {
    width: inherit;
    position: absolute;
    top: -10px;
    margin-left: 72px
}

#book-appraisal li#field_10_13 .clear-multi .gfield_time_ampm {
    margin-right: 0
}

#book-appraisal li#field_10_16,
li#field_10_19 {
    position: relative;
    width: 100%;
    margin: 10px auto
}

#book-appraisal .ginput_container.ginput_container_date input {
    box-shadow: 0px 0px
}

#book-appraisal span.gfield_required,
#book-appraisal label.gfield_label[for="input_10_3"],
#book-appraisal label.gfield_label[for="input_10_4"],
#book-appraisal label.gfield_label[for="input_10_7"],
#book-appraisal label.gfield_label[for="input_10_8"],
#book-appraisal label.gfield_label[for="input_10_17"],
#book-appraisal label.gfield_label[for="input_10_18_1"],
#book-appraisal label.gfield_label[for="input_10_21_1"],
#book-appraisal label.gfield_label[for="input_10_14_1"],
#book-appraisal label.gfield_label[for="input_10_13"],
#book-appraisal label[for="input_10_14_1"],
#book-appraisal label[for="input_10_14_2"],
#book-appraisal label[for="input_10_18_1"],
#book-appraisal label[for="input_10_18_2"],
#book-appraisal label[for="input_10_21_1"],
#book-appraisal label[for="input_10_21_2"],
#book-appraisal label.gfield_label[for="input_10_20"],
#book-appraisal li#field_10_9 label.gfield_label {
    display: none !important
}

#book-appraisal li#field_10_9 .ginput_container.ginput_container_checkbox {
    margin: 0
}

span.the-title {
    font-size: 2.5rem
}

#book-appraisal li#field_10_7 {
    position: relative;
    float: right;
    margin-right: 10px;
    width: 65%;
    margin-top: -120px;
    transform: translateY(-50%)
}

#book-appraisal li#field_10_6 .ginput_container.ginput_container_radio {
    width: 30%;
    display: block
}

#book-appraisal li#field_10_8,
li#field_10_19 {
    margin-top: 30px
}

#book-appraisal li#field_10_6:before {
    margin-left: -32px
}

#book-appraisal li#field_10_16 {
    margin-top: 25px
}

#book-appraisal .youtube-video-container.clearfix {
    width: 100%;
    position: relative;
    float: right;
    overflow: hidden
}

#book-appraisal .book-appraisal-tagline {
    margin: 20px 20px 0
}

#book-appraisal .youtube-video {
    width: 33.33%;
    float: left;
    padding: 20px;
    overflow: hidden;
    cursor: pointer
}

#book-appraisal .gform_wrapper .top_label div.ginput_container {
    width: 100%
}

#book-appraisal img.ui-datepicker-trigger {
    cursor: pointer
}

#book-appraisal img.play-button {
    position: absolute;
    width: 50px;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

#book-appraisal .outer-video {
    overflow: hidden
}

#book-appraisal #thumb.yt-video-thumbs {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    background: black
}



#book-appraisal article#entry:after {
    content: "";
    display: table;
    clear: both
}

#book-appraisal img.yt-video-overlay {
    position: absolute
}

#book-appraisal img.controller {
    position: absolute;
    bottom: 0;
    width: 100%
}

#book-appraisal .row {
    contain: layout;
    overflow: auto;
    padding: 0 10px
}

#book-appraisal .testimonial {
    margin-top: 65px
}

#book-appraisal .testimonial .title,
#book-appraisal .video .title {
    font-size: 2em;
    width: 65%;
    color: #4e0090;
    text-align: left;
    font-style: italic;
    float: right
}

#book-appraisal img.ui-datepicker-trigger {
    position: absolute;
    top: 15px;
    right: 10px;
    display: block
}

#book-appraisal .video .title {
    margin-top: 30px;
    font-size: 1.2em
}

@media (min-width:1024px) and (max-width:1280px) {
    #book-appraisal #gform_wrapper_10 {
        width: 40%
    }
    #book-appraisal .book-appraisal-right {
        width: 60%
    }
    #book-appraisal .testimonial .title,
    #book-appraisal .video .title,
    #book-appraisal .youtube-video-container.clearfix {
        width: 100%
    }
    #book-appraisal .youtube-video {
        width: 100%
    }
}

@media (max-width:1024px) {
    .outer-text strong span {
        float: left;
        margin-left: 18px
    }
}

@media (max-width:1023px) {
    #book-appraisal .book-appraisal-right {
        width: 100%
    }
    #book-appraisal .youtube-video {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%
    }
    #book-appraisal #gform_wrapper_10,
    #book-appraisal .testimonial .title,
    #book-appraisal .video .title,
    #book-appraisal .youtube-video-container.clearfix {
        width: 100%
    }
    #book-appraisal img.yt-video-overlay {
        position: absolute;
        transform: scale(1.4)
    }
    li#field_10_13,
    li#field_10_20,
    li#field_10_17,
    .gform_wrapper ul.gform_fields li.gfield,
    li#field_10_6 {
        margin-right: 0;
        width: 100%
    }
    li#field_10_3 {
        margin-top: 16px
    }
    #book-appraisal .book-appraisal-tagline {
        margin: 20px 0
    }
    #book-appraisal .youtube-video {
        padding: 0;
        padding-bottom: 56.25%;
        margin-bottom: 20px
    }
    .gform_wrapper.gform_validation_error .gform_body ul li#field_10_4.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half),
    .gform_wrapper.gform_validation_error .gform_body ul li#field_10_6.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half),
    .gform_wrapper div.validation_error {
        width: 100% !important;
        max-width: 100% !important
    }
    #contact-us .img-placer img {
        width: 100%;
        position: relative;
        margin-left: 0;
        height: auto;
        margin-top: 0;
        max-width: 100%
    }
    .chat-box {
        float: none;
        margin: 0 auto;
        text-align: center
    }
    .chat-box a img {
        max-width: 100% !important
    }
}

@media (min-width:641px) {
    .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
        width: 100% !important
    }
}

@media (max-width:640px) {
    #book-appraisal .youtube-video {
        width: 100%;
        margin: 20px 0
    }
    #book-appraisal .youtube-video-container.clearfix {
        width: 100%;
        float: none;
        display: block
    }
    #book-appraisal li#field_10_7 {
        position: relative;
        float: none;
        margin-right: 0;
        width: 100%;
        margin-top: 0;
        transform: translateY(0%)
    }
    li#field_10_2,
    li#field_10_3 {
        width: 100% !important;
        position: relative
    }
    li#field_10_2 {
        padding-right: 0;
        margin-top: 0
    }
    li#field_10_3 {
        margin-top: -8px
    }
    #book-appraisal li#field_10_6 .ginput_container.ginput_container_radio {
        width: 100%
    }
    .gform_wrapper.gform_validation_error .gform_body ul li#field_10_2.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half),
    .gform_wrapper.gform_validation_error .gform_body ul li#field_10_3.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
        width: 100% !important
    }
    .gform_wrapper .top_label input.medium.hasDatepicker,
    .gform_wrapper select.medium.gfield_select {
        width: 100%
    }
}

@media (max-width:375px) {
    #book-appraisal #field_10_14 .gfield_time_hour,
    #book-appraisal #field_10_14 .gfield_time_minute,
    #book-appraisal #field_10_14 .gfield_time_ampm,
    #book-appraisal #field_10_14 .gfield_time_hour i,
    #book-appraisal .clear-multi .gfield_time_hour,
    #book-appraisal .clear-multi .gfield_time_minute,
    #book-appraisal .clear-multi .gfield_time_ampm,
    #book-appraisal .clear-multi .gfield_time_hour i {
        transform: translate(-10px, 5px) !important
    }
    #book-appraisal .clear-multi .gfield_time_hour i,
    #book-appraisal #field_10_14 .gfield_time_hour i {
        transform: translate(7px, 0px) !important
    }
}

.gform_wrapper .top_label select.medium {
    background: url("images/arrow-dropdown.png") #fff no-repeat right;
    background-position: right 10px center;
    background-size: 17px;
    width: 70px;
    box-shadow: none
}

.gform_wrapper select.medium.gfield_select option:hover {
    color: #4e0090 !important
}

body div#ui-datepicker-div.ui-datepicker {
    background: white;
    padding: 10px;
    width: 236px;
	display:none
}

dt.ui_tpicker_hour_label,
dt.ui_tpicker_minute_label {
    margin-top: 9px
}

li#field_10_27,
li#field_10_26,
li#field_10_24 {
    position: relative;
    float: right;
    margin-right: 20px;
    padding: 0 !important;
    width: 70px;
    height: 25px;
    margin-top: -55px;
    transform: translateY(-50%)
}

li#field_10_27 select,
li#field_10_26 select,
li#field_10_24 select {
    height: 30px !important;
    width: 70px
}

.mbYTP_wrapper iframe {
    max-width: 100% !important;
    margin: 0 auto !important;
    margin-top: -5% !important
}

#book-appraisal .box {
    padding: 25px 20px;
    border: 1px solid #b9b9b9
}

#book-appraisal label.gfield_label {
    margin-top: 20px
}

@media screen and (min-width: 1024px) {
    #book-appraisal .box {
        width: 100%;
        padding: 25px 5px 25px 20px
    }
    #book-appraisal li#field_10_7 {
        margin-right: 20px;
        width: 60%
    }
	#book-appraisal #gform_wrapper_10 {
    width: 30%;
    position: relative;
    display: block
}
    .gform_wrapper, .list-form {
        width: 50%;
        margin: auto !important;
        float: left;
        clear: both
    }
    .img-placer {
        width: 50%;
        position: relative;
        float: left;
        background: white;
        overflow: hidden
    }
    .img-placer img {
        width: auto;
        height: 100%
    }
    .img-placer span {
        font-size: 3rem;
        color: white
    }
    #manage_profile {
        margin: 0 auto;
        text-align: left;
        width: 70%
    }
	#book-appraisal .book-appraisal-right {
    width: 70%;
    float: left
}
}

#home-landing .link-landing {
    display: inline-block;
    position: absolute;
    top: 37%;
    right: 40%;
    transform: translate(-40%, -50%)
}

#home-landing .link {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2
}

#home .bg_landing_box video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    margin: inherit
}

#home-landing .link .link-landing {
    font-size: 2em;
    margin-right: 0;
    background: #4E0090;
    color: #fff
}

@media screen and (max-width: 768px) {
    #home-landing .link .link-landing {
        top: 40%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }
}

@media screen and (max-width: 768px) and (orientation:landscape) {
    #home-landing .link .link-landing {
        top: 30%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }
}

@media screen and (max-width: 767px) {
    #home-landing .link .link-landing {
        font-size: 1.4em
    }
}

#contact-us .contact-top {
    overflow: hidden;
    margin-bottom: 26px
}

#home-landing .cycle-slideshow-custom,
#home-landing .cycle-slideshow-custom img {
    width: 100%;
    height: 100% !important;
    object-fit: contain
}

#home-landing .cycle-slideshow-custom {
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-color: #1c0b35
}

#home-landing .slideshow {
    overflow: hidden;
    height: 100%;
    background: #1c0b35
}

#home-landing .link {
    z-index: 99999;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home-top #video-text-container .text-center.tagline {
    color: rgba(255, 255, 255, .3);
    font-family: 'Russo One', sans-serif;
    font-size: 112px;
    /*text-transform: capitalize*/
}

.section.home-search {
    overflow: hidden
}

.section.home-search .quicksearch {
    width: 70%;
    display: inline-block
}

@media screen and (max-width: 1200px) {
    .section.home-search .quicksearch {
        width: 100%;
        display: block;
        max-width: 100%;
        margin-top: 50px;
        overflow: hidden
    }
}

#testimonials .cycle-slideshow>div {
    width: 100%
}

@media screen and (max-width: 1023px) {
    .home-top #video-text-container .text-center.tagline {
        font-size: 9vw
    }

}

#book-appraisal .youtube-video .youtube-wrapper {
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

#book-appraisal .youtube-video .youtube-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0
}

#home #testimonials .right {
    width: 70%
}

#home #testimonials .outer-text p {
    font-size: 1.4em;
    line-height: 1.5
}

#home #testimonials .outer-text strong span {
    line-height: 1.5
}

@media screen and (max-width: 1366px) {
    #home #testimonials .right {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    #home #testimonials .outer-text p {
        font-size: 1em
    }
}

.mfp-content .white-popup>.gform_wrapper {
    float: none;
    width: 100%
}

.gform_wrapper#gform_wrapper_10 .validation_message {
    margin-left: 0
}

.gform_wrapper#gform_wrapper_10.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0 !important
}

.download-form:after {
    content: "";
    display: table;
    clear: both
}

#upcoming-auctions #entry > .page_toolbar {
    display: none
}

#upcoming-auctions .page_toolbar {
    text-align: center
}

#agents .agent p.email i {
    width: 20px;
    float: left;
    margin-top: 5px
}

#agents .agent p.email span {
    width: calc(100% - 20px);
    float: left;
    word-break: break-all
}

dd.ui_tpicker_time input {
    width: 100%;
    height: 40px;
    padding: 0 5px
}

.ui-datepicker-buttonpane {
    margin-top: 15px
}

.ui-datepicker-buttonpane > button:first-of-type {
    float: left
}

.ui-datepicker-buttonpane > button:last-of-type {
    float: right
}

.ui-timepicker-div dd:not(:last-of-type) {
    margin-bottom: 15px
}

@media screen and (max-width: 910px) {
    #inspection-times table td {
        display: block;
        width: 100%;
        border: 0
    }
    #upcoming-auctions table tr,
    #upcoming-auctions table td {
        display: block;
        width: 100%
    }
    #upcoming-auctions table tr:first-of-type {
        display: none
    }
    #upcoming-auctions table td {
        overflow: hidden;
        padding: 5px 0
    }
    #upcoming-auctions table td span {
        float: left;
        display: block;
        width: calc(100% - 100px);
        text-align: left
    }
    #upcoming-auctions table td.auction_time:before {
        content: 'Time';
        float: left;
        width: 100px;
        text-align: left
    }
    #upcoming-auctions table td.place_cell:before {
        content: 'Place';
        float: left;
        width: 100px;
        text-align: left
    }
    #upcoming-auctions table td.suburb_cell:before {
        content: 'Suburb';
        float: left;
        width: 100px;
        text-align: left
    }
    #upcoming-auctions table td.address_cell:before {
        content: 'Address';
        float: left;
        width: 100px;
        text-align: left
    }
    #upcoming-auctions table td.bedrooms_cell:before {
        content: 'Bedrooms';
        float: left;
        width: 100px;
        text-align: left
    }
    #upcoming-auctions table td.bathrooms_cell:before {
        content: 'Bathrooms';
        float: left;
        width: 100px;
        text-align: left
    }
    #upcoming-auctions table td.carspaces_cell:before {
        content: 'Carspaces';
        float: left;
        width: 100px;
        text-align: left
    }
    #upcoming-auctions table td.property_type_cell:before {
        content: 'Type';
        float: left;
        width: 100px;
        text-align: left
    }
    #upcoming-auctions caption.opentimes_date {
        border-bottom: 1px solid #ccc;
        text-align: left
    }
    #inspection-times table tr:not(:first-of-type) {
        border: 1px solid #ccc;
        box-sizing: border-box;
        display: block
    }
}

@media screen and (max-width: 420px) {
    #bottom_section #price_for_sale>span,
    #bottom_section #house_rooms>span {
        width: 100%
    }
}

#home #testimonials .cycle-slideshow .outer-text h6:before,
#home .testimonial .cycle-slideshow .outer-text h6:before {
    content: '\f10d';
    font: normal normal normal 14px/1 FontAwesome;
    color: #ddd;
    position: absolute;
    z-index: -1;
    font-size: 4em;
    left: 10px
}

#home #testimonials .cycle-slideshow .outer-text h6,
#home .testimonial .cycle-slideshow .outer-text h6 {
    color: #4E0090
}

@media screen and (min-width:426px) and (max-width: 480px) {
    .callus_ p,
    .callus_ span p a {
        font-size: 16px
    }
    .callus_ i.fa.fa-phone {
        font-size: 22px
    }
}

@media screen and (max-width: 425px) {
    #header .logo img {
        padding: 0
    }
    .call-us {
        clear: both
    }
    .callus_ p,
    .callus_ span p a {
        font-size: 14px
    }
    .callus_ i.fa.fa-phone {
        font-size: 20px
    }
    .callus_ {
        align-items: left;
        justify-content: left
    }
    .callus_ span br {
        display: none
    }
}