*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    font-family: Arial, Helvetica, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
    color: #828282;
}
:root{
    /* --color1:#333; */
    --color1:#0B0026;
    --color2:#000;
    --color3:#666;
    --color1-rgb:51, 51, 51;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a:active,
a:hover {
    outline: 0
}
/* General start */
li{
    list-style: none;
  }
  a{
    text-decoration: none;
    outline: 0
  }
  a:hover{
    color: #828282 !important;
  
  }
.inline-block {
    display: inline-block
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 600 !important
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 0.67em 0
}

p {
    font-size: 0.8rem;
    line-height: 1.1rem;
    margin: 0 0 1em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0;
    display: inline-block;
    vertical-align: top
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    line-height: 1em;
    margin: 0
}

button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
    outline: none !important
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
.home-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.home-content p{
    width: 70%;
    color: #828282;
    font-size: 1rem;
    letter-spacing: 1px;
    line-height: 23px;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

body {
    min-width: 960px
}

.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    position: relative
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    /* margin-left: 10px; */
    /* margin-right: 10px */
}
@media(max-width: 1024px){
    body {
        min-width: 100%
    }
    .container_12 {
        width: 100%;
        padding: 0 20px;
    }
}


.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11 {
    position: relative
}

.margin-top100 {
    margin-top: 100px
}

.margin-bottom100 {
    margin-bottom: 100px
}

.padding-top100 {
    padding-top: 100px
}

.padding-bottom100 {
    padding-bottom: 100px
}

.margin-top95 {
    margin-top: 95px
}

.margin-bottom95 {
    margin-bottom: 95px
}

.padding-top95 {
    padding-top: 95px
}

.padding-bottom95 {
    padding-bottom: 95px
}

.margin-top90 {
    margin-top: 90px
}

.margin-bottom90 {
    margin-bottom: 90px
}

.padding-top90 {
    padding-top: 90px
}

.padding-bottom90 {
    padding-bottom: 90px
}

.margin-top85 {
    margin-top: 85px
}

.margin-bottom85 {
    margin-bottom: 85px
}

.padding-top85 {
    padding-top: 85px
}

.padding-bottom85 {
    padding-bottom: 85px
}

.margin-top80 {
    margin-top: 80px
}

.margin-bottom80 {
    margin-bottom: 80px
}

.padding-top80 {
    padding-top: 80px
}

.padding-bottom80 {
    padding-bottom: 80px
}

.margin-top75 {
    margin-top: 75px
}

.margin-bottom75 {
    margin-bottom: 75px
}

.padding-top75 {
    padding-top: 75px
}

.padding-bottom75 {
    padding-bottom: 75px
}

.margin-top70 {
    margin-top: 70px
}

.margin-bottom70 {
    margin-bottom: 70px
}

.padding-top70 {
    padding-top: 70px
}

.padding-bottom70 {
    padding-bottom: 70px
}

.margin-top65 {
    margin-top: 65px
}

.margin-bottom65 {
    margin-bottom: 65px
}

.padding-top65 {
    padding-top: 65px
}

.padding-bottom65 {
    padding-bottom: 65px
}

.margin-top60 {
    margin-top: 60px
}

.margin-bottom60 {
    margin-bottom: 60px
}

.padding-top60 {
    padding-top: 60px
}

.padding-bottom60 {
    padding-bottom: 60px
}

.margin-top55 {
    margin-top: 55px
}

.margin-bottom55 {
    margin-bottom: 55px
}

.padding-top55 {
    padding-top: 55px
}

.padding-bottom55 {
    padding-bottom: 55px
}

.margin-top50 {
    margin-top: 50px
}

.margin-bottom50 {
    margin-bottom: 50px
}

.padding-top50 {
    padding-top: 50px
}

.padding-bottom50 {
    padding-bottom: 50px
}

.margin-top45 {
    margin-top: 45px
}

.margin-bottom45 {
    margin-bottom: 45px
}

.padding-top45 {
    padding-top: 45px
}

.padding-bottom45 {
    padding-bottom: 45px
}

.margin-top40 {
    margin-top: 40px
}

.margin-bottom40 {
    margin-bottom: 40px
}

.padding-top40 {
    padding-top: 40px
}

.padding-bottom40 {
    padding-bottom: 40px
}

.margin-top35 {
    margin-top: 35px
}

.margin-bottom35 {
    margin-bottom: 35px
}

.padding-top35 {
    padding-top: 35px
}

.padding-bottom35 {
    padding-bottom: 35px
}

.margin-top30 {
    margin-top: 30px
}

.margin-bottom30 {
    margin-bottom: 30px
}

.padding-top30 {
    padding-top: 30px
}

.padding-bottom30 {
    padding-bottom: 30px
}

.margin-top25 {
    margin-top: 25px
}

.margin-bottom25 {
    margin-bottom: 25px
}

.padding-top25 {
    padding-top: 25px
}

.padding-bottom25 {
    padding-bottom: 25px
}

.margin-top20 {
    margin-top: 20px
}

.margin-bottom20 {
    margin-bottom: 20px
}

.padding-top20 {
    padding-top: 20px
}

.padding-bottom20 {
    padding-bottom: 20px
}

.margin-top15 {
    margin-top: 15px
}

.margin-bottom15 {
    margin-bottom: 15px
}

.padding-top15 {
    padding-top: 15px
}

.padding-bottom15 {
    padding-bottom: 15px
}

.margin-top10 {
    margin-top: 10px
}

.margin-bottom10 {
    margin-bottom: 10px
}

.padding-top10 {
    padding-top: 10px
}

.padding-bottom10 {
    padding-bottom: 10px
}

.margin-top5 {
    margin-top: 5px
}

.margin-bottom5 {
    margin-bottom: 5px
}

.padding-top5 {
    padding-top: 5px
}

.padding-bottom5 {
    padding-bottom: 5px
}

.margin-top0 {
    margin-top: 0px
}

.margin-bottom0 {
    margin-bottom: 0px
}

.padding-top0 {
    padding-top: 0px
}

.padding-bottom0 {
    padding-bottom: 0px
}

.grid_1 {
    width: 60px
}

.grid_2 {
    width: 140px
}

.grid_3 {
    width: 220px
}

.grid_4 {
    width: 300px
}

.grid_5 {
    width: 380px
}

.grid_6 {
    width: 460px
}

.grid_7 {
    width: 540px
}

.grid_8 {
    width: 620px
}

.grid_9 {
    width: 700px
}

.grid_10 {
    width: 780px
}

.grid_11 {
    width: 860px
}

.grid_12 {
    width: 940px
}

@media (max-width:1024px) {
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        width: 100%
    }
    
}


.prefix_1 {
    padding-left: 80px
}

.prefix_2 {
    padding-left: 160px
}

.prefix_3 {
    padding-left: 240px
}

.prefix_4 {
    padding-left: 320px
}

.prefix_5 {
    padding-left: 400px
}

.prefix_6 {
    padding-left: 480px
}

.prefix_7 {
    padding-left: 560px
}

.prefix_8 {
    padding-left: 640px
}

.prefix_9 {
    padding-left: 720px
}

.prefix_10 {
    padding-left: 800px
}

.prefix_11 {
    padding-left: 880px
}

.suffix_1 {
    padding-right: 80px
}

.suffix_2 {
    padding-right: 160px
}

.suffix_3 {
    padding-right: 240px
}

.suffix_4 {
    padding-right: 320px
}

.suffix_5 {
    padding-right: 400px
}

.suffix_6 {
    padding-right: 480px
}

.suffix_7 {
    padding-right: 560px
}

.suffix_8 {
    padding-right: 640px
}

.suffix_9 {
    padding-right: 720px
}

.suffix_10 {
    padding-right: 800px
}

.suffix_11 {
    padding-right: 880px
}

.push_1 {
    left: 80px
}

.push_2 {
    left: 160px
}

.push_3 {
    left: 240px
}

.push_4 {
    left: 320px
}

.push_5 {
    left: 400px
}

.push_6 {
    left: 480px
}

.push_7 {
    left: 560px
}

.push_8 {
    left: 640px
}

.push_9 {
    left: 720px
}

.push_10 {
    left: 800px
}

.push_11 {
    left: 880px
}

.pull_1 {
    left: -80px
}

.pull_2 {
    left: -160px
}

.pull_3 {
    left: -240px
}

.pull_4 {
    left: -320px
}

.pull_5 {
    left: -400px
}

.pull_6 {
    left: -480px
}

.pull_7 {
    left: -560px
}

.pull_8 {
    left: -640px
}

.pull_9 {
    left: -720px
}

.pull_10 {
    left: -800px
}

.pull_11 {
    left: -880px
}

#facebook-overview {
    min-width: 804px;
    max-width: 804px
}

.facebook-frame {
    max-width: 804px;
    overflow: hidden;
    margin-bottom: 20px
}

#facebook-overview .container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 804px
}

#facebook-overview .grid_1,
#facebook-overview .grid_2,
#facebook-overview .grid_3,
#facebook-overview .grid_4,
#facebook-overview .grid_5,
#facebook-overview .grid_6,
#facebook-overview .grid_7,
#facebook-overview .grid_8,
#facebook-overview .grid_9,
#facebook-overview .grid_10,
#facebook-overview .grid_11,
#facebook-overview .grid_12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 8px;
    margin-right: 8px
}

#facebook-overview .push_1,
#facebook-overview .pull_1,
#facebook-overview .push_2,
#facebook-overview .pull_2,
#facebook-overview .push_3,
#facebook-overview .pull_3,
#facebook-overview .push_4,
#facebook-overview .pull_4,
#facebook-overview .push_5,
#facebook-overview .pull_5,
#facebook-overview .push_6,
#facebook-overview .pull_6,
#facebook-overview .push_7,
#facebook-overview .pull_7,
#facebook-overview .push_8,
#facebook-overview .pull_8,
#facebook-overview .push_9,
#facebook-overview .pull_9,
#facebook-overview .push_10,
#facebook-overview .pull_10,
#facebook-overview .push_11,
#facebook-overview .pull_11,
#facebook-overview .push_12,
#facebook-overview .pull_12 {
    position: relative
}

#facebook-overview .grid_1 {
    width: 51px
}

#facebook-overview .grid_2 {
    width: 118px
}

#facebook-overview .grid_3 {
    width: 185px
}

#facebook-overview .grid_4 {
    width: 252px
}

#facebook-overview .grid_5 {
    width: 319px
}

#facebook-overview .grid_6 {
    width: 386px
}

#facebook-overview .grid_7 {
    width: 453px
}

#facebook-overview .grid_8 {
    width: 520px
}

#facebook-overview .grid_9 {
    width: 587px
}

#facebook-overview .grid_10 {
    width: 654px
}

#facebook-overview .grid_11 {
    width: 721px
}

#facebook-overview .grid_12 {
    width: 788px
}

#facebook-overview .prefix_1 {
    padding-left: 51px
}

#facebook-overview .prefix_2 {
    padding-left: 134px
}

#facebook-overview .prefix_3 {
    padding-left: 201px
}

#facebook-overview .prefix_4 {
    padding-left: 268px
}

#facebook-overview .prefix_5 {
    padding-left: 335px
}

#facebook-overview .prefix_6 {
    padding-left: 402px
}

#facebook-overview .prefix_7 {
    padding-left: 469px
}

#facebook-overview .prefix_8 {
    padding-left: 536px
}

#facebook-overview .prefix_9 {
    padding-left: 603px
}

#facebook-overview .prefix_10 {
    padding-left: 670px
}

#facebook-overview .prefix_11 {
    padding-left: 737px
}

#facebook-overview .suffix_1 {
    padding-right: 67px
}

#facebook-overview .suffix_2 {
    padding-right: 134px
}

#facebook-overview .suffix_3 {
    padding-right: 201px
}

#facebook-overview .suffix_4 {
    padding-right: 268px
}

#facebook-overview .suffix_5 {
    padding-right: 335px
}

#facebook-overview .suffix_6 {
    padding-right: 402px
}

#facebook-overview .suffix_7 {
    padding-right: 469px
}

#facebook-overview .suffix_8 {
    padding-right: 536px
}

#facebook-overview .suffix_9 {
    padding-right: 603px
}

#facebook-overview .suffix_10 {
    padding-right: 670px
}

#facebook-overview .suffix_11 {
    padding-right: 737px
}

#facebook-overview .push_1 {
    left: 67px
}

#facebook-overview .push_2 {
    left: 134px
}

#facebook-overview .push_3 {
    left: 201px
}

#facebook-overview .push_4 {
    left: 268px
}

#facebook-overview .push_5 {
    left: 335px
}

#facebook-overview .push_6 {
    left: 402px
}

#facebook-overview .push_7 {
    left: 469px
}

#facebook-overview .push_8 {
    left: 536px
}

#facebook-overview .push_9 {
    left: 603px
}

#facebook-overview .push_10 {
    left: 670px
}

#facebook-overview .push_11 {
    left: 737px
}

#facebook-overview .pull_1 {
    left: -67px
}

#facebook-overview .pull_2 {
    left: -134px
}

#facebook-overview .pull_3 {
    left: -201px
}

#facebook-overview .pull_4 {
    left: -268px
}

#facebook-overview .pull_5 {
    left: -335px
}

#facebook-overview .pull_6 {
    left: -402px
}

#facebook-overview .pull_7 {
    left: -469px
}

#facebook-overview .pull_8 {
    left: -536px
}

#facebook-overview .pull_9 {
    left: -603px
}

#facebook-overview .pull_10 {
    left: -670px
}

#facebook-overview .pull_11 {
    left: -737px
}

[class^="grid_"] .tenth,
[class*="grid_"] .tenth {
    box-sizing: border-box;
    width: 10%
}

[class^="grid_"] .eighth,
[class*="grid_"] .eighth {
    box-sizing: border-box;
    width: 12.5%
}

[class^="grid_"] .sixth,
[class*="grid_"] .sixth {
    box-sizing: border-box;
    width: 16.667%
}

[class^="grid_"] .fifth,
[class*="grid_"] .fifth {
    box-sizing: border-box;
    width: 20%
}

[class^="grid_"] .fourth,
[class*="grid_"] .fourth {
    box-sizing: border-box;
    width: 25%
}

[class^="grid_"] .third,
[class*="grid_"] .third {
    box-sizing: border-box;
    width: 33.333333%
}

[class^="grid_"] .three-eighths,
[class*="grid_"] .three-eighths {
    box-sizing: border-box;
    width: 37.5%
}

[class^="grid_"] .two-fifths,
[class*="grid_"] .two-fifths {
    box-sizing: border-box;
    width: 40%
}

[class^="grid_"] .half,
[class*="grid_"] .half {
    box-sizing: border-box;
    width: 50%
}

[class^="grid_"] .three-fifths,
[class*="grid_"] .three-fifths {
    box-sizing: border-box;
    width: 60%
}

[class^="grid_"] .two-thirds,
[class*="grid_"] .two-thirds {
    box-sizing: border-box;
    width: 66.6666667%
}

[class^="grid_"] .three-fourths,
[class*="grid_"] .three-fourths {
    box-sizing: border-box;
    width: 75%
}

[class^="grid_"] .four-fifths,
[class*="grid_"] .four-fifths {
    box-sizing: border-box;
    width: 80%
}

[class^="grid_"] .seven-eighths,
[class*="grid_"] .seven-eighths {
    box-sizing: border-box;
    width: 87.5%
}

[class^="grid_"] .full,
[class*="grid_"] .full {
    box-sizing: border-box;
    width: 100%
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

.clearfix:after,
.container_12:after {
    clear: both
}

.clearfix,
.container_12 {
    zoom: 1
}

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.select2-container .select2-choice {
    display: block;
    height: 29px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    line-height: 29px;
    color: #444;
    text-decoration: none;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html[dir="rtl"] .select2-container .select2-choice {
    padding: 0 8px 0 0
}

.select2-container.select2-drop-above .select2-choice {
    border-radius: 0
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px
}

.select2-container .select2-choice>.select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
    width: auto
}

html[dir="rtl"] .select2-container .select2-choice>.select2-chosen {
    margin-left: 26px;
    margin-right: 0
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
opacity: 1;
    z-index: 9998;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-bottom: 0;
    border-radius: 0
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 28px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%)
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
    background-position: 2px 1px
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}

html[dir="rtl"] .select2-search input {
    padding: 4px 5px 4px 20px;
    background: #fff url('select2.png') no-repeat -37px -22px;
    background: url('select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px
}

.select2-search input.select2-active {
    background: #fff url('../../../eos/img/ajax-loader.gif') no-repeat 100%;
    background: url('../../../eos/img/ajax-loader.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../../../eos/img/ajax-loader.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../../../eos/img/ajax-loader.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../../../eos/img/ajax-loader.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    outline: none
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%)
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
    border-right: none
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.select2-results {
    max-height: 320px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html[dir="rtl"] .select2-results {
    padding: 0 4px 0 0;
    margin: 4px 0 4px 4px
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none
}

.select2-result-sub li.select2-result-unselectable {
    display: none
}

.select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: bold
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-results-dept-1 .select2-result-label {
    padding-left: 20px
}

.select2-results-dept-2 .select2-result-label {
    padding-left: 40px
}

.select2-results-dept-3 .select2-result-label {
    padding-left: 60px
}

.select2-results-dept-4 .select2-result-label {
    padding-left: 80px
}

.select2-results-dept-5 .select2-result-label {
    padding-left: 100px
}

.select2-results-dept-6 .select2-result-label {
    padding-left: 110px
}

.select2-results-dept-7 .select2-result-label {
    padding-left: 120px
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff
}

.select2-results li em {
    background: #feffde;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: transparent
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px
}

.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-selected {
    display: none
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('../../../eos/img/ajax-loader.gif') no-repeat 100%
}

.select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, 0.2)
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;
    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%)
}

html[dir="rtl"] .select2-container-multi .select2-choices {
    padding: 0 0 0 5px
}

.select2-locked {
    padding: 3px 5px 3px 5px !important
}

.select2-container-multi .select2-choices {
    min-height: 26px
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}

html[dir="rtl"] .select2-container-multi .select2-choices li {
    float: right
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('../../../eos/img/ajax-loader.gif') no-repeat 100% !important
}

.select2-default {
    color: #999 !important
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 4px 0 4px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%)
}

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 18px 3px 5px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat
}

html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px
}

.select2-container-multi .select2-search-choice-close {
    left: 3px
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 2px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: none
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline
}

.select2-offscreen,
.select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important
}

.select2-display-none {
    display: none
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll
}

.select2-results .select2-disabled,
.select2-results__option[aria-disabled=true] {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:2dppx) {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important
    }
    .select2-search input {
        background-position: 100% -21px !important
    }
}

.alpha,
.first,
[class^="grid_"] .first,
#facebook-overview .first {
    margin-left: 0 !important
}

.omega,
.last,
[class^="grid_"] .last,
#facebook-overview .last {
    margin-right: 0
}

.pull-right,
#facebook-overview .pull-right {
    float: right
}

.pull-left,
#facebook-overview .pull-left {
    float: left
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.input-number {
    position: relative;
    box-sizing: border-box;
    padding-right: 30px
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield;
    margin-top: 0
}

.input-number .number-control-up {
    width: 30px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    line-height: 25px
}

.input-number .number-control-down {
    width: 30px;
    height: 24px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    line-height: 25px
}

