@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,300italic,300,600,600italic,700,700italic);

/*------------------------------------------------------------------------------
 * Main
 *----------------------------------------------------------------------------*/
body {
    background-color: #ffffff;
    color: #474747;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.8em;
    /*line-height: 1.6em;*/
}
a {
  color: #f50000;
}
a:hover,
a:focus {
  color: #f50000;
}
h1 {
	color: #000000;
	font-weight: bold;
}
h2 {
	color: #000000;
	font-weight: bold;
}
h3 {
	font-size: 22px;
    color: #474747;
    font-weight: bold;
    margin-top: 0;	
}
h4 {
	color: #474747;
	font-weight: bold;
}
h5 {

}
h6 {

}


/*------------------------------------------------------------------------------
 * Header
 *----------------------------------------------------------------------------*/

#header {
	background: url(../images/header-tile.png) top center repeat-y;
}
#header a {
	color: #FFFFFF;
}
#header p {
	margin: 0;
}
#header .header-toolbar {

}
#header .header-toolbar a {
	color: #f50000;
	font-weight: bold;
	padding-left: 15px;
}
#header .header-toolbar .container > * {
	float: right;
	margin-right: 10px;
	padding: 5px 0;
}
#header .header-main {
    height: 116px;
    background: url(../images/header-bg.png) top center no-repeat;
}
/*
#header .header-logo {
	padding-bottom: 15px;
	padding-top: 0;
	padding-left: 135px;
}*/
#header .header-logo .site-logo {
	float: right;
}
#header .header-logo > * {
	height: 100%;
}
#header .header-logo img {
	height: auto;
	max-height: 100%;
    max-width: 100%;
	width: auto;
}
#header .header-breadcrumbs {
	background: #337ab7;
	color: #EEEEEE;
	display: none;
	font-size: 0.9em;
	height: 30px;
	padding: 8px 15px;
}
#header .header-breadcrumbs a {
	color: #FFF;
}
#header .account-contact {
    float: right;
    padding-top: 40px;
}
#header .account-contact img {
	vertical-align: bottom;
	margin-bottom: 8px;
}
#header .account-contact .title {
    display: none;
}
#header .account-contact .account-content.content-contact {
    color: #474747;
    font-size: 1.2em;
    font-weight: bold;
}
#header .search-icon {
	
}
#header .quick-search {
	float: right;
	margin: 38px 30px 0 0;
	width: 32px;
	height: 36px;
}
#header .quick-search .btn {
    border-radius: 15px;
    width: 32px;
    background: #a0a0a0;
    color: #FFF;
    height: 32px;
    font-size: 14px;
    padding-top: 6px;
}
#header .quick-search .btn:after {
	display: none;
}
#header .quick-search .search-input {
	position: absolute;
    top: 100%;
    right: 0px;
    width: 200px;
}


/*------------------------------------------------------------------------------
 * Content
 *----------------------------------------------------------------------------*/

#main {
	margin: 50px 0 20px 0;
}
#main .content {
	margin-bottom: 20px;
}

#main .content .widget1 {
    font-weight: bold;
}
.main ul {
	list-style-image: url('../images/arrow-blue2.png');
	padding-left: 15px;
}
.main li {
	margin-bottom: 10px;
}
.main table {
	border: none;
}
.main th,
.main td {
	border: none;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
}

.tm.tm-timed-contact .tm-title {
	color: #4c4d4f;
}

.tm.tm-property-sold-gallery {
	background: #4c4d4f;
}

.tm.tm-property-sold-gallery .tm-listing a {
	border: 3px solid #4c4d4f;
}

.tm.tm-property-sold-gallery .tm-listing a:hover {
    border-color: #b2b3b7;
}

.tm.tm-property-sold-gallery .tm-listing .tm-alts .tm-price {
    color: #f50000;
}

.tm.tm-property-sold-gallery .tm-listing .tm-alts .tm-title {
    color: #474747;
}

