/** GLOBAL  
==================================================================================================== **/
/** DEFAULT **/
html, body { height:100%; }
body { 
    font:13px/1.5 "Century Gothic",arial,clean,helvetica,sans-serif;  letter-spacing:0.5px; 
    color: #231f20;background:#fff;
}
h1, h2, h3, h4, h5, h6 {line-height:normal; margin:0 0 15px; color:#ec0d8c; text-transform:uppercase; letter-spacing:1px}
h1 { font-size:24px}
h2 { font-size:20px}
h3 { font-size:18px}
h4 { font-size:16px}
h5 { font-size:14px}
h6 { font-size:12px}
p { margin:0 0 20px}
ul { list-style: url(../images/bullet.png); margin:0 0 20px 14px}
ol { list-style:decimal; margin:0 0 20px 18px}
a {color:#ec0d8c; text-decoration:none; cursor:pointer}
a:hover {color:#231f20}
a[href^=tel] { color: #fff; text-decoration: none}
.footer-homepage .info a[href^=tel] { color: #fff}
h1 a, h2 a, h3 a { color:#ec0d8c; text-decoration:none}
h1 a:hover, h2 a:hover, h3 a:hover { color:#ddd; border:none; padding:0 0 1px}
input[type="text"], select, textarea { background:#fff;border-radius: 0px;margin:0; padding:2px; border:1px solid #aaa; font:inherit; box-sizing:border-box}
.btn, .button, #agent .link-back a {
    min-width:100px; margin:0; padding:4px 0;font-family:'National-Regular', helvetica-light,Helvetica,sans-serif; font-size: 11px; 
    color:#eee; text-align:center; text-transform:uppercase;background:#ec0d8c;border:none; transition:all 0.2s; cursor:pointer; letter-spacing:1px;
    box-shadow:0 0 1px rgba(0, 0, 0, 0.25), 0 0 1px rgba(255, 255, 255, 0.225) inset;border-radius: 0px;-webkit-appearance:none;
}
a.btn { display:inline-block; line-height:normal; text-decoration:none}
.ff input[type="submit"], .ff input[type="button"] { padding:4px 0}
.btn:hover, .button:hover , #agent .link-back a:hover{ color:#fff; text-decoration:none; background: #000}
p.btn, p.button{background-color: rgba(0, 0, 0, 0);box-shadow: none;text-align: left;}
.pdf .btn{
	background: url("../images/icons/icon_pdf.png") no-repeat ;display: block;
	height: 21px;min-width: 21px;overflow: hidden;padding: 0;text-indent: -999px;width: 21px
}
table {border-collapse:separate; border-spacing:0}
th, td {padding:5px}
textarea{resize:vertical}

#article {position:relative; z-index:1;*padding-bottom: 60px; min-height:100%}
#header {position:relative; z-index:2; background:#fff}

#maincontent { position:relative; z-index:0; padding:0px 0 61px;min-height: 600px}
#property  #maincontent {  min-height: 0px !important}
#bg-slick {overflow: hidden;position: fixed;top: 125px;width: 100%; height:100%}
.page-template-template_listings-php #maincontent {padding:20px 0 61px}
#content {padding: 15px}
#content:after {display: table;content: "";clear: both}
#footer {position:relative; z-index:1; height:61px; margin:-61px 0 0}
#article.property { min-height:inherit}
.property #maincontent { padding:0}
.property #footer { position:fixed; bottom:0; left:0; width:100%; height:30px; margin:0; background: #231f20}
.group { max-width:70%; margin:0 auto}

#bg, #bg-front{ position:fixed; z-index:0; top:0; left:0; width:100%; height:100%; overflow:hidden}
#property #bg { cursor:pointer}
#bg img{position:absolute; width:100%}
#bg-front img { position:absolute; top: -70px; width:100%}
#bg #gallery-control {position:absolute; top: 50%; left:0; width:100%; cursor:pointer}
#bg #gallery-control span {font-size: 2.5em;width: 50px;height: 50px;line-height: 49px;text-align: center;background: rgba(0,0,0,.5); color:#fff}
#bg #gallery-control span i.fa {vertical-align: middle}
#bg #gallery-control span:hover {background: rgba(0,0,0,.5)}

.left, .alignleft { float:left}
.alignleft { margin:0 20px 20px 0}
.right, .alignright { float:right}
.alignright { margin:0 0 20px 20px}
.justified { text-align:justify}
.col-left { text-align:left}
.col-center { text-align:center}
.col-right { text-align:right}
.clear, .clearer { clear:both; height:0}
.hidden { display:none}
.required, .red { color:red; font-style:unset}
.sep { display:block; height:1px; margin:1px 0; background: url(../img/white_10.png)}
.lead { margin:0 auto 0px; padding:0 0 0px;}
.aquo { font-family:Georgia, "Times New Roman", Times, serif}
.gfield_required {color:red}

/** LIGHTBOX FORMS **/
ol.cf-ol { list-style:none; margin:0}
ol.cf-ol li { padding:0 0 10px}
ol.cf-ol li label { float:left; width:200px}
ol.cf-ol li input[type="text"] { width:250px; padding:5px 8px; border: 1px solid rgba(218, 218, 218, 1)}
ol.cf-ol li input[type="checkbox"] { float:left; margin:3px 5px 0 0}
ol.cf-ol li select { width:250px; padding: 5px 8px; border: 1px solid rgba(218, 218, 218, 1)}
ol.cf-ol li textarea {height: 100px; border: 1px solid rgba(218, 218, 218, 1);padding: 5px 8px;width: 250px}
ol.cf-ol li .btn { margin:0 5px 0 0}
ol.cf-ol li.li--unsubscribe {padding-left: 200px}
ol.cf-ol li.site_alerts { display:none}
ol.cf-ol li.site_alerts p.check-type { float:left; width:200px; margin:0}
ol.cf-ol li.site_alerts ul.listform-alerts { float:left; width:560px; list-style:none; margin:0}
ol.cf-ol li.site_alerts ul.listform-alerts li { float:left; width:33%; padding:0}
ol.cf-ol li.site_alerts ul.listform-alerts span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
ol.cf-ol li.site_alerts ul.listform-alerts ul.check-options { list-style:none; margin:0; margin:5px 20px 0 0; padding:10px; background:url(../img/white_20.png); }
ol.cf-ol li.site_alerts ul.listform-alerts ul.check-options li { float:none; width:auto; padding:0 0 5px}
ol.cf-ol li.site_alerts ul.listform-alerts ul.check-options li.close { padding:0; text-align:right}
ol.cf-ol li.site_alerts ul.listform-alerts ul.check-options select { width:100%; background:#FCFCFC}
ol.cf-ol li.site_alerts ul.listform-alerts ul.check-options select.floating.alt { margin:0 0 5px}
ol.cf-ol li.site_alerts ul.listform-alerts ul.check-options li.close span { font-size:11px; cursor:pointer}
ol.cf-ol li.site_alerts ul.listform-alerts ul.check-options li.close span:hover { color:#ABB202}

#login .contact_form > ol.cf-ol > li > label {width:100px}
#login .contact_form p.button.email_btn {padding-left:100px}
#login .contact_form.form_email_subscription p.button.email_btn {padding-left:200px}

#custom-scroll { width:100%}
#custom-scroll .viewport { position:relative; width:90%; overflow:hidden}
#custom-scroll .overview { position:absolute; left:0; top:0; width:100%}
#custom-scroll .thumb .end, #custom-scroll .thumb { background: #ec0d8c}
#custom-scroll .scrollbar { position:relative; float:right; width:3px; overflow:hidden; background:url(../img/white_10.png)}
#custom-scroll .track { position:relative; width:3px; height:100%; background:url(img/white_20.png)}
#custom-scroll .thumb { position:absolute; top:0; height:20px; width:3px; overflow:hidden; cursor:pointer}
#custom-scroll .thumb .end { display:none}

.credit-agentpoint { position:relative; text-align:center}
.credit-agentpoint span { float:left; margin:1px 5px 0 0; font-size:11px; line-height:18px}
.credit-agentpoint img { float:left}

/** PAGES 
==================================================================================================== **/
.page-title { margin:0 0 30px;background:#231f20}
.page-title h1 { font-size:18px; line-height:58px; color:#fff }
.page-title.agent-name h1 { line-height:1.5}

#mid .custom-logo-block{min-height: 239px}
#mid .custom-logo-block img{width: 600px; margin-top: 200px;height: auto;opacity: 0.8 !important; margin-top: 150px}
#mid .custom-logo-block img.logo{display:none}

.homepage { text-transform:uppercase}
.homepage ul { list-style:none}
.homepage #bottom ul ul { margin:0}
.homepage a { color:#fff;text-decoration:none}

.nav li  a{color:#331551}

.homepage #top { position:absolute; right:0px}
.homepage ul.social-networks { margin:0; float: left}
.homepage ul.social-networks li { float:left}
.homepage ul.social-networks a { display:block; width:25px; height:25px; margin: 2px 4px 0px 2px; background-image:url(../img/icons_social_sm.png); background-repeat:no-repeat; }
.homepage ul.social-networks a.facebook { background-position:0 2px}
.homepage ul.social-networks a.twitter { background-position: 0px -24px}
.homepage ul.social-networks a.youtube { background-position: 0px -49px}

.homepage #mid {position:absolute; background: #fff; margin-top: 30px; z-index:1}
.homepage img.logo { display:block;  margin:0 auto;position:relative; bottom:10px}
.homepage #mid .sep { width:940px; margin:0 auto}
.homepage #bottom { margin-top:25px;position:fixed; bottom:0; width:100%}
.homepage ul.footer-nav > li.menu-item { position:relative; float:left; margin:0 6px 0 0; padding:0 9px 9px; background: rgba(255, 255, 255, 0.3)}
.homepage ul.footer-nav > li.menu-item.last { margin:0}
.homepage ul.footer-nav > li.menu-item > a { display:block; margin:5px 0; text-align:center; color: #3c3c3c}
.homepage ul.footer-nav ul.sub-menu { list-style:none; margin:0; padding:8px 0 0; background:url(../img/white_10.png) 0 0 repeat-x}
.homepage ul.footer-nav ul.sub-menu li:hover {background:url(../img/black_20.png)}
.homepage ul.footer-nav ul.sub-menu li a {
	display:block; color: #331551;position:relative; padding:3px 0; font-size:10px;
	transition:all 0.2s; background:url(../img/arrow_right.png) 100% center no-repeat
}
.homepage ul.footer-nav ul.sub-menu li:hover a {padding:3px 6px; background-position:98% center; color:#fff;text-shadow: 0px 1px 1px #000}

.footer-homepage {background: #231f20;bottom: 0;height: 45px;padding: 10px 0;position: fixed;text-align: center;width: 100%;z-index: 8}
.footer-homepage .menu-footer {display:inline-block}
.footer-homepage .info {display: inline-block}
.footer-homepage .menu {background: none; margin:0}
.footer-homepage .menu li { display:inline-block}
.footer-homepage .menu li a {border-right: 1px solid #fff;padding: 0 10px;text-transform: uppercase; color:#fff}
.footer-homepage .menu li a:hover { color: #ec0d8c}
.footer-homepage .socmed {display: block}
.footer-homepage .socmed ul {display: inline-block;margin: 0}
.footer-homepage .socmed ul li { display:inline-block}
.footer-homepage .socmed ul li a {color: #fff;display: inline-block;font-size: 18px;padding: 0 5px}
.footer-homepage .socmed ul li a:hover { color: #ec0d8c}
.footer-homepage .socmed ul li img {height: auto;width: 24px}

.subscriptions-return { margin:0 0 25px; padding:0 0 25px; background:url(../img/white_20.png) 0 100% repeat-x}
.subscriptions-return p { margin:0}
form.subscriptions { padding:0 0 25px; background:url(../img/white_20.png) 0 100% repeat-x}
#market-appraisal form.subscriptions { padding:0; background:none}
p.registered { margin:0 0 30px}
form.deregister { margin:30px 0 0}
form.deregister h1 { margin:25px 0}
form.deregister p.red { margin:-10px 0 0}
form.deregister input[type="text"] { margin:0 2px 0 0; padding:3px}

.gform_wrapper ul {list-style:none;margin: 0 !important}
.gform_wrapper ul li {display: inline-block; margin: 0 0 10px;width: 100%}
.gform_wrapper ul li h2 {border-bottom: 1px dotted #231f20;font-size: 16px;margin: 0 0 10px;padding: 0 0 10px}
.gform_wrapper ul li input[type="text"],
.gform_wrapper ul li select {box-sizing: border-box; width: 100%}
.gform_wrapper ul li textarea {box-sizing: border-box;width: 100%; height:150p}
.gform_wrapper .validation_message {clear: both;color: red;font-style: italic;}
.gform_wrapper .validation_error {color: red;margin: 0 0 15px}

.postpage #main { width:70%}
.postpage #sidebar { width:28%}
.postpage #sidebar .side_block { margin:0 0 20px}
.postpage #sidebar .side_block h3 {color:#231f20}
.postpage #sidebar .widget ul { list-style:none; margin:0}
.postpage #sidebar .widget ul li a { padding-left:10px; color:#ec0d8c;  text-decoration:none}
.postpage #sidebar .widget ul li a:hover {color:#F3F3F3}
.post { margin:0 0 20px; padding:0 0 10px; background:url(../img/white_20.png) 0 100% repeat-x}
.post h3.post-title a { border-bottom:none}
.post p.post-meta { font-size:11px}

.comments { margin:0 0 40px}
.comments ul { list-style:none; margin:0}
.comments ul.children { margin:0 0 0 64px}
.comments ul li { margin:0}
.comments .comment-body {position:relative; margin:0 0 10px; padding:4px 10px 10px; background:url(../img/white_10.png); }
.comments .comment-body .commentmetadata { font-size:11px}
.comments ul li img.avatar { float:left; margin:6px 20px 20px 0}
.comments p { margin:0}
.comments .reply {clear: both;margin: 10px 0 0;text-align: right}
.comments .reply a {background: #222;color: #fff;font-size: 11px;padding: 1px 10px 2px;text-decoration: none}
.comments .reply a:hover { background:#6C8E62; text-decoration:none}
.comments .reply em { padding:0 3px 0 0}

#commentform p { margin:0 0 10px}
#commentform p.comment-notes, #commentform p.logged-in-as { margin:0 0 25px}
#commentform p.form-allowed-tags, #commentform p.form-submit { padding:0 0 0 30%}
#commentform p.form-submit .btn { min-width:150px}
#commentform p label { float:left; width:30%; margin:4px 0 0}
#commentform input[type="text"] { width:70%; box-sizing:border-box}
#commentform textarea { width:70%; box-sizing:border-box}

p.button.rent_app_btn{box-shadow:none;background:none;padding:0}
p.pdf.btn,p.button.email_btn{box-shadow:none;background:none;text-align:left;}
.buttons .email_btn{position:relative;padding-left:200px;}
p.button.email_btn .btn,  p.button.email_btn .button {display: block;float: left;font-size: 11px;height: 24px;line-height: 24px;margin-right: 10px;padding: 0;}
h4.feed-item-title{padding: 5px 0 10px;}
.rss2html-note a{display:none;}
.lead.group h3{padding-top:10px; font-size: 24px !important;}
.realty #listings {margin-top: 30px;padding: 15px}
#buying .lead {margin: 0px !important}
#buying  .lead.group h3 {padding-top: 0px}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{ position:relative}

.lightbox-wrap {color: #FFF; padding: 15px}
.lightbox-wrap ol.cf-ol li {clear: both;float: left;padding: 0 0 10px}
.lightbox-wrap .cf-ol #captcha-image {clear: right;float: left}
.lightbox-wrap .reload-captcha { float:left}
.lightbox-wrap .reload-captcha a.btn {
    background-color: transparent;background-image: url("../img/reload.png");background-position: center center;background-repeat: no-repeat;
    box-shadow: none;display: block;height: 40px;margin: 0;min-width: 40px;
    overflow: hidden;padding: 0;text-indent: -999px;width: 24px;
}
.lightbox-wrap p.requi {clear: both;float: left}
.lightbox-wrap:after {display: table;content: "";clear: both}
.lightbox-wrap {color: #222}
.lightbox-wrap .cf-ol #captcha-image {width: auto !important}

#agent .link-back a {display: block;margin-bottom: 10px;width: 100px}

.property #agents .info a{color:#fff}
#ui-main-menu{display:none}
.wppage-offices.address-office {margin-bottom: 20px;padding: 20px;color: #fff;background:rgba(38, 26, 0, 0.8)}
.wppage-offices.map-office {float: left;height: 471px;margin-right: 2%;width: 48%}
.wppage-offices.map-office iframe {height: 100% !important;width: 100% !important}

#contact-us .contact_form { margin-bottom:20px;background:#f6f6f6;box-sizing: border-box;display: inline-block; padding: 15px; width: 100%}
#contact-us .contact_form label {width:100%}
#contact-us .contact_form input[type="text"],
#contact-us .contact_form textarea {box-sizing: border-box;width: 100%}
#contact-us .contact_form .email_btn {display: inline-block;padding: 0}

#home .homepage #mid { top: 0px !important; text-align: center; clear: both; width: 100% !important}
#home {background: #3c3c3c !important; overflow: hidden;}
#home .home-logo {width: 395px; margin: 0 auto}
#home .home-logo img {margin: 1px 2px 0 2px; float: left; height: 11px; width: auto;background:rgba(255, 255, 255, 0.3); border-radius: 5px;padding: 7px;}
#home .home-logo img:hover {background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8);}
#home .sep {background: none !important}
#home ul#menu-home-footer-menu-new.group.footer-nav {width: 945px}
nav#footer_menu { position: relative; background: #231f20; z-index: 9; padding:24px 0 15px; text-align:center}
nav#footer_menu #ui-main-menu {display:none}
nav#footer_menu .menu {background:#231f20;max-width: 960px; margin:0 auto}
nav .menu ul.sub-menu  {z-index: 0;position: absolute;bottom: 55px;box-shadow: none !important}
#home .homepage-item {width: 600px;margin: 0px auto;padding-top: 70px; text-align: center}
#home .homepage-item .custom-logo-block img {width: 100%; height: auto}
h3.white_text {color: #fff; font-weight:bold}
#buyer-registration .gform_wrapper .top_label .gfield_error {width: 100% !important}
#buyer-registration .gform_wrapper .gform_body ul li.gfield > .validation_message {margin: 0px 0px 0px 225px !important; padding: 0px !important }
#calculators .calculator ul.right label {text-align: right;}
#calculators .calculator ul.right input[type="text"] {margin-left: 20px}
#calculators .calculator ul.right input#monthly_rent {margin-left: 10px !important}
#team .lightbox-wrap .cf-ol #captcha-image {margin-bottom: 10px}

#contact-us .line-one {height: 110px;margin-top: 20px}
#contact-us .line-one .address-1 {width: 33%;float: left}
#contact-us .line-one .address-2 {width: 33%;float: left}
#contact-us .line-one .address-3 {width: 33%;float: left}
#contact-us .line-two {clear: both;height: 150px}
#contact-us .line-two .address-4 {width: 33%;float: left}
#contact-us .line-two .address-5 {width: 33%;float: left}

#upcoming-auctions .table-wrap ul.headnya li{height: 20px;background:#ec0d8c !important}
#upcoming-auctions .table-wrap ul.alt {background: #32270D}
#upcoming-auctions .table-wrap ul{margin: 0px; width: 100%; clear: both; background: #3c3c3c}
#upcoming-auctions .table-wrap ul li.headnya{text-align: center}
#upcoming-auctions .table-wrap ul li.opentimes_date {float: initial; margin: 0px;padding: 7px 0px;text-align: center}
#upcoming-auctions .table-wrap ul li{float: left;list-style: none outside none}
#upcoming-auctions .table-wrap ul li.bedrooms_cell,
#upcoming-auctions .table-wrap ul li.bathrooms_cell,
#upcoming-auctions .table-wrap ul li.carspaces_cell {width: 50px}
#upcoming-auctions .table-wrap ul li.image {width: 20%}
#upcoming-auctions .table-wrap ul li.image img{ width: 100%; height: auto}
#upcoming-auctions .table-wrap ul li.place_cell{width: 16%}
#upcoming-auctions .table-wrap ul li.suburb_cell{width: 10%;padding: 2%}
#upcoming-auctions .table-wrap ul li.address_cell{width: 14%;padding: 2% 1%}
#upcoming-auctions .table-wrap ul li.address_cell a:hover {color: #ec0d8c}
#upcoming-auctions .table-wrap ul li.property_type_cell{width: 8%;padding: 2% 1%}
#upcoming-auctions .table-wrap ul li.rooms_cell{width: 20%;padding: 2% 1%}
#upcoming-auctions .table-wrap ul li.rooms_cell .property-rooms span  {background: url('../images/icons/rooms_white_32.png') no-repeat ;height: 20px;letter-spacing: 1px;}
#upcoming-auctions .table-wrap ul li.rooms_cell span.bed {background-position: 100% -7px;padding-right: 35px}
#upcoming-auctions .table-wrap ul li.rooms_cell span.bath {background-position: 100% -38px;margin-left: 10px;padding-right: 35px}
#upcoming-auctions .table-wrap ul li.rooms_cell span.car {background-position: 100% -68px;margin-left: 10px;padding-right: 35px}
#upcoming-auctions .table-wrap ul li.auction_time{width: 16%;padding: 2% 1%}

#this-weeks-opens #maincontent #content ul.headnya {background: none repeat scroll 0% 0% #ec0d8c;margin: 0px;padding: 7px 0px;text-align: center;width: 100%; }
#this-weeks-opens #maincontent #content ul.alt {margin: 0px;background: #32270d;}
#this-weeks-opens #maincontent #content ul {margin: 0px; background: #3c3c3c}
#this-weeks-opens #maincontent #content ul li {list-style: none;}
#this-weeks-opens #maincontent #content ul li.opentimes_date {width: auto !important;}
#this-weeks-opens #maincontent #content ul li.image,
#this-weeks-opens #maincontent #content ul li.suburb_cell,#this-weeks-opens #maincontent #content ul li.rooms_cell,
#this-weeks-opens #maincontent #content ul li.price_cell,#this-weeks-opens #maincontent #content ul li.time_cell {float: left;}

#this-weeks-opens #maincontent #content ul li.image {width: 23%}
#this-weeks-opens #maincontent #content ul li.image img{width: 100%; height: auto;}
#this-weeks-opens #maincontent #content ul li.suburb_cell {width: 23%;padding: 2% 1%}
#this-weeks-opens #maincontent #content ul li.rooms_cell {width: 17%; padding: 2% 0}
#this-weeks-opens #maincontent #content ul li.price_cell {width: 10%; padding: 2% 2%}
#this-weeks-opens #maincontent #content ul li.time_cell {width: 17%;padding: 2% 1%}
#this-weeks-opens #maincontent #content ul li.rooms_cell span.property-rooms span {background: url('../images/icons/rooms_white_32.png') no-repeat; height: 20px;letter-spacing: 1px;}
#this-weeks-opens #maincontent #content ul li.rooms_cell span.property-rooms .bed{background-position: 100% -7px; padding-right: 35px;}
#this-weeks-opens #maincontent #content ul li.rooms_cell span.property-rooms .bath{background-position: 100% -38px;margin-left: 10px;padding-right: 35px;}
#this-weeks-opens #maincontent #content ul li.rooms_cell span.property-rooms .car{background-position: 100% -68px;margin-left: 10px;padding-right: 35px;}
#this-weeks-opens #maincontent #content ul li.suburb_cell a:hover {color: #ec0d8c}

.search-paging {clear: both;}
#footer_menu .menu ul.nav > li > a { padding: 18px 10px;}

#calculators #content h5 {text-transform: none !important; text-transform: unset !important;  }
.international-content {background: rgba(38, 26, 0, 0.8);padding: 20px; color:#fff }

#team .details { position: relative; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #777; }
#team .info.left { margin-bottom: 20px; padding: 0 10px;}
#team .details .info .tabs-view {position: absolute;bottom: 20px}
#team .details .info .tabs-view p {float: left}
#team .details .info .tabs-view p:last-child .btn-view {border-right: 0}
#team .details .info .tabs-view .btn-view:hover {/*text-decoration: none;background: #000*/}
#team .details .info .tabs-view .btn-view.active {background: #231f20}
#team #agent .listings {margin: 10px 0}
.agent .info a[href^=tel] { color: inherit; text-decoration: none; }

.listings .row-lists {margin: 0 -10px}
.listings .row-lists:after {display: table;content: "";clear: both}
.listings .row-lists .listing {width: 33.33%;float: left;padding: 10px}
.listings .row-lists,.listings .row-lists * {box-sizing: border-box}
.listings .row-lists .listing .image img {margin-top: 0 !important;width: 100%}
.listings .row-lists .listing .image {position: relative;max-width: 100% !important;width: 100%;height: 200px;overflow: hidden}
.listings .row-lists .listing .overview {background: #231f20;padding: 10px;min-height: 110px; color:#fff}
.listings .row-lists .listing .overview p {margin: 0}
.listings .row-lists .listing .overview p.address {margin: 0 0 5px}
.listings .row-lists .listing .overview p.address a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#fff; font-weight:600}
.listings .row-lists .listing .overview ul.rooms {list-style: none; margin: 0}
.listings .row-lists .listing .overview ul.rooms:after {display: table;content: "";clear: both}
.listings .row-lists .listing .overview ul.rooms span {margin: 0 10px 0 0;padding-right: 24px}
.listings .row-lists .listing .overview ul.rooms .bedrooms span {background-position:right -3px}
.listings .row-lists .listing .overview ul.rooms .bathrooms span {background-position:right -25px}
.listings .row-lists .listing .overview ul.rooms .carspaces span {background-position: right -46px}

.ribbon {position: absolute;top: 0;left: 0;width: 117px;height: 117px}
.ribbon.sold {background: url(../img/sticker_sold.png?v=2.01) 0 0 no-repeat}

#property-appraisal #return {margin-bottom: 20px}
#property-appraisal #return P {margin: 0 !important; color: #CE0404 !important;}

#home .custom-logo-block {
    left: 0;margin: 0 auto;width: 600px;position: fixed;right: 0;top: 50%;z-index: 0; max-width:50%;
    transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);
}
#home .custom-logo-block img {display: block;max-width: 100%}
#home .logo-watermark {width: 90% !important; }
#home .logo-home-header {width: 160px;float: left;padding-top: 3px;}
#home .logo-home-header img{width: 100%; height: auto;vertical-align: middle;}

nav#footer_menu .menu  ul li a{padding: 18px 12px;}
nav#footer_menu .menu  ul li a:hover{background: #3c3c3c}

#leasing #bg img {position: absolute; width: 100%}

.menu_logo {float:left;height: 55px;margin: 0 10px 0 0; max-width:50%}
.menu_logo a img {display: block;padding: 5px 0;max-height: 45px}

#buying #bg img, #search-residential #bg img, #recently-sold #bg img {width: 100%;height: auto;}

.mfp-fade.mfp-bg {opacity: 0.001;-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0}
.mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0}

.lightbox-wrap h2 {color: inherit}
span.reload-captcha a.btn { height: 40px;line-height: 40px;padding: 0}
#return p {margin: 0 0 10px}

.table-wrap ul {list-style: none;margin: 0 0 15px; width: 100%;background:#f6f6f6;box-sizing: border-box}
.table-wrap ul:after {display: table;content: "";clear: both}
.table-wrap ul.headnya {background: #ec0d8c;padding: 10px;margin: 0}
.table-wrap ul li.image {width: 20%}
.table-wrap ul li {float: left;padding: 10px;width: 20%;box-sizing: border-box}
.table-wrap ul li.image img {width: 100%;vertical-align: middle}
.table-wrap ul.headnya li {padding: 0;width: 100%; color:#fff}
.table-wrap ul li.rooms_cell .property-rooms span {
    background: rgba(0, 0, 0, 0) url("../images/icons/rooms_black_32.png") no-repeat scroll 0 0;
    float: left;height: 20px;letter-spacing: 1px;line-height: 21px;
}
.table-wrap ul li.rooms_cell span.bed {background-position: 100% -7px;padding-right: 35px;}
.table-wrap ul li.rooms_cell span.bath {background-position: 100% -38px;margin-left: 10px;padding-right: 35px;}
.table-wrap ul li.rooms_cell span.car {background-position: 100% -68px;margin-left: 10px;padding-right: 35px;}

#ui-datepicker-div {background: #231f20;padding: 5px;color: #222;width:auto; position:absolute; display:none}
#ui-datepicker-div a.ui-datepicker-prev {float: left;margin-right: 10px}
#ui-datepicker-div a.ui-datepicker-next {float: right}

.ui-datepicker-calendar th, .ui-datepicker-calendar td {height: 30px;padding: 0;text-align: center;vertical-align: middle;width: 30px}
.ui-datepicker-calendar th {color:#fff}
.ui-datepicker-calendar td {
    background:-moz-linear-gradient(center top , #fff 0%, #eee 100%) repeat scroll 0 0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));
	background:-webkit-linear-gradient(top, #fff 0%,#eee 100%);
	background:-o-linear-gradient(top, #fff 0%,#eee 100%);
	background:-ms-linear-gradient(top, #fff 0%,#eee 100%);
	background:linear-gradient(top, #fff 0%,#eee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 );border: 1px solid #231f20;
}
.ui-datepicker-calendar td a {display: block;height: 100%;line-height: 30px;width: 100%}
.ui-datepicker-title {text-align: center}
#ui-datepicker-div select {display: inline-block;margin: 0 1px;width: 70px}
.ui-datepicker-calendar td.ui-datepicker-current-day {background: #a0b699}
.ui-datepicker-calendar td a.ui-state-active {color:#fff}
.ui-datepicker-calendar td.ui-datepicker-today {background:#fff}

.testi {border-bottom: 1px dotted;margin: 0 0 15px;padding: 0 0 15px;position: relative}
.testi .testi-quote {left: 0;position: absolute;top: 0}
.testi .testi-wrap {box-sizing: border-box;width: 100%}
.testi-content {box-sizing: border-box;padding-left: 35px;width: 100%}
.testi-content .testi-content-text2 {background: #292929;padding: 10px;margin: 0 0 5px}
.testi-content .author-testi2 {text-align: right;font-style: italic}
.testi-content .sender {font-style: italic;font-weight: bold}
.pagination_toolbar a {color: #fff;text-decoration: none !important}
.pagination_toolbar a:hover, .pagination_toolbar a.current, .pagination_toolbar a.active_page {color: #ec0d8c}

.text-on-footer { color:#fff;display: inline-block;border-right : 1px solid #FFF;padding:0 5px}
.text-on-footer.last {border-right: 0}
.text-center {text-align: center}

.row h2 {margin: 0 0 5px;text-transform: capitalize;color: #ec0d8c}
.col-3 {width: 33.33%;float: left; padding: 10px;box-sizing: border-box}
.bg-img {display: none;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat}

#our-people .lightbox-wrap .cf-ol #captcha-image, #team .lightbox-wrap .cf-ol #captcha-image,
#team .lightbox-wrap .cf-ol #captcha-image, #team .lightbox-wrap .cf-ol #captcha-image {width: auto !important}
.wppage-offices.map-office {float: left;height: 200px; margin-right: 0;width: 100%;margin-bottom:15px}

#contact-us p i {color: #231f20;font-size: 2em}
.map-dislay #gmap_canvas {height: 0;overflow: hidden;padding-bottom: 50%;position: relative;width: 100%}

/* Slider */
.slick-slider{
    position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
	-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;z-index:0; height:100%
}
.slick-slider .slick-prev, .slick-slider .slick-next {
    position: absolute;top: 50%;transform: translate(0px, -50%);
	-webkit-transform: translate(0, -50%);-ms-transform:translate(0, -50%);
	z-index:9; font-size:0; color:transparent; cursor:pointer; margin-top:-50px;height:50px; width:50px; transition:0.3s; border:none
}
.slick-slider .slick-next {right:0; background: url(../images/icons/br_next32.png) no-repeat center center}
.slick-slider .slick-prev {left:0; background: url(../images/icons/br_prev32.png) no-repeat center center}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0}
.slick-list:focus{outline: none}
.slick-list.dragging{cursor: pointer;cursor: hand}
.slick-slider .slick-track,.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)
}
.slick-track{position: relative;top: 0;left: 0;display: block}
.slick-track:before,.slick-track:after{display: table;content: ''}
.slick-track:after{clear: both}
.slick-loading .slick-track{visibility: hidden}
.slick-slide {display: none;float: left;min-height: 1px; width:800px;overflow: hidden;position: relative;background:#000}
[dir='rtl'] .slick-slide{float: right}
.slick-slide img {display: block;opacity: 0.5;transition:0.5s;-webkit-transition:0.5s;width: 100%;filter: Alpha(Opacity=50)}
.slick-slide.slick-active img {opacity: 1}
.slick-slide.slick-loading img{display: none}
.slick-slide.dragging img{pointer-events: none}
.slick-initialized .slick-slide{display: block}
.slick-initialized .slick-slide .iframe_video {width:100%; height:100%}
.slick-loading .slick-slide{visibility: hidden}
.slick-vertical .slick-slide{display: block;height: auto; border: 1px solid transparent}
.slick-initialized .slick-slide embed {height: 100%;width: 100%}
	
#gallery .direction a {
    color: #fff;font-size: 30px;position: absolute;top: 50%;
    transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%)
}
#gallery .direction a.cycle-prev { left:10px}
#gallery .direction a.cycle-next { right:10px}

.thumb_wrap {position: relative;width: 100%}
#cycle-2 .thumb_img {height: 75px;width: 200px; margin-right:1px}
#cycle-2 .thumb_img img {display: block;width: 100%}

@media screen and (min-width: 992px) {
    .slick-slide{
        height: 85vh;
        background: #231f20;
        text-align: center;
    }
    .slick-slide img {
        display: inline-block;
        height: 100%;
        width: auto;
    }
}

@media screen and (orientation:potrait){
body#home #bg img {
	bottom: 0 !important;height: 50% !important;left: 0;margin: auto !important;min-height: 50% !important;
	min-width: 50% !important;position: absolute;right: 0;top: 0;width: auto !important
}
body#home .bgwrap {height: 200%;left: -50%;position: absolute;top: -50%;width: 200%}
}
@media screen and (orientation:landscape){
body#home #bg img {bottom: 0 !important;height: auto !important;left: 0;margin: auto !important;min-height: 50% !important;min-width: 50% !important;position: absolute;right: 0;top: 0;width: 50% !important; opacity: 0.9}
body#home .bgwrap {height: 200%;left: -50%;position: absolute;top: -50%;width: 200%}
}