.ui-datepicker {
    display: none;
    padding: 4px;
    background: #f1f1f1;
    border-color: #d9d9d9 #ccc #ccc;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}

.ui-datepicker .ui-datepicker-prev {
    width: 40px;
    float: left;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-prev span {
    text-indent: 9999px
}

.ui-datepicker .ui-datepicker-next {
    width: 40px;
    float: right;
    text-align: right;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-next span {
    text-indent: 9999px
}

.ui-datepicker .ui-datepicker-title {
    text-align: center
}

.ui-datepicker .ui-datepicker-title>* {
    display: inline-block
}

.ui-datepicker .ui-datepicker-calendar th {
    width: 25px;
    height: 25px;
    text-align: center
}

.ui-datepicker .ui-datepicker-calendar td {
    width: 25px;
    height: 25px;
    text-align: center;
    border: 1px solid #D6D6D6;
    background: #ffffff
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable {
    background: #f1f1f1
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
    background: #dedede
}

.ui-datepicker .ui-datepicker-calendar td a {
    border: 0 !important;
    background: none !important
}

.ui-state-high a {
    background: none !important;
    color: #FFFFFF !important;
    border: 0 none !important
}

.ui-state-mid a {
    background: none !important;
    color: #FFFFFF !important;
    border: 0 none !important
}

.ui-state-low a {
    background: none !important;
    color: #FFFFFF !important;
    border: 0 none !important
}

.ui-state-high {
    background: #cc0000 !important
}

.ui-state-mid {
    background: #3399cc !important
}

.ui-state-low {
    background: #95b820 !important
}

td.ui-state-default {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #ededed 49%, #e6e6e6 50%, #e6e6e6 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(49%, #ededed), color-stop(50%, #e6e6e6), color-stop(100%, #e6e6e6)) !important;
    background: -webkit-linear-gradient(top, #ededed 0%, #ededed 49%, #e6e6e6 50%, #e6e6e6 100%) !important;
    background: -o-linear-gradient(top, #ededed 0%, #ededed 49%, #e6e6e6 50%, #e6e6e6 100%) !important;
    background: -ms-linear-gradient(top, #ededed 0%, #ededed 49%, #e6e6e6 50%, #e6e6e6 100%) !important;
    background: linear-gradient(to bottom, #ededed 0%, #ededed 49%, #e6e6e6 50%, #e6e6e6 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e6e6e6', GradientType=0) !important
}

td a.ui-state-default,
.ui-widget-content td a.ui-state-default,
.ui-widget-header td a.ui-state-default {
    width: auto !important;
    padding: 0 !important
}

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
    height: 13px
}

div.pp_default .pp_top .pp_left {
    background: url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat
}

div.pp_default .pp_top .pp_middle {
    background: url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x
}

div.pp_default .pp_top .pp_right {
    background: url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat
}

div.pp_default .pp_content .ppt {
    color: #f8f8f8
}

div.pp_default .pp_content_container .pp_left {
    background: url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
    background: url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px
}

div.pp_default .pp_next:hover {
    background: url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer
}

div.pp_default .pp_previous:hover {
    background: url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer
}

div.pp_default .pp_expand {
    background: url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_expand:hover {
    background: url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    cursor: pointer
}

div.pp_default .pp_contract {
    background: url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

div.pp_default .pp_contract:hover {
    background: url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    cursor: pointer
}

div.pp_default .pp_gallery ul li a {
    background: url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa
}

div.pp_default .pp_social {
    margin-top: 7px
}

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto
}

div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px
}

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    background: url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    width: 20px;
    margin: 4px 0 0
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative
}

div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-style: italic;
    color: #999;
    font-size: 11px;
    left: 75px;
    line-height: 25px;
    position: absolute;
    top: 2px;
    margin: 0;
    padding: 0 0 0 10px
}

div.pp_default .pp_nav .pp_play:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover {
    opacity: 0.7
}

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 5px 50px 5px 0
}

div.pp_default .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}

div.pp_default .pp_bottom .pp_middle {
    background: url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}

div.pp_default .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}

div.pp_default .pp_loaderIcon {
    background: url(../img/prettyPhoto/default/loader.gif) center center no-repeat
}

div.light_rounded .pp_top .pp_left {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_right {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_next:hover {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_previous:hover {
    background: url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand:hover {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract:hover {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_nav .pp_play {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_arrow_previous {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_arrow_next {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_top .pp_left {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_right {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
}

div.dark_rounded .pp_next:hover {
    background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_previous:hover {
    background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand:hover {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract:hover {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_description {
    margin-right: 85px;
    color: #fff
}

div.dark_rounded .pp_nav .pp_play {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_arrow_previous {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_arrow_next {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
    background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
    background: #000
}

div.dark_square .pp_description {
    color: #fff;
    margin: 0 85px 0 0
}

div.dark_square .pp_loaderIcon {
    background: url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat
}

div.dark_square .pp_expand {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_expand:hover {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract {
    background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract:hover {
    background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_nav {
    clear: none
}

div.dark_square .pp_nav .pp_play {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_arrow_previous {
    background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_arrow_next {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_next:hover {
    background: url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_square .pp_previous:hover {
    background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_expand {
    background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_expand:hover {
    background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract {
    background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract:hover {
    background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_nav .pp_play {
    background: url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_arrow_previous {
    background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_arrow_next {
    background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_next:hover {
    background: url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_previous:hover {
    background: url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_top .pp_left {
    background: url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
}

div.facebook .pp_top .pp_middle {
    background: url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
}

div.facebook .pp_top .pp_right {
    background: url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
}

div.facebook .pp_content_container .pp_left {
    background: url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
}

div.facebook .pp_content_container .pp_right {
    background: url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
}

div.facebook .pp_expand {
    background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_expand:hover {
    background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract {
    background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract:hover {
    background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_description {
    margin: 0 37px 0 0
}

div.facebook .pp_loaderIcon {
    background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat
}

div.facebook .pp_arrow_previous {
    background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default
}

div.facebook .pp_arrow_next {
    background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default
}

div.facebook .pp_nav {
    margin-top: 0
}

div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px
}

div.facebook .pp_nav .pp_play {
    background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_next:hover {
    background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.facebook .pp_previous:hover {
    background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
}

div.facebook .pp_bottom .pp_middle {
    background: url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
}

div.facebook .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: rgba(30, 30, 30, 0.5);
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500
}

.overlayed {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px)
}

div.pp_pic_holder {
    display: block;
    opacity: 0;
opacity: 1;
    position: absolute;
    width: 100px;
    z-index: 10000
}

.pp_content {
    height: 40px;
    min-width: 40px;
    overflow: auto
}

* html .pp_content {
    width: 40px
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}

.pp_content_container .pp_left {
    padding-left: 20px
}

.pp_content_container .pp_right {
    padding-right: 20px
}

.pp_content_container .pp_details {
    float: left;
    padding: 0 0px;
    background: #ffffff;
    border-top: 1px solid #d6d6d6
}

.pp_description {
    display: none;
    margin: 0
}

.pp_social {
    float: left;
    margin: 0
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden
}

.pp_social .twitter {
    float: left
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

.pp_nav p {
    float: left;
    white-space: nowrap;
    margin: 2px 4px
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px
}

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative
}

.pp_gallery ul {
    float: left;
    height: 35px;
    position: relative;
    white-space: nowrap;
    margin: 0 0 0 5px;
    padding: 0
}

.pp_gallery ul a {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden
}

.pp_gallery ul a img {
    border: 0
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0
}

.pp_gallery li.default a {
    background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important
}

a.pp_next {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_previous {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px
}

#pp_full_res {
    line-height: 1 !important
}

#pp_full_res .pp_inline {
    text-align: left
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px
}

div.pp_default .pp_content,
div.light_rounded .pp_content {
    background-color: #fff
}

div.pp_default #pp_full_res .pp_inline,
div.light_rounded .pp_content .ppt,
div.light_rounded #pp_full_res .pp_inline,
div.light_square .pp_content .ppt,
div.light_square #pp_full_res .pp_inline,
div.facebook .pp_content .ppt,
div.facebook #pp_full_res .pp_inline {
    color: #000
}

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a,
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
    border-color: #fff
}

div.pp_default .pp_details,
div.light_rounded .pp_details,
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.light_square .pp_details,
div.facebook .pp_details {
    position: relative
}

div.light_rounded .pp_top .pp_middle,
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right,
div.light_rounded .pp_bottom .pp_middle,
div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content,
div.facebook .pp_content {
    background: #fff
}

div.light_rounded .pp_description,
div.light_square .pp_description {
    margin-right: 85px
}

div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next,
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next,
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next,
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_rounded .pp_arrow_previous.disabled,
div.dark_rounded .pp_arrow_previous.disabled,
div.dark_square .pp_arrow_previous.disabled,
div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_arrow_next.disabled,
div.dark_rounded .pp_arrow_next.disabled,
div.dark_square .pp_arrow_next.disabled,
div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_loaderIcon,
div.light_square .pp_loaderIcon {
    background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_middle,
div.dark_rounded .pp_content,
div.dark_rounded .pp_bottom .pp_middle {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .currentTextHolder,
div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded #pp_full_res .pp_inline,
div.dark_square #pp_full_res .pp_inline {
    color: #fff
}

.pp_top,
.pp_bottom {
    height: 20px;
    position: relative
}

* html .pp_top,
* html .pp_bottom {
    padding: 0 20px
}

.pp_top .pp_left,
.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_top .pp_middle,
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
    left: 0;
    position: static
}

.pp_top .pp_right,
.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_fade,
.pp_gallery li.default a img {
    display: none
}

.whatsapp-link {
    margin-top: 6px;
    margin-left: -5px
}

.whatsapp-link .sharing-icon {
    height: 22px;
    display: inline-block;
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    text-align: center;
    margin-top: -3px
}

.whatsapp-link .sharing-icon-whatsapp:before {
    color: #000000
}

.request-information-page .main-content {
    min-height: 400px
}

.request-information-page #request-information-breadcrumbs-navigation {
    margin-top: 50px
}

.request-information-page #request-information-sub-heading {
    display: none
}

.request-information-page #id_email_address {
    width: 840px;
    background: #F2F2F2;
    height: 38px;
    border: none;
    padding: 10px;
    box-sizing: border-box
}

.request-information-page button {
    height: 38px;
    margin-left: 20px
}

#consent-permissions {
    border-bottom: 1px solid #CCCCCC
}

#consent-permissions input {
    margin: 0 5px;
    width: 17px;
    height: 17px
}

#consent-permissions .consent-message {
    margin-right: 100px !important;
    display: block
}

#consent-permissions .consent-information label {
    float: left;
    margin-left: 37px;
    margin-top: -19px
}

#consent-permissions .consent-emails {
    margin-top: -16px;
    display: block
}

#consent-permissions #consent-permissions-form table {
    border: none
}

#consent-permissions #consent-permissions-form td {
    min-width: 250px;
    border: none;
    margin: 0;
    padding: 5px 0;
    white-space: unset;
    float: left
}

#consent-permissions-form input {
    cursor: pointer
}

#select-consent {
    cursor: pointer
}

#partners-container {
    width: 940px;
    margin: 0 auto
}

#partners-container .banner {
    width: 100%;
    margin-bottom: 20px;
    display: block
}

#partners-container .banner:last-of-type {
    margin-bottom: 100px
}

#partners-container .banner img {
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%
}

@font-face {
    font-family: 'icomoon';
    src: url('../../font-icons/fonts/homeicon.eot');
    src: url('../../font-icons/fonts/homeicon-1.eot') format('embedded-opentype'), url('../../font-icons/fonts/homeicon.woff') format('woff'), url('../../font-icons/fonts/homeicon.ttf') format('truetype'), url('../../font-icons/fonts/homeicon.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

body {
    background: #FFFFFF;
    font-size: 0.8rem
}

.container {
    max-width: 1100px;
    margin: auto;
}

.heading-margin {
    padding-left: 25px
}

.email .heading-margin {
    margin: 0 0 10px !important;
    padding-left: 0px
}

.clear {
    display: block;
    clear: both;
    width: 100%
}

.header {
    width: 100%
}

.header-content {
    position: relative;
    z-index: 1200
}

.menu-bg>ul>li>ul {
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    z-index: 999;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden
}

.width64 {
    width: 74px
}

.width130 {
    width: 130px
}

.width146 {
    width: 240px
}

.width180 {
    width: 200px
}

.width200 {
    width: 200px
}

.width210 {
    width: 210px
}

.width210 {
    width: 210px
}

.width213 {
    width: 270px
}

.width377 {
    width: 377px
}

.width419 {
    width: 419px
}

.width460 {
    width: 460px
}

#appointmet-send {
    border: none
}

.adv_search_container {
    width: 100%
}

.adv_search_box1 {
    margin: 0 auto;
    display: block
}

.adv_search_box2 {
    margin: 0 auto
}

.adv_search_content {
    margin-top: 20px;
    margin-bottom: 16px
}

.adv_search_buy_rent {
    /* width: 90px; */
    /* float: left; */
    /* margin-right: 10px */
}

.adv_search_buy_rent .select2-container {
    /* width: 90px */
}

.adv_search_listing_type {
    /* float: left; */
    /* margin-right: 10px; */
    /* width: 330px */
}

.adv_search_listing_type .select2-container {
    /* width: 330px */
}

.adv_search_area {
    /* width: 500px; */
    /* float: left */
}

.adv_search_area .select2-container {
    /* width: 500px; */
    min-height: 31px !important;
    color: #333333
}

#facebook-overview .adv_search_area {
    width: 348px
}

#facebook-overview .adv_search_area .select2-container {
    width: 348px
}

#facebook-overview .listing-details {
    float: left;
    width: 368px
}

.select2-container span,
.select2-container input {
    font-size: 100%
}

.select2-drop .select2-results {
    padding: 0;
    margin: 0
}

.select2-container .select2-choice,
.select2-container-multi .select2-choices {
    background: #ffffff;
    min-height: 32px !important;
    width: auto;
    box-sizing: border-box
}

.select2-container-multi .select2-choices {
    padding: 0
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #aaaaaa;
    box-shadow: none;
    outline: medium none
}

.select2-drop {
    border-width: 0 1px 1px !important;
    box-shadow: none;
    color: #000000
}

.select2-drop.select2-drop-above {
    border-width: 1px 1px 0px !important
}

.select2-container-multi .select2-choices .select2-search-choice {
    -moz-user-select: none;
    background-clip: padding-box;
    background-color: #f0f0f0;
    background-image: linear-gradient(to top, #f0f0f0 20%, #f0f0f0 50%, #f0f0f0 52%, #f0f0f0 100%);
    border: 1px solid #f0f0f0;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    cursor: default;
    line-height: 20px;
    height: 21px;
    padding: 0 5px 0 18px;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle
}

.select2-container .select2-choice .select2-arrow {
    border-left: none;
    width: 30px;
    line-height: 30px
}

.select2-container .select2-choice .select2-arrow b:before {
    position: relative;
    content: "\f107";
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    top: -1px
}

.select2-search-choice-close {
    background: none
}

.id_neighbouring_suburbs {
    margin-top: 20px
}

#id_extra_suburbs {
    margin: 0;
    padding: 0
}

fieldset p {
    margin-bottom: 8px
}

fieldset p>input[type="checkbox"] {
    display: none
}

fieldset p>input[type="checkbox"]:checked+label:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    font-size: 14px;
    top: 1px;
    left: 2px;
    position: absolute;
    line-height: 1 !important
}

fieldset p>input[type="checkbox"]+label {
    position: relative
}

fieldset p>input[type="checkbox"]+label:hover {
    cursor: pointer
}

fieldset p>input[type="checkbox"]+label:before {
    content: " ";
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    left: 0;
    top: 3px;
    margin-right: 4px
}

.select2-search input {
    background: #fff 100% -22px;
    background: 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0
}

.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #f0f0f0 !important
}

.select2-search-choice-close:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    content: "\f00d";
    margin-left: 0;
    font-size: 12px;
    margin-top: -10px;
    z-index: 0;
    top: 1px
}

.adv_search_types input:not(.select2-input) {
    box-sizing: border-box;
    width: 100%;
    min-height: 32px
}

.adv_search_types .select {
    box-sizing: border-box;
    width: 100%;
    min-height: 32px
}

#adv_search_more_less_container a:before {
    margin-right: 4px;
    margin-left: 10px
}

.webref_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    content: "\f002";
    margin-right: 6px;
    top: 2px;
    font-size: 14px;
    z-index: 0
}

.more_search_options_link:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    content: "\f107";
    font-size: 17px;
    z-index: 0;
    top: 2px
}

.less_search_options_link:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    content: "\f106";
    font-size: 17px;
    z-index: 0;
    top: 2px
}

.web_ref_search_link a:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 4px;
    position: relative;
    content: "\f0e2";
    margin-top: -1px;
    font-size: 13px;
    z-index: 0
}

.adv_search_webref_back_link a:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 4px;
    position: relative;
    content: "\f0e2";
    margin-top: -1px;
    font-size: 13px;
    z-index: 0
}

.webref_button-icon {
    display: inline-block;
    position: relative
}

.adv_search_bottom {
    margin-top: 8px
}

#id_web_ref_search_form {
    height: 72px
}

#id_web_ref_search_form input:not(.select2-input) {
    box-sizing: border-box;
    min-height: 32px
}

.adv_search_call {
    float: right
}

.id_reference_number {
    color: #333333;
    width: 463px;
    height: 18px;
    padding: 5px;
    font-size: 0.8rem
}

.adv_search_webref_input {
    margin-right: 7px
}

.adv_search_search_button {
    float: right
}

.webref_button {
    border: none;
    /* height: 32px; */
    margin: 0;
    position: relative
}

.webref_button.disabled {
    color: #ffffff;
    border: none;
    background: #C0C0C0
}

.adv_search_webref_button {
    float: left;
    margin: 0
}

.adv_search_webref_back_link {
    float: left;
    width: 940px;
    margin-top: 8px;
    height: 30px;
    line-height: 30px
}

.web_ref_search_link {
    float: left;
    height: 30px;
    line-height: 30px
}

#id_property_count {
    margin-right: 8px;
    line-height: 30px;
    height: 30px;
    font-weight: 600
}

.property_count {
    float: right;
    font-size: 0.8rem
}

#sticky-filters .property_count {
    font-size: 1rem;
    margin-top: 7px
}

.article-headings {
    line-height: 1
}

.adv_search_suburbs {
    margin-top: 8px
}

.neigh-suburb {
    list-style-type: none
}

.adv_search_more_less_container {
    float: right;
    margin-right: 8px;
    line-height: 30px;
    height: 28px
}

.adv_search_property_types {
    margin-top: 20px;
    margin-bottom: 20px
}

.form_end {
    float: right;
    width: 500px
}

.id_as_price_from,
.id_as_price_to,
.id_as_price_from_278,
.id_as_price_to_278,
.id_as_size_from,
.id_as_size_to {
    color: #333333;
    padding: 5px;
    font-size: 0.8rem
}

.breadcrumbs {
    font-size: 85%
}

.breadcrumbs .breadcrumbs-dark {
    color: #333333
}

.breadcrumbs .breadcrumbs-light {
    color: #666666
}

.breadcrumbs a.other:after {
    content: " /";
    color: #333333
}

.breadcrumbs a.other:last-child:after {
    content: ""
}

a.other {
    color: #666666;
    text-decoration: none
}

a.other:hover {
    color: #333333
}

.button {
    border: 0;
    /* height: 32px; */
    /* min-height: 32px; */
    line-height: 1.1;
    padding: 0 12px;
    display: inline-block
}

.sticky-header {
    max-height: 0;
    overflow: hidden;
    position: fixed;
    z-index: 999;
    width: 100%
}

.sticky-header.stick {
    max-height: 90px;
    height: 90px;
    line-height: 90px;
    position: fixed;
    top: 0;
    z-index: 999;
    -webkit-transition: max-height 0.3s ease-in 0s;
    -moz-transition: max-height 0.3s ease-in 0s;
    -o-transition: max-height 0.3s ease-in 0s;
    transition: max-height 0.3s ease-in 0s
}

.sticky-header .sticky-logo {
    height: 90px;
    position: relative;
    display: inline-block;
    text-align: center
}

.sticky-header .sticky-logo img {
    position: relative;
    max-width: 100%;
    display: inline-block;
    vertical-align: bottom;
    height: auto
}

.sticky-header .input,
.sticky-header .select {
    width: 147px;
    height: 32px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%
}

#sticky-filters-form {
    font-size: 0
}

#sticky-filters-form button {
    font-size: 0.8rem
}

#sticky-filters-form>div:not(.two-thirds) {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin-top: 0
}

#sticky-filters-form>div>div {
    padding-left: 10px;
    line-height: 1;
    font-size: 0.8rem;
    display: inline-block;
    float: none;
    vertical-align: middle
}

.maxi-select {
    width: 100%
}

.maxi-select .select2-input {
    float: left;
    width: 100% !important
}

.maxi-select .select2-search-choice {
    position: absolute;
    display: none
}

.maxi-dropdown .select2-results .select2-selected {
    display: block
}

.maxi-dropdown .select2-results .select2-selected:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    font-size: 14px;
    top: 12px;
    left: 6px;
    position: absolute
}

.maxi-dropdown .select2-no-results {
    display: none
}

.maxi-dropdown .select2-results .select2-result-selectable {
    display: block;
    white-space: nowrap;
    position: relative
}

.maxi-dropdown .select2-results .select2-result-selectable .select2-result-label {
    display: inline-block
}

.maxi-dropdown .select2-results .select2-result-selectable:before {
    background: #ffffff;
    content: " ";
    width: 18px;
    height: 18px;
    border: 1px solid #d6d6d6;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    left: 0;
    top: 3px;
    margin-left: 4px
}

.sticky-header .input {
    position: relative;
    padding: 4px 8px;
    border-radius: 0
}

.sticky-header .filter-submit {
    position: relative;
    height: 32px;
    margin-top: 7px;
    display: inline-block;
    vertical-align: middle
}

.sticky-header .filter-submit .icon-sticky-filter {
    float: left;
    vertical-align: middle;
    font-size: 20px;
    line-height: 34px;
    margin-right: 8px
}

.sticky-header .filter-submit.disabled {
    color: #ffffff;
    border: none;
    height: 30px;
    background: #C0C0C0;
    position: relative
}

.action-button {
    height: 50px;
    position: relative;
    z-index: 901
}

.action-button>a {
    color: inherit;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 44px
}

.action-button>a * {
    line-height: 1
}

.action-button a i+span {
    display: inline-block;
    vertical-align: middle;
    width: 75px
}

#results-map a {
    padding: 0 10px
}

#results-map a i+span {
    width: 76px
}

#results-map .icon-map-pin {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    line-height: 1;
    margin-right: 10px
}

#results-map .icon-map-pin:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f041";
    position: relative;
    top: 2px
}

.header-bordered {
    box-sizing: border-box;
    padding: 9px 0 8px;
    height: 50px;
    line-height: 31px
}

.header-bottom-bordered {
    box-sizing: border-box;
    padding: 9px 0 8px;
    height: 50px;
    line-height: 31px
}

.header-bordered .paging-current {
    font-size: 0.8rem
}

.header-bordered .paging-total {
    font-size: 0.8rem
}

#results-filter {
    font-size: 0.8rem
}

.breadcrumbs {
    padding-top: 30px
}

#results-alerts>a {
    padding: 0 9px
}

#results-alerts .icon-alerts {
    display: inline-block;
    vertical-align: middle;
    font-size: 34px;
    line-height: 1;
    margin-right: 10px
}

#results-alerts .icon-alerts:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e0";
    position: relative;
    top: 1px
}

#results-alerts .show-alerts {
    position: relative;
    z-index: 5
}

#results-alerts .show-alerts.open {
    border-right: 0;
    border-bottom: 0
}

#results-filter .vSelectField {
    width: 260px
}

.results-alerts-mini {
    z-index: 0;
    box-sizing: border-box;
    position: relative;
    padding: 10px;
    padding-top: 60px;
    height: auto;
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

.results-alerts-mini .results-alerts-mini-content {
    box-sizing: border-box;
    width: 280px;
    padding: 0 10px;
    line-height: 1em
}

.results-alerts-mini .results-alerts-mini-content button {
    position: relative;
    height: 31px
}

.results-alerts-mini .mini-form-input {
    width: 190px;
    height: 32px;
    box-sizing: border-box;
    padding: 4px 8px;
    border: none;
    margin-right: 0
}

#results-favourites a {
    padding: 0 9px
}

#results-favourites .icon-favourites {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 2.83em;
    line-height: 0;
    margin-right: 7px;
    width: 38px;
    z-index: 0;
    box-sizing: border-box
}

#results-favourites .icon-favourites .count {
    position: relative;
    padding-bottom: 3px;
    font-size: 0.7rem;
    vertical-align: top;
    box-sizing: border-box;
    font-style: normal
}

#results-favourites .icon-favourites:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f004";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1
}

#results-map-details {
    box-sizing: border-box;
    background: #ffffff;
    width: 300px;
    height: 470px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: visible;
    z-index: 3;
    max-width: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden
}

#results-map-details.open {
    max-width: 300px;
    -webkit-box-shadow: -8px 0 8px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -8px 0 8px 1px rgba(0, 0, 0, 0.4);
    box-shadow: -8px 0 8px 1px rgba(0, 0, 0, 0.4);
    overflow: visible
}

#results-map-details .map-details-close {
    position: absolute;
    z-index: 10;
    width: 25px;
    height: 25px;
    top: 0;
    box-sizing: border-box;
    right: 0;
    text-align: center
}

#results-map-details .map-details-close:before {
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "";
    color: #D6D6D6;
    font-size: 21px;
    line-height: 0;
    position: relative;
    vertical-align: middle
}

#results-map-details .property-list-link {
    color: inherit
}

#results-map-details .property-list-image-thumb {
    width: 300px;
    height: 225px;
    position: relative;
    overflow: hidden;
    float: none
}

#results-map-details .property-list-image-thumb img {
    width: 320px;
    height: 240px
}

#results-map-details .property-list-details {
    float: none;
    padding: 15px;
    height: 245px;
    width: 300px
}

#results-map-details .property-list-details .property-list-land-size {
    white-space: nowrap;
    display: inline-block
}

#results-map-details .property-list-details .property-list-land-size .label {
    font-weight: 600
}

#results-map-details .property-list-details .property-list-meta {
    font-size: 0
}

#results-map-details .property-list-details .property-list-meta * {
    float: none;
    font-size: 0.8rem;
    text-align: left
}

#results-map-details .property-list-webref {
    position: absolute;
    bottom: 15px;
    left: 15px
}

.property-list-description .results-content {
    line-height: 1.1rem
}

#results-map-details:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 230px;
    left: -15px;
    border-top: 15px solid rgba(255, 255, 255, 0.01);
    border-bottom: 15px solid rgba(255, 255, 255, 0.01)
}

#results-map-content {
    height: 100%;
    min-height: 100%
}

.top-nav-counter {
    text-align: center
}

.top-nav-counter-list {
    list-style-type: none;
    margin: 3px 0;
    padding: 0;
    text-align: center;
    height: 25px
}

.top-nav-counter-list li {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 2px;
    vertical-align: top
}

.top-nav-counter-list li span {
    vertical-align: middle
}

.top-nav-counter-list li.now {
    font-weight: 600
}

.results-top-navigation,
.details-top-navigation {
    height: 35px;
    line-height: 31px
}

.results-top-navigation .grid_2,
.details-top-navigation .grid_2 {
    display: block
}

.results-top-navigation a {
    display: inline-block;
    vertical-align: middle;
    font-family: "icomoon"
}

.results-top-navigation a:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.results-top-navigation i {
    display: inline-block;
    vertical-align: middle
}

.results-top-navigation i:before {
    position: relative
}

.results-top-navigation .icon-arrow-left:before,
.details-top-navigation .icon-arrow-left:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f104";
    font-size: 40px;
    vertical-align: middle;
    display: inline-block;
    top: -2px
}

.results-top-navigation .icon-arrow-right:before,
.details-top-navigation .icon-arrow-right:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    font-size: 40px;
    vertical-align: middle;
    display: inline-block;
    top: -2px
}

.results-top-navigation .icon-arrow-left:before,
.results-top-navigation .icon-arrow-right:before {
    margin-top: -10px
}

.details-top-navigation .icon-arrow-left:before,
.details-top-navigation .icon-arrow-right:before {
    margin-top: -8px
}

.results-top-navigation .top-nav-next,
.details-top-navigation .top-nav-next {
    text-align: right
}

.results-top-navigation a,
.details-top-navigation a {
    color: inherit
}

#sidebar-quick-links {
    position: absolute;
    right: 0
}

#sidebar-quick-links.open {
    margin-top: 315px
}

#sidebar-quick-links.open.captcha {
    margin-top: 400px
}

#sidebar-quick-links.stick,
#sidebar.stick,
#sidebar-contact.stick {
    position: fixed;
    top: 90px;
    z-index: 900
}

#sidebar-quick-links.stick.topZero,
#sidebar.stick.topZero,
#sidebar-contact.stick.topZero {
    top: 0
}

#sidebar-quick-links.no-filters.stick,
#sidebar.no-filters.stick,
#sidebar-contact.no-filters.stick {
    top: 0
}

#sidebar-quick-links.unstick,
#sidebar.unstick,
#sidebar-contact.unstick {
    position: absolute;
    top: auto;
    right: 0 !important;
    bottom: 19px;
    z-index: 900
}

.sidebar-button {
    height: 50px;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1001;
    box-sizing: border-box
}

.sidebar-button.active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 100%;
    left: 0;
    background: #ffffff
}

.sidebar-button a {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.sidebar-button i {
    display: inline-block;
    position: relative;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
    height: 100%;
    z-index: 1;
    font-family: "icomoon";
    vertical-align: middle;
    font-size: 30px;
    line-height: 50px
}

.sidebar-button i:before {
    position: relative;
    left: 0px;
    top: -1px
}

.sidebar-button span {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 50px;
    height: 100%;
    z-index: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.sidebar-button.sidebar-button span {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none
}

.sidebar-button i {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 50px
}

.sidebar-button:hover i,
.sidebar-button.active i {
    opacity: 0
}

#sidebar-pdf .icon-sidebar-pdf:before {
    content: "\e601"
}

#sidebar-print .icon-sidebar-print:before {
    content: "\f02f"
}

#sidebar-scan .icon-sidebar-scan:before {
    content: "\f0e0" !important;
    top: -2px
}

#sidebar-share .icon-sidebar-share:before {
    content: "\f1e0"
}

#sidebar-qr-code,
#sidebar-social-sharing {
    padding: 19px;
    top: -1px;
    position: relative;
    z-index: 1000;
    float: right;
    overflow: hidden
}

.sidebar-qr-code .qr-code-content {
    padding-left: 10px;
    line-height: 1em
}

.operating-systems a {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

.operating-systems a:hover {
    -webkit-transform: translate(0px, -2px);
    -moz-transform: translate(0px, -2px);
    transform: translate(0px, -2px)
}

.operating-systems .icon-android:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f17b";
    position: relative;
    left: 0px
}