.tm.tm-property-sold-details-ui .tm-sale-item .tm-item-value {
    background: #4c4d4f;
}

.form .form-title {
    margin-top: 0;
    display: none;
}



/*------------------------------------------------------------------------------
 * Footer
 *----------------------------------------------------------------------------*/

#footer {
	
}
#footer a {
  color: #FFFFFF;
}
#footer ul {
	list-style-image: url('../images/line-arrow-white.png');
	padding-left: 15px;
}
#footer .footer-featured {
	margin: 20px 0;
}
#footer .footer-column {
	margin-bottom: 20px;
}
#footer .footer-main {
	background: #4c4d4f;
	border-top: 10px solid #b2b3b7;
	color: #FFFFFF;
	font-size: 0.9em;
	min-height: 200px;
	padding-top: 30px;
}
#footer .footer-main h3 {
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}
#footer .footer-map {
    background: #fff;
    padding: 60px 0 40px 0;
    /*border-top: 10px solid #cccccc;*/
}
#footer .footer-map h2 {
    color: #f50000;
    font-weight: bold;
    font-size: 2.5em;
    margin: 0;
}
/*#footer .footer-map .google-map {*/
/*	border: 8px solid #CCC;*/
/*}*/
#footer .footer-copyright {
    background-color: #f50000;
    color: #fff;
    font-size: 0.8em;
    padding: 10px 0 20px;
}
#footer .footer-copyright a {
	color: #ffffff;
}
#footer .footer-copyright p {
	margin: 0;
}
#footer .footer-copyright .copyright {
	float: left;
	line-height: 45px;
}
#footer .footer-copyright .harcourts-footer {
	float: right;
}

#footer .site-logo {
	margin-bottom: 40px;
}
#footer .form {
	color: #FFFFFF;
	float: none;
}
#footer .form .required {
	display: none;
}
#footer .form .btn,
#footer .btn {
    color: #fff;
    background-color: #f50000;
    border-color: #f50000;
}
#footer .form .btn:after,
#footer .btn:after { 
    border-bottom-color: #f50000;
} 
#footer .form .btn:hover,
#footer .form .btn:active,
#footer .btn:hover,
#footer .btn:active {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #fff;
}
#footer .form .btn:hover:after,
#footer .form .btn:active:after,
#footer .btn:hover:after,
#footer .btn:active:after {
	border-bottom-color: #FFFFFF;
}


/*------------------------------------------------------------------------------
 * Menus
 *----------------------------------------------------------------------------*/

#header .page-dropdown-menu {
	font-size: 16px;
	float: right;
	margin-right: 30px;
}
#header .page-dropdown-menu ul,
#header .page-dropdown-menu li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#header .page-dropdown-menu a {
    color: #474747;
	font-weight: bold;
	text-transform: uppercase;
}
#header .page-dropdown-menu a:hover {
	text-decoration: underline;
}
#header .page-dropdown-menu > ul > li {
	color: #FFFFFF;
}
#header .page-dropdown-menu > ul > li:first-child {
    list-style: none;
}
#header .page-dropdown-menu > ul > li > a {
	padding: 40px 12px 0 12px;
	margin-bottom: -5px;
}
#header .page-dropdown-menu > ul > li.current > a {
	color:#f50000;
}
#header .page-dropdown-menu ul ul {
	background: #337ab7;
	min-width: 100%;
} 
#header .page-dropdown-menu ul ul li {
    border-bottom: 1px solid #286090;
}
#header .page-dropdown-menu ul ul li:last-child {
    border-bottom: none;
}
#header .page-dropdown-menu ul ul a {
	color: #FFFFFF;
	padding: 10px;
} 
#header .page-dropdown-menu ul ul .current > a {
	color: #FFFFFF;
}
#header .mobile-menu-icon {
	background: none;
	border: none;
	line-height: 50px;
}
#header .mobile-menu-icon .menu-icon {
    display: inline-block;
	vertical-align: middle;
}
#header .mobile-menu-icon .icon-bar {
	background: #f50000;
}
/*
#header .smartMenu {
    width: 90%;
}
*/

