/*
	Theme Name: Hamilton Island Real Estate
	Theme URI:hamiltonislandrealestate.com.au/
	Author:Agentpoint
	Author URI:http://agentpoint.com.au/
	Description:Hamilton Island Real Estate
	Tags:responsive design -- joe
*/

/* ==================================================================================================== 
												GLOBAL 
==================================================================================================== */

/* -GENERICS- */
nav[role="navigation"] ul.menu a i.fa{margin:0 5px}
table {width:100%}
th, td {padding:5px}
.col-center {text-align:center}
.col-left {text-align:left}
.col-right {text-align:right}
th {font-weight:normal}

/* -global classes- */
.clear, .clearer {clear:both; content:""}
.left {float:left} img.alignleft {float:left; margin:0 20px 20px 0}
.right {float:right} img.alignright {float:right; margin:0 0 20px 20px}
.text-left {text-align:left}
.text-center {text-align:center}
.text-right {text-align:right}
.text-cut {overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.text-orange {color:#f0b20f}
.aquo {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.16667em}
.required, .red {color:#e00}
.hidden {display:none}

/* -jQuery Tabs- */
ul.ui-tabs-nav li {float:left}
ul.ui-tabs-nav li a {display:block}
.ui-tabs-panel {clear:both}

/* -selectbox- */
.sbHolder {
	position:relative; z-index:1; width:281px; border:solid 1px #b7b7b7; border-radius:5px;
	background:#e8e8e8;
	background:-moz-linear-gradient(top, #fdfdfd 0%, #e8e8e8 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e8e8e8));
	background:-webkit-linear-gradient(top, #fdfdfd 0%,#e8e8e8 100%);
	background:-o-linear-gradient(top, #fdfdfd 0%,#e8e8e8 100%);
	background:-ms-linear-gradient(top, #fdfdfd 0%,#e8e8e8 100%);
	background:linear-gradient(top, #fdfdfd 0%,#e8e8e8 100%);
}
.sbHolder a {display:block; color:#444; transition:none; text-decoration:none }
.sbHolder a.sbToggle {position:absolute; z-index:0; top:0; right:0; width:38px}
.sbHolder ul.sbOptions {position:absolute; z-index:0; width:100%; max-height:245px !important; margin:0; list-style:none; background:#fff; overflow:auto; box-shadow:0 2px 2px rgba(0,0,0,.1)}
.sbHolder .sbOptions li a {padding:0 5px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

#side_realty_widget_quick_search .sbHolder {width: 245px}

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

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

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

@media screen and (min-width:480px) {
    [class^="grid-"] {margin-left:-10px; margin-right:-10px}
    [class^="grid-"]:before, [class^="grid-"]:after {display:table; content:""}
    [class^="grid-"]:after {clear:both}
    [class^="grid-"] > .column, [class^="grid-"] .suburb .column {box-sizing:border-box; float:left; padding-right:10px; padding-bottom:20px; padding-left:10px}
    [class^="grid-"] > .column.full, [class^="grid-"] .suburb .column.full {width:100%}
    
    .grid-max-2 > .column {width:50%}
    .grid-max-2 > .column:nth-of-type(2n+1) {clear:both}
}

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

}

/* -layout- */
#backimage {position:fixed; z-index:0; top:0; left:0; width:100%; height:100%}
#content {position:relative; z-index:1} 

div[role="main"] {padding-bottom:5.55556%} #content.homepage div[role="main"] {padding-bottom:0}
footer[role="contentinfo"] {position:relative; z-index:2}


/* -SECTIONS- */
/* -header- */
#header .hgroup {position:relative; z-index:2}
#header .hgroup img {display:block}
#header .hgroup .utils {font-size:0.857143em}
#header .hgroup p.phone {margin:0 0 0 10px; line-height:45px}
#header .search {position:relative; z-index:0}

/* -sidebar- */
.default .blog-sidebar > ul {margin:0; padding:15px; list-style:none; background:#fafafa}
.blog-sidebar ul li a {display:block; padding:2px 0; color:#000}
.blog-sidebar ul li a:hover {padding:2px 0 2px 10px; color:#16355C}
.blog-sidebar ul li a i.fa {width:10px}


/* -PAGES- */
/* -homepage- */
.homepage .banners {margin:55px 0}
.homepage .banners li {position:relative; width:24.5055%; margin:0 0.549451% 0 0; -webkit-border-top-left-radius: 5px;border-top-left-radius: 5px;border-bottom-right-radius: 20px; overflow:hidden}
.homepage .banners li.last {margin:0}
.homepage .banners li img {display:block}
.homepage .banners li span {display:block; position:absolute; bottom:15px; left:10px; color:#fff; font-size:1.5em; line-height:normal; transition-duration:.5s}
.homepage .banners li a:hover span {bottom:25px}
.homepage .utilities {position:relative}
.homepage .utilities img {display:block; width:100%}
.homepage .utilities .overlay {position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/black_50.png); text-align:center}
.homepage .utilities .overlay:before {display:inline-block; height:100%; content:""; vertical-align:middle}
.homepage .utilities .container {display:inline-block; max-width:50%; vertical-align:middle; color:#fff}
.homepage .utilities p.copy {margin:20px 0}
.homepage .utilities p.button a {display:inline-block; padding:5px 20px; color:#fff; border:solid 1px #fff; border-radius:20px}
.homepage .utilities p.button a:hover {color:#ee1c29; border-color:#ee1c29}

/* -pages/posts- */
.default ol {list-style:decimal; margin:0 0 20px 20px}
.default img {max-width:100%; height:auto}

.post {margin:0 0 30px}
.post-head {margin:0 0 15px}
.post-head h4.post-title {margin:0}
.post-head h4.post-title a {color:#000}
.post-head h4.post-title a:hover {color:#16355C}
.post-head p {margin:0}
.post-head p.post-meta {color:#9D9D9D; font-size:0.785714em}
.post-head p.post-meta a {color:#9D9D9D} 
.post-head p.post-meta a:hover {color:#16355C}

.posts.index .post.last {margin:0; padding:0; border-bottom:none}
.posts.index .entry p {margin:0}
.posts.index .entry img {float:left; width:150px; margin:0 10px 0 0}

.posts.single .post {margin:0 0 25px}
.posts.single img {max-width:100%}

.comments {margin:0 0 30px}
.comments h2.section_title {margin:0 0 30px}
.comments ul {list-style:none; margin:0}
.comments ul li {margin:0}
.comments .comment-body {position:relative; margin:0 0 10px; padding:15px 20px 20px; background:#FBFBF9}
.comments ul li img.avatar {float:left; margin:6px 10px 10px 0}
.comments p {margin:0}
.comments .reply a {padding:5px 10px; background:#16355C; color:#fff} .comments .reply a:hover {background:#5e5e5e}
.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 label {font-family:'dinbold', Arial, Helvetica, sans-serif}
a#cancel-comment-reply-link {float:right; font-size:12px; font-style:italic; font-size:#CC0000}

/* page:contact us*/
.wp-page-contact .section {width:47%; margin:0 0 30px}

/* page:careers*/
.careers {position:relative}
.careers .slides {overflow:hidden}
.careers .slides > ul {position:relative; width:20000em; margin:0; list-style:none}
.careers .slides li {position:relative; float:left; margin:0 20px 0 0; background:#454545; color:#fff}
.careers .slides li.last {margin:0}
.careers .slides .wrap {padding:20px 20px 52px}
.careers .slides a.button {position:absolute; bottom:20px; left:20px; padding:0; text-align:center}
.careers .direction {padding:20px 0}
.careers .direction a.control {display:block; font-size:20px; color:#333}

/* -subcriptions manager- */
.subscriptions p.link-login {margin:0 0 30px}
.subscriptions ul {margin:0 !important; list-style:none}
.subscriptions span.required {color:#e00}
.subscriptions textarea {height:100px}
.subscriptions input[type="submit"], .subscriptions a.button {min-width:100px; text-align:center}
.subscriptions ul.subforms .holder {position:relative; z-index:0}
.subscriptions ul.options {position:absolute; left:19px; top:-60px; width:100%; background:#fff; box-shadow:0 0 2px rgba(0,0,0,.2)}
.subscriptions ul.options > li {padding:0 15px 5px}
.subscriptions ul.options > li.first {padding:15px 15px 5px}
.subscriptions ul.options > li.last {padding:0 15px 5px; text-align:right}
.subscriptions ul.options select {width:100%}
.subscriptions ul.options select.left {width:49%}
.subscriptions ul.options select.left.alt {margin:0 2% 0 0}
.subscriptions ul.options a.close-options {font-size:0.857143em; font-style:italic; color:#333}
.subscriptions .the-content {margin:0 0 30px}
.subscriptions .return {margin:30px 0 40px; padding:20px; background:#ffc; border:1px solid #fc0}
.subscriptions .return.success {background:#f2ffe4; border:1px solid #d1f8a9}
.subscriptions .return p {margin:0; color:#d00}
.subscriptions .return.success p {color:#444}
.subscriptions li.buttons .button {padding:0; text-align:center}
.subscriptions h6.register-title {margin:30px 0; padding:30px 0 0; border-top:1px solid #c1c1c1}

/* page:subscribe */
.subscriptions p.alt {margin:0 0 30px}
.subscriptions .subscribe .section {margin:0 0 20px; padding:20px; background:#fafafa}
.subscriptions .subscribe .section.button {padding:0 0 30px; background:none}
.subscriptions .subscribe input[type="text"], .subscriptions .subscribe input[type="password"], 
.subscriptions .subscribe textarea, .subscriptions .subscribe select {background:#fff}
.subscriptions .subscribe input[type="submit"] {min-width:150px}
.subscriptions .subscribe.details input[type="submit"], .subscriptions .subscribe.details a.button {float:left; min-width:120px; margin:0 0 0 2px; padding:0}
.subscriptions .captcha-code .wrap {position:relative}
.subscriptions .captcha-code .wrap span {display:block; position:absolute; top:2px; right:2px; background:#ee1c29}
.subscriptions .captcha-code img {max-width:100%}
.subscriptions .captcha-code a {padding:7px; font-size:14px; color:#fff}
.subscriptions .subscribe.details h1.title {margin:30px 0}

/* page:rental application */
.rental-application .section {margin:0 0 30px}
.rental-application .section.signature {position:relative}
.rental-application p.title:after {display:block; content:""; margin:5px 0 0; border-bottom:2px solid}
.rental-application ul.listforms {margin:0; list-style:none}
.rental-application ul.listforms li {padding:0 0 10px}
.rental-application ul.listforms li.last {padding:0}
.rental-application input[type="submit"] {width:150px}
.rental-application input[type="radio"] {margin:5px 5px 0 0}
.rental-application table.disclaimer td {padding:0}
.rental-application table.disclaimer textarea {width:63%; height:150px; margin:20px 0 0}
.rental-application table.data {border-top:1px solid #f4f4f4; border-left:1px solid #f4f4f4}
.rental-application table.data th, .rental-application table.data td {border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4}
.rental-application table.data th {padding:10px 15px 8px; background:#fafafa}
.rental-application table.data td {padding:7px 15px 5px}
.rental-application #signature {display:inline-block; width:100%; margin:0 0 20px; background:#ffc}
.rental-application .section.signature .reset {margin:0}
.rental-application input#signature_reset {height:auto; padding:0; color:#ee1c29; background:none}
#rental-application div.light_square #pp_full_res .pp_inline {height:389px; margin:0 0 20px; overflow:auto; font-size:0.875em; line-height:1.5; color:#444}
#rental-application div.light_square #pp_full_res .pp_inline h2 {margin:0 0 15px}
#rental-application div.light_square #pp_full_res .pp_inline ul {margin:0 0 15px 15px; list-style:disc}
#rental-application div.light_square #pp_full_res .pp_inline ol {margin:0 0 15px 15px; list-style:decimal}

/* page:sales appraisal */
.page-sales-appraisal {margin:20px 0 0; padding:40px 0 0; border-top:solid 1px #eee}


/* ==================================================================================================== 
												REALTY 
==================================================================================================== */
/* -GLOBAL- */
ul.rooms li.last {margin:0 !important}
ul.rooms.white-40 li {width:40px; padding:40px 0 0; background-image:url(images/icons_rooms_40.png?v=1.001)}
ul.rooms.white-40 li.bedrooms {background-position:0 0}
ul.rooms.white-40 li.bathrooms {background-position:-40px 0}
ul.rooms.white-40 li.carspaces {background-position:-80px 0}

/* -paging- */
.pagination {text-align:center}
.pagination a {padding:0 5px; color:#ccc}
.pagination a:hover, .pagination a.current {color:#333}

/* -misc- */
span.inbox-border {opacity:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding:2px; transition-duration:.2s; box-sizing:border-box}
span.inbox-border span {display:block; width:100%; height:100%; border:solid 1px #fff; box-sizing:border-box}

/* -WIDGETS- */
/* -quick search- */
.sugBoxSuburb {position:absolute; left:0; width:100%; background:#FFFFFF; box-shadow:0 2px 2px rgba(0, 0, 0, 0.05)}
.autoSugListSuburb {padding:10px 10px 5px}
.sugBoxSuburb ul li {cursor:pointer; color:#3b3b3b}
.sugBoxSuburb ul li:hover {color:#16355C}

/* quick search 1- */
.quicksearch-1 {position:relative; z-index:1}
.quicksearch-1 ul.search-types li {position:relative}
.quicksearch-1 ul.search-types li.left {margin:0 30px 0 0}
.quicksearch-1 ul.search-types li.active:before, .quicksearch-1 ul.search-types li.active:after {position:absolute; z-index:1; left:50%; width:0; height:0; margin:0 0 0 -8px; content:""; border-style:solid; border-width:0 8px 10px; border-color:transparent}
.quicksearch-1 ul.search-types li.active:before {bottom:0; border-bottom-color:#fff}
.quicksearch-1 ul.search-types li.active:after {bottom:-1px; border-bottom-color:#fff}
.quicksearch-1 ul.search-types a {display:block; padding:0 0 15px; color:#ddd; font-size:1.25em}
.quicksearch-1 ul.search-types a:hover, .quicksearch-1 ul.search-types li.type.active a {color:#ee1c29}

.quicksearch-1 form.list-type {position:absolute}
.quicksearch-1 form.list-type label {margin:8px 0 0 20px}
.quicksearch-1 form.list-type input[type="radio"] {margin:5px 5px 0 0}
.quicksearch-1 .keywords {position:relative; z-index:2}
.quicksearch-1 .keywords #results {position:absolute; width:100%; background:#fff; box-shadow:0 0 2px rgba(0,0,0,.15)}
.quicksearch-1 .keywords #results div {padding:7px 15px; border-bottom:1px solid #eee; cursor:pointer}
.quicksearch-1 .keywords #results div:hover, .quicksearch-1 .keywords #results div.selected {color:#ee1c29}
.quicksearch-1 .toggle-search {position:absolute; z-index:0; bottom:0; left:50%; margin:0 0 0 -63px; cursor:pointer; font-size:0.857143em; background:#fff; border:solid 1px #eaeaea; border-bottom:none; border-radius:5px 5px 0 0}
.quicksearch-1 .toggle-search span {line-height:32px}
.quicksearch-1 .toggle-search span.text {padding:0 10px}
.quicksearch-1 .toggle-search span.icon {width:36px; text-align:center}
.quicksearch-1 .toggle-search:hover span.icon {background:#f8f8f8}
.quicksearch-1 .toggle-search span.icon i.fa {position:relative; top:4px; font-size:24px}
.quicksearch-1 .advanced {position:relative; z-index:1; font-size:0.857143em}
.quicksearch-1 .advanced ul.formlist {display:inline-block; width:100%; padding:20px 0 0}
.quicksearch-1 .advanced ul.formlist > li {position:relative}
.quicksearch-1 .advanced ul.formlist > li.alt {clear:left}
.quicksearch-1 .advanced ul.formlist > li.first {margin:0 0 15px}
.quicksearch-1 .advanced ul.formlist .list-type label {margin:0 20px 0 0}
.quicksearch-1 .advanced ul.formlist .list-type input[type="radio"] {margin:3px 5px 0 0}
.ie .quicksearch-1 .advanced ul.formlist .list-type input[type="radio"] {margin:0 5px 0 0}
.quicksearch-1 .sbHolder.alt .options {position:absolute; width:100%; max-height:0; overflow:hidden; transition-duration:.3s}
.quicksearch-1 .sbHolder.alt.shrink .options {max-height:245px; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1)}
.quicksearch-1 .sbHolder.alt .sbOptions {position:static}
.quicksearch-1 .sbHolder.alt .sbOptions li label {display:block; padding:0 5px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

/* -featured and current listings- */
.home-listings-slider .properties {position:relative}
.home-listings-slider .slide {width:100%; overflow:hidden}
.home-listings-slider .slide img {display:block; width:100%}
.home-listings-slider .slide section .opens, .home-listings-slider .slide section .auction {padding:20px 0 0}
.home-listings-slider .cycle-pager span {display:inline-block; width:8px; height:8px; margin:0 3px; border:solid 1px #fff; border-radius:8px; cursor:pointer}
.home-listings-slider .cycle-pager span:hover, .home-listings-slider .cycle-pager span.cycle-pager-active {background:#fff}

/* -opentimes- */
.opens-auctions h1.title {font-size:2.5em; text-align:center}
.opens-auctions .options {position:relative; padding:30px 0; text-align:center; display:none}
.opens-auctions .options .wrap {display:inline-block}
.opens-auctions .options .sbHolder {margin:0 auto; border:none}
.opens-auctions .options .types a, .opens-auctions .options .sbHolder a.sbSelector {
	height:41px; line-height:41px; border:1px solid #b7b7b7; border-radius:5px;
	background:#c8c8c8;
	background:-moz-linear-gradient(top, #f8f8f8 0%, #c8c8c8 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#c8c8c8));
	background:-webkit-linear-gradient(top, #f8f8f8 0%,#c8c8c8 100%);
	background:-o-linear-gradient(top, #f8f8f8 0%,#c8c8c8 100%);
	background:-ms-linear-gradient(top, #f8f8f8 0%,#c8c8c8 100%);
	background:linear-gradient(top, #f8f8f8 0%,#c8c8c8 100%);
}
.opens-auctions .options .sbHolder a.sbToggle {
	height:41px; border:solid 1px #b7b7b7; border-left:none; border-radius:0 5px 5px 0;
	background:url(images/icon_selectbox_toggle.png) center center no-repeat #e8e8e8;
	background:url('images/icon_selectbox_toggle.png') center center no-repeat;
	background:url('images/icon_selectbox_toggle.png') center center no-repeat, -moz-linear-gradient(top, #fdfdfd, #e8e8e8);
	background:url('images/icon_selectbox_toggle.png') center center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#e8e8e8));
	background:url('images/icon_selectbox_toggle.png') center center no-repeat, -webkit-linear-gradient(top, #fdfdfd, #e8e8e8);
	background:url('images/icon_selectbox_toggle.png') center center no-repeat, -o-linear-gradient(top, #fdfdfd, #e8e8e8);
	background:url('images/icon_selectbox_toggle.png') center center no-repeat, linear-gradient(to bottom, #fdfdfd, #e8e8e8);
}

.opens-auctions .options .sbHolder ul.sbOptions {top:43px !important}
.opens-auctions .options .types {margin:0 2px 0 0}
.opens-auctions .options .types a {float:left; width:100px; color:#444; text-align:center}
.opens-auctions .options .types a.sale {border-radius:5px 0 0 5px}
.opens-auctions .options .types a.lease {border-radius:0 5px 5px 0; border-left:none}
.opens-auctions .options .types a:hover, .opens-auctions .options .types a.active {background:#f8f8f8}
.opens-auctions .options .loading {position:absolute; top:40px}
.opens-auctions .slides {position:relative; width:100%; overflow:hidden}
.opens-auctions .slides > ul {position:relative; width:20000em}
.opens-auctions .slide {float:left; position:relative; width:299px; margin:0 20px 0 0;}
.opens-auctions .slide figure {overflow:hidden}
.opens-auctions .slide .image {overflow:hidden}
.opens-auctions .slide p.save_calendar {position:absolute; top:20px; right:20px}
.opens-auctions .slide p.save_calendar a {color:#444}
.opens-auctions .slide p.price {padding:20px 0 10px; border-bottom:1px solid #c1c1c1}
.opens-auctions .slide ul.rooms {display:inline-block; width:100%; padding:10px 0 0}
.opens-auctions .direction {padding:20px 0}
.opens-auctions .direction a.control {color:#444; font-size:20px}

.current-listings {margin:50px 0 0}
.current-listings h1.title {margin:0 0 50px; font-size:2.85714em; text-align:center}

body#subscribe .group .entry {padding-left: 160px}
body#subscribe form.contact_form.form_email_subscription div#user_management_page ol.cf-ol {margin-left: 0}

/* -media- */
.media {position:relative}
.media .tabs-content {overflow:hidden}
.media #gallery .cycle-slideshow {position:relative; overflow:hidden}
.media #gallery .cycle-slideshow > span {height: 200%;left: -50%!important;position: absolute;top: -50%!important;width: 200%;}
.media #gallery .cycle-slideshow img {bottom: 0;left: 0;margin: auto !important;min-height: 50%;min-width: 50%;position: absolute;right: 0;top: 0;width: 50%;}
.media #map #map_canvas {width:100%}
.media #floorplan .cycle-slideshow img {width:100%; height:auto}
.media .cycle-pager {position:absolute; z-index:101; bottom:0; width:100%; padding:10px 0; background:url(images/black_50.png); text-align:center}
.media .cycle-pager span {display:inline-block; width:7px; height:7px; margin:0 3px; border:solid 1px #fff; border-radius:7px; cursor:pointer}
.media .cycle-pager span.cycle-pager-active {background:#fff}
.media .direction {position:absolute; z-index:102; bottom:8px; cursor:pointer; color:#fff}
.media .cycle-prev {left:5.55556%}
.media .cycle-next {right:5.55556%}
.media .direction i.fa {font-size:22px}
.media .tabs-nav {margin:0 5.55556% 20px; padding:15px 0 10px; border-bottom:1px solid #c1c1c1}
.media .tabs-nav ul li {margin:0 20px 0 0}
.media .tabs-nav ul a, .media .tabs-nav p a {color:#444}
.media .tabs-nav ul a:hover, .media .tabs-nav ul li.ui-state-active a, .media .tabs-nav p a:hover {border-bottom:1px solid #ee1c29}
.media .tabs-nav p {margin:0 20px 0 0}

/* -property description- */
.property .overview .description h5 {padding:0 0 15px}

/* -similar listings- */
#similar-listings .property {margin:0 0 20px}
#similar-listings .property.last {margin:0}
#similar-listings .property .image {position:relative; width:29.6443%; margin:6px 0 0}
#similar-listings .property .image img {display:block; width:100%}
#similar-listings .property .overview {width:68.3794%}
.contact-agent .agent .overview i.fa {display:inline-block; width:14px}
.contact-agent .agent .overview i.fa.fa-envelope {font-size:0.875em}

/* -ELEMENTS- */
/* -search results- */
.listings-sorter .sbHolder {float:left; width:130px}

.create-alert form strong.title {display:block; color:#fff}
.create-alert form input[type="text"] {width:197px; border-color:transparent}

.ie8 .create-alert form input[type="submit"] {background:#012b5d}

p.no_properties_error {margin:0 0 30px}
.search-toolbar.top {margin:0 0 30px; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
.search-toolbar ul.tabs-nav li a {line-height:1; color:#ddd}
.search-toolbar ul.tabs-nav li.ui-tabs-active a, .search-toolbar ul.tabs-nav li a:hover {color:#16355C}
.search-toolbar .sort .sbHolder {height:auto}
.search-toolbar .sort .sbHolder a.sbSelector {display:none}
.search-toolbar .sort .sbHolder a.sbToggle {position:static; width:auto; height:auto; line-height:1; background:none}
.search-toolbar .sort .sbHolder ul.sbOptions {border-top:solid 1px #eaeaea; border-bottom:none; overflow:inherit}
.search-toolbar .sort .sbHolder ul.sbOptions:after, .search-toolbar .sort .sbHolder ul.sbOptions:before {position:absolute; bottom:100%; right:20px; width:0; height:0; content:""; border:solid transparent}
.search-toolbar .sort .sbHolder ul.sbOptions:after {margin-right:-8px; border-width:8px; border-color:transparent transparent #fff}
.search-toolbar .sort .sbHolder ul.sbOptions:before {margin-right:-9px; border-width:9px; border-color:transparent transparent #eaeaea}
.search-toolbar .sort .sbHolder .sbOptions li a {padding:7px 10px; border:1px solid #eaeaea; border-top:none}

.thumbview .listing.suburb .wrap{background-color: #ffaf17;color: #fff;min-height: 365px;padding: 20px}
.thumbview .listing .image {position:relative; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:66.39%}
.lt-ie9 .thumbview .listing .image {-ms-behavior:url(http://bigginscott.com.au/wp-content/themes/bigginandscott/js/backgroundsize.min.htc)}
.thumbview .listing:hover .image span.inbox-border {opacity:1; padding:7px}
.thumbview .listing .overview ul.opens span {display:block}
.thumbview .listing .overview ul.rooms {padding:10px 0 0; font-family:Arial, Helvetica, sans-serif}

.listview .listing .image {position:relative}
.listview .listing .image a {display:block; position:relative}
.listview .listing .image img {display:block; width:100%}
.listview .listing:hover .image span.inbox-border {opacity:1; padding:7px}
.listview .listing .image ul.rooms {position:absolute; padding:5px; background:url(images/white_85.png)}
.listview .listing .overview p.headline a {color:#333}
.listview .listing .overview p.headline a:hover {color:#16355C}
.listview .listing .overview p {margin:0 0 15px}
.listview .listing .overview p.address {font-family:'dinbold', Arial, Helvetica, sans-serif}
.listview .listing .overview ul.buttons li {float:left; margin:1px 1px 0 0}

/* research forms */
#research-form-overlay {position:fixed; z-index:3; top:0; left:0; width:100%; height:100%}
#research-form {position:absolute; z-index:4; top:0; left:0; width:100%; height:100%}
#research-form .port {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center}
	#research-form .port:before {display:inline-block; height:100%; vertical-align:middle; content:""}
#research-form .container {display:inline-block; vertical-align:middle}
#research-form .forms {position:relative; max-width:400px; padding:50px 50px 30px; margin:0 auto; background:url(images/blue_90.png); border-radius:2px; text-align:left}
#research-form .block {padding:0 0 20px}
#research-form p.q {margin:0 0 10px; font-family:'dinbold', Arial, Helvetica, sans-serif; color: #fff;}
#research-form input[type="text"] {box-sizing:border-box; width:100%; margin:0 0 5px; padding:7px}
#research-form select {width:100%; padding:6px; margin:0 0 5px;}
#research-form input[type="submit"] {width:100%; height:34px; margin:15px 0 0}
#research-form #alert p {padding:0 0 20px;}
#research-form p {color: #ffffff;}
#research-form a.close {display:block; position:absolute; top:0; right:0; width:30px; height:30px; line-height:30px; color:#fff; background:#d00; border-radius:0 2px 0 0; font-size:10px; font-family:Tahoma, Geneva, sans-serif; text-align:center}

/* -property- */ 
.property .section.overview h3.title {margin:0 0 20px; font-size:1.25em}
.property .section.overview a.link-back {display:block; padding:16px 0 0; border-top:1px solid #e1e1e1}
.property .inspection .section {margin:0 0 30px; padding:0 0 30px; border-bottom:1px solid #e1e1e1}
.property .inspection .section.opentimes ul li {padding:0 0 10px}
.property .inspection .section.opentimes a.calendar {color:#444}
.property .inspection .section.opentimes a.calendar:hover {color:#ee1c29}

/* -agents- */
#agents .options {position:relative; margin:0 0 25px}
#agents .options .sbHolder {display:inline-block}
#agents .options .loading {position:absolute; top:4px}
#agents .agent {position:relative; background:#eee}
#agents .agent figure img {display:block}
#agents .agent section {padding:20px 20px 100px}
	#agents .agent p.role {margin:0 0 10px}
	#agents .agent section p:nth-child(2) {font-size: 13px}
	#agents .agent p.email {position:absolute; bottom:20px; margin-left: auto; margin-right: auto; left: 0; right: 0;}
	#agents .agent p a {color:#333}
	#agents .agent p a:hover {color:#ee1c29}
	#agents .agent p i.fa {width:20px}

/* -agent- */
#agent .link-back {position:absolute; top:10px; right:5.55556%}
#agent .block {margin:0 0 20px}
#agent .overview section p.email {position:absolute; bottom:30px; left:30px}

#agent .overview section p i.fa {width:20px}
#agent .overview section p i.fa.fa-mobile {position:relative; top:3px; font-size:1.28571em}
#agent .properties .tabs-nav {margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #c1c1c1}
#agent .properties .tabs-nav a {color:#444}
#agent .properties #testimonials li {margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #f1f1f1}
#agent .properties #testimonials li p.right {padding:10px 0 0}

/* -opentimes- */
.listings-table table {font-size:0.875em}
.listings-table table th {padding:20px 0; border-bottom:3px solid #c1c1c1; text-align:left}
.listings-table table th.col-details {width:50%}
.listings-table table th.col-times {width:25%}
.listings-table table th.col-price {width:25%}
.listings-table table th.col-features {width:20%}
.listings-table table td.col-details strong {font-size:1.14286em}

.listings-table.alt table th.col-details {width:35%}
.listings-table.alt table th.col-price, .listings-table.alt table th.col-place {width:20%}
.listings-table.alt table td.col-date {padding:30px 0 10px; border-bottom:3px solid #454446; font-size:1.42857em}
.listings-table.alt table a.calendar {color:#444}
.listings-table.alt table a.calendar:hover {color:#ee1c29; 
.listings-table table td {padding:10px 0; border-bottom:1px solid #c1c1c1; vertical-align:top}

/* -offices- */
#offices .search-toolbar.top {border:none}
#offices .search-toolbar .options a {padding:5px 0; color:#444; text-align:center; background:#f4f4f4}
#offices .search-toolbar .options a:hover {background:#eaeaea}
#offices .search-toolbar .options a.active {color:#fff; background:#012b5d}
#offices .search-toolbar .options a i.fa {font-size:17px}
#offices .office .image img {width:100%; height:auto}
#offices .office .overview {min-height:85px}
#offices .office .overview p.name {margin:0 0 10px}
#offices .office .links {position:absolute; bottom:40px}
#offices .office .links a {float:left; color:#aaa; margin:0 7px 0 0}
#offices .office:hover .links a {color:#ee1c29}

#offices.map {padding:0 0 50px}
#offices.map #properties {position:relative; overflow:auto}
#offices.map #properties .property {margin:0 0 10px}
#offices.map #properties .property .container {display:block; padding:10px; font-size:0.875em; color:#444; background:#fafafa; transition-duration:0.2s; cursor:pointer}
#offices.map #properties .property.selected .container:hover, #offices.map #properties .property.selected .container {background:#ee1c29; color:#fff}
#offices.map #properties .property .image {width:39.5257%}
#offices.map #properties .property .image img {display:block; width:100%}
#offices.map #properties .property .overview {width:56.5217%}
#offices.map #properties .property .overview p {line-height:normal}

#office .info {margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #c1c1c1}
#office .info a {color:#444} 
#office .info a:hover {color:#ee1c29}
#office .info .location {width:444px; margin:0 20px 0 0}
#office .info .location p.contact {margin:0 10px 10px 0}
#office .info .location p.link {margin:0 10px 0 0}
#office .info .location p.description {padding:20px 0 0}
#office .info .image {margin:0 20px 0 0}
#office .info .image img {display:block; max-width:212px}

#office .listing-types {padding:0 0 20px}
#office .listing-types a {
	float:left; width:100px; height:34px; line-height:34px; margin:0 2px 0 0; color:#444; border:1px solid #b7b7b7; border-radius:5px; text-align:center;
	background:#c8c8c8;
	background:-moz-linear-gradient(top, #f8f8f8 0%, #c8c8c8 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#c8c8c8));
	background:-webkit-linear-gradient(top, #f8f8f8 0%,#c8c8c8 100%);
	background:-o-linear-gradient(top, #f8f8f8 0%,#c8c8c8 100%);
	background:-ms-linear-gradient(top, #f8f8f8 0%,#c8c8c8 100%);
	background:linear-gradient(top, #f8f8f8 0%,#c8c8c8 100%);
}
#office .listing-types a:hover, #office .listing-types a.active {background:#f8f8f8}
#office .listing-types a.active {color:#ee1c29; font-family:'dinbold', Arial, Helvetica, sans-serif}

/* -location info- */
#location-info.suburbs .suburb {position:relative; background:#454446; color:#fff; font-size:0.875em}
#location-info.suburbs figure {overflow:hidden}
#location-info.suburbs figure img {display:block; width:100%}
#location-info.suburbs section {padding:20px 20px 80px}

#location-info.suburbs section p.url {margin:0; position:absolute; bottom:20px; left:20px}
#location-info.suburbs section p.url a {color:#fff}
#location-info.suburbs section p.url a:hover {color:#ee1c29}

#location-info.suburb {position:relative}
#location-info.suburb .tabs-content {overflow:hidden}
#location-info.suburb #gallery img {width:100%}
#location-info.suburb #gallery .cycle-slideshow {position:relative; overflow:hidden}
#location-info.suburb #gallery .cycle-pager {position:absolute; z-index:101; bottom:0; width:100%; padding:10px 0; background:#6A696B; text-align:center}
#location-info.suburb #gallery .cycle-pager span {display:inline-block; width:7px; height:7px; margin:0 3px; border:solid 1px #fff; border-radius:7px; cursor:pointer}
#location-info.suburb #gallery .cycle-pager span.cycle-pager-active {background:#fff}
#location-info.suburb #gallery .direction {position:absolute; z-index:102; bottom:8px; cursor:pointer; color:#fff}
#location-info.suburb #gallery .cycle-prev {left:5.55556%}
#location-info.suburb #gallery .cycle-next {right:5.55556%}
#location-info.suburb #gallery .direction i.fa {font-size:22px}

#location-info.suburb .tabs-nav {margin:0 0 20px; padding:15px 0 10px; border-bottom:1px solid #c1c1c1}
#location-info.suburb .tabs-nav ul {margin:0; list-style:none}
#location-info.suburb .tabs-nav ul li {margin:0 20px 0 0}
#location-info.suburb .tabs-nav ul a {color:#444}
#location-info.suburb .tabs-nav ul a:hover, #location-info.suburb .tabs-nav ul li.ui-state-active a {border-bottom:1px solid #ee1c29}
#location-info.suburb .section.overview {padding:20px 0 0}
#location-info.suburb .section.overview .block.left {width:60%}
#location-info.suburb .section.overview .block.right {width:40%}
#location-info.suburb .section.overview section {margin:0 0 30px}
#location-info.suburb .section.overview h3.title {margin:0 0 20px; font-size:1.25em}
#location-info.suburb .section.overview .short-info ul {margin:0; list-style:none}
#location-info.suburb .section.overview .short-info li span {display:inline-block; width:100px}

/* -lightbox forms- */
ol.cf-ol li {clear:both; display:inline-block; width:100%; padding:0 0 10px}
ol.cf-ol li.last {padding:0}

/* -contact agent lightbox- */
.contact-lightbox h3.section-title {margin:0; padding:5px 0 5px 34px; background:url(images/icon_bp_symbol_24.png) no-repeat 5px center #16355C; border-bottom:solid 2px #000; color:#fff}
.contact-lightbox article {padding:15px}
.contact-lightbox .office-logo img {display:block; max-width:100%; margin:0 0 15px}
.contact-lightbox .image {width:29.7297%}
.contact-lightbox .image img {display:block; border:solid 5px #fff}
.contact-lightbox .details {width:66.2162%; padding:10px 0 0; text-align:right}
.contact-lightbox .details p {margin:0 0 5px !important}
.contact-lightbox .details p.agent-name {text-transform:uppercase}
.contact-lightbox .details p.office-name {margin:0 0 15px !important}
.contact-lightbox h6.property-address {padding:30px 0; text-align:center}
.contact-lightbox ul li {position:relative; margin:0 15px 15px}
.contact-lightbox ul li span.req {position:absolute; top:14px; color:#888}
.contact-lightbox ul input[type="text"], .contact-lightbox ul textarea {padding:8px}
.contact-lightbox ul textarea {height:100px; line-height:normal}
.contact-lightbox ul a.button {display:block; height:50px; line-height:50px; text-align:center}

/** calculator **/
.calculators .calctype {margin:0 0 20px}
.calculators p.title {margin:0 0 15px; font-family:"dinbold", Arial, Helvetica, sans-serif}
.calculators li {padding:0 0 10px}
.calculators ul.results label {font-family:"dinbold", Arial, Helvetica, sans-serif}

/* -maps and video- */
.object-wrap {float:none; max-width:none; margin:0 0 20px; position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden}
.object-wrap iframe, .object-wrap object, .object-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%}
.media #streetview, .media #map_canvas {width:100%; height:309px}


/* ==================================================================================================== 
									MEDIA QUERIES 
==================================================================================================== */
@media screen and (min-width:768px) {
input[type="submit"], input[type="button"], a.button {height:32px}
a.button {line-height:32px}
#header .hgroup {padding:0 20px}

nav[role="navigation"] ul.sub-menu a span.dt {display:block; position:absolute; bottom:100%; left:0; height:13px; background:#fff}
#header .hgroup p.login a {display:block; line-height:45px; color:#fff}
#header .hgroup p.login a:hover, #header .hgroup p.login.active a {color:#ee1c29}
.current-listings.home-listings-slider .properties {height:700px}
.homepage .banners li img {width:auto}
.quicksearch-1 > .group {padding:0 20px}
.quicksearch-1 form.main {padding:30px 0 50px}
.quicksearch-1 input[type="text"] {width:90%; border-radius:5px 0 0 5px}

.ie8 .quicksearch-1 input[type="text"] {height:auto; padding:12px 15px 10px}
.quicksearch-1 .advanced ul.formlist > li {margin:0 20px 5px 0}
.quicksearch-1 .advanced ul.formlist > li .opt.alt {margin:0 20px 0 0}

.home-listings-slider .cycle-pager { position:absolute; z-index:101; bottom:10px; left:0; width:100%; text-align:center}
.home-listings-slider .direction i.fa {color:#fff}

.create-alert {margin:0 -56.8833px 40px; padding:20px 5.55556%}
.create-alert form li.textbox {width:220px; margin:0 10px 0 0}
.create-alert form strong.title {margin:8px 16px 0 0}

.property-table li.rental-app {padding:10px 0 0}
.property-table span.field {display:inline-block; width:150px}

#agents .agent {width:212px; margin:0 20px 20px 0}
#agents .agent.grid-4 {margin:0 0 20px}
#agents .options .sbHolder {width:217px; float: left; clear: both;}
#agents .options .sbHolder-1 {z-index: 10;}
#agents .options .sbHolder-0 {z-index: 9;}
#agents .options > p {float: left;width: 100%; clear: both; padding: 10px 0}
#agent .overview section .wrap {padding:30px}

#offices .search-toolbar .options a {width:100px}
#offices.map #map_canvas {width:65.9341%; height:543px}
#offices.map #properties {width:32.967%; height:543px}
#offices.map #properties .property .container {margin:0 10px 0 0}

#office .info .location p.link-back {position:absolute; top:0; right:5.55556%}
#office .info #map_canvas {width:212px; height:141px}

.calculators ul {width:48%}
.calculators ul.alt {margin:0 20px 0 0}
.calculators label {float:left; width:150px; margin:4px 0 0}
.calculators input[type="text"] {width:190px}
.calculators select {width:208px}

#location-info.suburbs .suburb {width:212px; margin:0 20px 20px 0}
#location-info.suburbs .suburb.alt, #location-info.suburbs .suburb.grid-4 {margin:0 0 20px}
#location-info .section.overview .block.left > .wrap {padding:0 40px 0 0}
#location-info.suburbs figure img {min-height:100%}

.subscriptions ul.listforms > li {padding:0 0 20px}
.subscriptions ul.listforms label {float:left; width:250px}
.subscriptions input[type="text"], .subscriptions input[type="password"] {width:300px}
.subscriptions input#csecuritycode {padding: 10px}
.subscriptions select {width:318px}
.subscriptions textarea {width:600px; height:100px}
.subscriptions ul.subforms {float:left; width:660px}
.subscriptions ul.subforms > li {float:left; width:33%}
.subscriptions ul.subforms label {float:none; width:auto}
.subscriptions li.buttons .button {float:left; width:100px; margin:0 2px 0 0}
.subscriptions ul.listforms .sbHolder {float:left; width:316px}

.subscriptions .contact-form ul.listforms label {float:none; display:block; width:auto; margin:0 0 5px; font-family:'dinbold', Arial, Helvetica, sans-serif}
.subscriptions .contact-form input[type="text"], .subscriptions .contact-form textarea {width:520px}
.subscriptions .contact-form textarea {height:200px}
.subscriptions .contact-form select {width:538px}

.rental-application ul.listforms label {float:left; width:350px}
.rental-application select {width:318px}
.rental-application input[type="text"] {width:300px}
.rental-application .radios span {margin:0 20px 0 0}
.rental-application .section.signature .reset {position:absolute; top:52px; right:0}

#footer .logo {margin:-7px 20px 0 0}
#footer .logo img {display:block}
#footer .links a {margin:0 20px 0 0}
}

@media screen and (max-width:1151px) {
.d {display:none !important}
.m-cf {float:none !important; width:auto !important}
.calculators ul.results li {margin:20px 0 0; padding:20px 20px 10px; background:#fafafa}
}

@media screen and (min-width:768px) and (max-width:1151px) {
.ds {display:none !important}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.homepage .banners li img {height:170px}
.action-buttons p {width:50%}
.subscriptions .subscribe-form input[type="text"], .subscriptions .subscribe-form input[type="password"] {width:220px}
.subscriptions .subscribe-form .button {width:140px}
.rental-application .radios span {float:none; display:block; padding:0 0 0 350px}
#location-info.suburbs figure img {max-width:100%}
#office .info .location {float:none; width:auto; margin:0; padding:0 0 40px}
.contact-agent .agent {width: 100%}
}

@media screen and (max-width:767px) {
nav[role="navigation"] .group {width:auto}
#header .hgroup nav[role="navigation"] ul.menu {border-bottom:none}
nav[role="navigation"] ul.menu a {display:block; position:relative; line-height:50px; color:#fff; border-bottom:1px solid #aaa}
nav[role="navigation"] ul.menu > li.last > a {border-bottom:none}

.current-listings.home-listings-slider .properties {height:600px}
.opens-auctions .options .types a {width:60px}
.opens-auctions .options .sbHolder {width:159px}
.homepage .banners li {margin:0 0 5.55556%}
.homepage .banners li img {width:100%}
.homepage .utilities img {position:absolute; top:0; left:0; height:100%}
.homepage .utilities .container {max-width:90%}

.quicksearch-1 form.main {padding:30px 0 63px}
.quicksearch-1 ul.search-types li.sell.left {margin:0}
.quicksearch-1 ul.search-types a.ph {padding:5px 0 0; font-size:0.875em; text-decoration:underline}
.quicksearch-1 input[type="text"] {border-radius:5px}
.quicksearch-1 form.list-type label {margin:10px 20px 0 0}
.quicksearch-1 .advanced ul.formlist > li, .quicksearch-1 .advanced ul.formlist > li .opt.alt {margin:0 0 10px}
.quicksearch-1 .advanced ul.formlist > li.last {margin:0}


.home-listings-slider .slide section ul.rooms.white-40 li {background-image:url(images/icons_rooms_40_black.png)}

.create-alert {margin:0 0 40px; padding:10px}
.create-alert form li {margin:0 0 10px}
.create-alert form li.last {margin:0}
.create-alert form strong.title {margin:0 0 10px}

.thumbview .listing {margin:0 0 20px}
.thumbview .listing .overview {padding:20px}

#research-form {left:20px}

.property .section.header ul.rooms {padding:20px 0 0}
#similar-listings .property .image {margin:0 0 10px}
.property-table li {padding:0 0 10px}
.property-table li.rental-app {padding:10px 0 25px}
.property-table span.field {display:block}

.action-buttons {margin:0 0 30px}
.action-buttons p {width:50%}

#agents .agent figure {height:auto}
#agents .agent figure img {width:100%}
#agents .options .sbHolder {width:48.5%}
#agent .overview section .wrap {padding:30px 30px 120px}

#offices .search-toolbar .options {margin:20px 0 0; padding:20px 0 0; border-top:1px solid #eee}
#offices .search-toolbar .options a {width:50%}
#offices.map #map_canvas {height:320px; margin:0 0 20px}
#offices.map #properties {height:320px}
#offices.map #properties .property .image {margin:0 0 10px}

#office .info .location {margin:0; padding:0 0 20px}
#office .info .location p.link-back {margin:10px 0 0}
#office .info .image {margin:0 0 20px}
#office .info .image img {max-width:100%}
#office .info #map_canvas {width:100%; height:200px}

/* calculators */
.calculators label {display:block; margin:0 0 5px}
.calculators input[type="text"] {width:93%}
.calculators select {width:100%}

.listings-table table, .listings-table table thead, .listings-table table tbody, 
.listings-table table th, .listings-table table td, .listings-table table tr, .listings-table table caption {display:block}
.listings-table table {margin:0}
.listings-table table thead tr {position:absolute; top:-9999px; left:-9999px}
.listings-table table tr:not(.row-date) {padding:20px 0; border-bottom:1px solid #c1c1c1}
.listings-table table td {padding:0; border-bottom:none}
.listings-table table td ul.rooms {display:inline-block; width:100%; padding:5px 0 0}

#location-info.suburbs .suburb {margin:0 0 20px}

.comment-author .fn {display:inline-block; max-width:54%; word-wrap:break-word}
.comment-author .says {display:none}
.comments .reply {padding:10px 0 0; text-align:right}
.comments .reply a {display:inline-block; font-size:0.857143em}
#commentform p label {display:block; padding:0 0 5px}
#commentform input[type="text"], #commentform textarea {width:93.5%}
#commentform p.form-submit {margin:20px 0 0}
#commentform input[type="submit"] {padding:0 10px}

.subscriptions ul.listforms > li {padding:0 0 20px}
.subscriptions ul.listforms label {display:block; margin:0 0 5px}
.subscriptions input[type="text"], .subscriptions input[type="password"], .subscriptions textarea {width:93.5%}
.subscriptions select {width:100%}
.subscriptions ul.listforms > li > label {font-family:'dinbold', Arial, Helvetica, sans-serif}
.subscriptions li.buttons .button {display:block; width:100%; margin:0 0 10px}
.subscriptions ul.options {left:0}

.rental-application ul.listforms label {display:block; margin:0 0 5px}
.rental-application select {width:100%}
.rental-application input[type="text"] {width:94%}
.rental-application .radios span.left {display:block; margin:0 0 5px}
.rental-application strong.checktext {display:block; padding:0 0 0 21px}
.rental-application table.data {border:none}
.rental-application table.data thead {display:none}
.rental-application table.data tr {display:block; margin:0 0 20px; border-top:1px solid #f4f4f4}
.rental-application table.data th {display:block; border:none}
.rental-application table.data td {display:block; position:relative; padding-left:49%; border-right:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.rental-application table.data td:before {display:block; position:absolute; top:0; left:0; width:42%; padding:7px 0 5px 10px; font-family:"dinbold",Arial,Helvetica,sans-serif; background:#fafafa}
.rental-application table.points td:nth-of-type(1):before {content:"40 Points"}
.rental-application table.points td:nth-of-type(2):before {content:"30 Points"}
.rental-application table.points td:nth-of-type(3):before {content:"20 Points"}
.rental-application table.income td:nth-of-type(1):before {content:"Employed"}
.rental-application table.income td:nth-of-type(2):before {content:"Self Employed"}
.rental-application table.income td:nth-of-type(3):before {content:"Not Employed"}
#rental-application div.light_square #pp_full_res .pp_inline {margin:0}
#rental-application div.pp_pic_holder.light_square .pp_details {display:inline-block; width:100%; padding:20px 0 0}
#rental-application div.pp_pic_holder.light_square .pp_details a.pp_close {position:static; float:right}

.wp-page-contact .section.right iframe {height:300px}

div.pp_pic_holder.light_square div.ppt {display:none !important}
div.pp_pic_holder.light_square .pp_content {width:100% !important; height:100% !important}
div.pp_pic_holder.light_square .pp_content iframe {width:100% !important}
div.pp_pic_holder.light_square .pp_content .pp_fade {position:relative}
div.pp_pic_holder.light_square .pp_content .pp_hoverContainer {width:100% !important; height:80% !important}
div.pp_pic_holder.light_square .pp_content #fullResImage {width:100% !important; height:auto !important; margin:0 0 40px}
div.pp_pic_holder.light_square .pp_content .pp_gallery {display:none !important}
div.pp_pic_holder.light_square .pp_details {float:none; width:100% !important; margin:0}
div.pp_pic_holder.light_square .pp_details a.pp_close {top:auto; bottom:0; right:0}
div.pp_pic_holder.light_square .pp_details .pp_description {font-size:14px}

#footer {text-align:center}
#footer .logo {margin:0 0 10px}
#footer .links a {margin:0 10px 0 0}
}

/* -minor adjustments- */
@media screen and (min-width:1024px) {
.homepage .banners li img {height:200px}
}

@media screen and (min-width:1024px) and (max-width:1151px) {
.homepage .suburb-profiles ul.suburbs section p.info {display:none}
}

@media screen and (max-width:1023px) {
.homepage .suburb-profiles ul.suburbs li {float:none; width:auto; margin:0 0 50px}
}

@media screen and (min-width:768px) and (max-width:1151px) {
.subscriptions ul.subforms > li {width:50%}
}

@media screen and (min-width:768px) and (max-width:1023px) {

#agents .agent.grid-3, #agents .agent.grid-3.grid-4 {margin:0 0 20px}
#agents .agent.grid-4 {margin:0 20px 20px 0}
#location-info.suburbs .suburb.grid-2 {margin:0 0 20px}
.subscriptions textarea {width:300px}
.default .cycle-slideshow img{max-width:100%}

}

@media screen and (min-width:480px) and (max-width:1023px) {
.homepage .suburb-profiles ul.suburbs section .wrap {float:right}
}

@media screen and (max-width:479px) {
.homepage .suburb-profiles ul.suburbs li, .homepage .suburb-profiles ul.suburbs figure {margin:0 0 20px}
.homepage .suburb-profiles ul.suburbs figure, .homepage .suburb-profiles ul.suburbs section {float:none; width:auto}
}

/* Update 2015.02.19 */
a.bai_btn {
	margin:0; cursor:pointer; font-size:1em; font-family:'dinregular', Arial, Helvetica, sans-serif;
	border:none; border-radius:2px; color:#fff;padding:5px 10px;
	background:#ee1c29;
	background:-moz-linear-gradient(top, #f94854 0%, #ee1c29 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f94854), color-stop(100%,#ee1c29));
	background:-webkit-linear-gradient(top, #f94854 0%,#ee1c29 100%);
	background:-o-linear-gradient(top, #f94854 0%,#ee1c29 100%);
	background:-ms-linear-gradient(top, #f94854 0%,#ee1c29 100%);
	background:linear-gradient(top, #f94854 0%,#ee1c29 100%);
}
.listings a.bai_btn {padding:2px 5px;}
a.bai_btn:hover {
	background:#fb0b1b;
	background:-moz-linear-gradient(top, #f94854 0%, #fb0b1b 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f94854), color-stop(100%,#fb0b1b));
	background:-webkit-linear-gradient(top, #f94854 0%,#fb0b1b 100%);
	background:-o-linear-gradient(top, #f94854 0%,#fb0b1b 100%);
	background:-ms-linear-gradient(top, #f94854 0%,#fb0b1b 100%);
	background:linear-gradient(top, #f94854 0%,#fb0b1b 100%);
}

behavior: url(http://yarraranges.bigginscott.com.au/wp-content/themes/bigginandscott/js/PIE.htc);


/* elements */
.create-alert{background: #FFAF17}
.create-alert form input[type="submit"]{height:37px; line-height:37px; padding:0 12px; background:#F2F2F2; color:#444; 0 0 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(255, 255, 255, 0.5) inset}
.create-alert form input[type="submit"]:hover{background:#d4d4d4}

/* realty widget */
#side_realty_widget_map{width:100%}
#side_realty_widget_map #map_canvas{width:100%!important}
    
/* sbHolder */
.sbHolder a.sbSelector{position: relative;z-index: 1;min-width: 50px;height: 31px;line-height: 31px;padding: 0 10px 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.sbHolder .sbOptions li{padding:5px; box-sizing:border-box}
.sbHolder .sbOptions li a:hover{background: #FFAF17;color: #fff}

/* LAYOUT */
#header .hgroup img{max-width:100%}
#header .hgroup div.logo{max-width:150px}
div[role="main"]{position:relative}
#wrapper{position:relative; z-index:1; min-height:100%; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-color:#fff}
body#home .opaq-filter{background: rgba(0,0,0,0.35);position:absolute; z-index:999;top:0;width:100%; height:100%}
body#home #header .hgroup .bottom{position:relative; top:0; right:0}
body#home #header .hgroup .top{padding:0}
body#home #header .hgroup{padding:0 20px}
body#home #header .hgroup div.logo{display:none}
body#home #wrapper{border-top:0}
.home-logo{position: absolute;top: 12%;width: 100%;z-index: 999;left: 0;box-sizing: border-box;padding:0;text-align: center}
.home-logo img{width:100%; max-width: 360px}
.homepage .slideshow{margin:0 0 40px}
.homepage .slideshow .slide-img{width:100%; overflow:hidden}
.homepage .slideshow .slide-img img{width:100%; display:block}

.opens-auctions .slide{background:#f7f7f7}
.opens-auctions .slide section{position:relative; padding:0 20px}
.opens-auctions .slide.date{background:#454545; color:#fff;  }
.opens-auctions .slide.date .wrap{padding:20px}
.opens-auctions .slide.date .wrap, .opens-auctions .slide.date h1, .col-date h1{font-size:1.5em; line-height:normal}
.opens-auctions .slide.date h1 span, .col-date h1 span{display:block; line-height:1}
.opens-auctions .slide.date h1 span.open-date-day, .col-date h1 span.open-date-day{font-size:2.5em}
.opens-auctions .slide figure{overflow:hidden; max-height:145px}

.opens-auctions .url {text-align:center; margin:20px 0}
.opens-auctions .url a{
  display:inline-block; width:25%; height:40px; line-height:40px;border-radius:20px;
  font-size:0.875em;
  display: inline-block;
  color: #FFAF18;
  border: solid 2px #FFAF18;
  text-overflow:ellipsis;
  overflow:hidden;
  padding:0 5px;
}
.opens-auctions .url a strong{font-weight:bold}

.opens-auctions .slide img{display:block; width:100%}
.opens-auctions .slide p.address_suburb, .opens-auctions .slide p.address,
.row-property .col-address{font-size:1em; margin:0; padding:0; line-height:1.25; text-overflow:ellipsis;overflow:hidden;white-space: nowrap;width:100%;font-weight:700;padding-left: 20px;box-sizing:border-box}
.calculators .calctype.mort_calc ul#calc_results {position: relative;bottom: 35px}
.calculators .calctype.mort_calc ul#calc_results p strong {padding-bottom: 10px;display: block}
div#location-info article.grid-max-4 .suburb.column span.image {min-height: 231px;display: block}
.section.gallery div#slideshow .tabs-content div#gallery .cycle-slideshow img.cycle-slide {left: inherit !important}
#location-info.suburbs .suburb {width:25%; margin:0; box-sizing:border-box;padding: 10px;text-align: center;min-height: 300px;background: none }
.opens-auctions .slide p.address_suburb, .row-property .col-suburb{color:#FFAF18; margin:10px 0 0}
.opens-auctions .slide p.date{margin: 10px 0 0}
.opens-auctions .slide p.price {padding:15px 0; border-bottom:1px solid #bbb}
.opens-auctions .slide ul.rooms{display: inline-block;width: 100%;padding: 15px 0 0}
.opens-auctions{position:relative}
.opens-auctions .opentimes{margin:0 0 25px}

.opens-auctions .direction{padding: 20px 0;position: absolute;top: 30%;width: 100%;left: 0}
.opens-auctions .direction a.control{color: #696969;font-size: 50px;position: absolute}
.opens-auctions .direction a.control.prev{left:60px}
.opens-auctions .direction a.control.next{right:60px}

.home-listings-slider .direction {position:absolute; z-index:102; bottom:45%; cursor:pointer}
.home-listings-slider .direction i.fa{color:#fff}
.home-listings-slider .cycle-prev {left:2%}
.home-listings-slider .cycle-next {right:2%}
.home-listings-slider .direction i.fa {font-size:55pt}

body#home .utilities .group{padding:0}
.homepage .utilities{padding:15px 0 0; margin:15px 0 0}
.utilities .video-wrap{position:relative; width:100%; height:0;padding-bottom:60%;margin:30px auto}
.video-wrap .vid{position:absolute;top:0;left:0}

/* search result */
.thumbview .listing{position:relative}
.thumbview .listing .overview{padding:20px}
.thumbview .listing.suburb{background:#ffaf17}
.thumbview .listing.suburb p.url a{color:#fff}

#thumbnail-mode ul.thumbview.listings{clear:both; display: table; width: 100%}
.thumbview.listings > .listing._4n{margin:0 0 20px 0}

#search_results{width:100%}

/* property */
.property .section.header {padding:30px 0; border-top:1px solid #e1e1e1}
.property .section.header a.link-back {width:25px; height:50px; margin:0 25px 0 0; background:url(images/property_linkback.png?v=1.00) 0 0 no-repeat}

.property .section.header h1.address {margin:-6px 0 0; font-size:1.375em; line-height:1.4}
.property .section.header h1.address strong {display:block; color:#ffaf17}
.property .inspection .section.opentimes a.calendar {color:#444}

/* sections */
.blog-sidebar h3.section-title{background:#222;margin: 0;padding: 0 0 0 12px;line-height: 40px;color: #fff;letter-spacing: -1px}

/* form */
.buttons.signup_button p.button a.btn{background: #ffaf17;color: #fff;line-height: 37px;height: 37px;display: block;width: 65px;padding: 0 10px;text-align: center;border-radius:2px}
body#test-suburb-3 .entry .section.gallery {max-height: 383px}
.buttons.signup_button p.button a.btn:hover{background:#F7B841}

.site-alerts-wrap ul li.house_rooms .bedrooms.numberofrooms,
.site-alerts-wrap ul li.price .price_min.prices{margin:0 0 10px}

#agents .agent section p{line-height:1.25}
#agents .agent p.email{position: absolute;right: 0px;bottom: 0px;left: 0px;padding: 1.5em 1.625em;font-weight: 700}


/* open times */
.realty .date-group{margin:0 0 10px; padding:20px 0 30px; display:table; clear:both; width:100%; border-bottom:1px solid #f0b20f}
.realty .date-group .row-date{font-size: 18pt;margin: 0 0 20px;background:#454545;color:#fff}
.realty .date-group .row-property{background: #eee;display: inline-block;vertical-align: top;float: left;margin: 0 20px 20px 0;width: 31.99%;float: left}
.realty .date-group .row-property:last-child {margin-right: 0}
.realty .date-group .row-property.last, .realty .date-group .row-property._4n {margin:0 0 20px}
.realty .date-group .row-property .col-image{overflow:hidden;height: 260px}
.realty .date-group .row-property .col-image img{width:100%; height: auto}
.row-property{position:relative}
.row-property > div{padding:0 20px; box-sizing:border-box}
.row-property.otbox .col-address{padding:0 20px}
.row-property .col-image{padding:0}
.row-property .price{padding-top:15px; padding-bottom:15px}
.row-property .col-place-times{margin:10px 0 0; position:relative}
.row-property .col-place-times a.calendar{color:#444; position:absolute; top:-100%; right:20px}
.realty .date-group .row-date .col-date{padding:20px}

.realty .date-group .otbox{float:left; margin:0 20px 0 0}
.realty .date-group .row-property .col-features ul.rooms{clear: both;display: table;width: 100%;padding: 10px 0;border-top:1px solid #c1c1c1}

/* location info */
#location-info.suburb ul{list-style-type:none; margin:0 0 20px}
#location-info.suburb ul li a{text-decoration:underline}
#location-info.suburb .others-suburb ul li{display:inline-block; vertical-align:top; width:25%}
#location-info.suburb #map .map-wrapper{height:300px}
#location-info.suburb #map #map_canvas {height:100%}

/* Agent  */
#footer .section-title,
#footer .footer-text h2{color:#ffaf17; font-size:1.5em; padding:0 0 15px}
#footer .footer-link{clear:both; padding:20px 0}
#footer .footer-link.col-4 > div{width:25%; box-sizing:border-box; line-height:1.75}

#footer .footer-link.col-4 .footer-text,
#footer .footer-link.col-4 #side_nav_menu-4 {width:28%}
#footer .footer-link.col-4 .widget_nav_menu{width:22%; padding:0 20px}
#footer .footer-link .widget_nav_menu .section-title{letter-spacing:normal; background:none; padding:0; line-height:inherit}

/* action buttons */
.action-buttons p {float:left; width:33%}
.action-buttons a {display:block; margin:0 5px 5px 0; line-height:32px; color:#333}
.action-buttons a i.fa {margin:0 5px 0 0}
.action-buttons a:hover {border-color:#EAA523; color:#FFAF17}

/* widgets */
#realty_widget_quick_search.widget-1{position:absolute; top:14%; z-index:999; width:100%}
.realty_widget_quick_search .quicksearch-1{font-family:'Open Sans', sans-serif}
.realty_widget_quick_search .quicksearch-1 input[type="text"]{background:#fff; border:0; border-radius:0; padding:0 10px; height:60px; line-height:60px; width:90%; box-sizing:border-box}
.realty_widget_quick_search .quicksearch-1 .basic{box-shadow: 0 0 2px #d8d8d8;width: 65%;margin: 0 auto;border-radius: 5px;font-size:14pt}
.realty_widget_quick_search .quicksearch-1 .basic .keywords button{width:10%;border-top-right-radius: 5px;height: 60px;box-shadow: 1px 0 2px #d8d8d8;border-bottom-right-radius: 5px}
.realty_widget_quick_search .quicksearch-1 .keywords{width:88%}
.realty_widget_quick_search .quicksearch-1 button img{width:65%; height:auto}

.quicksearch .basic .list-type{width:100%}
.quicksearch .basic .list-type .sbHolder{border:0; float:left; width:12%!important;background: #fff;border-top-right-radius: 0;border-bottom-right-radius: 0}
.quicksearch .basic .list-type .sbHolder > a{height:60px; line-height:60px}
.quicksearch .basic .list-type .sbHolder a.sbToggle {height:60px; border-right:1px solid #d8d8d8; padding:0; background:url(images/icon_selectbox_toggle.png) 50% 50% no-repeat}

.realty_widget_opentimes h1.widget-title, .utilities .group h2{text-align:center}

.realty_widget_opentimes .tabs-nav ul{margin:20px auto; width:100%}
.realty_widget_opentimes .tabs-nav ul li{display: inline-block; vertical-align:top; width:20%; margin:0 -4px 0 0; text-align:center}
.realty_widget_opentimes .tabs-nav ul li a{color:#999}
.realty_widget_opentimes .tabs-nav ul li a:hover, 
.realty_widget_opentimes .tabs-nav ul li a.active {color:#ffaf17}

/* subscribe */
#subscribe #manage_profile ol.cf-ol.left,
#subscribe #manage_profile ol.cf-ol.right{float:none}
#subscribe #manage_profile .site-alerts-wrap p{float:left; width:15.2%}
#subscribe #manage_profile .site-alerts-wrap:last-child {display: none}
#subscribe #manage_profile .site-alerts-wrap ul.prop_alerts_ul{margin:0; float:left; width:325px}
#subscribe .form_email_subscription .buttons.signup_button{padding-right: 25%}

#manage_profile .cf-ol li label{line-height:33px; margin-right:10px}
#manage_profile .cf-ol li select{width:100%}
#manage_profile .cf-ol li.site_alerts ul.prop_alerts_ul{float:left;width:50%;margin:5px 0}
#manage_profile .site_alerts li.price .price_min.prices,
#manage_profile .site_alerts li.house_rooms .bedrooms.numberofrooms{margin:0;display: block;width: 100%}
#manage_profile .site_alerts ul #sale_search,
#manage_profile .site_alerts ul #lease_search{margin:0 0 20px}

div#user_management_page ul#sale_search li.house_rooms .numberofrooms {width: 50%;float: left;box-sizing: border-box;padding-right: 10px}
div#user_management_page ul#sale_search li.house_rooms .numberofrooms:nth-child(2) {padding-right: 0}
div#user_management_page ul#sale_search li.price .prices {width: 50%;float: left;box-sizing: border-box;padding-right: 10px}
div#user_management_page ul#sale_search li.price .prices:nth-child(2) {padding-right: 0}
div#user_management_page ul fieldset .prices {width: 50% !important;float: left;box-sizing: border-box;padding-right: 10px}
div#user_management_page ul fieldset .prices:nth-child(2) {padding-right: 0}
div#user_management_page ul fieldset .numberofrooms {width: 50% !important;float: left;box-sizing: border-box;padding-right: 10px}
ul#calc_results table.calc_table td.calc_field {width: 150px}
ul#calc_results table.calc_table tbody tr {padding: 5px 0;display: block}
div#user_management_page ul fieldset .numberofrooms:nth-child(2) {padding-right: 0}
div#user_management_page {width: 100%;display: block}
ol.cf-ol li input[type="text"] {width: 50%;box-sizing: border-box}
ol.cf-ol li textarea {width: 50%;box-sizing: border-box}
ol.cf-ol li select{width: 50%;box-sizing: border-box}
div#user_management_page ol.cf-ol.left li.subscribe_referrer select {width: 50%}
#agent-tabs ul.ui-tabs-nav li{width:25%; margin:0; text-align:center}

/* page selling tips */
.sell-tips{width:100%; clear:both; display:table; margin:20px 0}
.sell-tips p.title{margin:5px 0; font-size:larger}
.sell-tips > div {padding:5px}
.sell-tips .tips-desc{float:right; width:85%}
.sell-tips .tips-image{float:left; width:10%}
.sell-tips .tips-image img{display:block; margin:0 auto}


/* ==================================================================================================== 
                                                MEDIA QUERIES 
==================================================================================================== */

@media screen and (max-width:1024px){
    .realty .date-group .otbox{margin:0 10px 10px 0}
}

@media screen and (min-width:768px){
.s {display:none !important}

#header .hgroup .top {padding:10px 0}
#header .hgroup img {margin:10px 0 0}
#header .hgroup .bottom {position:absolute; top:15%; right:0}

nav[role="navigation"] ul.menu li {position:relative}
nav[role="navigation"] ul.menu > li.last {margin:0}
nav[role="navigation"] ul.menu > li.nosub:hover > a {box-shadow:0 -21px 20px rgba(69, 69, 70, 0.2)}

/* agents */
#agents .agent {margin:0 20px 20px 0}
#agents .agent figure {max-height:190px;min-height: 190px}
#agents .agent figure img {width:100%; height:auto}

/* search results */
.thumbview .listing .overview ul.rooms{background:url(images/listing_inset.png) 0 0 repeat-x; margin:10px 0}

}

@media screen and (max-width:768px){
.t, .dt {display:none !important}
.s-cf {float:none !important; width:auto !important}
.s-lrpad {padding-right:20px !important; padding-left:20px !important}
#header .hgroup div.logo {padding:10px 0}
nav[role="navigation"] ul.menu a i.fa{display:block; position:absolute; top:0; right:0; width:50px; line-height:50px; text-align:center}

.home-logo{display:none}
body#home #header .hgroup div.logo{display:block}
.realty_widget_quick_search .quicksearch-1 input[type="text"]{width:85%!important}
.realty_widget_quick_search .quicksearch-1 .basic{width:100%}
.realty_widget_quick_search .quicksearch-1 .basic .keywords button{width:15%}
.realty_widget_quick_search .quicksearch-1 button img{width:50%}
.realty_widget_opentimes h1.widget-title, .utilities .group h2{font-size: 2em}
.widget-title-separator{width:25%}

.realty_widget_opentimes .tabs-nav ul{width:100%}
.opens-auctions .direction{bottom:40px; top:auto}
.opens-auctions .direction a.control{color:#ffaf17; font-size:45px}
#realty_widget_quick_search.widget-1{position:relative}
.quicksearch .basic .list-type .sbHolder{width:100%!important; z-index:3!important}
.home-listings-slider .direction{bottom:65%}
.sell-tips {border-bottom:1px dashed #FFAF17; padding:0 0 20px}
.sell-tips .tips-desc{width:100%}
#footer .footer-link.col-4 .footer-text, #footer .footer-link.col-4 #side_nav_menu-4{width:100%}
#footer .footer-link.col-4 .widget_nav_menu{width:50%; padding:10px}
.realty.search_results .count.s-lrpad{padding:0!important; margin:20px 0}
#agents .agent{margin:0 15px 15px 0}

}

/* contact us */
body#contact-us .entry{display:table; clear:both; width:100%}
body#contact-us div[role="main"].group{padding:0}
body#contact-us .entry > h1.page-title{display:none; margin:0; text-align:left}
body#contact-us .contact-info, body#contact-us .gform_wrapper{padding-left:5.55556%; padding-right:5.55556%; box-sizing:border-box}
body#contact-us .contact-info{float:left}
body#contact-us .gform_wrapper{width:60%; float:left}
body#contact-us .contact-info{width:40%; float:right; padding-top:7%}
body#contact-us .contact-info p{margin:0 0 10px}
body#contact-us .contact-info > span{display:inline-block; vertical-align:top}
body#contact-us .contact-info span.info-label{width:20px; max-width:25%; margin:0 5px 0 0}
body#contact-us .contact-info span.info-field{color:#ffaf17}
body#contact-us .gform_wrapper .gform_heading h3.gform_title{font-size:2em}  
body#contact-us .gform_wrapper ul.gform_fields li{margin:0 0 10px}
body#contact-us .gform_wrapper ul.gform_fields li.gfield label{margin:0; font-weight:normal; font-size:smaller}
body#contact-us .gform_wrapper select{margin: 0;padding: 0;line-height: 35px;height: 35px;cursor: pointer;max-width: 25%}
body#contact-us .gform_wrapper textarea{max-height:100px; resize:vertical}
body#contact-us .gform_wrapper input[type="text"], 
body#contact-us .gform_wrapper textarea {background:transparent;padding:10px 5px;border-top:0; border-right:0; border-left:0;border-bottom:1px solid #bbb; transition:.5s;width:100%;box-sizing:border-box}
body#contact-us .gform_wrapper input[type="text"]:focus, 
body#contact-us .gform_wrapper textarea:focus{outline:0; border-bottom:1px solid #ffaf17} 
body#contact-us .gform_wrapper input[type="submit"]{-webkit-appearance: none;border-radius: 10px;width: 40%;line-height: 35px;height: 35px}

@media screen and (min-width:1024px){
#agent-tabs .grid-max-4 > .column.listing{width:23.5%}
}

@media screen and (min-width:768px) and (max-width:1024px){
#header .hgroup .bottom{position:relative; top:auto; right:auto; left:-2%}
.action-buttons p{width:50%}
.contact-agent .agent{margin:0 0 20px}
#agent-tabs .grid-max-4 > .column.listing{width:32.6%}
#agent-tabs #thumbnail-mode .column.listing._3n{margin:0 0 10px}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#agent-tabs .grid-max-4 > .column.listing{width:32.3%}
#agent-tabs .grid-max-4 > .column:nth-of-type(2n+1){clear:none}
}

@media screen and (max-width:767px){
body#home .opaq-filter{display:none}
body#home #header .hgroup .bottom{left:0}
nav[role="navigation"] ul.menu a i.fa{color:#fff;margin:0}
body#contact-us .gform_wrapper, 
body#contact-us .contact-info{float:none; width:100%}
body#contact-us .gform_wrapper select{max-width:100%}
}

@media screen and (max-width:640px){
#header{padding:0}
#header .hgroup div.logo{max-width:240px}
#header .toggle-menu{top:5px}
#location_info .location-wrap{margin:0 0 20px}
.sell-tips .tips-image img{display:none}
}

@media only screen and (max-device-width:640px){
#header .hgroup .bottom{position: relative;left: -2%;right: auto;top: auto}
}

@media screen and (max-width:568px){
.realty_widget_opentimes .tabs-nav ul li{display:block;width:100%;box-sizing:border-box;padding:5px;border-bottom:2px solid #FFF;margin:0}
.realty_widget_opentimes .tabs-nav ul li a{color:#fff; display:block}
.realty_widget_opentimes .tabs-nav ul li a.active, .realty_widget_opentimes .tabs-nav ul li a:hover{color:#454545} 
}