.operating-systems .icon-apple:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f179";
    position: relative;
    left: 0px
}

.operating-systems .icon-windows:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f17a";
    position: relative;
    left: 0px
}

.operating-systems .icon-blackberry:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e610";
    position: relative;
    left: 0px
}

.operating-systems .icon-android {
    vertical-align: middle;
    font-size: 18px
}

.operating-systems .icon-apple {
    vertical-align: middle;
    font-size: 18px
}

.operating-systems .icon-windows {
    vertical-align: middle;
    font-size: 18px
}

.operating-systems .icon-blackberry {
    vertical-align: middle;
    font-size: 18px
}

.sidebar-social-sharing .sidebar-sharing {
    float: left;
    height: 50px;
    position: relative;
    width: 60px;
    margin-right: 6px
}

.sidebar-social-sharing .sidebar-sharing:last-child {
    margin-right: 0
}

.sidebar-social-sharing .sidebar-sharing a {
    display: block;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 5px
}

.sidebar-social-sharing .sidebar-sharing span {
    position: absolute;
    bottom: 3px;
    right: 5px;
    color: #ffffff
}

.sidebar-social-sharing #sidebar-social-facebook {
    background: #3b5998
}

.sidebar-social-sharing #sidebar-social-twitter {
    background: #000
}

.sidebar-social-sharing #sidebar-social-linkedin {
    background: #0e76a8
}

.sidebar-social-sharing #sidebar-social-whatsapp {
    background: #25D366
}

.sidebar-social-sharing #sidebar-social-pinterest {
    background: #cb2027
}

.sidebar-social-sharing #sidebar-social-google {
    background: #dd4b39
}

.sidebar-social-sharing .icon-sidebar-facebook {
    position: absolute;
    color: #ffffff;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 10px
}

.sidebar-social-sharing .icon-sidebar-facebook:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f09a";
    position: relative
}

.sidebar-social-sharing .icon-sidebar-twitter {
    position: absolute;
    color: #ffffff;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 10px
}

.sidebar-social-sharing .icon-sidebar-twitter:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0cc";
    position: relative
}

.sidebar-social-sharing .icon-sidebar-pinterest {
    position: absolute;
    color: #ffffff;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 10px
}

.sidebar-social-sharing .icon-sidebar-pinterest:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e60c";
    position: relative
}

.sidebar-social-sharing .icon-sidebar-google {
    position: absolute;
    color: #ffffff;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 10px
}

.sidebar-social-sharing .icon-sidebar-google:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d5";
    position: relative
}

.sidebar-social-sharing .icon-sidebar-linkedin {
    position: absolute;
    color: #ffffff;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 10px
}

.sidebar-social-sharing .icon-sidebar-linkedin:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e1";
    position: relative
}

.sidebar-social-sharing .icon-sidebar-whatsapp {
    position: absolute;
    color: #ffffff;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 10px
}

.sidebar-social-sharing .icon-sidebar-whatsapp:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f279";
    position: relative
}

.sidebar-email-friend {
    padding: 0
}

.sidebar-email-friend fieldset p>input[type="checkbox"]+label:before,
.sidebar-contact fieldset p>input[type="checkbox"]+label:before {
    width: 18px;
    height: 18px;
    top: 3px;
    box-sizing: border-box
}

.sidebar-email-friend fieldset p>input[type="checkbox"]:checked+label:after,
.sidebar-contact fieldset p>input[type="checkbox"]:checked+label:after {
    top: 0px
}

.show-number+.agent-number {
    margin-left: 19px;
    font-size: 0.9rem;
    line-height: 1;
    margin-top: -3px
}

.show-number+h4#agent-number {
    margin-left: 19px
}

.sidebar-contact .icon-sidebar-phone:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f095";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 14px
}

.sidebar-contact .icon-sidebar-phone {
    margin-right: 4px
}

.sidebar-input {
    padding: 4px 8px 3px;
    height: 30px
}

.sidebar-textarea {
    padding: 8px 8px;
    min-height: 60px;
    max-height: 60px;
    resize: none
}

.sidebar-contact p {
    line-height: 1em
}

.date-input {
    width: 120px;
    position: relative;
    float: left;
    margin-right: 15px
}

.date-input.last {
    margin-right: 0
}

.sidebar-date {
    width: 120px;
    padding: 4px 25px 3px 8px;
    height: 30px
}

.icon-sidebar-date {
    position: absolute;
    right: 0;
    width: 25px;
    top: 0;
    text-align: center
}

.icon-sidebar-date:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f133";
    position: relative;
    font-size: 20px;
    top: 10px
}

.calendar {
    position: relative;
    display: inline-block
}

.calendar:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.calendar .icon-sidebar-date {
    position: relative;
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.calendar .icon-sidebar-date:before {
    top: -1px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.calendar span {
    display: inline-block;
    vertical-align: middle
}

.sidebar-contact-form .vSelectField,
#make-an-offer-form .vSelectField,
.form-section .vSelectField {
    width: 120px;
    margin-right: 15px;
    height: 30px
}

.sidebar-contact-form .vSelectField.last,
#make-an-offer-form .vSelectField.last,
.form-section .vSelectField.last {
    margin-right: 0
}

.sidebar-contact-form .vSelectField .select2-choice,
#make-an-offer-form .vSelectField .select2-choice,
.form-section .vSelectField .select2-choice,
.sidebar-contact-form .vSelectField .select2-choices,
#make-an-offer-form .vSelectField .select2-choices,
.form-section .vSelectField .select2-choices {
    border: 0 !important;
    min-height: 30px !important
}

.sidebar-contact-form .vSelectField .select2-chosen,
#make-an-offer-form .vSelectField .select2-chosen,
.form-section .vSelectField .select2-chosen {
    line-height: 30px
}

.sidebar-contact-form .vSelectField .select2-arrow b,
#make-an-offer-form .vSelectField .select2-arrow b,
.form-section .vSelectField .select2-arrow b {
    line-height: 32px
}

.sidebar-contact-form .vSelectField .select2-arrow b:before,
#make-an-offer-form .vSelectField .select2-arrow b:before,
.form-section .vSelectField .select2-arrow b:before {
    content: "\f0dc";
    line-height: 32px
}

#make-an-offer-form .vSelectField {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}

.sidebar-dropdown .select2-results {
    max-height: 162px
}

#sidebar-agents .sidebar-agent-image {
    width: 100px !important;
    height: auto;
    display: inline-block;
    vertical-align: top;
    max-height: 150px !important;
    overflow: hidden
}

#sidebar-agents .show-number {
    font-size: inherit
}

#results-map-container {
    overflow: hidden;
    position: relative
}

#results-map-canvas {
    width: 940px
}

#results-map-canvas.grid_12 {
    height: 470px;
    width: 940px;
    z-index: 0;
    position: relative
}

.sidebar-agent-details {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px
}

.sidebar-agent-details .designation {
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    color: #828282
}

.sidebar-agent-details h4 {
    font-weight: 600
}

.sidebar-agent-details .sub-headings {
    margin-bottom: 0
}

.sidebar-agent-details a {
    display: block;
    color: inherit
}

.icon-agent-phone,
.icon-agent-search {
    margin-right: 8px;
    display: inline-block;
    position: relative;
    top: 1px
}

.icon-agent-phone:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f095"
}

.icon-agent-search:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f002"
}

.property-list-item .property-list-favourite {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 30
}

.property-list-item .property-list-favourite a {
    display: block;
    padding: 20px 20px 15px 15px
}

.property-list-item .property-list-favourite .icon-favourite:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f004";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 20px
}

.property-list-item .property-list-favourite .icon-favourite-open:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f08a";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 20px
}

#results-list .property-list-item .property-list-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    padding: 20px
}

#results-list .property-list-item.featured .property-list-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    padding: 16px
}

#results-list .property-list-item .property-list-image-thumb {
    margin-right: 8px;
    position: relative;
    width: 280px;
    height: 210px;
    overflow: hidden
}

#results-list .property-list-item .property-list-image-thumb .transparent-black {
    width: 280px
}

#results-list .property-list-item .property-list-details {
    padding-left: 10px;
    display: inline-block;
    position: relative;
    height: 220px;
    /* height: 206px; */
    z-index: 20;
    overflow: hidden;
}

#results-list .property-list-item .property-price-heading {
    margin-bottom: 10px;
    box-sizing: border-box;
    padding-right: 25px
}


#results-list .property-list-item .property-list-description {
    height: 108px;
    line-height: 1.1em
}

#results-list .property-list-item .property-list-webref {
    position: absolute;
    bottom: 0;
    line-height: 1;
    vertical-align: bottom
}

#results-list .property-list-item {
    position: relative;
    page-break-inside: avoid
}

#results-list .property-list-meta {
    font-size: 0;
    text-align: left;
    white-space: nowrap
}

#results-list .property-list-meta>div {
    font-size: 0.8rem;
    text-align: left;
    float: none;
    display: inline-block
}

.property-list-item .icon-beds,
.property-list-item .icon-baths,
.property-list-item .icon-garages,
.property-list-item .icon-openparking {
    margin-right: 4px;
    float: none
}

.property-list-item .icon-beds span,
.property-list-item .icon-baths span,
.property-list-item .icon-garages span,
.property-list-item .icon-openparking span {
    font-style: normal !important
}

.property-list-item .icon-beds:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e606";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 20px
}

.property-list-item .icon-baths:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e605";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 20px
}

.property-list-item .icon-garages:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e609";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 22px
}

.property-list-item .icon-openparking:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e612";
    position: relative;
    top: 5px;
    left: 0px;
    font-size: 20px
}

#results-list .block-content {
    line-height: 1.1em;
    display: inline-block;
    width: 502px
}

#results-list .expand-tags,
#nofavourites .expand-tags {
    display: none;
    margin-top: -15px
}

#results-list .toggle-expand,
#nofavourites .toggle-expand {
    padding: 0 8px;
    margin-right: -8px;
    height: 100%
}

#results-list .icon-expand-tags-up,
#nofavourites .icon-expand-tags-up {
    float: right
}

#results-list .icon-expand-tags-up:before,
#nofavourites .icon-expand-tags-up:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f077";
    position: relative;
    left: 0px;
    font-size: 12px
}

#results-list .icon-expand-tags-down,
#nofavourites .icon-expand-tags-down {
    float: right
}

#results-list .icon-expand-tags-down:before,
#nofavourites .icon-expand-tags-down:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f078";
    position: relative;
    left: 0px;
    font-size: 12px
}

#nofavourites .property-list-link {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px);
    position: relative
}

#nofavourites .property-list-link:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999999;
    visibility: visible
}

.no-favourites-overlay {
    display: none;
    background: none;
    box-sizing: content-box;
    width: 80px;
    height: 80px;
    position: fixed;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.3);
    z-index: 20;
    top: 0;
    left: 0
}

.no-favourites-circle {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 80px;
    height: 80px
}

.no-favourites-circle:before {
    position: absolute;
    content: "";
    top: -40px;
    width: 80px;
    height: 80px;
    left: -40px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.3);
    border-width: 40px;
    border-radius: 80px
}

.no-favourites-highlight {
    position: absolute;
    left: 100%;
    box-sizing: border-box;
    padding: 15px;
    max-height: 80px;
    min-height: 80px;
    background: #ffffff;
    width: 300px;
    -webkit-box-shadow: -8px 0 10px -10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -8px 0 10px -10px rgba(0, 0, 0, 0.3);
    box-shadow: -8px 0 10px -10px rgba(0, 0, 0, 0.3);
    margin-left: 15px
}

.no-favourites-highlight:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -35px;
    margin-top: -15px;
    border: 15px solid transparent
}

.property-list-area-profile-box .icon-area-profile {
    margin-right: 20px;
    height: 78px;
    display: block
}

.property-list-area-profile-box .icon-area-profile:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f041";
    position: relative;
    top: 20px;
    left: 1px;
    font-size: 70px;
    vertical-align: bottom
}

#results-list .property-list-on-show-box .icon-on-show {
    margin-right: 20px;
    height: 60px;
    line-height: 78px;
    width: 55px;
    font-size: 1.8em;
    display: block;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    position: relative
}

#results-list .property-list-on-show-box .icon-on-show:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f133";
    position: absolute;
    width: 55px;
    top: 31px;
    left: 1px;
    font-size: 57px;
    vertical-align: bottom
}

#results-list .property-list-on-show-box .on-show-content {
    width: 100%;
    display: block
}

.property-list-news-article-box .news-article {
    display: inline-block;
    height: 100%
}

.property-list-news-article-box .news-article+a {
    color: inherit
}

.property-list-news-article-box .icon-news-article {
    margin-right: 20px;
    height: 100%;
    display: block
}

.property-list-news-article-box .icon-news-article:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e5";
    position: relative;
    top: 20px;
    left: 1px;
    font-size: 52px;
    vertical-align: top
}

.property-list-news-article-box .news-article-content {
    display: inline-block;
    width: 502px;
    position: relative;
    padding-bottom: 30px
}

.property-list-news-article-box .article-meta {
    color: #333333;
    position: absolute;
    bottom: 0
}

.results-email-alerts-box {
    position: relative;
    padding: 20px
}

.results-email-alerts-box button {
    padding: 0 8px
}

.results-email-alerts-box .edit-alerts {
    position: absolute;
    right: 20px;
    top: 20px
}

.icon-edit {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px
}

.icon-edit:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f013";
    position: relative;
    vertical-align: middle;
    height: 100%;
    display: inline-block;
    font-size: 18px;
    top: -2px
}

.results-email-alerts-box .icon-email-alerts {
    margin-right: 10px;
    height: 100%;
    display: inline-block
}

.results-email-alerts-box .icon-email-alerts:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e0";
    position: relative;
    top: 7px;
    left: 1px;
    font-size: 38px;
    vertical-align: top
}

.results-email-alerts-box .full-input {
    width: 98%;
    height: 32px;
    border: 0;
    box-sizing: border-box;
    padding: 4px 8px 3px;
    line-height: 32px
}

.email-alerts-mini-close {
    position: absolute;
    z-index: 10;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    top: 15px;
    right: 15px;
    text-align: center
}

.email-alerts-mini-close:before {
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "";
    color: #D6D6D6;
    font-size: 19px;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    top: -1px
}

p.disclaimer-text {
    font-size: 0.7rem
}

#listing-back .icon-arrow-back {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    line-height: 1;
    margin-right: 10px
}

#listing-back .icon-arrow-back:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f060";
    position: relative;
    margin-left: 10px
}

.content-block {
    padding: 20px;
    position: relative;
    page-break-inside: avoid
}

.calculators-page .content-block {
    page-break-inside: auto
}

.content-block .property-list-favourite {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 30
}

.content-block .property-list-favourite a {
    display: block;
    padding: 20px 20px 15px 15px
}

.content-block .property-list-favourite .icon-favourite:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f004";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 20px
}

.content-block .property-list-favourite .icon-favourite-open:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f08a";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 20px
}

.content-block h1#listing-price {
    font-size: 2.6em;
    margin: 0 0 5px 0;
    text-indent: -3px
}

.content-block #listing-physical-address {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0px
}

#listing-development-address {
    font-size: 18px;
    line-height: 24px;
    margin-top: 16px
}

#listing-holiday-address {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0px
}

.address-results-page {
    font-size: 13px;
    line-height: 16px;
    margin: 6px 0px 20px 0px
}

.address-newdevelopment-results-page {
    font-size: 13px;
    line-height: 16px;
    margin: 6px 0px 0px 0px
}

.content-block .bond-assumptions,
.content-block .holiday-rates,
.content-block .holiday-notes {
    color: #666666
}

.content-block .bond-assumptions b,
.content-block .holiday-rates b,
.content-block .holiday-notes b,
.content-block .bond-assumptions strong,
.content-block .holiday-rates strong,
.content-block .holiday-notes strong {
    color: #333333;
    white-space: nowrap
}

.content-block .bond-assumptions .pull-left,
.content-block .holiday-rates .pull-left,
.content-block .holiday-notes .pull-left {
    margin-right: 30px
}

.to-let-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.to-let-list li {
    width: 50%;
    float: left
}

.content-block .holiday-notes {
    color: #666666
}

.content-block .holiday-notes+.property-list-meta {
    margin-top: 15px
}

#details-list .property-list-meta .property-list-land-size {
    text-align: right;
    font-size: 0.8rem;
    line-height: 0.9rem
}

#details-list .property-list-meta .property-list-land-size .label {
    font-weight: 600
}

#details-list .property-list-meta {
    font-size: 0%;
    text-align: right;
    white-space: nowrap
}

#details-list .price-box .external-link {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    float: right
}

.property-list-meta .property-list-beds,
.property-list-meta .property-list-baths,
.property-list-meta .property-list-garages,
.property-list-meta .property-list-openparking {
    text-align: left;
    display: inline-block
}

.property-list-meta span {
    display: inline-block;
    font-size: 0.8rem;
    font-style: normal !important
}

.property-list-meta .icon-beds:before,
.property-list-meta .icon-baths:before,
.property-list-meta .icon-garages:before,
.property-list-meta .icon-openparking:before {
    margin-right: 4px
}

.property-list-meta .icon-beds:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e606";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 22px
}

.property-list-meta .icon-baths:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e605";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 22px
}

.property-list-meta .icon-garages:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e609";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 24px
}

.property-list-meta .icon-openparking:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e612";
    position: relative;
    top: 4px;
    left: 0px;
    font-size: 22px
}

#details-list .listing-media-tabs .action-button {
    text-align: center
}

#details-list .listing-media-tabs .action-button i+span {
    width: auto
}

#details-list .icon-camera:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f083";
    position: relative;
    top: 2px;
    left: 0px;
    font-size: 32px
}

#details-list .action-button .icon-video:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f16a";
    position: relative;
    top: 2px;
    left: 0px;
    font-size: 32px
}

#details-list .icon-tour:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e2";
    position: relative;
    top: 0;
    left: 7px;
    font-size: 25px
}

#details-list .icon-video.tube:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e613" !important;
    position: relative;
    top: 5px;
    left: 0px;
    font-size: 40px
}

#details-list .icon-progress:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0ae";
    position: relative;
    top: 0;
    left: 0px;
    font-size: 25px
}

#details-list .icon-floorplan:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e60f";
    position: relative;
    top: 2px;
    left: 0px;
    font-size: 32px
}

#details-list .icon-camera {
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    margin-right: 10px;
    vertical-align: middle
}

#details-list .icon-tube {
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    margin-right: 10px;
    vertical-align: middle
}

#details-list .action-button .icon-video {
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    margin-right: 10px;
    vertical-align: middle
}

#details-list .icon-tour {
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    margin-right: 10px;
    vertical-align: middle
}

#details-list .icon-progress {
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    margin-right: 10px;
    vertical-align: middle
}

#details-list .icon-floorplan {
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    margin-right: 4px;
    vertical-align: middle
}

.label {
    color: #333333;
    display: inline-block;
    margin-right: 8px
}

.label strong {
    color: #333333
}

.value {
    color: #666666;
    display: inline-block
}

#details-list .development-details {
    padding-left: 20px
}

#details-list .estate-details {
    padding-left: 20px
}

.new-dev-banners {
    padding: 0 10px;
    line-height: 50px;
    height: 50px;
    text-align: center
}

.new-dev-banners h3,
.new-dev-banners span {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 0;
    line-height: 49px;
    margin-right: 10px
}

.tab-content,
.tab-content.hide {
    top: -1px;
    display: none
}

.tab-content.open {
    display: block
}

.gallery-viewport {
    position: relative;
    height: 433px;
    max-height: 433px;
    overflow: hidden
}

.gallery-viewport .transparent-black.bottom {
    padding: 0 8px;
    line-height: 30px
}

.gallery-viewport img {
    max-width: 100%;
    width: 100%;
    height: auto;
    visibility: hidden
}

.caroufredsel_wrapper {
    display: inline-block !important;
    min-width: 460px
}

@media (max-width: 1024px) {
    .caroufredsel_wrapper {
        min-width: 800px
    }
    .thumb-navigation li{
        margin-right: 29px !important
    }
}
@media (max-width: 900px) {
    .caroufredsel_wrapper {
        min-width: 550px !important
    }
    .thumb-navigation li{
        margin-right: 72px !important
    }

}
@media (max-width: 991px) {
    /* .caroufredsel_wrapper {
        position: absolute !important;
        opacity: 0;
        z-index: -10 !important;
    } */
    .gallery-thumbnails .thumbs-prev{
        position: absolute !important;
        top: -300px !important;
        left : 0 !important;
    }
    .gallery-thumbnails .thumbs-next{
        position: absolute !important;
        top: -300px !important;
        right : 0 !important;
    }
    .gallery-thumbnails .counter-overlay{
        opacity:  0 !important;
    }
    .thumb-navigation{
        position: absolute !important;
        z-index: -100 !important;
        opacity: 0 !important;
    }
    .gallery-thumbnails{
        height: 0 !important
    }
}

.thumb-navigation {
    overflow: hidden;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    text-align: right;
    float: left;
    position: relative;
    width: 478px;
    height: 110px
}

.thumb-navigation li {
    width: 140px;
    height: 105px;
    display: inline-block;
    margin-right: 19px;
    box-sizing: border-box;
    vertical-align: top;
    overflow: hidden
}

.thumb-navigation li.loader {
    background-size: 32px 32px !important;
    background-position: center center !important
}

.gallery-thumbnails .counter-overlay {
    width: 140px;
    height: 105px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-71px, 0);
    -moz-transform: translate(-71px, 0);
    transform: translate(-71px, 0);
    color: #ffffff;
    line-height: 105px;
    text-align: center;
    font-size: 1rem
}

.gallery-thumbnails .counter-overlay span {
    font-size: 1.2rem
}

.thumb-navigation li a {
    display: block;
    vertical-align: top;
    width: 100%;
    height: 100%
}

.thumb-navigation li img {
    width: 180px;
    height: auto;
    visibility: hidden;
    box-sizing: border-box
}

.gallery-thumbnails {
    position: relative;
    vertical-align: top;
    height: 105px;
    font-size: 0
}

.gallery-thumbnails .thumbs-prev {
    position: relative;
    width: 40px;
    height: 105px;
    display: inline-block;
    float: left;
    margin-right: 19px;
    line-height: 105px;
    vertical-align: top;
    cursor: pointer
}

.gallery-thumbnails .thumbs-next {
    position: relative;
    width: 40px;
    height: 105px;
    display: inline-block;
    line-height: 105px;
    vertical-align: top;
    float: right;
    cursor: pointer
}

.gallery-thumbnails i {
    line-height: 0;
    width: 100%;
    text-align: center;
    display: inline-block
}

.thumbs-prev .icon-arrow-left:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f104";
    font-size: 30px;
    vertical-align: middle;
    height: 0
}

.thumbs-next .icon-arrow-right:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    font-size: 30px;
    vertical-align: middle;
    height: 0
}

.video-frame {
    display: block;
    height: 349px;
    max-height: 349px;
    width: 100%;
    background: #000000
}

.listing-description p {
    line-height: 1.1rem;
    margin: 0;
    color: #666666
}

.listing-features h5 {
    margin-bottom: 0;
    color: #000000
}

.listing-features-content {
    font-size: 0
}

.listing-features-content .full {
    width: 578px;
    font-size: 0.8rem
}

.listing-features-content .half {
    font-size: 0.8rem
}

.listing-features-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.listing-features-content ul li {
    width: 50%;
    box-sizing: border-box;
    padding-left: 2.14285714em;
    font-size: 0.8rem;
    float: left;
    position: relative
}

.listing-features-content ul li:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    width: 2.14285714em;
    text-align: center;
    content: "\f00c";
    line-height: 20px;
    top: 0
}

.listing-features-content dl {
    margin-top: 0;
    line-height: 1em;
    color: #666666;
    width: 289px
}

.listing-features-content dl.sublist {
    margin-left: 15px
}

.listing-features-content dl.sublist dt {
    margin-right: -15px
}

.listing-features-content dt {
    font-weight: 400;
    color: #333333
}

.listing-features-content dt,
.listing-features-content dd {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0
}

.listing-on-show .on-show-meta {
    line-height: 20px
}

.listing-on-show .on-show-times,
.listing-on-show .on-show-dates {
    margin-right: 20px
}

.listing-on-show .icon-on-show-times,
.listing-on-show .icon-on-show-dates {
    position: relative;
    margin-right: 10px
}

.listing-on-show .icon-on-show-times:before {
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f017";
    font-size: 20px;
    vertical-align: middle;
    top: -1px
}

.listing-on-show .icon-on-show-dates:before {
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f133";
    font-size: 20px;
    vertical-align: middle;
    top: -1px
}

.listing-on-show .on-show-directions h5 {
    margin: 0;
    font-size: 0.8rem
}

.listing-on-show .on-show-directions p {
    margin: 0
}

.listing-on-show .on-show-get-directions {
    line-height: 1
}

.listing-on-show .on-show-get-directions h5 {
    margin: 0 0 5px 0;
    font-size: 0.8rem
}

.icon-yes:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    position: relative;
    left: -2px
}

.listing-on-show .on-show-get-directions .directions-input {
    width: 277px;
    line-height: 32px;
    padding: 0 8px;
    min-height: 32px;
    border: 0;
    box-sizing: border-box;
    vertical-align: bottom;
    margin-right: 8px
}