.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), 
.mm-menu.mm-white .mm-list > li.mm-selected > span {
	background: #f50000;
	color: #FFF;
}


/*------------------------------------------------------------------------------
 * Banner
 *----------------------------------------------------------------------------*/

#banner {
    border-top: 10px solid #b2b3b7;
    margin-bottom: 20px;
}
.home-page #banner {
    margin: 0;
    background: url(../images/banner-bg.jpg) no-repeat top center;
    border-bottom: 10px solid #b2b3b7;
    border-top: none;
}
#banner h1 {
	color: #f50000;
}


/*------------------------------------------------------------------------------
 * Widgets
 *----------------------------------------------------------------------------*/
 
.widgets .widget {
	margin-bottom: 20px;
}
.widgets .widget-wrapper {
	padding: 0;
}
 
 
/*------------------------------------------------------------------------------
 * Forms & Buttons
 *----------------------------------------------------------------------------*/
 
.form .ctrl-label {
	font-weight: bold;
}
.form .ctrl-input {
	background: #FFFFFF;
    border-color: #dedede;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    height: 38px;
}
.form .ctrl-clear {
	top: 6px;
}

.form .btn,
.btn {
    color: #fff;
    background-color: #f50000;
    border-color: #f50000;
    border: none;
    border-radius: 20px;
    /*background-image: url(../images/arrow-white.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: 95% center;*/
    line-height: 20px;
    padding: 8px 20px;
    position: relative;
    text-transform: uppercase;
    transition: background-color 0.2s, border-color 0.2s;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
}
/*.form .btn:after,*/
/*.btn:after { */
/*    border-left: 0px solid transparent;*/
/*    border-right: 20px solid transparent;*/
/*    border-bottom: 36px solid #f50000;*/
/*    content: "";*/
/*    height: 0;*/
/*    position: absolute;*/
/*    right: -20px;*/
/*    top: 0;*/
/*    transition: background-color 0.2s, border-color 0.2s;*/
/*    -webkit-transition: background-color 0.2s, border-color 0.2s;*/
/*    -moz-transition: background-color 0.2s, border-color 0.2s;*/
/*    width: 0;*/
/*} */
.form .btn:hover,
.form .btn:active,
.btn:hover,
.btn:active {
  background-color: #ee2720;
  border-color: #ee2720;
  color: #fff;
}
.form .btn:hover:after,
.form .btn:active:after,
.btn:hover:after,
.btn:active:after {
	border-bottom-color: #ee2720;
}


/*------------------------------------------------------------------------------
 * Search
 *----------------------------------------------------------------------------*/

#footer .quick-search .ctrl-input {
	background: #b2b3b7;
	border-color: #b2b3b7;
    border-radius: 0;
	box-shadow: none;
    color: #FFFFFF;
	font-size: 16px;
}
#footer .quick-search ::-webkit-input-placeholder {
	color: #FFFFFF;
	text-transform: uppercase;
}
#footer .quick-search :-moz-placeholder { /* Firefox 18- */
	color: #FFFFFF;
	text-transform: uppercase;
}
#footer .quick-search ::-moz-placeholder {  /* Firefox 19+ */
	color: #FFFFFF;
	text-transform: uppercase;  
}
#footer .quick-search ::-ms-input-placeholder {  
	color: #FFFFFF;
	text-transform: uppercase;
}
#footer .quick-search .btn {
	background: none;
	border-radius: 0;
	color: #ffffff;
}
#footer .quick-search .btn:hover {
	background: #FFFFFF;
	color: #ffffff;
}
#footer .quick-search .btn:after {
	display: none;
}


/*------------------------------------------------------------------------------
 * Other
 *----------------------------------------------------------------------------*/
 
