.centerimage { display:block; position:relative; z-index:0; height:0; padding-bottom:75%; overflow:hidden; transition-duration:0s; }
.centerimage img[class*="fit-"] { display:block; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
	.centerimage > img.fit-width { width:101%; max-width:inherit; height:auto; }
	.centerimage > img.fit-height { width:auto; max-width:inherit; height:101%; }

.owl-carousel .owl-nav .arrow { display:block; position:absolute; top:28%; transform:translateY(-50%); width:60px; font-size:60px; color:#fff; text-align:center; transition-duration:.2s; }
.owl-carousel .owl-nav .owl-prev .arrow { left:0; }
.owl-carousel .owl-nav .owl-next .arrow { right:0; }
.owl-carousel .owl-nav .arrow:hover { color:#ff9897; }

.homepage ._banner { margin-bottom:20px; }
.homepage ._banner img { display:block; max-width:100%; }

.homepage .suburb-profiles .suburbs { padding:40px 0; }
.homepage .suburb-profiles .item a { display:block; position:relative; height:0; padding-bottom:100%; overflow:hidden; }
	.homepage .suburb-profiles .item a:before { display:block; content:""; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; opacity:0; transition-duration:.2s; background:url('../images/pink_40.png'); }
	.homepage .suburb-profiles .item a:hover:before { opacity:1; }
.homepage .suburb-profiles .item a img { display:block; position:absolute; z-index:0; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:100%; }
.homepage .suburb-profiles .item a .name { display:block; position:absolute; z-index:2; bottom:5px; left:10px; right:10px; font-size:2.5em; opacity:0; color:#fff; text-align:right; }
	.homepage .suburb-profiles .item a:hover .name { opacity:1; }
.homepage .suburb-profiles .owl-nav .direction { display:block; position:absolute; top:50%; transform:translateY(-50%); width:40px; height:81px; background-image:url('../images/jcarousel_arrows-trans.png?v=1.04'); background-repeat:no-repeat; }
	.homepage .suburb-profiles .owl-nav .direction.prev { left:0; background-position:0 0; }
	.homepage .suburb-profiles .owl-nav .direction.next { right:0; background-position:100% -81px; }

.current-listings .item { background:url("../images/dot.png") repeat-x 0 100%; }
.current-listings .item section { padding:20px 0; font-size:1.125em; }
.current-listings .item p.headline { padding:0 0 10px; line-height:1.3; font-size:1.44444em; color:#ff9897; text-transform:capitalize; word-wrap:break-word; }

.news-article {  padding:0 20px 20px; }
.news-article .item .centerimage { padding-bottom:100%; }
	.news-article .item .centerimage:after { display:block; content:""; position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; background:#F26E7B; opacity:0; transition-duration:.2s; }
	.news-article .item .centerimage:hover:after { opacity:.75; }
.news-article .item .title { display:block; position:absolute; z-index:1; bottom:0; left:0; padding:20px; font-size:20px; line-height:1.2; color:#fff; text-align:right; }

.thumbview:not(.owl-carousel) { margin:0 -10px; }
.thumbview:not(.owl-carousel) .listing { box-sizing:border-box; float:left; padding:0 10px 20px; }
.thumbview .listing .item { background:url(../images/dot.png) 0 100% repeat-x; }
.thumbview .listing .overview { padding:20px 0; }
.thumbview .listing p.address { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.mapview #map_canvas { height:0; padding-bottom:50%; overflow:hidden; }

#page-offices {}
#page-offices .item { padding-bottom:20px; margin-bottom:20px; background:url("../images/dot.png") repeat-x 0 100%; }
#page-offices .image { box-sizing:border-box; float:left; width:25%; }
#page-offices .details { box-sizing:border-box; float:left; width:75%; padding-left:20px; }
#page-offices .details h2.name { margin-bottom:10px; }
#page-offices .details p { margin-bottom:0; }
#page-offices .details p.address {}
#page-offices .details p.phone {}
#page-offices .details p.email {}
#page-offices .details .description { margin-top:10px; }
#page-offices .details .description p:not(:last-child) { margin-bottom:10px; }

@media screen and (min-width:1024px) {
.thumbview:not(.owl-carousel) .listing { width:25%; }
.thumbview:not(.owl-carousel) .listing:nth-child(4n+1) { clear:left; }
#agents .agent:nth-child(4n+1),
.posts.index .post:nth-child(4n+1),
#location-info.suburbs .suburb:nth-child(4n+1) { clear:left; }
}

@media screen and (min-width:768px) and (max-width:1023px) {
.thumbview:not(.owl-carousel) .listing,
#agents .agent,
.posts.index .post,
#location-info.suburbs .suburb { width:33.3333%; }
.thumbview:not(.owl-carousel) .listing:nth-child(3n+1),
#agents .agent:nth-child(3n+1),
.posts.index .post:nth-child(3n+1),
#location-info.suburbs .suburb:nth-child(3n+1) { clear:left; }
}

@media screen and (max-width:767px) {
#page-offices .image { width:100%; }
#page-offices .details { width:100%; padding:20px 0 0; }
}

@media screen and (min-width:568px) and (max-width:767px) {
.thumbview:not(.owl-carousel) .listing,
#agents .agent,
.posts.index .post,
#location-info.suburbs .suburb { width:50%; }
.thumbview:not(.owl-carousel) .listing:nth-child(2n+1),
#agents .agent:nth-child(2n+1),
.posts.index .post:nth-child(2n+1),
#location-info.suburbs .suburb:nth-child(2n+1) { clear:left; }
}

@media screen and (max-width:567px) {
.thumbview:not(.owl-carousel) .listing,
#agents .agent,
.posts.index .post,
#location-info.suburbs .suburb { width:100%; }
}
.owl-carousel .owl-nav .arrow{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