.listing-on-show .on-show-get-directions button {
    font-size: 1em;
    vertical-align: bottom
}

.document-table {
    width: 100%
}

.listing-downloads .document-table tr:not(.alt) {
    background: none
}

.offer-history-table .sub-headings {
    font-size: 17px !important;
    text-align: center
}

.offer-history-table td {
    font-size: 13px !important;
    padding: 6px 8px;
    box-sizing: border-box;
    white-space: nowrap
}

.document-table td {
    padding: 6px 8px;
    box-sizing: border-box
}

.document-table .col-document-name {
    width: 400px
}

.document-table .col-document-size {
    width: 50px
}

.document-table .col-document-type {
    width: 32px;
    padding: 0
}

.listing-downloads .icon-excel:before {
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1c3";
    font-size: 20px;
    vertical-align: middle;
    top: -1px
}

.listing-downloads .icon-ppt:before {
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1c4";
    font-size: 20px;
    vertical-align: middle;
    top: -1px
}

.listing-downloads .icon-doc:before {
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1c2";
    font-size: 20px;
    vertical-align: middle;
    top: -1px
}

.listing-downloads .icon-pdf:before {
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1c1";
    font-size: 20px;
    vertical-align: middle;
    top: -1px
}

.listing-downloads .icon-image:before {
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1c5";
    font-size: 20px;
    vertical-align: middle;
    top: -1px
}

.map-viewport {
    width: 578px;
    height: 350px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.map-viewport.loader {
    display: none
}

.map-viewport.inactive:after {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
opacity: 1;
opacity: 1;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    -o-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s
}

.map-viewport:hover:after {
    opacity: 1
}

.map-viewport>img {
    max-width: 100%
}

#details-list .listing-map-tabs .action-button {
    text-align: center
}

#details-list .listing-map-tabs .action-button.loader {
    background-size: 20px 20px !important;
    color: transparent !important
}

#details-list .listing-map-tabs .action-button i+span {
    width: auto
}

#details-list .icon-map {
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    margin-right: 10px;
    vertical-align: middle
}

#details-list .icon-streetview {
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    margin-right: 10px;
    vertical-align: middle
}

#details-list .icon-amenities {
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    margin-right: 8px;
    vertical-align: middle
}

#id_amenities_info .item {
    float: left;
    display: inline-block;
    width: 50%
}

#id_amenities_info table {
    margin: 0 0 15px;
    padding: 0;
    list-style-type: none;
    width: 95%
}

#id_amenities_info td:first-child {
    margin: 0;
    padding: 5px 5px 5px 25px;
    vertical-align: top;
    position: relative;
    margin-top: 5px;
    width: 80%;
    cursor: pointer
}

#id_amenities_info td {
    vertical-align: top;
    padding: 5px
}

#id_amenities_info td a {
    color: inherit
}

#id_amenities_info .amenity-icon:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
    display: block
}

#id_amenities_info .school:before {
    background: url(../../img/custom/listing-details/school.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .university:before {
    background: url(../../img/custom/listing-details/university.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .place_of_worship:before {
    background: url(../../img/custom/listing-details/place_of_worship.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .church:before {
    background: url(../../img/custom/listing-details/church.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .synagogue:before {
    background: url(../../img/custom/listing-details/synagogue.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .mosque:before {
    background: url(../../img/custom/listing-details/mosque.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .hindu_temple:before {
    background: url(../../img/custom/listing-details/hindu_temple.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .grocery_or_supermarket:before {
    background: url(../../img/custom/listing-details/grocery_or_supermarket.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .shopping_mall:before {
    background: url(../../img/custom/listing-details/shopping_mall.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .airport:before {
    background: url(../../img/custom/listing-details/airport.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .hospital:before {
    background: url(../../img/custom/listing-details/hospital.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .courthouse:before {
    background: url(../../img/custom/listing-details/courthouse.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .police:before {
    background: url(../../img/custom/listing-details/police.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .park:before {
    background: url(../../img/custom/listing-details/park.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .library:before {
    background: url(../../img/custom/listing-details/library.png) no-repeat;
    background-size: 16px 16px
}

#id_amenities_info .post_office:before {
    background: url(../../img/custom/listing-details/post_office.png) no-repeat;
    background-size: 16px 16px
}

#details-list .icon-map:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f041";
    position: relative;
    top: 2px;
    left: 0px;
    font-size: 32px
}

#details-list .icon-streetview:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e611";
    position: relative;
    top: 2px;
    left: 0px;
    font-size: 32px
}

#details-list .icon-amenities:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e600";
    position: relative;
    top: 0;
    font-size: 25px
}

.transparent-black {
    box-sizing: border-box;
    color: #ffffff;
    padding: 0 8px
}

.transparent-black .icons {
    padding: 0 8px;
    height: 30px;
    line-height: 30px
}

.transparent-black .icons.bordered {
    border-top: 1px solid #ffffff
}

.transparent-black .icons i+span {
    font-size: 0.95em
}

.transparent-black .icons .icon-virtual-tour {
    margin-left: 2px
}

.transparent-black .icons .icon-virtual-tour:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e2";
    font-size: 16px;
    position: relative;
    line-height: 0;
    height: 0;
    top: 2px
}

.transparent-black .tags {
    padding: 7px 8px;
    height: 30px;
    line-height: 1.7;
    font-size: 0;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 3px
}

.transparent-black .tags * {
    font-size: 0.8rem
}

.transparent-black .tags .listing-tag {
    margin-right: 3px;
    font-size: 0.7rem
}

.transparent-black .icon-photos {
    display: inline-block;
    margin-right: 3px
}

.transparent-black .icon-photos+span {
    font-size: 0.9em;
    margin-right: 3px
}

.transparent-black .icon-photos:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f030";
    font-size: 15px;
    position: relative;
    line-height: 0;
    height: 0;
    top: 2px
}

.transparent-black .icon-mapped {
    display: inline-block;
    margin-right: 3px
}

.transparent-black .icon-mapped+span {
    font-size: 0.95em;
    margin-right: 3px
}

.transparent-black .icon-mapped:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f041";
    font-size: 17px;
    position: relative;
    line-height: 0;
    height: 0;
    top: 2px
}

.transparent-black i.icon-floorplan {
    display: inline-block;
    margin-right: 3px;
    font-size: 0.8rem !important
}

.transparent-black i.icon-floorplan+span {
    font-size: 0.95em;
    margin-right: 3px
}

.transparent-black i.icon-floorplan:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e60f";
    font-size: 20px !important;
    color: #ffffff !important;
    position: relative !important;
    line-height: 0 !important;
    height: 0 !important;
    top: 4px !important
}

.transparent-black .icon-video {
    display: inline-block;
    margin-right: 3px
}

.transparent-black .icon-video+span {
    font-size: 0.95em
}

.transparent-black .icon-video:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f03d";
    font-size: 15px;
    position: relative;
    line-height: 0;
    height: 0;
    top: 2px
}

.listing-tag:after {
    content: ", ";
    display: inline-block
}

.listing-tag:last-of-type:after {
    content: "" !important;
    display: inline-block
}

.transparent-red.top-left {
    padding: 0 8px;
    color: #ffffff;
    position: absolute;
    height: 30px;
    line-height: 30px;
    top: 0;
    left: 0;
    z-index: 50
}

.transparent-black.top-left {
    position: absolute;
    top: 0;
    left: 0;
    width: auto !important;
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
    z-index: 50
}

.transparent-red.top-left+.transparent-black.top-left {
    right: 0;
    left: auto
}

.transparent-red.top-left+.transparent-red.top-left {
    right: 0;
    left: auto
}

.transparent-black.top-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 30px;
    font-size: 0;
    line-height: 30px;
    padding: 0
}

.transparent-black.top-right:before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 0
}

.transparent-black.top-right a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 0;
    text-align: center
}

.transparent-black.top-right a:before {
    display: inline-block;
    position: relative;
    content: "";
    height: 100%;
    vertical-align: middle
}

.transparent-black.bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0
}

#details-list .icon-zoom {
    display: inline-block;
    vertical-align: middle
}

#details-list .icon-zoom:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00e";
    position: relative;
    font-size: 18px;
    color: #ffffff;
    vertical-align: middle;
    display: inline-block;
    top: -1px
}

.listing-area-content {
    line-height: 1.1rem
}

a.link {
    display: inline-block
}

.make-an-offer-meta span {
    line-height: 1.1rem
}

#make-an-offer-form .half.first {
    padding-right: 10px
}

#make-an-offer-form .half.last {
    padding-left: 10px
}

#make-an-offer-form input.full-input {
    width: 100%;
    border: 0;
    box-sizing: border-box;
    padding: 0 8px;
    height: 30px
}

#make-an-offer-form input.mega-input {
    width: 100%;
    border: 0;
    box-sizing: border-box;
    font-size: 1.525em;
    padding: 0 8px;
    height: 50px
}

#make-an-offer-form fieldset p>input[type="checkbox"]+label:before {
    border: 0;
    width: 18px;
    height: 18px;
    top: 3px
}

.input-number .number-control-up {
    text-align: center;
    line-height: 1;
    cursor: pointer
}

.input-number .number-control-up .icon-arrow-up {
    vertical-align: middle;
    line-height: 25px
}

.input-number .number-control-up .icon-arrow-up:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0
}

.input-number .number-control-up .icon-arrow-up:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f067";
    position: relative;
    top: 0;
    font-size: 14px
}

.input-number .number-control-down {
    text-align: center;
    line-height: 1;
    cursor: pointer
}

.input-number .number-control-down .icon-arrow-down {
    vertical-align: middle;
    line-height: 25px
}

.input-number .number-control-down .icon-arrow-down:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f068";
    position: relative;
    top: 0;
    font-size: 14px
}

.navigation-thumbnails i {
    line-height: 0;
    width: 100%;
    text-align: center;
    display: inline-block
}

.navigation-thumbnails {
    position: relative;
    vertical-align: top;
    height: 105px
}

.navigation-thumbnails .thumbs-prev {
    position: relative;
    width: 40px;
    height: 105px;
    float: left;
    margin-right: 19px;
    line-height: 105px;
    vertical-align: top;
    cursor: pointer
}

.navigation-thumbnails .thumbs-prev.disabled {
    visibility: hidden !important;
    cursor: default
}

.navigation-thumbnails .thumbs-next {
    position: relative;
    width: 40px;
    height: 105px;
    display: inline-block;
    line-height: 105px;
    vertical-align: top;
    float: right;
    cursor: pointer
}

.navigation-thumbnails .thumbs-next.disabled {
    visibility: hidden !important;
    cursor: default
}

.navigation-thumbnails li {
    width: 140px;
    position: relative
}

.navigation-thumbnails li.current .transparent-black {
    text-align: center;
    font-weight: 600
}

.navigation-thumbnails li .transparent-black {
    z-index: 10;
    line-height: 30px;
    padding: 0 8px;
    font-size: 0.8rem
}

.navigation-thumbnails li .transparent-black .icon-beds {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative
}

.navigation-thumbnails li .transparent-black .icon-beds:before {
    content: "\e606";
    width: 0;
    height: 0;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    position: relative;
    left: -12px;
    top: -2px;
    vertical-align: middle
}

#sticky-details {
    line-height: 90px
}

#sticky-details .sticky-price {
    font-size: 2.2rem;
    margin: 0;
    display: inline-block;
    float: none;
    line-height: 0;
    vertical-align: middle;
    white-space: nowrap
}

#sticky-details .sticky-details-meta {
    display: inline-block;
    float: none;
    line-height: 1em;
    vertical-align: middle;
    text-align: right
}

#sticky-details .sticky-details-meta>div {
    display: inline-block
}

#sticky-details .sticky-details-meta .icon-beds,
#sticky-details .sticky-details-meta .icon-baths,
#sticky-details .sticky-details-meta .icon-garages,
#sticky-details .sticky-details-meta .icon-openparking {
    margin-right: 4px;
    vertical-align: bottom;
    line-height: 1
}

#sticky-details .sticky-details-meta .icon-beds:before,
#sticky-details .sticky-details-meta .icon-baths:before,
#sticky-details .sticky-details-meta .icon-garages:before,
#sticky-details .sticky-details-meta .icon-openparking:before {
    margin-right: 4px
}

#sticky-details .sticky-details-meta span {
    display: inline-block;
    font-style: normal !important
}

#sticky-details .sticky-details-meta .icon-beds:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e606";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 26px
}

#sticky-details .sticky-details-meta .icon-baths:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e605";
    position: relative;
    top: 3px;
    left: 0px;
    font-size: 26px
}

#sticky-details .sticky-details-meta .icon-garages:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e609";
    position: relative;
    top: 2px;
    left: 0px;
    font-size: 29px
}

#sticky-details .sticky-details-meta .icon-openparking:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e612";
    position: relative;
    top: 4px;
    left: 0px;
    font-size: 28px
}

#sticky-details .sticky-details-meta .property-list-land-size {
    line-height: 1em
}

#calculators .calculator-inputs {
    width: 280px;
    margin-right: 20px;
    box-sizing: border-box;
    position: relative
}

#calculators .calculator-inputs.expense-inputs,
#calculators .calculator-inputs.income-inputs {
    width: 100%
}

#calculators .calculator-inputs.expense-inputs input,
#calculators .calculator-inputs.income-inputs input {
    width: 280px !important
}

#calculators .calculator-inputs label {
    display: block;
    width: 100%;
    margin: 0 0 10px
}

#calculators .calculator-inputs .currency-placeholder {
    margin-right: 5px;
    display: inline-block;
    position: absolute;
    left: 8px;
    font-style: normal;
    line-height: 31px
}

#calculators .calculator-inputs .percentage-placeholder {
    display: inline-block;
    position: absolute;
    left: 100px;
    font-style: normal;
    line-height: 32px;
    top: 28px
}

#calculators .calculator-inputs .detail-more {
    display: inline-block;
    line-height: 30px;
    position: relative;
    margin-left: 15px
}

#calculators .calculator-inputs .detail-more .icon-info-circle:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f13a";
    display: inline-block;
    line-height: 1;
    font-size: 17px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 10px
}

#calculators .calculator-inputs input:not(.select2-input) {
    width: 100%;
    border: 0;
    box-sizing: border-box;
    padding: 4px 8px 3px 25px;
    height: 30px
}

#calculators .calculator-inputs input:not(.select2-input).price-input {
    margin-bottom: 10px
}

#calculators .calculator-inputs input:not(.select2-input).percentage-input {
    margin-bottom: 10px;
    margin-right: 40px;
    padding: 4px 25px 3px 8px;
    width: 120px
}

#calculators .calculator-inputs input:not(.select2-input).years-input {
    margin-bottom: 10px;
    padding: 4px 8px 3px 8px;
    width: 120px
}

#calculators .calculator-inputs .select {
    width: 100%
}

#calculators .calculator-inputs.last {
    margin-right: 0
}

#calculators .icon-shuffle:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    content: "\f074";
    width: 0;
    height: 0;
    vertical-align: middle;
    margin-right: 5px
}

#calculators .income-table td,
#calculators .expense-table td {
    padding: 3px;
    position: relative
}

#calculators .income-table input[type="text"]:not(.select2-input),
#calculators .expense-table input[type="text"]:not(.select2-input),
#calculators .income-table input[type="number"]:not(.select2-input),
#calculators .expense-table input[type="number"]:not(.select2-input) {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    padding: 4px 8px 3px 25px;
    height: 30px
}

#calculators .income-table .currency-placeholder,
#calculators .expense-table .currency-placeholder {
    margin-right: 5px;
    display: inline-block;
    position: absolute;
    left: 8px;
    font-style: normal;
    line-height: 31px
}

#calculators .mini-input {
    width: 140px
}

#calculators .calctable .col1 {
    width: 230px
}

#calculators .calctable .col2 {
    width: 150px
}

#calculators .calctable .col3 {
    width: 150px
}

#calculators .calctable th {
    text-align: right;
    white-space: nowrap
}

#calculators .calctable td {
    border-top: 1px solid #ececec;
    text-align: right;
    color: #999999
}

#calculators .calctable td:nth-child(1) {
    text-align: left
}

#calculators .calctable td.total {
    color: #000000;
    padding-top: 20px;
    font-weight: 600
}

#calculators .select2-chosen {
    margin-right: 32px
}

#calculators .select2-arrow b {
    line-height: 32px
}

#calculators .select2-arrow b:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0dc";
    font-size: 17px
}

#calculator-tabs .action-button {
    text-align: center
}

#calculator-tabs .action-button span {
    width: auto;
    line-height: 50px
}

.form-section {
    padding-top: 20px
}

.form-section .pull-left {
    padding-right: 2%
}

.form-section .pull-left.last,
.form-section .pull-left.full,
.form-section .pull-left:last-child {
    padding-right: 0%
}

.form-section .pull-left input[type='text']:not(.select2-input),
.form-section .pull-left input[type='email'],
.form-section .pull-left input[type='number'] {
    width: 100%;
    box-sizing: border-box;
    padding: 4px 8px 3px;
    height: 30px
}

.form-section .pull-left .vSelectField {
    width: 100%
}

.form-section .pull-left #ask-price-meters {
    height: 30px;
    line-height: 30px;
    margin-top: 1.5em
}

.form-section .pull-left textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 8px;
    min-height: 60px;
    max-height: 60px;
    resize: none
}

.form-section input::-webkit-input-placeholder,
.form-section textarea::-webkit-input-placeholder {
    opacity: 1
}

.form-section input:-moz-placeholder,
.form-section textarea:-moz-placeholder {
    opacity: 1
}

.form-section input::-moz-placeholder,
.form-section textarea::-moz-placeholder {
    opacity: 1
}

.form-section input:-ms-input-placeholder,
.form-section textarea:-ms-input-placeholder {
    opacity: 1
}

.quick-search {
    background-color: none;
    background-image: none;
    padding-left: 30px;
    display: inline-block;
    margin-top: -2px
}

.quick-search:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f002";
    left: -26px;
    font-size: 17px;
    float: left;
    position: relative;
    top: 17px
}

.quick-search .vSelectField {
    width: 100%
}

.agent-seach-page h5 {
    line-height: 1;
    font-weight: 400
}
.agents-list{
    padding: 10px;
}
.agent-search-box {
    font-size: 100%;
    /* display: inline-block; */
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0);
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.agent-search-box.active {
    z-index: 100;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}

.agent-search-box .agent-image {
    float: left;
    margin-right: 15px;
    width: 100px;
    height: 150px
}

.agent-search-box .agent-image a>img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.agent-search-box .agent-name {
    margin-bottom: 0
}

.agent-search-box .agent-meta {
    width: 303px
}

.agent-search-box .agent-links a {
    font-size: 0.8rem
}

.agent-search-box .agent-table {
    line-height: 0.8rem;
    position: relative;
    z-index: 1
}

.agent-search-box .agent-title {
    font-size: 12px;
    padding-top: 2px
}

.agent-search-box .agent-bio {
    clear: both;
    margin-top: 15px
}

.agent-search-box .agent-bio .morecontent span {
    display: none
}

.branch-meta .border-left,
.area-profile-properies .border-left {
    position: relative;
    padding-right: 30px
}

.branch-meta b,
.area-profile-properies b {
    font-size: 0.8rem
}

.branch-meta .border-left:before,
.area-profile-properies .border-left:before {
    content: "";
    width: 0;
    height: 100%;
    border-style: none dotted none none !important;
    display: block;
    top: 0;
    left: -15px;
    position: absolute
}

.branch-links a {
    margin-right: 5px;
    float: left
}

.branch-links a:last-child {
    margin-right: 0
}

.branch-links .branch-icons {
    float: right
}

.branch-links .branch-icon {
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 32px;
    vertical-align: bottom;
    text-align: center
}

.branch-links .branch-icon.icon-facebook {
    background: #3b5998
}

.branch-links .branch-icon.icon-facebook:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 0;
    height: 0;
    content: "\f09a";
    color: #ffffff;
    line-height: 32px;
    font-size: 24px;
    position: relative;
    left: 3px
}

.branch-links .branch-icon.icon-facebook:hover {
    background: #4264aa
}

.branch-links .branch-icon.icon-linkedin {
    background: #007bb6
}

.branch-links .branch-icon.icon-linkedin:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 0;
    height: 0;
    content: "\f0e1";
    color: #ffffff;
    line-height: 32px;
    font-size: 24px;
    position: relative;
    left: 1px
}

.branch-links .branch-icon.icon-linkedin:hover {
    background: #008cd0
}

.branch-links .branch-icon.icon-twitter {
    background: #000
}

.branch-links .branch-icon.icon-twitter:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 0;
    height: 0;
    content: "\f0cc";
    color: #ffffff;
    line-height: 32px;
    font-size: 24px;
    position: relative
}

.branch-links .branch-icon.icon-twitter:hover {
    background: #0d0d0d
}

.branch-links .branch-icon.icon-youtube {
    background: #bb0000
}

.branch-links .branch-icon.icon-youtube:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 0;
    height: 0;
    content: "\f167";
    color: #ffffff;
    line-height: 32px;
    font-size: 24px;
    position: relative;
    left: 2px
}

.branch-links .branch-icon.icon-youtube:hover {
    background: #d40000
}

.branch-links .branch-icon.icon-googleplus {
    background: #dd4b39
}

.branch-links .branch-icon.icon-googleplus:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 0;
    height: 0;
    content: "\f0d5";
    color: #ffffff;
    line-height: 34px;
    font-size: 22px;
    position: relative;
    left: 1px
}

.branch-links .branch-icon.icon-googleplus:hover {
    background: #e15f4f
}

.branch-links .branch-icon.icon-pinterest {
    background: #ffffff;
    border: 1px solid #d6d6d6
}

.branch-links .branch-icon.icon-pinterest:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 0;
    height: 0;
    content: "\f0d2";
    color: #bd071d;
    line-height: 30px;
    font-size: 24px;
    position: relative;
    left: 2px
}

.branch-links .branch-icon.icon-pinterest:hover {
    background: #f2f2f2
}

.issue-bubble {
    display: block;
    width: 139px;
    height: 100px;
    position: absolute;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 13px;
    font-size: 110%;
    color: #ffffff;
    line-height: 1.2em;
    z-index: 10;
    left: 240px;
    top: 160px
}

.issue-bubble:after {
    border-style: solid;
    border-width: 20px 20px 0 0;
    bottom: -20px;
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    width: 0
}

.issue-bubble .issue-bubble-date {
    font-weight: bold;
    margin-top: 5px;
    display: block
}

.issue-bubble .issue-bubble-view {
    position: absolute;
    bottom: 12px
}

.sort-by:before {
    content: "\f074";
    font-size: 17px
}

.divider-line {
    border-bottom: 0
}

#sidebar-categories .category-list {
    list-style-type: none;
    margin: 37px 0 15px;
    padding: 0
}

#sidebar-categories .category-list li {
    line-height: 30px;
    height: 30px;
    display: block
}

.news-summary-page .news-summary-image a {
    width: 170px;
    height: 165px;
    overflow: hidden;
    display: block
}

.news-summary-page .news-summary-image img {
    width: 110%;
    height: auto
}

.news-summary-page .news-summary-content .article-meta {
    display: inline-block;
    width: 100%;
    line-height: 30px
}

.news-summary-page .news-summary-content .article-meta:before {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.news-summary-page .news-summary-content .article-meta span {
    display: inline-block;
    vertical-align: middle
}

.article-block .article-image {
    padding: 15px;
    margin: 0 20px 20px 0;
    text-align: center
}

.article-block .article-image img {
    max-width: 100%
}

.article-block .article-image figcaption {
    font-style: italic;
    margin-top: 10px
}

.article-comments-form #id_comment {
    max-height: 65px;
    min-height: 65px
}

.comments-block {
    border-radius: 10px
}

.comments-block:after {
    border-color: #ffffff transparent transparent transparent !important;
    border-style: solid;
    border-width: 20px 0 0 20px !important;
    bottom: -20px;
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    width: 0
}

.comments-block:before {
    border-color: #d6d6d6 transparent transparent transparent !important;
    border-style: solid;
    border-width: 22px 0 0 22px !important;
    bottom: -22px;
    content: "";
    display: block;
    left: 49px;
    position: absolute;
    width: 0
}

.comments-meta {
    display: inline-block;
    -webkit-transform: translate(80px, 0);
    -moz-transform: translate(80px, 0);
    transform: translate(80px, 0);
    position: absolute;
    bottom: 0;
    left: 0
}

.area-profile-meta {
    position: relative
}

.area-profile-results-image {
    overflow: hidden;
    width: 208px;
    height: 156px;
    display: block
}

.area-profile-results-image img {
    width: 110%;
    height: auto
}

.area-profile-buttons {
    position: absolute;
    bottom: 0;
    right: 0
}

.weather-forecast-box .forecast-day div {
    display: inline-block;
    width: 100%
}

.comments-item {
    position: relative
}

.area-profile-listings-box {
    position: relative
}

.area-profile-listings-box>h3 {
    margin: 0;
    padding: 0 !important
}

.area-profile-listings-box>h4 {
    margin: 5px 0 0;
    padding: 0 !important;
    font-weight: 400;
    font-size: 0.8rem
}

.area-profile-listings-box .area-profile-property-links {
    padding: 0 !important
}