.featured-content .title {
    margin-top: 0;
    margin-bottom: 10px;
    color: #4c4d4f;
    font-weight: bold;
    font-size: 2em;
    line-height: 0.85em;
}
.featured-content .btn {
    margin-top: 15px;
}
.tm.tm-property-sold-ui .tm-gallery {
	position: relative;
}
.tm.tm-property-sold-ui .tm-gallery .tm-overlay {
	background-image: url('/uploads/themes/default_theme/images/sold-yip.png');
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	width: 396px;
	height: 213px;
	top: -11px;
	left: -17px;
	z-index: 99999;
}

.tm.tm-property-sold-gallery {
	margin: 7px 0 30px 7px;
	position: relative;
}
.tm.tm-property-sold-gallery .tm-listing a {
	overflow: visible;
}
.tm.tm-property-sold-gallery .tm-listing .tm-img {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.tm.tm-property-sold-gallery .tm-listing .tm-listing-overlay {
	background-image: url('/uploads/themes/default_theme/images/sold-yip-sm.png');
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	width: 141px;
	height: 76px;
	top: -7px;
	left: -7px;
	z-index: 100;
}
.tm.tm-property-ui .tm-agent {
	border-left: 2px solid #001f49;
	color: #001f49;
	font-size: 0.9em;
	line-height: 1.2em;
}
.tm.tm-property-ui .tm-agent a {
	color: #001f49;
	text-decoration: underline;
}
.tm.tm-property-ui .tm-agent p {
	margin: 0;
}

.about-us-page #main .contentBlock {
	margin-bottom: 0;
	margin-top: 40px;
}
.about-us-page #main .contentBlock:after {
	background: #ccc;
	content: " ";
	height: 10px;
	left: 0;
	position: absolute;
	right: 0;
}
.about-us-page #main .contentBlock:last-child:after {
	content: '';
}
.about-us-page #main .contentBlock h2 {
	margin-top: 0;
}
.about-us-page #main .contentBlock table {
	margin-bottom: 0;
}
.about-us-page #main .contentBlock tr td {
	border-top: none;
	border-bottom: none;
	padding: 0;
}
.about-us-page #main .contentBlock tr td:first-child {
	position: relative;
	width: 200px;
}
.about-us-page #main .contentBlock tr td:first-child img {
	bottom: 0;
	margin: 0;
	position: absolute;
    width: 200px;
}
.about-us-page #main .contentBlock tr td:nth-child(2) {
	padding: 0 50px;
}
.about-us-page #main .contentBlock tr td:nth-child(2) p {
	text-align: justify;
}
.about-us-page #main .contentBlock tr td:last-child {
	position: relative;
	width: 230px;
}
.about-us-page #main .contentBlock .contact-info:before,
.about-us-page #main .contentBlock .contact-info:after {
	content: " ";
	display: table;
}
.about-us-page #main .contentBlock .contact-info:after {
	clear: both;
}
.about-us-page #main .contentBlock .contact-info dt {
	clear: both;
	float: left;
	margin-right: 5px;
}
.about-us-page #main .contentBlock .contact-info dd {
	float: left;
}
.about-us-page #main .contentBlock .contact-info a {
	color: #001f49;
    text-decoration: underline;
}
.about-us-page #main .contentBlock .key-roles {
	margin-bottom: 20px;
    margin-top: 50px; 
    position: relative;
    bottom: 0;
}
.about-us-page #main .contentBlock .key-roles h3 {
    background: #cccccc;
    font-size: 0.85em;
    font-weight: normal;
    padding: 5px 10px;
    color: #fff;
    margin: 0 0 1px;
    max-width: 99%;
    position: relative;
    width: 180px;
}
/*.about-us-page #main .contentBlock .key-roles h3:after {*/
/*	border-left: 0px solid transparent;*/
/*    border-right: 20px solid transparent;*/
/*    border-bottom: 26px solid #cccccc;*/
/*    content: "";*/
/*    height: 0;*/
/*    position: absolute;*/
/*    right: -20px;*/
/*    top: 0;*/
/*    width: 0;*/
/*}*/
.about-us-page #main .contentBlock .key-roles p {
    background: #f50000;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    margin: 0;
    min-height: 83px;
}
.about-us-page #main .contentBlock .contact-info {
	color: #001f49;
    font-size: 0.9em;
}