.area-profile-listings-box .area-profile-property-links a {
    white-space: nowrap
}

.area-profile-listings-box .area-profile-property-links a:after {
    position: relative;
    content: "";
    width: 1px;
    height: 1em;
    display: inline-block;
    margin: 0 5px;
    top: 2px
}

.area-profile-listings-box .area-profile-property-links a:last-child:after {
    background: none
}

.area-profile-property-box .property-list-link {
    color: inherit
}

.area-profile-property-box .property-list-item {
    padding: 0 0 20px !important;
    width: 580px
}

.area-profile-property-box .property-list-image-thumb,
.area-profile-property-box .property-list-details {
    position: relative;
    width: 280px;
    height: 210px;
    overflow: hidden
}

.area-profile-property-box .property-list-details {
    float: right;
    height: 210px
}

.area-profile-property-box .property-list-details .property-list-land-size {
    margin-top: 0 !important
}

.area-profile-property-box .property-list-details .property-list-land-size .label {
    font-weight: 600
}

.area-profile-property-box .property-list-webref {
    position: absolute;
    bottom: 0
}

.facebook_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f09a";
    font-size: 35px;
    line-height: 40px;
    position: relative
}

.twitter_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e901";
    font-size: 26px !important;
    line-height: 40px;
    position: relative;
    top: 2px
}

.linkedin_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e1";
    font-size: 39px;
    line-height: 40px;
    position: relative
}

.youtube_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f167";
    font-size: 33px;
    line-height: 40px;
    position: relative;
    top: -2px
}

.googleplus_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d5";
    font-size: 33px;
    line-height: 40px;
    position: relative;
    top: 2px
}

.pinterest_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d2";
    font-size: 39px;
    line-height: 40px;
    position: relative
}

.footer-divider {
    border: 0;
    margin: 20px auto
}

#footer-heading>.footer-divider {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.footer-logos li:first-of-type>a {
    margin: auto 15px 30px 0
}

#footer-logos,
#footer-logos-1,
#footer-logos-2 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    width: 100%
}

ul.footer-logos {
    list-style-type: none;
    padding: 0
}

ul.footer-logos li {
    display: inline-block;
    margin-right: 5px;
    margin-left: 0
}

ul.footer-logos li:last-of-type {
    margin-right: 0
}

#footer-logos {
    top: 13px
}

#footer-social {
    float: right;
    color: #666666;
    line-height: 1
}

ul.footer-social-links {
    list-style-type: none;
    padding: 0
}

ul.footer-social-links li {
    display: inline-block;
    margin-left: 5px
}

ul.footer-logos li {
    display: inline-block;
    margin-left: 5px
}

#pd-footer {
    font-size: 0.7rem
}

.pd-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    font-size: 39px;
    line-height: 40px;
    position: relative
}

.pd_modal_mini {
    position: relative;
    box-sizing: border-box
}

.pd_modal_mini .button {
    font-size: 100%;
    margin-right: 2px
}

.pd_modal_mini p {
    padding: 15px
}

.pd_modal_mini .pd_modal_buttons,
.pd_modal_mini .pp_details {
    width: 100%;
    height: 32px;
    display: block;
    position: absolute;
    bottom: 0
}

.pd_nav_left,
.pd_nav_right {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 105px;
    display: block;
    margin-top: -53px;
    line-height: 105px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    color: inherit
}

.pd_nav_left:hover,
.pd_nav_right:hover {
    color: inherit
}

.pd_nav_left.disabled,
.pd_nav_right.disabled {
    display: none !important
}

.pd_nav_left {
    left: 0
}

.pd_nav_right {
    right: 0
}

.pd_modal_controls {
    float: right;
    margin: 10px
}

.pd_modal_controls .counter {
    line-height: 25px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: bottom
}

.pd_modal_title {
    float: none;
    padding: 15px 50px 15px 15px
}

#pp_full_res {
    overflow: hidden
}

div.pp_pic_holder {
    top: 100%
}

div.pp_pic_holder.popup {
    -webkit-transition: opacity 0.3s ease-in-out 1s, top 0.3s ease-in-out 1s true;
    -moz-transition: opacity 0.3s ease-in-out 1s, top 0.3s ease-in-out 1s true;
    -o-transition: opacity 0.3s ease-in-out 1s, top 0.3s ease-in-out 1s true;
    transition: opacity 0.3s ease-in-out 1s, top 0.3s ease-in-out 1s true;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
}

.captcha-background {
    background: #f9f9f9;
    width: 100%;
    height: 74px;
    margin-top: 10px
}

.captcha-content {
    max-width: 144px;
    width: 144px;
    height: 74px;
    max-height: 74px;
    overflow: hidden
}

.captcha-content iframe {
    max-width: 258px;
    width: 258px;
    -webkit-transform: translate(-2px, -1px);
    -moz-transform: translate(-2px, -1px);
    transform: translate(-2px, -1px)
}

@media print {
    #header {
        background: #ffffff;
        height: 90px
    }
    #header div {
        background: #ffffff
    }
    .transparent-black {
        background: #000000
    }
    #logo img {
        opacity: 0
    }
    #pfv_logo {
        display: block !important;
        max-height: 90px;
        width: auto
    }
    #gallery-thumbnails li:nth-child(2) {
        display: none !important
    }
    .print-hide,
    .transparent-black.top-right,
    .sidebar-button,
    .sidebar-contact-form,
    .external-link,
    .counter-overlay,
    #adv_search_container,
    #listing-actions,
    #results-actions,
    #results-action-sub,
    #details-action-sub,
    #results-action-sub-bottom,
    .sticky-header,
    #results-email-alerts-box,
    #details-action-sub-bottom {
        display: none !important
    }
    .sidebar-quick-links {
        right: 0 !important;
        left: auto !important;
        top: 0 !important;
        position: absolute !important
    }
    .sidebar-qr-code {
        display: block !important;
        position: relative;
        right: 0 !important;
        left: auto !important;
        top: 0
    }
    .transparent-black {
        background: #000000
    }
}

.errorlist {
    display: block;
    visibility: hidden;
    width: 200px;
    position: absolute;
    padding: 8px;
    margin: 0 0 0 4px;
    opacity: 0;
opacity: 1;
opacity: 1;
    left: -40px;
    top: 80px;
    border: 1px solid #d6d6d6;
    border-radius: 0 2px 2px 2px;
    background: #fefefe;
    font-size: 12px;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.3);
    z-index: 999;
    color: #c90d1b;
    -webkit-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out
}

.errorlist:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #d6d6d6;
    border-width: 10px;
    margin-left: -10px
}

.errorlist:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #fefefe;
    border-width: 8px;
    margin-left: -8px
}

#id_terms_and_conditions_errors.error {
    top: 27px
}

.errorlist.error,
input+.errorlist.error {
    display: block;
    opacity: 1;
    top: 43px;
    visibility: visible
}

.input-container.pull-left .errorlist {
    left: -23px;
    max-width: 120px;
    top: 45px
}

.captcha-errors {
    left: -21px
}

.captcha-errors.error {
    left: -21px;
    top: 60px
}

.facebook-search {
    height: 33px;
    line-height: 33px
}

.facebook-search .adv_search_icon {
    display: none !important
}

.facebook-search .search-icon {
    display: inline-block;
    height: 33px;
    line-height: 33px;
    width: 28px
}

.facebook-search .search-icon:before {
    content: "";
    font-size: 18px;
    z-index: 0;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#facebook-overview .adv_search_box1 {
    margin-bottom: 25px
}

#facebook-overview .adv_search_box2 {
    margin: 0 auto
}

#facebook-overview .adv_search_suburbs {
    margin-top: 8px;
    margin-left: 20px
}

#facebook-overview .form_end {
    float: right
}

#facebook-overview .adv_search_content {
    margin-top: 20px;
    margin-bottom: 20px
}

#facebook-overview .adv_search_bottom {
    margin-top: 8px
}

#facebook-overview .adv_search_webref_back_link {
    padding-bottom: 20px
}

#facebook-overview .adv_search_property_types {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px
}

#facebook-overview .select2-choice,
#facebook-overview .select2-choices {
    border: solid 1px #d6d6d6;
    min-height: 28px
}

#facebook-overview .select2-container .select2-choice .select2-arrow b {
    display: inline-block;
    vertical-align: middle
}

#facebook-overview .select2-container .select2-choice .select2-arrow b:before {
    line-height: 30px
}

#facebook-overview .select2-search-choice-close:before {
    top: 4px
}

#facebook-overview #id_property_count {
    margin-right: 8px;
    line-height: 30px;
    height: 30px;
    font-weight: 600
}

#facebook-overview #adv_search_more_less_container a {
    background: none;
    padding-left: 15px;
    text-decoration: none
}

#facebook-overview #adv_search_webref_back_link a {
    background: none;
    padding-left: 15px;
    text-decoration: none
}

#facebook-overview #id_web_ref_search_link a {
    padding-left: 15px;
    text-decoration: none
}

#facebook-overview #id_web_ref_search_link a:hover {
    padding-left: 15px
}

#facebook-overview #adv_search_suburbs label {
    font-weight: normal
}

#facebook-overview #adv_search_properties label {
    font-weight: normal
}

.facebook-search-container {
    padding: 17px 13px 16px 14px;
    background: #f2f2f2;
    width: 470px;
    color: #545158
}

.padding-left-11 {
    padding-left: 11px
}

.padding-left-34 {
    padding-left: 34px
}

.facebook-heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    padding-left: 10px
}

.padding-bottom-25 {
    padding-bottom: 25px
}

ul.as-selections {
    background-color: #FFFFFF;
    border: 1px solid #809DB9;
    float: left;
    margin: 0;
    overflow: auto;
    width: 550px
}

.facebook-listings {
    height: 33px;
    line-height: 33px
}

.facebook-latest-listings-container {
    padding: 16px 13px;
    width: 470px;
    box-sizing: border-box
}

#facebook-overview .listing-price h3 {
    font-size: 1rem;
    margin-bottom: 5px
}

#facebook-overview .listing-header {
    font-size: 0.76rem
}

#facebook-overview .listing-webref {
    font-size: 0.76rem
}

#facebook-overview .listing-buttons {
    font-size: 1rem
}

.listed {
    color: #666666
}

.facebook-browse-suburb {
    padding: 16px 13px
}

.facebook-browse-suburb a {
    font-size: 0.8rem
}

.facebook-address {
    font-size: 0.8rem
}

.call {
    color: #000;
    font-size: 15px
}

.facebook-more-info {
    background: url(../../img/custom/facebook/more-info.gif) no-repeat;
    width: 52px;
    height: 20px;
    padding-top: 4px;
    padding-left: 20px;
    font-size: 11px;
    display: block;
    float: left;
    margin-right: 5px
}

.facebook-map-property {
    background: url(../../img/custom/facebook/map-property.gif) no-repeat;
    width: 71px;
    height: 20px;
    padding-top: 4px;
    padding-left: 20px;
    font-size: 11px;
    display: block;
    float: left
}

.bullets {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.bullets li {
    position: relative;
    list-style-image: none;
    list-style-type: 0;
    background-image: none;
    background-repeat: no-repeat;
    padding-left: 0px;
    font-size: 100%;
    line-height: 1.1rem
}

.bullets li:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    text-align: center;
    content: "";
    line-height: 20px;
    top: 0
}

#dragtomove {
    position: fixed;
    background: rgba(255, 255, 255, 0.9);
    color: #333333;
    padding: 0 3px;
    z-index: 100000000;
    display: none !important
}

.terms-conditions {
    padding-left: 15px
}

.meta-section {
    padding-top: 15px
}

.meta-section h5 {
    font-size: 0.8rem
}

.input-container {
    position: relative
}

.divider {
    border-bottom: 0
}

.centered {
    width: 100%;
    height: 100%;
    /* -webkit-transform: translate(50%, 50%); */
    /* -moz-transform: translate(50%, 50%); */
    /* transform: translate(50%, 50%) */
}

.centered img {
    /* -webkit-transform: translate(-50%, -50%); */
    /* -moz-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.large-image-overlay {
    overflow: hidden
}

.large-image-overlay img {
    max-width: 100%;
    max-height: 100%
}

.pd_modal_inner .pd_modal_title {
    padding: 15px;
    z-index: 1;
    float: left;
    max-width: 760px
}

.pd_modal_inner .full-width .pd_modal_title {
    padding: 10px;
    border-bottom: 0;
    margin: 0
}

.pd_modal_inner .pd_modal_controls a {
    margin-right: 5px
}

.pd_modal_inner .pd_modal_controls a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.pd_modal_inner .pd_modal_close {
    z-index: 1;
    width: 25px;
    font-size: 0;
    height: 25px;
    border: 1px solid #d6d6d6;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0px !important
}

.pd_modal_inner .pd_modal_close:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e60d";
    color: #d6d6d6;
    font-size: 21px;
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.pd_modal_inner .zoom-in {
    display: inline-block;
    z-index: 1;
    width: 25px;
    height: 25px;
    font-size: 0;
    text-align: center;
    border: 1px solid #d6d6d6;
    box-sizing: border-box
}

.pd_modal_inner .zoom-in:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00e";
    color: #d6d6d6;
    font-size: 17px;
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.pd_modal_inner .zoom-out {
    display: inline-block;
    z-index: 1;
    width: 25px;
    text-align: center;
    height: 25px;
    font-size: 0;
    border: 1px solid #d6d6d6;
    box-sizing: border-box
}

.pd_modal_inner .zoom-out:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f010";
    color: #d6d6d6;
    font-size: 17px;
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.pd_modal_inner .reset-zoom {
    display: inline-block;
    z-index: 1;
    width: 25px;
    text-align: center;
    height: 25px;
    font-size: 0;
    border: 1px solid #d6d6d6;
    box-sizing: border-box
}

.pd_modal_inner .reset-zoom:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f021";
    color: #d6d6d6;
    font-size: 18px;
    position: relative;
    left: 1px;
    vertical-align: middle;
    display: inline-block
}

.sublist {
    margin-left: 8px
}

.breadcrumbs {
    margin-bottom: 7px
}

.temp-overlayed {
    position: fixed;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%
}

.holiday-letting-cards {
    text-align: right
}

.card-accepted {
    float: left;
    margin-left: 7px
}

.pd_modal_block {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.icon-sidebar-phone:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f095";
    position: relative;
    top: 2px;
    left: 0px;
    font-size: 14px;
    margin-right: 3px
}

.agent-meta {
    position: relative;
    height: 150px
}

.agent-meta .agent-links {
    position: absolute;
    bottom: 0;
    background: inherit
}

.property-list-link {
    cursor: pointer
}

.content-block .bond-assumptions,
.content-block .holiday-rates,
.content-block .holiday-notes {
    color: #666666
}

.content-block .bond-assumptions b,
.content-block .holiday-rates b,
.content-block .holiday-notes b,
.content-block .bond-assumptions strong,
.content-block .holiday-rates strong,
.content-block .holiday-notes strong {
    color: #333333;
    white-space: nowrap
}

.content-block .bond-assumptions .pull-left,
.content-block .holiday-rates .pull-left,
.content-block .holiday-notes .pull-left {
    margin-right: 30px
}

.top-nav-counter-list li {
    margin: 0 3px;
    padding: 0 3px;
    min-width: 25px;
    width: auto
}

.maxi-select {
    width: 100%
}

.maxi-select .select2-input {
    float: left;
    width: 100% !important
}

.maxi-select .select2-search-choice {
    position: absolute !important;
    display: none !important
}

.vSelectField.select2-container-multi {
    height: auto !important
}

@media print {
    #header {
        background: #ffffff;
        height: 90px
    }
    #header div {
        background: #ffffff
    }
    .transparent-black {
        background: #000000
    }
    #logo img {
        opacity: 0
    }
    #pfv_logo {
        display: block !important;
        max-height: 90px;
        width: auto
    }
    #gallery-thumbnails li:nth-child(2) {
        display: none !important
    }
    .thumb-navigation li img {
        visibility: visible !important
    }
    .print-hide,
    .transparent-black.top-right,
    .sidebar-button,
    .sidebar-contact-form,
    .external-link,
    .counter-overlay,
    #adv_search_container,
    #listing-actions,
    #results-actions,
    #results-action-sub,
    #details-action-sub,
    #results-action-sub-bottom,
    .sticky-header,
    #results-email-alerts-box,
    #details-action-sub-bottom {
        display: none !important
    }
    .sidebar-quick-links {
        right: 0 !important;
        left: auto !important;
        top: 0 !important;
        position: absolute !important
    }
    .sidebar-qr-code {
        display: block !important;
        position: relative;
        right: 0 !important;
        left: auto !important;
        top: 0
    }
    .transparent-black {
        background: #000000
    }
}

#results-map-popup {
    box-sizing: border-box;
    width: 460px;
    height: 120px;
    right: 0;
    top: 0;
    background: #ffffff;
    z-index: 3;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden
}

#results-map-popup .property-list-link {
    color: inherit;
    height: 120px
}

#results-map-popup .property-list-image-thumb {
    width: 160px;
    height: 120px;
    position: relative;
    overflow: hidden;
    float: left
}

#results-map-popup .property-list-image-thumb img {
    width: 160px;
    height: 120px
}

#results-map-popup .property-list-image-thumb .tags {
    display: none
}

#results-map-popup .property-list-image-thumb .icons {
    border: 0 none !important
}

#results-map-popup .property-list-image-thumb .transparent-black i+span {
    font-size: 0.7rem
}

#results-map-popup .property-list-details {
    float: left;
    padding: 15px 10px 0 15px;
    height: 120px;
    width: 300px;
    position: relative
}

#results-map-popup .property-list-details .property-list-land-size {
    display: inline-block;
    white-space: normal
}

#results-map-popup .property-list-details .property-price-heading {
    font-size: 1.2rem;
    margin: 0 0 10px
}

#results-map-popup .property-list-details .property-marketing-heading {
    font-size: 0.8rem;
    margin: 0 0 10px
}

#results-map-popup .property-list-details .results-content {
    display: none
}

#results-map-popup .property-list-details .property-list-meta {
    font-size: 0
}

#results-map-popup .property-list-details .property-list-meta * {
    float: none;
    font-size: 0.8rem;
    text-align: left;
    vertical-align: top
}

#results-map-popup .property-list-webref {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 0.7rem;
    display: none
}

#grand-total {
    white-space: nowrap
}

#sidebar.unstick,
#sidebar-contact.unstick {
    top: auto !important
}

.pd_modal_mini {
    padding-bottom: 0 !important
}

.pp_close {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#results-favourites .icon-favourites {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 37px !important;
    line-height: 0;
    margin-right: 7px;
    width: 38px;
    z-index: 0;
    box-sizing: border-box
}

.transparent-black.sold,
.transparent-black.rented,
.transparent-black.pending {
    background: #990000
}

.favourite-property-results-page #results-list {
    min-height: 930px
}

#sidebar-qr-code[style="display: block;"],
#sidebar-social-sharing[style="display: block;"] {
    overflow: visible !important
}

.development-logo {
    overflow: hidden
}

.transparent-red.top-left+.transparent-black.top-left {
    right: 0 !important
}

.full .vSelectField {
    margin-right: 0 !important
}

.footer-content h2 {
    color: inherit;
    font-size: 1.8rem
}

.loader-mini {
    color: transparent !important
}

.issue-bubble {
    line-height: 1rem !important
}

.issue-bubble .issue-bubble-date {
    margin-top: 2px !important
}

.newsletter-page .document-table td {
    padding: 6px 0 !important;
    white-space: nowrap
}

.newsletter-page .document-table thead th {
    text-align: left;
    padding: 6px 0;
    border-bottom: 1px solid #d6d6d6
}

.newsletter-page td.col-document-name {
    padding: 6px 15px 6px !important
}

.newsletter-page .icon-send {
    display: inline-block;
    margin-right: 4px;
    line-height: 0
}

.newsletter-page .icon-send:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 16px;
    position: relative;
    top: -2px;
    content: "\f003";
    vertical-align: middle
}

.newsletter-page .icon-view {
    display: inline-block;
    margin-right: 4px;
    line-height: 0
}

.newsletter-page .icon-view:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 16px;
    content: "\f002";
    vertical-align: middle
}

.edit-alerts {
    display: none
}

iframe[name='google_conversion_frame'] {
    width: 0;
    height: 0;
    display: block
}

.loader {
    background: url(../../img/ajax-loader.gif) center center no-repeat !important;
    background-size: 15% auto
}

.loader-mini,
.loader-mini:hover {
    background-image: url(../../img/ajax-loader.gif) !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 18px 18px !important;
    border: 0 !important;
    outline: 0 important !important;
    box-shadow: 0 !important;
    color: transparent
}

.listing-new-development-info .development-logo {
    overflow: hidden
}

.eos-rotate-overlay {
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 900000
}

.eos-rotate-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 900001;
    width: 320px
}

.eos-rotate-wrapper .eos-rotate-image {
    display: inline-block;
    margin-bottom: 30px
}

.eos-rotate-wrapper .eos-rotate-text {
    font-size: 16px;
    line-height: 1.3
}

#id_branch_email_form .pull-left textarea {
    min-height: 74px;
    max-height: 74px
}

#id_branch_email_form .input-container.pull-left .eos-captcha-error.errorlist {
    top: 68px;
    left: -15px;
    width: auto;
    max-width: none
}

#id_branch_email_form .captcha-background {
    margin-top: 16px
}

#id_branch_email_form .errorlist {
    white-space: nowrap
}

#id_branch_email_form .input-container.pull-left .errorlist {
    top: 44px;
    left: -15px;
    width: auto;
    max-width: none
}

#agent-list-container {
    min-height: 190px
}

.listing-features-content .half {
    vertical-align: top
}

.unsub-heading {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 20px
}

.unsub-heading-line {
    padding-bottom: 15px;
    border-bottom: 1px solid #d6d6d6
}

.unsub-cancel,
.alerts-unsub-cancel,
.leads-unsub-cancel {
    margin-left: 5px
}

#alerts-unsubscribe .unsub-unsub:before,
#leads-unsubscribe .unsub-unsub:before {
    content: " | ";
    pointer-events: none;
    color: #d6d6d6
}

#mailing-list-unsubscribe .unsub-unsub:before {
    content: " | ";
    pointer-events: none;
    color: #d6d6d6
}

#mailing-list-unsubscribe .unsub-headers {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    border-bottom: 1px solid #d6d6d6
}

#mailing-list-unsubscribe .unsub-headers .unsub-head {
    box-sizing: border-box;
    flex: 0 0 180px;
    padding-right: 20px;
    margin-bottom: 20px;
    color: #212121;
    font-weight: bold
}

#mailing-list-unsubscribe .unsub-row {
    flex-wrap: nowrap;
    padding-bottom: 0;
    padding-top: 0;
    height: 50px
}

#mailing-list-unsubscribe .unsub-row[style*="block"] {
    display: flex !important
}

#mailing-list-unsubscribe .unsub-row[style*="block"] .unsub-col {
    flex: 1 0 auto
}

#mailing-list-unsubscribe .unsub-col {
    padding-top: 0;
    padding-bottom: 0
}

#mailing-list-unsubscribe .unsub-branch {
    flex: 1 0 200px
}

#mailing-list-unsubscribe .unsub-actions {
    margin-left: auto;
    position: relative;
    padding-right: 0;
    flex: 0 0 auto
}

.unsubscribe-table {
    min-width: 100%
}

.unsubscribe-table-wrapper {
    max-width: 100%
}

.unsubscribe-table .errorlist {
    display: inline-block;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal
}

.unsubscribe-table td,
.unsubscribe-table th {
    padding: 0.75rem 0.8rem
}

.unsubscribe-table thead tr th {
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid #d6d6d6
}

.unsubscribe-table thead tr th:first-of-type {
    padding-left: 0
}

.unsubscribe-table thead tr th:last-of-type {
    padding-right: 0
}

.unsubscribe-table tbody tr td {
    text-align: left;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #d6d6d6;
    float: none !important
}

.unsubscribe-table tbody tr td:first-of-type {
    padding-left: 0
}

.unsubscribe-table tbody tr td:last-of-type {
    padding-right: 0
}

.unsubscribe-table tbody tr.form-section td {
    overflow: auto
}

.unsubscribe-table .unsub-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 40px;
    padding-top: 20px;
    border-bottom: 1px solid #d6d6d6
}

.unsubscribe-table .unsub-row.empty {
    padding-bottom: 0
}

.unsubscribe-table .unsub-row .unsub-actions {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 0;
    padding-bottom: 18px
}

.unsubscribe-table .unsub-col {
    box-sizing: border-box;
    flex: 0 0 180px;
    padding-right: 20px;
    padding-bottom: 20px
}

.unsubscribe-table .unsub-col strong {
    color: #212121
}

.unsubscribe-table .unsub-branch {
    flex: 0 0 300px
}

.unsubscribe-table .unsub-actions {
    min-width: 100px;
    text-align: right !important
}

.unsubscribe-table .unsub-full_name {
    min-width: 100px
}

.unsubscribe-table .unsub-full_name>input {
    padding-left: 10px;
    min-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #E7E7E7
}

.unsubscribe-table .unsub-email_address {
    min-width: 100px
}

.unsubscribe-table .unsub-contact_number {
    min-width: 100px
}

.unsubscribe-table .unsub-contact_number>input {
    padding-left: 10px;
    min-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #E7E7E7
}

.unsubscribe-table .unsub-user_type {
    min-width: 100px
}

.unsubscribe-table .unsub-branch {
    min-width: 100px
}

.unsubscribe-table .unsub-price {
    padding-right: 0
}

.unsubscribe-table .unsub-unsubbed,
.unsubscribe-table .unsub-updated {
    font-size: 20px;
    font-weight: bold
}

.unsubscribe-table .unsub-unsubbed:before,
.unsubscribe-table .unsub-updated:before {
    content: "";
    border-bottom: 3px solid #212121;
    border-right: 3px solid #212121;
    width: 8px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

.unsub-all {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    overflow: hidden
}

.additional-page-image {
    overflow: hidden
}

.icon-whatsapp:before {
    content: "\f279";
    margin-right: 3px
}

.sharing-icon {
    display: inline-block;
    vertical-align: middle
}

.sharing-icon:before {
    display: inline-block;
    position: relative;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    text-align: center
}

.mailing-list-header {
    display: flex;
    width: 100%
}

.consent-box {
    margin: 57px 0 103px;
    padding: 5px 50px 25px;
    box-sizing: border-box;
    background-color: #f0f0f0
}

.consent-box a {
    text-decoration: underline
}

.consent-icon {
    width: 88px;
    height: 88px;
    margin-right: 40px
}

@font-face {
    font-family: 'MyriadPro-Regular';
    font-weight: 400;
    src: url('../../fonts/MyriadPro-Regular.eot');
    src: url('../../fonts/MyriadPro-Regular.eot') format('embedded-opentype'), url('../../fonts/MyriadPro-Regular.woff2') format('woff2'), url('../../fonts/MyriadPro-Regular.woff') format('woff'), url('../../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../../fonts/MyriadPro-Regular.svg') format('svg')
}

@font-face {
    font-family: 'MyriadPro-Cond';
    font-weight: 400;
    src: url('../../fonts/MyriadPro-Cond.eot');
    src: url('../../fonts/MyriadPro-Cond.eot') format('embedded-opentype'), url('../../fonts/MyriadPro-Cond.woff2') format('woff2'), url('../../fonts/MyriadPro-Cond.woff') format('woff'), url('../../fonts/MyriadPro-Cond.ttf') format('truetype'), url('../../fonts/MyriadPro-Cond.svg') format('svg')
}

@font-face {
    font-family: 'MyriadPro-Semibold';
    font-weight: 600;
    src: url('../../fonts/MyriadPro-Semibold.eot');
    src: url('../../fonts/MyriadPro-Semibold.eot') format('embedded-opentype'), url('../../fonts/MyriadPro-Semibold.woff2') format('woff2'), url('../../fonts/MyriadPro-Semibold.woff') format('woff'), url('../../fonts/MyriadPro-Semibold.ttf') format('truetype'), url('../../fonts/MyriadPro-Semibold.svg') format('svg')
}

@font-face {
    font-family: 'MyriadPro-Bold';
    font-weight: 700;
    src: url('../../fonts/MyriadPro-Bold.eot');
    src: url('../../fonts/MyriadPro-Bold.eot') format('embedded-opentype'), url('../../fonts/MyriadPro-Bold.woff2') format('woff2'), url('../../fonts/MyriadPro-Bold.woff') format('woff'), url('../../fonts/MyriadPro-Bold.ttf') format('truetype'), url('../../fonts/MyriadPro-Bold.svg') format('svg')
}

html {
    font-size: 17px;
    font-family: "MyriadPro-Regular", sans-serif
}

.main-content {
    position: relative;
    min-height: 580px
}

.header-content {
    background: var(--color1);
    height: 120px
}

#logo {
    position: relative;
    display: block;
    margin-bottom: 18px;
    margin-top: 19px;
    float: left
}

#logo img {
    height: 82px
}
@media(max-width: 1024px) {
    #logo img {
        height: 50px
    }
}

ul.header-social-links {
    list-style-type: none;
    padding: 0;
    margin: 20px 0 0 5px
}

ul.header-social-links .googleplus_button-icon:before {
    font-size: 28px !important
}

ul.header-social-links li {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    position: relative
}

ul.header-social-links li:first-of-type {
    margin-left: 0px
}

ul.header-social-links li a {
    color: var(--color3)
}

ul.header-social-links li a:hover {
    color: #333
}

ul.header-social-links li i:before {
    font-size: 23px;
    vertical-align: top;
    position: relative;
    top: auto;
    left: auto;
    line-height: 1
}

ul.header-social-links li .facebook_button-icon:before {
    position: relative
}

ul.header-social-links li .twitter_button-icon:before {
    position: relative;
    font-size: 27px;
    top: -1px
}

ul.header-social-links li .linkedin_button-icon:before {
    position: relative;
    font-size: 25px;
    top: -1px
}

ul.header-social-links li .youtube_button-icon:before {
    position: relative;
    top: -2px
}

ul.header-social-links li .googleplus_button-icon:before {
    position: relative;
    top: 0px
}

ul.header-social-links li .pinterest_button-icon:before {
    position: relative;
    font-size: 25px;
    top: -1px
}

.menu {
    position: absolute;
    z-index: 1000;
    margin: 0 auto;
    top: 48px;
    right: 0;
    background-color: transparent
}
@media(max-width: 1024px) {
    .menu {
        top: 24px
    }
}

.menu-content {
    margin: 0 auto
}

.menu-bg ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.menu-bg li {
    position: relative;
    text-transform: uppercase;
    font-weight: normal
}

.menu-bg>ul>li {
    display: inline;
    padding: 0;
    float: left;
    position: relative;
    z-index: 1000
}

.menu-bg>ul>li>a {
    color: #fff;
    background: transparent;
    display: block;
    border-right: 0;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0 5px;
    line-height: 14px;
    position: relative;
    z-index: 1000;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.menu-bg>ul>li:hover>a {
    color: #fff !important;
    background: transparent;
    border: 1px solid #fff;
}

.menu-bg>ul>li:hover>a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--color3);
    width: 100%;
    height: 2px
}

.menu-bg>ul>li.active>a {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}

.menu-bg>ul>li.active>a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--color3);
    width: 100%;
    height: 2px
}

.menu-bg>ul>li.active:hover>a {
    color: var(--color1);
    background: #ffffff
}

.menu-bg>ul>li>ul>li {
    width: 100%;
    white-space: nowrap;
    margin-left: 5px
}

.menu-bg>ul>li>ul>li a {
    color: var(--color2);
    /* background: var(--color3); */
    background: #fff;
    padding: 5px 32px 5px 12px;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 0.76rem;
    line-height: 1.5rem;
    display: block;
    border-bottom: 1px solid #fff;
}

.menu-bg>ul>li>ul>li a:hover {
    color: #fff !important;
    background: var(--color2);
}

.slideDown .menu-bg>ul>li>ul {
    height: auto;
    opacity: 1;
    top: -999px
}

.slideDown .menu-bg>ul>li:hover>ul {
    top: 100%;
    opacity: 1
}

.fadeInUp .menu-bg>ul>li>ul {
    height: 0;
opacity: 1;
    top: 200%
}

.fadeInUp .menu-bg>ul>li:hover>ul {
    height: auto;
    top: 100%;
    opacity: 1
}

.fadeIn .menu-bg>ul>li>ul {
    opacity: 0;
opacity: 1;
opacity: 1;
    top: 100%;
    height: 0
}

.fadeIn .menu-bg>ul>li:hover>ul {
    height: auto;
    opacity: 1
}

.header-image {
    width: 100%;
    min-height: 460px;
    height: -webkit-calc(100vh - 121px);
    height: -moz-calc(100vh - 121px);
    height: calc(100vh - 121px);
    z-index: 9;
    position: relative;
    min-width: 940px;
    /* overflow: hidden; */
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    -moz-transition: all 0.3s ease-in-out 0.3s;
    -o-transition: all 0.3s ease-in-out 0.3s;
    transition: all 0.3s ease-in-out 0.3s
}

@media(max-width: 1024px){
    .header-image {
        min-width: 100%
    }
}

.header-image .banner-text {
    position: absolute;
    font-size: 18px;
    font-weight: 900;
    float: right;
    color: #ffffff;
    z-index: 1201;
    right: 5px;
    top: -40px;
    letter-spacing: 5px
}

.resizer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0
}

#rndList {
    height: 100%;
    width: 100%;
    z-index: -1;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.5s ease-in-out 0.15s;
    -moz-transition: all 0.5s ease-in-out 0.15s;
    -o-transition: all 0.5s ease-in-out 0.15s;
    transition: all 0.5s ease-in-out 0.15s
}

#rndList li {
    height: 100%;
    width: 100%;
    position: relative;
    display: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center
}

.search-wrapper {
    width: 1000px;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -500px;
    -webkit-transition: all 0.5s ease-in-out 0.3s;
    -moz-transition: all 0.5s ease-in-out 0.3s;
    -o-transition: all 0.5s ease-in-out 0.3s;
    transition: all 0.5s ease-in-out 0.3s
}
@media (max-width: 1024px) {
    .search-wrapper {
        width: 80%;
        margin-left: 0;
        left: 10%

    }
    
}

.search-wrapper #adv_search_container {

    /* background: rgba(43, 45, 108, 0.73); */
    background:rgba(var(--color1-rgb), 0.73);
    padding: 6px 0
}

.adv_search_container {
    /* background: #333; */
    background-color: var(--color1);
    font-size: 17px;
    z-index: 1100;
    position: relative;
    font-size: 0.8rem
}

.adv_search_box1 {
    background: transparent
}

.select2-container .select2-choice,
.select2-container-multi .select2-choices {
    border: 1px solid #d6d6d6
}

.select2-drop {
    border: 1px solid #d6d6d6
}

.select2-container .select2-choice abbr {
    background: #ffffff
}

.select2-container .select2-choice .select2-arrow b {
    background: #ffffff;
    text-align: center;
    font-size: 12px
}

.select2-container .select2-choice .select2-arrow b:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333
}

fieldset p>input[type="checkbox"]+label:before {
    background: #f1f1f1;
    border: none
}

fieldset p>input[type="checkbox"]:checked+label:after {
    color: #333333
}

#adv_search_properties fieldset p>input[type="checkbox"]+label:before,
#adv_search_suburbs fieldset p>input[type="checkbox"]+label:before {
    background: #ffffff;
    width: 14px;
    height: 14px;
    border: 1px solid #d6d6d6
}

#adv_search_properties fieldset p>input[type="checkbox"]:checked+label:after,
#adv_search_suburbs fieldset p>input[type="checkbox"]:checked+label:after {
    color: var(--color3)
}

.adv_search_heading {
    color: #ffffff
}

.more_search_options_link:before {
    color: var(--color3)
}

.less_search_options_link:before {
    color: var(--color3)
}

.web_ref_search_link a:before {
    color: var(--color3)
}

.adv_search_webref_back_link a:before {
    color: var(--color3)
}

input::-webkit-input-placeholder {
    color: #999999 !important;
    opacity: 1
}

input::-moz-placeholder {
    color: #999999 !important;
    opacity: 1
}

input:-moz-placeholder {
    color: #999999 !important;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #999999 !important;
    opacity: 1
}

.id_reference_number {
    border: 1px solid #d6d6d6
}

.webref_button {
    /* color: #333; */
    color: #fff;
    background: var(--color1);
    text-transform: uppercase;
    font-size: 12px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 15px;
    border-radius: 10px;
}
.webref_button:hover {
    background: var(--color2);
    color: #fff !important;
}
.id_neighbouring_suburbs a {
    color: #ffffff
}

.id_neighbouring_suburbs a:hover {
    color: var(--color3)
}

#id_web_ref_search_link a {
    color: #ffffff;
    text-decoration: none;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 13px;
    border: 1px solid rgba(255, 255, 255, 0.51);
    padding: 6px 9px 8px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#id_web_ref_search_link a:hover {
    color: var(--color3)
}

#adv_search_webref_back_link a {
    color: #ffffff;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 13px;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.51);
    padding: 6px 9px 8px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#adv_search_webref_back_link a:hover {
    color: var(--color3)
}

#adv_search_more_less_container a {
    color: #ffffff;
    text-decoration: none;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.51);
    padding: 6px 9px 8px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#adv_search_more_less_container a.less_search_options_link {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.51);
    padding: 6px 9px 8px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#adv_search_more_less_container a.less_search_options_link:hover {
    color: var(--color3)
}

#adv_search_more_less_container a:hover {
    color: var(--color3)
}

#adv_search_more_less_container a::before {
    margin-right: 6px;
    margin-left: 0px
}

#facebook-overview #id_web_ref_search_link a,
#facebook-overview #adv_search_webref_back_link a,
#facebook-overview #adv_search_more_less_container a {
    border: 1px solid rgba(38, 63, 140, 0.51)
}

#facebook-overview #id_web_ref_search_link a.less_search_options_link,
#facebook-overview #adv_search_webref_back_link a.less_search_options_link,
#facebook-overview #adv_search_more_less_container a.less_search_options_link {
    border: 1px solid rgba(38, 63, 140, 0.51)
}

#id_property_count {
    font-family: 'MyriadPro-Bold';
    color: #ffffff
}

#adv_search_suburbs label {
    color: #ffffff;
    font-weight: normal
}

#adv_search_properties label {
    color: #ffffff;
    font-weight: normal
}

.id_as_price_from,
.id_as_price_to,
.id_as_price_from_278,
.id_as_price_to_278,
.id_as_size_from,
.id_as_size_to {
    border: solid 1px #d6d6d6
}

.sticky-header {
    background: #ffffff
}

.sticky-header.stick {
    border-bottom: 5px solid #333
}

.sticky-header .sticky-logo {
    text-align: left;
    margin-right: 0;
    width: 150px
}

.sticky-header .sticky-logo img {
    position: relative;
    max-width: auto;
    display: inline-block;
    vertical-align: middle;
    height: auto
}

#sticky-filters-form label {
    color: #333333;
    display: block;
    margin-bottom: 4px
}

.maxi-dropdown .select2-results .select2-selected:after {
    color: #333
}

.sticky-header .input {
    border: 1px solid #d6d6d6
}

.sticky-header .select2-container .select2-choice .select2-arrow b {
    background: #ffffff
}

.sticky-header .filter-submit {
    background: #333;
    color: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.sticky-header .filter-submit .icon-sticky-filter {
    color: #ffffff
}

.sticky-header .filter-submit .icon-sticky-filter:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
    content: "\f00e";
    position: relative
}

.sticky-header .filter-text {
    color: #333333
}

.action-button {
    background: #ffffff;
    color: #333333
}

.action-button>a {
    border: 1px solid #d6d6d6
}

#results-map {
    color: #333333;
    box-sizing: border-box
}

#results-map .icon-map-pin {
    color: #333
}

.header-bordered {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6
}

.header-bottom-bordered {
    border-bottom: 1px solid #d6d6d6
}

#results-filter .vSelectField .select2-choice,
.sidebar-contact-form .vSelectField .select2-choice,
.header-bordered .vSelectField .select2-choice {
    background: #ffffff;
    border: 1px solid #d6d6d6;
    line-height: 32px
}

#results-filter .vSelectField .select2-choice .select2-arrow b,
.sidebar-contact-form .vSelectField .select2-choice .select2-arrow b,
.header-bordered .vSelectField .select2-choice .select2-arrow b {
    background: #ffffff;
    line-height: 32px
}

#results-filter .vSelectField .select2-choice .select2-arrow b:before,
.sidebar-contact-form .vSelectField .select2-choice .select2-arrow b:before,
.header-bordered .vSelectField .select2-choice .select2-arrow b:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333333;
    content: "\f0dc";
    font-size: 17px
}

#results-alerts {
    color: #333333;
    z-index: 902
}

#results-alerts .icon-alerts {
    color: #333
}

.results-alerts-mini {
    background: #ffffff;
    border: 1px solid #d6d6d6
}

#results-favourites {
    color: #333333;
    box-sizing: border-box
}

#results-favourites .icon-favourites {
    color: #333
}

#results-favourites .icon-favourites .count {
    color: #ffffff
}

#results-map-details {
    background: #ffffff;
    color: #333333
}

#results-map-details .map-details-close {
    background: #ffffff;
    border: 1px solid #d6d6d6
}

#results-map-details .property-list-details {
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6
}

#results-map-details:before {
    border-right: 15px solid #ffffff
}

.top-nav-counter-list li.now {
    background: #f1f1f1;
    font-weight: 600
}

.top-nav-counter-list li span {
    font-family: "MyriadPro-Regular", sans-serif
}

.sidebar-button {
    background: #ffffff;
    color: #333333
}

.sidebar-button a {
    border: 1px solid #d6d6d6
}

.sidebar-button i {
    background: #ffffff
}

.sidebar-button.active a {
    border-bottom: 1px solid #ffffff
}

#sidebar-print.active a,
#sidebar-pdf a {
    border-bottom: 1px solid #d6d6d6
}

#sidebar-pdf .icon-sidebar-pdf {
    color: #999999
}

#sidebar-print .icon-sidebar-print {
    color: #999999
}

#sidebar-scan .icon-sidebar-scan {
    color: #999999
}

#sidebar-share .icon-sidebar-share {
    color: #999999
}

#sidebar-qr-code,
#sidebar-social-sharing {
    background: #ffffff;
    color: #333333;
    border: 1px solid #d6d6d6
}

.sidebar-qr-code .qr-code-grey {
    color: #666666
}

.operating-systems .icon-android {
    color: #666666
}

.operating-systems .icon-apple {
    color: #666666
}

.operating-systems .icon-windows {
    color: #666666
}

.operating-systems .icon-blackberry {
    color: #666666
}

.sidebar-contact {
    background: #ffffff;
    color: #333333;
    border: 1px solid #d6d6d6;
    padding: 20px
}

.sidebar-email-friend fieldset p>input[type="checkbox"]+label:before,
.sidebar-contact fieldset p>input[type="checkbox"]+label:before {
    background: #f1f1f1;
    border: none
}

.sidebar-input,
.sidebar-textarea,
.sidebar-date {
    background: #f1f1f1;
    color: #333333;
    width: 100%;
    border: none;
    box-sizing: border-box
}

.sidebar-contact-form .vSelectField .select2-choice,
#make-an-offer-form .vSelectField .select2-choice,
.form-section .vSelectField .select2-choice,
.sidebar-contact-form .vSelectField .select2-choices,
#make-an-offer-form .vSelectField .select2-choices,
.form-section .vSelectField .select2-choices {
    background: #f1f1f1 !important;
    color: #333333 !important
}

.sidebar-contact-form .vSelectField .select2-arrow b,
#make-an-offer-form .vSelectField .select2-arrow b,
.form-section .vSelectField .select2-arrow b {
    background: #f1f1f1 !important;
    color: #333333 !important
}

.sidebar-contact-form .vSelectField .select2-arrow b:before,
#make-an-offer-form .vSelectField .select2-arrow b:before,
.form-section .vSelectField .select2-arrow b:before {
    color: #333333 !important
}

.sidebar-dropdown {
    background: #f1f1f1 !important;
    color: #333333 !important
}

.sidebar-input::placeholder,
.sidebar-textarea::placeholder,
.full-input::placeholder {
    color: #333333 !important;
    opacity: 1
}

.sidebar-input::-webkit-input-placeholder,
.sidebar-textarea::-webkit-input-placeholder,
.full-input::-webkit-input-placeholder {
    color: #333333 !important;
    opacity: 1
}

.sidebar-input:-moz-placeholder,
.sidebar-textarea:-moz-placeholder,
.full-input:-moz-placeholder {
    color: #333333 !important;
    opacity: 1
}

.sidebar-input::-moz-placeholder,
.sidebar-textarea::-moz-placeholder,
.full-input::-moz-placeholder {
    color: #333333 !important;
    opacity: 1
}

.sidebar-input:-ms-input-placeholder,
.sidebar-textarea:-ms-input-placeholder,
.full-input:-ms-input-placeholder {
    color: #333333 !important;
    opacity: 1
}

.icon-agent-phone:before {
    color: #333
}

.icon-agent-search:before {
    color: #333
}

#results-list .property-list-item {
    background: #ffffff;
    border: 1px solid #d6d6d6;
    color: #333333
}

#results-list .property-list-item.featured {
    border: 4px solid #BDBDBD
}

#results-list .property-list-item .property-list-link:hover {
    background: #f5f5f5
}

#results-list .property-list-meta {
    color: #333333
}

#results-list .property-list-webref {
    color: #333333
}

.property-list-item .icon-beds,
.property-list-item .icon-baths,
.property-list-item .icon-garages,
.property-list-item .icon-openparking {
    color: #333333
}

.property-list-item .icon-beds:before,
.property-list-item .icon-baths:before,
.property-list-item .icon-garages:before,
.property-list-item .icon-openparking:before {
    color: #333
}

.no-favourites-highlight {
    border-left: 6px solid #333
}

.no-favourites-highlight:before {
    border-right: 15px solid #333
}

#results-list .property-list-inject {
    background: #ffffff;
    border: 1px solid #d6d6d6;
    padding: 20px
}

.box-alt-bg {
    background: #f1f1f1;
    border: 1px solid #f1f1f1
}

#results-list .block-content {
    color: #333333
}

#results-list .property-list-news-article-box .news-article-content {
    color: #333333
}

.results-email-alerts-box .icon-email-alerts:before {
    color: #333
}

.email-alerts-mini-close {
    background: #ffffff;
    border: 1px solid #d6d6d6
}

.results-email-alerts-box .full-input {
    background: #ffffff;
    color: #333333
}

#listing-back .icon-arrow-back {
    color: #333
}

.content-block {
    background: #ffffff;
    border: 1px solid #d6d6d6;
    color: #333333
}

.content-block h1#listing-price {
    color: #333
}

.property-list-meta .icon-beds,
.property-list-meta .icon-baths,
.property-list-meta .icon-garages,
.property-list-meta .icon-openparking {
    color: #333333
}

.property-list-meta .icon-beds:before,
.property-list-meta .icon-baths:before,
.property-list-meta .icon-garages:before,
.property-list-meta .icon-openparking:before {
    color: #333
}

#details-list .listing-media-tabs .action-button.active a {
    border-bottom: 1px solid #ffffff
}

#details-list .icon-camera {
    color: #333
}

#details-list .action-button .icon-video {
    color: #333
}

#details-list .icon-tour {
    color: #333
}

#details-list .icon-progress {
    color: #333
}

#details-list .icon-floorplan {
    color: #333
}

.new-dev-banners {
    border: 1px solid #d6d6d6
}

.gallery-thumbnails .counter-overlay {
    background: rgba(0, 0, 0, 0.7)
}

.gallery-thumbnails .thumbs-prev {
    background: #f1f1f1
}

.gallery-thumbnails .thumbs-prev i:before {
    color: #333333
}

.gallery-thumbnails .thumbs-next {
    background: #f1f1f1
}

.gallery-thumbnails .thumbs-next i:before {
    color: #333333
}

.listing-description p {
    color: #333333
}

.listing-features-content ul li:before {
    color: #333
}

.listing-features h5 {
    font-size: 0.8rem
}

.icon-yes:before {
    color: #333
}

.listing-on-show .on-show-get-directions .directions-input {
    background: #f1f1f1
}

.listing-downloads .document-table tr:nth-child(2n+2),
.listing-downloads .document-table tr.alt,
.offer-history-table tr.alt {
    background: #f1f1f1
}

#details-list .listing-map-tabs .action-button.active a {
    border-bottom: 1px solid #ffffff
}

#details-list .icon-map {
    color: #333
}

#details-list .icon-streetview {
    color: #333
}

#details-list .icon-amenities {
    color: #333
}

#id_amenities_info td a:hover {
    color: #333
}

.transparent-black {
    background: rgba(0, 0, 0, 0.7)
}

.transparent-red.top-left,
.transparent-black.sold,
.transparent-black.rented,
.transparent-black.pending {
    background: #333
}

#make-an-offer-form input.full-input {
    background: #f1f1f1;
    color: #333333
}

#make-an-offer-form input.mega-input {
    background: #f1f1f1;
    color: #333333
}

#make-an-offer-form fieldset p>input[type="checkbox"]+label:before {
    background: #f1f1f1
}

#make-an-offer-form fieldset p>input[type="checkbox"]:checked+label:before {
    background: #f1f1f1
}

#make-an-offer-form fieldset p>input[type="checkbox"]:checked+label:after {
    color: #333333
}

.input-number .number-control-up {
    background: #333
}

.input-number .number-control-up .icon-arrow-up:after {
    border-bottom: 1px solid #ffffff
}

.input-number .number-control-up .icon-arrow-up:before {
    color: #ffffff
}

.input-number .number-control-down {
    background: #333
}

.input-number .number-control-down .icon-arrow-down:before {
    color: #ffffff
}

.navigation-thumbnails .thumbs-prev {
    background: #f1f1f1
}

.navigation-thumbnails .thumbs-next {
    background: #f1f1f1
}

.navigation-thumbnails li.current {
    border-top: 6px solid #333
}

#sticky-details {
    color: #333333
}

#sticky-details .sticky-price {
    color: #333333
}