.blog h2,
.blog h2 a {
	color: #f50000;
}
.blog.blog-articles {
	
}
.blog.blog-articles .blog-article {
	border-bottom: 1px solid #e7e7e7;
	background: #f6f7f6;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.blog.blog-articles .blog-article:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.blog.blog-articles .blog-article .read-more {
	float: left;
}
.blog.blog-articles .blog-article .article-tags {
	text-align: right;
}
.blog.blog-articles .blog-article .article-content > :last-child:after {
	content: '…';
}
.blog .article {
	margin-bottom: 20px;
	min-height: 50px;
}
.blog .article:last-child {
	margin: 0;
}
.blog .article-title {
	margin-bottom: 10px;
}
.blog .article-date {
	color: #474747;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 20px;
}
.blog .article-feature {
	margin-bottom: 20px;
}

.blog.blog-tags,
.blog.blog-archive,
.blog.blog-article-headings {
	margin-bottom: 20px;
}
.blog.blog-article-headings .article-feature {
	display: block;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0;
}
.blog.blog-article-headings .article-feature img {
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: 100%;
}
.blog.blog-article-headings .article-title {
	font-size: 16px;
    margin: 0;
    margin-left: 70px;
}
.blog.blog-article-headings .article-date {
	margin: 0;
    color: #b7b7b7;
    margin-left: 70px;
}
.blog .archive-title {
	font-size: 16px;
}
.blog.blog-tag-articles {
    float: right;
	max-width: 280px;
	width: 100%;
}
.blog.blog-tag-articles .article-list {
    background: #ececec;
    padding: 10px;
}
.blog.blog-tag-articles h3 {
    color: #fff;
    background-color: #f50000;
    border-color: #f50000;
    border: none;
    border-radius: 0;
    font-size: 18px;
    line-height: 20px;
	max-width: 220px;
    margin: 0;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
}
/*.blog.blog-tag-articles h3:after { */
/*    border-left: 0px solid transparent;*/
/*    border-right: 20px solid transparent;*/
/*    border-bottom: 30px solid #f50000;*/
/*    content: "";*/
/*    height: 0;*/
/*    position: absolute;*/
/*    right: -20px;*/
/*    top: 0;*/
/*    width: 0;*/
/*} */
.blog.blog-tag-articles .article-feature {
	display: block;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0;
}
.blog.blog-tag-articles .article-feature img {
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: 100%;
}
.blog.blog-tag-articles .article-title {
	font-size: 16px;
    margin: 0;
    margin-left: 70px;
}
.blog.blog-tag-articles .article-date {
	margin: 0;
    color: #b7b7b7;
    margin-left: 70px;
}
.buying-form {
	float: left;
	width: 50%;
}

aside.column .blog.blog-tag-articles h3,
aside.column h3 {
    color: #fff;
    background-color: #4c4d4f;
    border-color: #4c4d4f;
    border: none;
    border-radius: 0;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px 0;
    max-width: none;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
}
/*aside.column .blog.blog-tag-articles h3:after,*/
/*aside.column h3:after { */
/*    border-left: 0px solid transparent;*/
/*    border-right: 20px solid transparent;*/
/*    border-bottom: 30px solid #4c4d4f;*/
/*    content: "";*/
/*    height: 0;*/
/*    position: absolute;*/
/*    right: -20px;*/
/*    top: 0;*/
/*    width: 0;*/
/*} */
aside.column .blog.blog-tag-articles {
	float: none;
	max-width: none;
}
aside.column .blog.blog-tag-articles .article-list {
	background: none;
    padding: 0;
}