#sticky-details .sticky-details-meta .icon-beds,
#sticky-details .sticky-details-meta .icon-baths,
#sticky-details .sticky-details-meta .icon-garages,
#sticky-details .sticky-details-meta .icon-openparking {
    color: #333333
}

#sticky-details .sticky-details-meta .icon-beds:before,
#sticky-details .sticky-details-meta .icon-baths:before,
#sticky-details .sticky-details-meta .icon-garages:before,
#sticky-details .sticky-details-meta .icon-openparking:before {
    color: var(--color3)
}

#calculators .calculator-inputs .detail-more .icon-info-circle:before {
    color: #333333
}

#calculators .calculator-inputs input:not(.select2-input) {
    background: #f1f1f1;
    color: #333333
}

#calculators .income-table input[type="text"]:not(.select2-input),
#calculators .expense-table input[type="text"]:not(.select2-input),
#calculators .income-table input[type="number"]:not(.select2-input),
#calculators .expense-table input[type="number"]:not(.select2-input) {
    background: #f1f1f1;
    color: #333333
}

#calculators .income-table .currency-placeholder,
#calculators .expense-table .currency-placeholder {
    color: #333333
}

#calculators .select2-arrow b {
    background: #ffffff
}

#calculators .select2-arrow b:before {
    color: #333333
}

.divider {
    border-top: 1px solid #d6d6d6
}

#calculator-tabs .action-button.active a {
    border-bottom: 1px solid #ffffff
}

.form-section {
    border-top: 1px solid #d6d6d6
}

.form-section .pull-left input[type='text']:not(.select2-input),
.form-section .pull-left input[type='email'],
.form-section .pull-left input[type='number'] {
    background: #f1f1f1;
    color: #333333;
    border: none
}

.form-section .pull-left textarea {
    background: #f1f1f1;
    color: #333333;
    border: none
}

.form-section input::-webkit-input-placeholder,
.form-section textarea::-webkit-input-placeholder {
    color: #333333 !important
}

.form-section input:-moz-placeholder,
.form-section textarea:-moz-placeholder {
    color: #333333 !important
}

.form-section input::-moz-placeholder,
.form-section textarea::-moz-placeholder {
    color: #333333 !important
}

.form-section input:-ms-input-placeholder,
.form-section textarea:-ms-input-placeholder {
    color: #333333 !important
}

.quick-search:before {
    color: #333333
}

.branch-meta .border-left:before,
.area-profile-properies .border-left:before {
    border-right: 1px solid #d6d6d6
}

.meta-section {
    border-top: 1px solid #d6d6d6
}

.issue-bubble {
    background: var(--color3)
}

.issue-bubble:hover {
    color: #333333
}

.issue-bubble:after {
    border-color: var(--color3) rgba(0, 0, 0, 0)
}

.divider-line {
    border-top: 1px solid #d6d6d6
}

#sidebar-categories .category-list {
    border-top: 1px solid #d6d6d6
}

#sidebar-categories .category-list li {
    border-bottom: 1px solid #d6d6d6
}

.article-block .article-image {
    border: 1px solid #d6d6d6
}

.comments-block:after {
    border-color: #ffffff rgba(0, 0, 0, 0)
}

.comments-block:before {
    border-top: 1px solid #d6d6d6
}

.area-profile-listings-box {
    border: 1px solid #d6d6d6
}

.area-profile-listings-box .area-profile-property-links a:after {
    background: #333333
}

h1 {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 1.8rem;
    line-height: 1;
    color: #212121;
    font-weight: 300
}

h2 {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    color: var(--color3);
    font-weight: 300;
    text-transform: uppercase
}

h3 {
    font-family: 'MyriadPro-Semibold';
    font-size: 1.5rem;
    color: #333;
    line-height: 1;
    font-weight: 600;
    margin: 0px
}

h4 {
    font-family: 'MyriadPro-Semibold';
    font-size: 1.25rem;
    color: #333333;
    line-height: 1;
    font-weight: 600;
    margin: 0px
}

h5 {
    font-family: 'MyriadPro-Semibold';
    font-size: 1.1rem;
    color: #333333;
    line-height: 1;
    font-weight: 600;
    margin: 0px
}

h1.page-heading {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    color: #212121
}

.heading-price {
    color: #333
}

.sub-headings {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 1.125rem;
    color: #000000;
    display: block;
    width: 100%;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 10px
}

.sub-headings-alt {
    color: #333;
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 10px
}

.quote {
    font-size: 150%
}


.headings {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px
}
.headings .main-headings {
    position: relative;
    display: inline;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #333;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px
}
#results-list .property-list-item .property-price-heading  {
    text-align: start !important;
    margin-top: 0 !important;
}


.article-headings {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 1.325rem;
    color: #333;
    font-weight: 400
}

.bullets li:before {
    color: #333
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: var(--color3)
}

a.news-heading-link {
    color: #333;
    text-decoration: none
}

a.news-heading-link:hover {
    color: var(--color3)
}

#footer-social {
    color: #ffffff;
    height: 73px
}

#footer-social .footer-social-links {
    margin: 0;
    position: relative;
    bottom: 5px;
    right: 10px
}

#footer-social li {
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;
    vertical-align: bottom
}

#footer-social li a {
    border: none;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    box-sizing: border-box;
    top: 0px;
    width: 50px;
    padding: 10px 0;
    text-align: center;
    background: var(--color3);
    -webkit-transition: all 0.185s ease-in-out 0s;
    -moz-transition: all 0.185s ease-in-out 0s;
    -o-transition: all 0.185s ease-in-out 0s;
    transition: all 0.185s ease-in-out 0s
}
#footer-social li a:hover {
    background: var(--color2) !important;
    color: #fff !important;
}
#footer-social li a:hover #footer-social li a i{
    color: #fff !important;
}
#footer-social li a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    -webkit-transition: all 0.185s ease-in-out 0s;
    -moz-transition: all 0.185s ease-in-out 0s;
    -o-transition: all 0.185s ease-in-out 0s;
    transition: all 0.185s ease-in-out 0s
}

#footer-social li a i {
    color: #fff !important;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    text-align: center
}

#footer-social .social:before {
    color: #ffffff;
    display: inline-block;
    width: auto
}

#footer-social li:hover a {
    background: #f7bd0d
}

#footer-social li:hover .social:before {
    /* color: #333 */
    color: #fff;
}

#footer-social .facebook_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f09a";
    font-size: 25px;
    line-height: 30px;
    position: relative
}

#footer-social .twitter_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f099";
    font-size: 34px;
    line-height: 30px;
    position: relative;
    top: 0px
}

#footer-social .linkedin_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e1";
    font-size: 29px;
    line-height: 30px;
    position: relative
}

#footer-social .youtube_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f167";
    font-size: 23px;
    line-height: 30px;
    position: relative;
    top: -2px;
    left: 2px
}

#footer-social .googleplus_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d5";
    font-size: 33px;
    line-height: 30px;
    position: relative;
    top: 2px
}

#footer-social .pinterest_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d2";
    font-size: 29px;
    line-height: 30px;
    position: relative;
    left: 2px
}

#footer-social .instagram_button-icon:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1b3";
    font-size: 30px;
    line-height: 30px;
    position: relative;
    left: 0px
}

#footer-top .industry-associations .industry-logo {
    position: relative;
    display: table-cell;
    max-width: 70px;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#footer-top .industry-associations .industry-logo img {
    margin: 0 25px;
    width: 100%
}

#footer-top .industry-associations .industry-logo:hover {
    cursor: pointer;
    opacity: 0.8
}

#footer-heading {
    display: none
}

#footer-property-links .footer-divider {
    opacity: 0
}

#pd-footer .grid_6 .grid_5 {
    line-height: 15px
}

.primary-button {
    padding: 10px;
    background: var(--color3);
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    
}

.primary-button:hover {
    background: var(--color2);
    color: #fff !important;
}
.search-btn{
    border: 1px solid #fff !important;
}
.search-btn:hover{
    border: 1px solid transparent !important;
}
.reset-btn{
    border: 1px solid transparent !important;
    cursor: pointer; background-color: red; color: #fff;
    margin-left: 6px;
}
.reset-btn:hover{
    border: 1px solid transparent !important;
    background-color: brown;
}
.secondary-button {
    background: #f1f1f1;
    color: #333333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.secondary-button:hover {
    background: #ececec;
    color: #333333
}
.footer{
        background: var(--color1);
}
.footer-content {
    color: #ffffff;
    font-size: 0.7rem;

    
}

.footer-content h2 {
    color: #ffffff
}

.footer-content a {
    color: #ffffff
}

.footer-content a:hover {
    color: var(--color3)
}

.footer-divider {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

.pd-icon:before {
    color: #ffffff
}

.pd_modal_mini {
    background: #ffffff
}

.pp_close {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.pd_nav_left,
.pd_nav_right {
    background: #f1f1f1
}

.pd_modal_controls .counter {
    color: #333333
}

.pd_modal_title {
    border-bottom: 1px solid #d6d6d6;
    color: #212121
}

.captcha-background {
    border: 1px solid #d6d6d6
}

.facebook-search {
    background: #333
}

#facebook-overview .adv_search_box1 {
    background: #f2f2f2
}

#facebook-overview .select2-container .select2-choice .select2-arrow b {
    background: #ffffff
}

#facebook-overview .adv_search_heading {
    color: #999999
}

#facebook-overview #id_property_count {
    color: #999999
}

#facebook-overview #adv_search_more_less_container a {
    color: var(--color3)
}

#facebook-overview #adv_search_more_less_container a:hover {
    color: #333
}

#facebook-overview #adv_search_webref_back_link a {
    color: var(--color3)
}

#facebook-overview #adv_search_webref_back_link a:hover {
    color: #333
}

#facebook-overview #adv_search_webref_back_link a:before {
    color: #333
}

#facebook-overview #id_neighbouring_suburbs a {
    color: var(--color3)
}

#facebook-overview #id_neighbouring_suburbs a:before {
    color: #333
}

#facebook-overview #id_neighbouring_suburbs a:hover {
    color: #333
}

#facebook-overview #id_web_ref_search_link a {
    color: var(--color3)
}

#facebook-overview #id_web_ref_search_link a:hover {
    color: #333
}

#facebook-overview #id_web_ref_search_link a:before {
    color: var(--color3)
}

#facebook-overview #adv_search_suburbs label {
    color: #999999
}

#facebook-overview #adv_search_properties label {
    color: #999999
}

.facebook-listings {
    background: var(--color3)
}

.home-page .more_search_options_link:before {
    content: "\f106";
    color: var(--color3);
    margin-left: 0px !important
}

.home-page .less_search_options_link:before {
    content: "\f107";
    color: var(--color3);
    margin-left: 0px !important
}

.home-page .map-section {
    position: relative;
    width: 100%;
    margin-bottom: 70px
}



.home-page .map-section .map-wrapper {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 360px;
    min-height: 360px;
    max-height: 360px;
    line-height: 360px;
    float: left;
    opacity: 0;
opacity: 1;
opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .map-section .map-wrapper .map-counts {
    position: relative;
    left: 50%;
    pointer-events: none
}

.home-page .map-section .map-wrapper .map-counts .map-count-link {
    position: absolute;
    display: block;
    height: 16px;
    font-family: 'MyriadPro-Bold';
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    z-index: 99
}

.home-page .map-section .map-wrapper svg {
    position: relative;
    left: 50%;
    margin-left: -180px;
    -webkit-filter: drop-shadow(1px 1px 3px #adadad);
    -moz-filter: drop-shadow(1px 1px 3px #adadad);
    filter: drop-shadow(1px 1px 3px #adadad)
}

.home-page .map-section .map-wrapper svg #map path,
.home-page .map-section .map-wrapper svg #map rect {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .map-section .map-wrapper svg #map path#limpopo:hover,
.home-page .map-section .map-wrapper svg #map rect#limpopo:hover {
    fill: #333 !important
}

.home-page .map-section .map-wrapper svg {
    position: relative;
    left: 50%;
    margin-left: -180px
}

.home-page .map-section .map-wrapper svg #map path,
.home-page .map-section .map-wrapper svg #map rect {
    cursor: pointer
}

.home-page .map-section .map-wrapper svg #map path:hover,
.home-page .map-section .map-wrapper svg #map rect:hover {
    fill: var(--color3) !important
}

.home-page .map-section .location-wrapper {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 360px;
    min-height: 360px;
    max-height: 360px;
    float: right
}

.home-page .map-section .location-wrapper .map-back {
    position: absolute;
    top: 0;
    left: -45px;
    width: 45px;
    height: 45px;
    opacity: 0;
opacity: 1;
opacity: 1;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .map-section .location-wrapper .map-back .tooltip {
    position: absolute;
    top: 0px;
    left: -32px;
    width: 110px;
    padding: 5px 5px 7px;
    background: #333;
    color: var(--color3);
    opacity: 0;
opacity: 1;
opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .map-section .location-wrapper .map-back .tooltip.showtip {
    top: -38px !important;
    opacity: 1 !important
}

.home-page .map-section .location-wrapper .map-back .tooltip::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -15px;
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    pointer-events: none
}

.home-page .map-section .location-wrapper .map-back svg {
    width: inherit;
    height: inherit;
    fill: #333;
    stroke: #333;
    stroke-width: 2
}

.home-page .map-section .location-wrapper .map-back svg #Rectangle-9 {
    fill: #333;
    stroke: #333
}

.home-page .map-section .location-wrapper .map-back svg #Path-84 {
    stroke-width: 3;
    stroke: var(--color3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .map-section .location-wrapper .map-back.hiddentip {
    pointer-events: none !important;
    opacity: 0 !important
}

.home-page .map-section .location-wrapper .map-back.hiddentip .tooltip {
    top: 0px !important;
    opacity: 0 !important
}

.home-page .map-section .location-wrapper .map-back.open {
    pointer-events: auto !important;
    opacity: 1 !important
}

.home-page .map-section .location-wrapper .map-back:hover {
    cursor: pointer
}

.home-page .map-section .location-wrapper .map-back:hover svg {
    fill: var(--color3);
    stroke: var(--color3)
}

.home-page .map-section .location-wrapper .map-back:hover svg #Rectangle-9 {
    fill: var(--color3);
    stroke: var(--color3)
}

.home-page .map-section .location-wrapper .map-back:hover svg #Path-84 {
    stroke: #333 !important
}

.home-page .map-section .location-wrapper .province-slider {
    position: relative;
    width: 91.5%;
    height: 350px;
    min-height: 350px;
    max-height: 350px;
    overflow-x: hidden;
    opacity: 0;
opacity: 1;
opacity: 1;
    float: left;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .province {
    position: relative;
    height: 45px;
    line-height: 45px;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 20px;
    color: #777777;
    background: #EDEDED;
    padding: 0 20px;
    display: none;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .province .badge {
    position: relative;
    float: right;
    font-family: 'MyriadPro-Bold';
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -0.8px;
    background: #333;
    border-radius: 100px;
    height: 15px;
    padding: 2px 6px;
    top: 13px;
    line-height: 15px;
    text-indent: -1px;
    opacity: 0
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .province .badge:hover {
    color: var(--color3)
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .province.open {
    background: var(--color3) !important;
    font-family: 'MyriadPro-Semibold' !important;
    font-weight: 700 !important;
    color: #333 !important
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .province.open .badge {
    opacity: 1 !important
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .province.closed {
    display: none !important
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .province.odd {
    background: rgba(246, 246, 246, 0.06)
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .province.svgHover {
    background: var(--color3);
    color: #333
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .province.shown {
    display: block
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .province:hover {
    background: var(--color3);
    color: #333;
    cursor: pointer
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .regions {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .regions .region-link {
    position: relative;
    height: 45px;
    line-height: 45px;
    background: #EDEDED;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14);
    padding: 0 20px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .regions .region-link a {
    position: relative;
    display: block;
    box-sizing: border-box;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 20px;
    text-decoration: none !important;
    color: #777777;
    padding-left: 20px;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .regions .region-link.odd {
    background: rgba(246, 246, 246, 0.06)
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .regions .region-link .badge {
    position: relative;
    float: right;
    font-family: 'MyriadPro-Bold';
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -0.8px;
    background: #333;
    border-radius: 100px;
    height: 15px;
    padding: 2px 6px;
    top: 13px;
    line-height: 15px;
    text-indent: -1px
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .regions .region-link:hover {
    background: #f9cb3f;
    cursor: pointer
}

.home-page .map-section .location-wrapper .province-slider .map-search-tabs .regions .region-link:hover a {
    font-family: 'MyriadPro-Semibold';
    font-weight: 700;
    color: #333;
    text-decoration: none !important
}

.home-page .map-section .location-wrapper .province-slider::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(43, 45, 108, 0.3);
    background-color: #F5F5F5
}

.home-page .map-section .location-wrapper .province-slider::-webkit-scrollbar-track:hover {
    cursor: pointer !important
}

.home-page .map-section .location-wrapper .province-slider::-webkit-scrollbar {
    width: 10px;
    background-color: #333
}

.home-page .map-section .location-wrapper .province-slider::-webkit-scrollbar:hover {
    cursor: pointer !important
}

.home-page .map-section .location-wrapper .province-slider::-webkit-scrollbar-thumb {
    background-color: #AAA;
    background-color: #333
}

.home-page .map-section .location-wrapper .province-slider::-webkit-scrollbar-thumb:hover {
    cursor: pointer !important
}

.home-page .profile-section {
    position: relative;
    width: 100%;
    opacity: 1;
    margin: 2rem 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .profile-section .section-wrapper {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 565px;
    float: left;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .profile-section .section-wrapper .section-details {
    position: relative;
    background: #F6F6F6;
    padding: 78px 41px 0 100px;
    /* min-height: 487px; */
    /* height: -webkit-calc(100% - 78px); */
    /* height: -moz-calc(100% - 78px); */
    height: 100%
}

.home-page .profile-section .section-wrapper .section-details .section-heading {
    position: relative;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 30px;
    color: #333;
    letter-spacing: 0.5px;
    line-height: 37px;
    text-transform: uppercase
}

.home-page .profile-section .section-wrapper .section-details .section-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 135px;
    height: 1px;
    background: rgba(136, 136, 136, 0.3)
}

.home-page .profile-section .section-wrapper .section-details .homepage-profile {
    position: relative;
    margin-top: 50px
}

.home-page .profile-section .section-wrapper .section-details .homepage-profile p {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 15px;
    color: rgba(102, 102, 102, 0.76);
    line-height: 22px
}

.home-page .profile-section .section-wrapper .section-details .homepage-profile .button {
    position: relative;
    display: inline-block;
    /* margin-top: 45px; */
    /* height: 70px; */
    width: 48%;
    background: #333;
    padding: 10px 0;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .profile-section .section-wrapper .section-details .homepage-profile .button .svg {
    position: relative;
    float: left;
    margin: 10px 20px 0
}

.home-page .profile-section .section-wrapper .section-details .homepage-profile .button .svg svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .profile-section .section-wrapper .section-details .homepage-profile .button .link {
    position: absolute;
    font-size: 24px;
    margin-top: -30px
}

.home-page .profile-section .section-wrapper .section-details .homepage-profile .button:hover {
    cursor: pointer;
    background: var(--color3);
    color: #333
}

.home-page .profile-section .section-wrapper .section-details .homepage-profile .button:hover svg path {
    fill: #333
}

.home-page .profile-section .section-image {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 565px;
    float: right;
    background: url('../../img/custom/layout/cape-town.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .sell-section {
    position: relative;
    margin-bottom: 90px;
    width: 100%;
    opacity: 0;
opacity: 1;
opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}



.home-page .sell-section .banner-container {
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .sell-section .banner-container .section-image {
    position: relative;
    margin-right: 0;
    width: 432px;
    height: 300px;
    background: url('../../img/custom/layout/valuation.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .sell-section .banner-container .valuation-section {
    position: relative;
    margin-left: 0;
    width: 507px;
    height: 298px;
    border: 1px solid rgba(119, 119, 119, 0.26);
    border-left: none
}

.home-page .sell-section .banner-container .valuation-section .sub-headings {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 24px;
    color: #333;
    margin: 50px 55px 0
}

.home-page .sell-section .banner-container .valuation-section .section-details {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 15px;
    color: rgba(102, 102, 102, 0.76);
    letter-spacing: 0;
    line-height: 20px;
    margin: 20px 55px 0
}

.home-page .sell-section .banner-container .valuation-section .button {
    margin-left: 55px;
    padding: 10px 20px;
}
/* content-ctas start*/
.content-ctas {
    position: relative;
    width: 100%;
    margin: 80px auto;
    row-gap: 1rem;
}
.content-ctas .cta-container {
    position: relative;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.content-ctas .cta-container .content-cta:first-of-type {
    margin-left: 0;
}
.content-ctas .cta-container .content-cta {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 30%;
    -webkit-transition: all 0.3sease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.content-ctas .cta-container .content-cta:hover .cta-content .content-container {
    background-color: rgba(51, 51, 51, 1) !important;
}
.content-ctas .cta-container .content-cta:hover .cta-text {
    color: #fff !important;
}
.content-ctas .cta-container .content-cta .image-container {
    position: relative;
    width: 100%;
}
.content-ctas .cta-container .content-cta .image-container .image {
    position: absolute;
    background: #fff;
    left: 50%;
    top: var(--image_top);
    transform: translateX(-50%);
    z-index: 2;
}
.content-ctas .cta-container .content-cta .image-container .image img {
    padding: var(--image_padding);
    width: var(--image_width);
    height: var(--image_height);
}
.content-ctas .cta-container .content-cta .cta-content {
    position: relative;
    border: solid 1px #333333;
}
.content-ctas .cta-container .content-cta .cta-content {
    position: relative;
    border: solid 1px #333333;
}
.content-ctas .cta-container .content-cta .cta-content .content-container {
    position: relative;
    padding: 30px 15px;
    margin: 50px 20px 20px;
    background: var(--text_background, transparent);
    -webkit-transition: all 0.3 ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3sease-in-out;
}
.content-ctas .cta-container .content-cta .cta-content .content-container .cta-text {
    position: relative;
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: var(--text_color);
    -webkit-transition: all 0.3sease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3sease-in-out;
}
/* content-ctas ends*/

@media screen and (max-width:1024px) {
    .home-page .sell-section .banner-container .section-image {
        width: 100%;
        float: unset;
        display: block;
    }
    .home-page .sell-section .banner-container .valuation-section {
        width: 100%;
        float: unset;
        display: block;
        border-left: 1px solid rgba(119, 119, 119, 0.26);
    }
}
@media screen and (max-width:900px) {
    .content-ctas .cta-container .content-cta {
        max-width: 90%;
    }
    /* header start */
    .header-content{
        height: 80px;
    }
    .menu-bg>ul>li>a {
        color: var(--color2);
    }
    .menu.show {
        margin-top:14px;
    }
    /* header ends */
    .content-container {
        padding: 20px !important;
    }
    .content-container .category {
        padding-bottom: 8px !important;
    }
    .content-container .article-title {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    .headings .main-headings {
        font-size: 24px !important;
    }
    .home-content p {
        width: 90% !important;
    }
    .content-ctas {
        margin: 40px auto !important;
    }
    .home-page .sell-section .banner-container .valuation-section .sub-headings,
    .home-page .sell-section .banner-container .valuation-section .section-details,
    .home-page .sell-section .banner-container .valuation-section .button{
        margin: 0;
        float: unset;
        margin-bottom: 10px;
    }
    .home-page .sell-section .banner-container .valuation-section{
        height: auto;
        padding: 50px 20px;
    }
}

.home-page .sell-section .banner-container:hover {
    cursor: pointer;
    -webkit-filter: drop-shadow(2px 2px 3px rgba(208, 207, 207, 0.83));
    -moz-filter: drop-shadow(2px 2px 3px rgba(208, 207, 207, 0.83));
    filter: drop-shadow(2px 2px 3px rgba(208, 207, 207, 0.83))
}

.home-page .franchise-section {
    position: relative;
    width: 100%;
    z-index: 9999;
    opacity: 0;
opacity: 1;
opacity: 1;
    background: url('../../img/custom/layout/franchise.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .franchise-section .container_12 {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .franchise-section .container_12 .grid_6 {
    position: relative;
    -webkit-transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out
}

.home-page .franchise-section .container_12 .grid_6 .section-heading {
    position: relative;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 30px;
    color: #333;
    letter-spacing: 0.5px;
    line-height: 37px;
    text-transform: uppercase
}

.home-page .franchise-section .container_12 .grid_6 .section-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 110px;
    height: 1px;
    background: rgba(136, 136, 136, 0.3)
}

.home-page .franchise-section .container_12 .grid_6 .section-details {
    margin-top: 50px;
    margin-bottom: 0;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 15px;
    color: #666666;
    max-width: 76%;
    line-height: 22px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-page .franchise-section .container_12 .grid_6 .section-details span {
    font-family: 'MyriadPro-Bold';
    font-weight: 700;
    color: #2A2A2A
}

@media screen and (min-width:960px) {
    body {
        overflow-x: hidden
    }
}

@media screen and (max-width:1200px) {
    .home-featured-property .listing-details {
        width: 100% !important
    }
    .home-featured-property .listing-images {
        display: none !important
    }
}

@media screen and (max-width:1265px) {
    .profile-section .section-wrapper {
        height: 720px !important
    }
    .profile-section .section-wrapper .homepage-profile .button {
        /* margin-top: 10px !important; */
        /* display: block !important; */
        /* width: 100% !important */
    }
    .profile-section .section-wrapper .homepage-profile .button.button-contact {
        float: left !important
    }
    .profile-section .section-wrapper .homepage-profile .button .svg {
        /* margin: 10px 20px 0 90px !important */
    }
    .profile-section .section-image {
        height: 720px !important
    }
}

@media screen and (min-width:1600px) {
    .franchise-section .section-details {
        max-width: 67% !important
    }
}

@media print {
    .transparent-red {
        background: var(--color3)
    }
}

b,
strong {
    font-family: 'MyriadPro-Semibold'
}

.yellow-text {
    font-family: 'MyriadPro-Bold';
    font-weight: 700;
    color: var(--color3);
    color: #333;

}

/* featured-section start */

.featured-section {
    position: relative;
    width: 100%;
    font-size: 15px;
  }
  .featured-section .container {
    position: relative;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    /* overflow: hidden; */
    z-index: 999;
  }
  .featured-section .container .item {
    display: flex;
    position: relative;
    width: 100%;
    height: 465px;
  }
  .featured-section .container .item .image-section {
    position: relative;
    display: flex;
    width: -webkit-calc(100% - 320px);
    width: -moz-calc(100% - 320px);
    width: calc(100% - 320px);
    height: 465px;
  }
  .featured-section .container .item .image-section img {
    height: 465px;
    object-fit: cover;
    width: 100%;
  }
  .featured-section .container .item .image-section .tag {
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    background: #333;
    padding: 5px 10px;
  }
  .featured-section .container .item .featured-content {
    width: 319px;
    border: 1px solid #bdbdbd;
    border-left: 0;
    display: flex;
    flex-direction: column;
    padding: 33px 38px;
  }
  .featured-section
    .container
    .item
    .featured-content
    .featured-price {
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    font-size: 1.4rem;
    line-height: 32px;
    font-weight: 700;
    color: #333;
    padding-bottom: 6px;
  }
  .featured-section
    .container
    .item
    .featured-content
    .featured-heading {
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    color: #828282;
  }
  .featured-section
    .container
    .item
    .featured-content
    .featured-heading.bottom-border {
    padding-bottom: 21px;
    border-bottom: 1px solid #bdbdbd;
  }
  .featured-section .container .item .featured-content .seperator {
    border-bottom: 1px solid #bdbdbd;
  }
  .featured-section
    .container
    .item
    .featured-content
    .features-list {
    position: static !important;
    margin-top: 27px;
    display: flex;
    flex-direction: column;
  }
  .featured-section
    .container
    .item
    .featured-content
    .features-list
    .feature {
    position: relative;
    float: left;
  }
  .featured-section
    .container
    .item
    .featured-content
    .features-list
    .feature:last-of-type
    .text {
    margin-right: 0;
  }
  .featured-section
    .container
    .item
    .featured-content
    .features-list
    .feature
    svg {
    display: inline-block;
    margin-right: 12px;
  }
  .featured-section
    .container
    .item
    .featured-content
    .features-list
    .feature
    .text {
    position: relative;
    display: inline-block;
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    line-height: 15px;
    color: #828282;
    top: -5px;
    margin-right: 20px;
  }
  .featured-section
    .container
    .item
    .featured-content
    .featured-description {
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    line-height: 22px;
    color: #828282;
    padding-top: 22px;
  }
  .featured-section .container .item .agent-info {
    display: flex;
    align-items: center;
    margin-top: auto;
    max-height: 69px;
    overflow: visible;
  }
  .featured-section .container .item .agent-info .agent-icon {
    position: relative;
    float: left;
    width: 69px;
    height: 69px;
    flex: 0 0 69px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 18px;
  }
  .featured-section .container .item .agent-info .agent-name {
    position: relative;
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    line-height: 20px;
    font-weight: 700;
    color: #333;
    margin-bottom: 2px;
    width: 190px;
  }
  .featured-section .container .item .agent-info .agent-designation {
    position: relative;
    float: left;
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    font-size: 12px;
    line-height: 21px;
    font-weight: 400;
    padding-bottom: 3px;
    color: #828282;
    width: 190px;
  }
  .featured-section .container .item .agent-info .agent-contact {
    position: relative;
    float: left;
    height: 23px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .featured-section
    .container
    .item
    .agent-info
    .agent-contact.active {
    height: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .featured-section
    .container
    .item
    .agent-info
    .agent-contact.active
    .agent-number {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .featured-section
    .container
    .item
    .agent-info
    .agent-contact
    .view-button {
    position: relative;
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    color: #828282;
    background: #ffffff;
    z-index: 2;
    cursor: pointer;
  }
  .featured-section
    .container
    .item
    .agent-info
    .agent-contact
    .view-button:hover {
    color: #333;
  }
  .featured-section
    .container
    .item
    .agent-info
    .agent-contact
    .agent-number {
    position: absolute;
    bottom: 0;
    display: block;
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    color: #333;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .featured-section .featured-navigation {
    position: absolute;
    top: 300px;
    width: 100%;
    height: 41px;
  }
  @media screen and (max-width: 1170px) {
    .featured-section .featured-navigation {
      width: 940px;
      top: unset;
      bottom: -21px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }
  }
  .featured-section .featured-navigation .feat-prev {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    height: 42px;
    cursor: pointer;
  }
  .featured-section .featured-navigation .feat-next {
    position: absolute;
    right: 0;
    height: 42px;
    cursor: pointer;
  }
  .featured-section .feat-dots {
    position: relative;
    text-align: center;
    height: 10px;
    width: 800px;
    margin: 40px auto 0 auto;
  }
  .slick-dots {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 998;
  }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: none;
    background: #f2f2f2;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
  }
  .slick-dots li.slick-active {
    outline: none;
    background: #333;
  }
  .slick-dots li button {
    display: none;
  }
  .slick-dots li:hover {
    cursor: pointer;
  }
/* featured-section end */
/* virtual-walkthroughs start */

.virtual-walkthroughs {
    position: relative;
    width: 100%;
    margin: 70px auto;
  }
  .virtual-walkthroughs .virtual-slider {
    position: relative;
    width: 100%;
    display: flex;
    max-width: 960px;
    margin: 0 auto;
    /* overflow: hidden; */
    z-index: 999;
  }
  .virtual-walkthroughs .virtual-slider .slick-track {
    display: flex;
    min-width: 960px;
    justify-content: center;
  }
  .virtual-walkthroughs .virtual-slider .item {
    min-width: 300px;
    flex: 0 0 300px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
    height: auto;
    margin: 0 10px;
    -webkit-box-shadow: inset 0 0 0 1px #bdbdbd;
    -moz-box-shadow: inset 0 0 0 1px #bdbdbd;
    box-shadow: inset 0 0 0 1px #bdbdbd;
  }
  .virtual-walkthroughs .virtual-slider .item:hover .image-section .image {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .virtual-walkthroughs .virtual-slider .item .image-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 225px;
    z-index: 9;
    overflow: hidden;
  }
  .virtual-walkthroughs .virtual-slider .item .image-section .image {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .virtual-walkthroughs .virtual-slider .item .image-section .image img {
    width: 100%;
    height: 225px;
    object-fit: cover;
  }
  .virtual-walkthroughs .virtual-slider .item .image-section svg {
    position: relative;
    z-index: 3;
  }
  .virtual-walkthroughs .virtual-slider .item .virtual-content {
    position: relative;
    width: 100%;
    margin-top: -1px;
  }
  .virtual-walkthroughs
    .virtual-slider
    .item
    .virtual-content
    .content-container {
    position: relative;
    padding: 15px 20px;
    min-height: 82px;
  }
  .virtual-walkthroughs
    .virtual-slider
    .item
    .virtual-content
    .content-container
    .price {
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    font-size: 1.4rem;
    line-height: 32px;
    font-weight: 700;
    color: #333;
    padding-bottom: 6px;
  }
  .virtual-walkthroughs
    .virtual-slider
    .item
    .virtual-content
    .content-container
    .heading {
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    color: #828282;
    font-size: 15px;
  }
  .virtual-walkthroughs .virtual-navigation {
    position: absolute;
    top: 240px;
    width: 100%;
    height: 41px;
  }
  @media screen and (max-width: 1170px) {
    .virtual-walkthroughs .virtual-navigation {
      width: 940px;
      top: unset;
      bottom: -21px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }
  }
  .virtual-walkthroughs .virtual-navigation .virtual-prev {
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    height: 42px;
    cursor: pointer;
  }
  .virtual-walkthroughs .virtual-navigation .virtual-next {
    position: absolute;
    right: 0;
    height: 42px;
    cursor: pointer;
  }
  .virtual-walkthroughs .virtual-dots {
    position: relative;
    margin-top: 40px;
    text-align: center;
    height: 10px;
  }
  .virtual-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #ffffff;
  }
  .virtual-popup .close-popup {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 999;
    padding: 10px 10px 6px 10px;
    border: 1px solid #000000;
  }
  .virtual-popup #virtual-frame {
    position: relative;
    width: 100%;
    height: -webkit-calc(100vh - 100px);
    height: -moz-calc(100vh - 100px);
    height: calc(100vh - 100px);
  }
  .virtual-popup .info-block {
    position: relative;
    background: #ffffff;
    padding: 17px;
  }
  .virtual-popup .info-block .content-container {
    position: relative;
    padding: 19px 30px;
  }
  .virtual-popup .info-block .price {
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #333;
    padding-bottom: 6px;
  }
  .virtual-popup .info-block .heading {
    font-family: "Open Sans", "Arial", Helvetica, sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #828282;
  }
  .virtual-popup .info-block .primary-button {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
/* virtual-walkthroughs ends */

.news-section {
    background: #F7F7F7;
    width: 100%;
    opacity: 0;
opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}


.news-section .headings .main-headings .yellow-text {
    font-family: 'MyriadPro-Bold';
    font-weight: 700
}

.news-section .featured-articles-2 .content-block {
    border: none;
    width: 620px;
    height: 300px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.news-section .featured-articles-2 .content-block .news-summary-image {
    margin: 0px;
    width: 300px;
    height: 300px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.news-section .featured-articles-2 .content-block .news-summary-content {
    width: 240px;
    padding: 0 40px;
    height: 298px;
    border: 1px solid rgba(119, 119, 119, 0.26);
    border-left: none
}

.news-section .featured-articles-2 .content-block .news-summary-content .sub-headings {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 24px;
    color: #333
}

.news-section .featured-articles-2 .content-block .news-summary-content .news-date {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    font-weight: 300;
    margin-top: 11px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.news-section .featured-articles-2 .content-block .news-summary-content .article-summary {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 14px;
    color: rgba(102, 102, 102, 0.76);
    line-height: 20px;
    margin: 0
}

.news-section .featured-articles-2 .content-block .news-summary-content .primary-button {
    position: absolute;
    bottom: 27px
}

.news-section .newsletter-section {
    position: relative;
    background: #333;
    padding: 20px 30px;
    max-width: 270px;
    /* height: 260px; */
    /* min-height: 260px; */
    /* max-height: 260px */
}

.news-section .newsletter-section .newsletter-heading {
    font-weight: 400;
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0
}

.news-section .newsletter-section .form-section {
    border: none;
    padding: 0
}

.news-section .newsletter-section input[type="text"] {
    background: #FFFFFF;
    border: none;
    outline: none;
    height: 30px;
    width: 100%;
    font-size: 14px;
    letter-spacing: 0;
    padding: 5px 11px;
    margin: 10px 0px;
    color: #3F3F3F
}

.news-section .newsletter-section .captcha-background {
    margin: 10px 0px;
    border: none
}

.news-section .newsletter-section .button {
    line-height: 28px !important
}

.news-section .newsletter-section .button:hover {
    background: #f7bd0d;
    color: #ffffff
}

.news-section .newsletter-section .button-div {
    margin-top: 0px
}

.news-section .newsletter-section input::-webkit-input-placeholder,
.news-section .newsletter-section textarea::-webkit-input-placeholder {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 14px;
    color: #9B9B9B !important
}

.news-section .newsletter-section input:-moz-placeholder,
.news-section .newsletter-section textarea:-moz-placeholder {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 14px;
    color: #9B9B9B !important
}

.news-section .newsletter-section input::-moz-placeholder,
.news-section .newsletter-section textarea::-moz-placeholder {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 14px;
    color: #9B9B9B !important
}

.news-section .newsletter-section input:-ms-input-placeholder,
.news-section .newsletter-section textarea:-ms-input-placeholder {
    font-family: "MyriadPro-Regular", sans-serif;
    font-size: 14px;
    color: #9B9B9B !important
}

.news-section .newsletter-section .rc-anchor-center-item .rc-anchor-checkbox-label {
    font-family: "MyriadPro-Regular", sans-serif !important;
    font-size: 14px !important;
    color: #9B9B9B !important
}

.news-section .center-section .newsletter-section {
    /* margin-left: -150px; */
    /* left: 50% */
}

.bounding-box {
    position: absolute;
    height: 300px;
    width: 300px;
    overflow: hidden
}

.bounding-box:hover .news-summary-image {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    transform: scale(1.08)
}
/* RESPONSIVE */
@media(max-width: 991px){
    .main-content{
        min-height: auto;
    }
    .home-page .profile-section .section-wrapper{
        width: 100%;
        float: unset;
        /* padding: 70px 0 ; */
        height: auto !important;
    }
    .home-page .profile-section .section-wrapper .section-details{
        padding: 70px 40px;
    }
    .home-page .profile-section .section-image{
        width: 100%;
        float: unset;
        height: 400px;
    }
    .profile-section .section-wrapper .homepage-profile .button.pull-left,
    .profile-section .section-wrapper .homepage-profile .button.pull-right{
        float: unset;
    }
    .profile-section .section-wrapper .homepage-profile .button.button-contact{
        float: unset !important;
    }
}
@media(max-width: 900px){
    .profile-section .section-wrapper .homepage-profile .button.pull-left,
    .profile-section .section-wrapper .homepage-profile .button.pull-right{
        /* float: unset; */
        width: 100% !important;
        margin-bottom: 1px;
    }
    .profile-section .section-wrapper .homepage-profile .button .svg{
        margin: 10px 20px 0 20px !important
    }
}

/*  */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.d-flex{
    display: flex;
}
.justify-content-center{
    justify-content: center;
}
.align-items-center{
    align-items: center;
}
.flex-column{
    flex-direction: column;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-grow-1{
    flex-grow: 1;
}
.flex-shrink-1{
    flex-shrink: 1;
}
.flex-grow-0{
    flex-grow: 0;
}
.flex-shrink-0{
    flex-shrink: 0;
}
.flex-nowrap{
    flex-wrap: nowrap;
}
.flex-wrap-reverse{
    flex-wrap: wrap-reverse;
}
.flex-column-reverse{
    flex-direction: column-reverse;
}
.flex-row-reverse{
    flex-direction: row-reverse;
}
.justify-content-start{
    justify-content: flex-start;
}
.justify-content-end{
    justify-content: flex-end;
}
.justify-content-between{
    justify-content: space-between;
}
.justify-content-around{
    justify-content: space-around;
}
.align-items-start{
    align-items: flex-start;
}
.align-items-end{
    align-items: flex-end;
}
.align-items-baseline{
    align-items: baseline;
}
.align-items-stretch{
    align-items: stretch;
}
.align-content-start{
    align-content: flex-start;
}
.align-content-end{
    align-content: flex-end;
}
.align-content-center{
    align-content: center;
}
.align-content-between{
    align-content: space-between;
}
.align-content-around{
    align-content: space-around;
}
.align-content-stretch{
    align-content: stretch;
}
.align-self-auto{
    align-self: auto;
}
.align-self-start{
    align-self: flex-start;
}
.align-self-end{
    align-self: flex-end;
}
.align-self-center{
    align-self: center;
}
.align-self-baseline{
    align-self: baseline;
}
.align-self-stretch{
    align-self: stretch;
}
/* gap */
.gap-0{
    gap: 0;
}
.gap-1{
    gap: 0.5rem;
}
.gap-2{
    gap: 1rem;
}

/* make width custom value */
.w-100{
    width: 100%;
}
.w-50{
    width: 50%;
}
.w-25{
    width: 25%;
}
.w-75{
    width: 75%;
}
.w-33{
    width: 33.333333%;
}
.w-66{
    width: 66.666667%;
}
.w-20{
    width: 20%;
}
.w-40{
    width: 40%;
}
.w-60{
    width: 60%;
}
.w-80{
    width: 80%;
}
.w-30{
    width: 30%;
}

/* margin and padding */
.m-0{
    margin: 0;
}
.m-1{
    margin: 1rem;
}
.m-2{
    margin: 2rem;
}
.m-3{
    margin: 3rem;
}
.m-4{
    margin: 4rem;
}
.m-5{
    margin: 5rem;
}
/* mb */
.mb-0{
    margin-bottom: 0;
}
.mb-1{
    margin-bottom: 1rem;
}
.mb-2{
    margin-bottom: 2rem;
}
.mb-3{
    margin-bottom: 3rem;
}
.mb-4{
    margin-bottom: 4rem;
}
.mb-5{
    margin-bottom: 5rem;
}
.p-1{
    padding: 0;
}
.p-1{
    padding: 1rem;
}
.p-2{
    padding: 2rem;
}
.p-3{
    padding: 3rem;
}
.p-4{
    padding: 4rem;
}
.p-5{
    padding: 5rem;
}
.px-1{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-2{
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-3{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-4{
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-5{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.py-1{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-2{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-3{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-4{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.py-5{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}



.form-control{
    width: 100%;
    padding: 2px 10px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    height: 30px;
}
.form-control:focus{
    outline: none;
    border-color: var(--color3);
}
.form-control::placeholder{
    color: #ccc;
}

.text-center{
    text-align: center;
}
.m-auto{
    margin: auto;
}
@media(max-width:500px){
    [class^="grid_"] .third,
    [class*="grid_"] .third {
    box-sizing: border-box;
    width: 100% !important;
}
.branch-meta .border-left,
.area-profile-properies .border-left {
    padding-right: 0 !important;
}
.branch-links a {
    width: 100%;
    margin-right: 5px;
    float: left;
    margin: 3px 0;
    text-align: center;
}
}
@media(max-width:767px){
    .news-section .articles {
        flex-direction: column;
    }
    .home-content p {
        width: 100% !important;
        color: #828282;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 19px;
    }
}
@media(max-width:900px){
    .additional-page-image {
        margin: 0 !important;
    }
    .centered {
        text-align: left !important;
        margin-bottom: 1rem !important;
    }
    .centered img{
     width: 100% !important;
    }

    .content-ctas .cta-container {
        justify-content: center !important;
        row-gap: 20px;  
    }
    .content-cta{
        margin: 1rem 0 !important;
    }
    .w-20, .w-25, .w-30, .w-33, .w-40, .w-50, .w-60, .w-66, .w-75, .w-80{
        width: 100%;
    }
    .flex-sm-wrap{
        flex-wrap: wrap;
    }
    .form_end{
        width: 100%;
        float: unset;
        text-align: center;
        display: block;
    }
}

.d-none{
    display: none;
}


.container .listing-images{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.custom-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333; /* Semi-transparent background */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-loader.notactive{
    display: none;
}
.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3; /* Light gray */
    border-top: 5px solid #ffce34; /* Blue */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.menu-toggle {
    display: none;
}
@media(min-width: 767px) and (max-width: 991px)
{
    #pd-footer img{
       width: 30% !important;
    }
}
/* Hide the menu by default on small screens */
@media (max-width: 900px) {
    .menu {
        display: none;
        flex-direction: column;
        background-color: #fff; /* Optional background for mobile menu */
        position: absolute;
        top: 60px; /* Adjust based on header height */
        right: 0;
        left: 0;
        z-index: 1000;
    }

    .menu-content{
        margin: 0;
    }
    .menu-bg>ul>li{
        display: block;
        float: unset;
    }
    .menu.show {
        display: flex;
    }

    .menu-toggle {
        display: block;
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1001;
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 4px;
    }

    .menu-toggle:focus {
        outline: none;
    }
    .menu-item {
        border-bottom: 1px solid #ccc;
    }
    
    .menu-item ul {
        display: none; /* Hide dropdowns initially */
        height: auto;
        position: unset;
        display: inline-block;
        margin-left: 40px;
    }
    .menu-item ul.show {
        display: block; /* Show dropdowns on click */
    }
    
    .menu-item:last-child {
        border-bottom: none;
    }
    .fadeInUp .menu-bg>ul>li>ul{
        display: none; 
        height: auto;
        position: unset;
        margin-left: 40px;
    }
    .fadeInUp .menu-bg>ul>li>ul.show{
        display: block;
    }
    .menu-item-text{
        width: 100%;
        display: block;
    }
    #footer-copyright img{
        width: 30% !important;
    }
    #footer-copyright .grid_4,
    #footer-social,
    #footer-copyright .grid_8{
        float: unset;
    }
    #footer-social .footer-social-links{
        position: unset;
    }
    #footer-social{
        display: none;;
    }
    #results-list .property-list-item .property-list-details,
    #results-list .property-list-item .property-list-image-thumb{
        width: 100%;
    }
    #results-list .property-list-item .property-list-details{
        margin-top: 10px;
    }
    .caroufredsel_wrapper{
        min-width: 350px;
    }
    .listing-features-content .full{
        width: 100%;
    }
    .listing-features-content .full  .third{
        width: 50%;
    }
    #sidebar-quick-links{
        position: unset;
    }
}
@media(max-width: 567px){
    .caroufredsel_wrapper{
        min-width: 150px
    }
    #footer-copyright img{
        width: 80% !important;
    }
    #footer-top,
    #pd-footer{
        text-align: center;
    }
    .industry-logo{
        width: 70% !important;
        max-width: 70% !important;
        margin: auto !important;
        text-align: center !important;
        display: block !important;
    }
    .industry-logo img{
        margin: 0 !important;
    }
}

.limit-text-two-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    line-clamp: 2; /* Standard property for compatibility */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Adds "..." at the end */
  }

  /* For Sold status */
[data-listing-status="Sold"] {
    background-color: green !important;
    color: white; /* Optional: Ensure the text is visible */
}

/* For Inactive status */
[data-listing-status="Inactive"] {
    background-color: red !important;
    color: white; /* Optional: Ensure the text is visible */
}
 
.showOnDesktop{
    display: none;
}
.hideOnMobile{
    display: block;
}
@media(max-width: 900px){
    .hideOnMobile{
        display: none;
    }
    .showOnDesktop{
        display: block;
    }
    #sidebar-quick-links{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    #sidebar-quick-links #sidebar-pdf,
    #sidebar-quick-links #sidebar-print{
        flex: 1 1 50%; /* Basis is 25%, grow is 1, and shrink is 1 */
        box-sizing: border-box; /* Ensures padding and borders are included in the item's size */
    }
    ul.share-buttons{
        align-items: center;
        justify-content: center;
        gap: 5px
    }
    #details-action-sub{
        display: none;
    }
    .map-container{
        flex-wrap: wrap;
    }
    .map-container svg,
    .map-container div{
        width: 100% !important;
    }
}


    /* All css separately for news-section goes here */
    .news-section {
        padding: 20px;
        background-color: #f9f9f9;
      }
      
      .news-section .section-heading {
        font-size: 1.5em;
        margin-bottom: 20px;
      }
      
      .news-section .articles {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
      }
      
      .news-section .article {
        width: 100%;
        flex: 1 1 calc(50% - 20px);
        background-color: #fff;
        border: 1px solid #ddd;
        text-decoration: none;
        color: inherit;
      }
      
      .news-section .article .image-container {
        position: relative;
        width: 100%;
        padding-top: 59%;
        overflow: hidden;
      }
      
      .news-section .article .image-container .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
      }
      
      .news-section .article .article-content {
        padding: 10px;
      }
      
      .news-section .article .content-container {
        display: flex;
        flex-direction: column;
      }
      .content-container {
          position: relative;
          padding: 45px 50px 50px 50px;
      }
      .content-container .category {
          position: relative;
          font-family: "Open Sans", "Arial", Helvetica, sans-serif;
          font-size: 15px;
          line-height: 20px;
          font-weight: 700;
          color: #828282;
          text-transform: uppercase;
          padding-bottom: 20px;
      }
      .content-container .article-title {
          position: relative;
          font-family: "Open Sans", "Arial", Helvetica, sans-serif;
          font-size: 28px;
          line-height: 34px;
          font-weight: 700;
          color: #333;
          padding-bottom: 20px;
      }
      .content-container .article-summary {
          position: relative;
          font-family: "Open Sans", "Arial", Helvetica, sans-serif;
          font-size: 15px;
          line-height: 22px;
          color: #828282;
      }
      .headings {
          position: relative;
          width: 100%;
          text-align: center;
          margin-bottom: 40px;
          margin-top: 40px;
      }
      .headings .main-headings {
          position: relative;
          display: inline;
          font-family: "MyriadPro-Regular", sans-serif;
          font-size: 30px;
          font-weight: 400;
          color: #333;
          letter-spacing: 0.5px;
          text-align: center;
          text-transform: uppercase;
          margin-bottom: 0px;
      }