.community {
	margin-top: 30px;
}
.community-item {
	margin-bottom: 30px;
}
.community-item:last-child {
	margin-bottom: 0;
}
.community-item .item-type {
    color: #fff;
    background-color: #a0a0a0;
    border-color: #a0a0a0;
    border: none;
    border-radius: 0;
    font-size: 14px;
    line-height: 18px;
    padding: 4px 10px;
    position: relative;
    width: 160px;
}
/*.community-item .item-type:after { */
/*    border-left: 0px solid transparent;*/
/*    border-right: 20px solid transparent;*/
/*    border-bottom: 26px solid #a0a0a0;*/
/*    content: "";*/
/*    height: 0;*/
/*    position: absolute;*/
/*    right: -20px;*/
/*    top: 0;*/
/*    width: 0;*/
/*} */
.community-item .item-image img {
	margin: 0 0 20px 0;
}
.community-item .item-amount {
	background: #f50000;
	color: #FFF;
	font-size: 30px;
	margin-bottom: 15px;
	padding: 10px;
	text-align: center;
	width: 200px;
}
.community-item h2 {
	margin: 0;
}
.community-item h3 {
	margin: 0 0 20px;
}
.article-tags {
	margin-top: 10px;
}
.tag-item {
	display: inline-block;
	padding: 3px 6px;
	margin: 3px;
	background: #f50000;
	color: #FFF;
	font-size: 0.8em;
	text-transform: uppercase;
}
.tag-item:focus,
.tag-item:hover {
	background: #f50000;
	color: #FFF;
	text-decoration: none;
}
.search.search-results ul {
	padding: 0;
}

/*------------------------------------------------------------------------------
 * Responsive Media
 *----------------------------------------------------------------------------*/
 
/* Medium devices */
@media (max-width: 1200px) {
	#header {
		background: url(../images/header-bg.png) top left no-repeat;
	}
	#header .header-main {
		background: none;
	}
	#header .page-dropdown-menu {
		margin-right: 0;
	}
	#header .quick-search {
		display: none;
	}
		
	#footer .footer-copyright .copyright {
		float: none;
		line-height: inherit;
		margin-bottom: 10px;
	}
	#footer .footer-copyright .harcourts-footer {
		float: none;
	}
}
/* Small devices */
@media (max-width: 992px) {
	
	#header .account-contact {
	    float: none;
	    text-align: right;
	    padding-top: 5px;
	}
	
	.widgets .widget {
	    margin-bottom: 30px;
	    clear: both;
	    overflow: hidden;
	}	
	.buying-form {
		float: none;
		width: auto;
	}
	.blog.blog-tag-articles {
		float: none;
	}
	.tm.tm-property-ui .tm-agent {
		margin-top: 20px;
	}
	.about-us-page #main .contentBlock {
		margin-top: 20px;
	}
	.about-us-page #main .contentBlock table {
		display: block;
	}
	.about-us-page #main .contentBlock tr {
		display: block;
	}
	.about-us-page #main .contentBlock tr td {
		display: block;
		margin-bottom: 20px;
	}
	.about-us-page #main .contentBlock tr td:first-child {
		position: static;
		width: auto;
	}
	.about-us-page #main .contentBlock tr td:first-child img {
		margin: 0;
		position: static;
	    width: 120px;
	}
	.about-us-page #main .contentBlock tr td:nth-child(2) {
		padding: 0;
	}
	.about-us-page #main .contentBlock tr td:last-child {
		position: static;
		width: 100%;
	}
	.about-us-page #main .contentBlock .key-roles {
		margin-bottom: 20px;
	    margin-top: 20px; 
	    position: relative;
	}
}
/* Extra small devices */
@media (max-width: 768px) {
	#header .header-menu .account-contact {
		display: none;
	}
	.blog.blog-articles .blog-article:last-child {
		margin-bottom: 30px;
	}
	.blog.blog-articles .blog-article .read-more {
		float: none;
		margin-bottom: 10px;
	}
	.blog.blog-articles .blog-article .article-tags {
		text-align: left;
	}
	
}