/* compiled by scssphp v0.0.10 on Mon, 19 Jun 2017 09:32:38 +1200 (0.4603s) */

/**
 * Only displays styles above a certain number of pixels wide
 * @param	pixels	dimension	The number of pixels to be below
 * @cont						The content to display below that number of pixels
 * @return						Styles to display below that width
 */
/*** fonts ***/
/*** element styles ***/
.container:before, header .further:before, .content > section:before, .slideshow-positioner:before, .listing:before, .listing .photos .agent:before, .listing .details .detail-top:before, .team section:before, .contact p.action:before, footer .footer .customer-service:before, .lists:before, .container:after, header .further:after, .content > section:after, .slideshow-positioner:after, .listing:after, .listing .photos .agent:after, .listing .details .detail-top:after, .team section:after, .contact p.action:after, footer .footer .customer-service:after, .lists:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden; }

body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  /* 16px */
  font-size: 1em;
  color: #7b7b7b;
  background: #efefef url() left top repeat-x;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

p, div, h1, .Testimonials .container .testimony, h2, .blog-title, h3 {
  position: relative;
  padding: 0;
  font-weight: normal; }

h1, .Testimonials .container .testimony, h2, .blog-title, h3 {
  font-weight: normal;
  margin: 0.5em 0; }

h1, .Testimonials .container .testimony {
  font-size: 1.5em; }

h2, .blog-title {
  font-size: 1.25em; }

h3 {
  font-size: 1.125em; }

a img {
  border: none;
  /*** globally relevant styles ***/ }

.button, .property-search input[type=submit], .contact input[type=submit] {
  display: inline-block;
  margin: 12px 30px;
  padding: 5px;
  border: none;
  background: #666;
  color: #fff;
  font-size: 1em;
  line-height: 1.5em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.button:hover, .property-search input[type=submit]:hover, .contact input[type=submit]:hover, .button:focus, .property-search input[type=submit]:focus, .contact input[type=submit]:focus {
  text-decoration: underline;
  background: #999; }

.pages {
  text-align: center;
  font-weight: bold; }

.pagination .pages {
  text-align: center; }

.pagination .pages .current {
  font-weight: bold; }

.pagination .pages a {
  text-decoration: none; }

.pagination .pages a:hover, .pagination .pages a:focus, .pagination .pages a:active {
  text-decoration: underline; }

.struct {
  display: none;
  /* float clearing usually applied to <br /> sometimes div or span  */ }

.clear {
  display: block;
  width: 99%;
  height: 1px;
  clear: both;
  overflow: hidden;
  /*** section styles ***/
  /*
.header, .midsection, .base {
	position: relative;
	width: 100%;
	margin: 0px auto;
}

.header {
	height: 200px;
	background: #e3e3e3 url() top left repeat-x;
	z-index: 10;
}

.container
{
	width: 980px;
	margin: 0 auto;
}

.banner {
	background: transparent url() top center no-repeat;
	height: 135px;
	position: relative;
}

.logo {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
}

.main-navigation {
	position: relative;
	padding: 0;
	background: #999 url('') left top repeat-x;
	color: #FFF;
	text-align: left;
}

.main-navigation ul {
	margin: 0; 
	padding: 0;
}

.main-navigation  li {
	position: relative;
	display: inline-block;
	height: 2em;
	line-height: 2em;
	margin: 0;
	padding: 0;
	background: transparent url('') left center no-repeat;
}

*+html .main-navigation > ul  li { display: block; float: left; } /* IE7*/
  /*
.main-navigation > ul li:first-child {
	background-image: none; /* remove separator */
  /*
}

.main-navigation a:link, .main-navigation a:visited, .main-navigation a:active {
	display: inline-block;
	padding: 0 2em;
	color: #FFF;
	text-decoration: none;
}

.main-navigation a:hover, .main-navigation a:focus {
	color: #CCC;
	text-decoration: underline;
}

.main-navigation .sel > a, .main-navigation .sel .sel > a {
	color: #CCC;
}

.main-navigation li ul {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 190px;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #575757;
}

.main-navigation li:hover ul, .main-navigation a:focus+ul {
	height: auto;
}

.main-navigation li li {
	position: relative;
	display: block;
	width: 175px; /* 190px */
  /*
	height: auto;
	padding: 0 0 0 15px;
	line-height: 1em;
	text-align: left;
	margin:0;
	background-image: none;
}

.main-navigation li li a:link, .main-navigation li li a:visited, .main-navigation li li a:active {
	padding: 5px 0;
	width: 100%;
}

.midsection {
	z-index: 5;
}

.content {
	
	padding: 20px;
	background: #FFFFFF;
}

.hasSidebar {
	display: block;
	float: left;
	width: 74%;
}

.sidebar {
	display: block;
	float: right;
	width: 25%;
}

.content-wrapper:before,
.content-wrapper:after
{
	content: "";
	width: 0px;
	height: 0px;
	clear: both;
	display: block;
}

.content-wrapper > .struct {
	display: block;
	position: absolute;
	top: 0;
	height: 0px;
	width: 0px; 
}

.leftwing {
	right: 100%;
}

.rightwing {
	left: 100%;
}

.base {
	margin-bottom: 40px;
	z-index: 0;
}

.footer {
	position: relative;
	height: 100px;
	padding: 0;
	text-align: left;
	background: #CCCCCC url() center top no-repeat;
	font-size: 0.75em; /* 12px from 16px */
  /*
}

.footer h2 {

}

.footer p {

}

.footer a:link, .footer a:visited, .footer a:active {
	
}

.footer a:hover, .footer a:active {

}

.copyright {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

.avd {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.avd a:link, .avd a:visited, .avd a:active {
	color: #7e7e7e;
	text-decoration: none;
}

.avd a:hover, .avd a:focus {
	text-decoration: underline;
}
*/
  /* slideshow overrides */
  /* ss dimensions */ }

.slideshow {
  position: relative; }

.slider > div.slide {
  position: absolute;
  top: 0;
  left: 0; }

div.orbit {
  /* ss overlay */
  /*
.slideshow:after {
	content: url('slideshow_overlay.png');
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.orbit > div {
	z-index: 0;
}
*/
  /* ss nav features */
  /*
div.slider-nav span {

}
 
div.slider-nav span.left {
	background-image: url('slider_left.png');
}

div.slider-nav span.right {
	background-image: url('slider_right.png');
}

.orbit-wrapper .orbit-caption {

}

.orbit-wrapper .timer {
	display: none;
}

.orbit-bullets {
	bottom: 10px;
	left: 0;
	margin: 0;
}

.orbit-bullets li {
	width: 10px;
	height: 10px;
	background: transparent url('slider_bullet.png') center center no-repeat;
	margin-left: 10px;
}

.orbit-bullets li.active {
	background-image: url('slider_active.png');
	background-position: center center;
}
*/
  /* galleries */ }

div.gallery {
  /*
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	*/
  padding: 0px;
  position: relative;
  margin: 10px auto;
  overflow: hidden; }

div.gallery ul {
  list-style-type: none;
  margin: 0 0;
  padding: 0;
  position: relative; }

div.gallery li {
  float: left;
  margin: 5px !important;
  padding: 0;
  width: 23%;
  height: 210px;
  line-height: 210px;
  text-align: center; }

div.gallery a {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  overflow: hidden; }

.gallery img {
  box-sizing: border-box;
  vertical-align: middle;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  /* default form styling 
 * - apply .contact class to any form
 * - note .button styling at top of file
 */ }

form.contact {
  margin-top: 5px; }

.contact p {
  margin-bottom: 15px; }

.contact p.action {
  text-align: left; }

.contact .action a {
  font-size: 0.875em; }

.contact label {
  display: inline-block;
  width: 25%;
  vertical-align: top; }

.contact label.error {
  width: auto;
  font-size: 0.875em;
  color: #fd1a00;
  margin-left: 10px; }

.contact input[type=text] {
  font-size: 15px;
  border: none;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #d1d1d1;
  -webkit-border-radius: 3px;
  padding: 12px 15px;
  font-style: italic;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 500px;
  width: calc(100% - 30px); }

.contact input[type=password], form.contact input.password, .contact .auth + input {
  width: 20%; }

img.auth {
  vertical-align: middle; }

.contact textarea {
  height: 115px;
  font-size: 16px;
  border: none;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #d1d1d1;
  -webkit-border-radius: 3px;
  padding: 12px 15px;
  font-family: helvetica;
  font-size: 15px;
  font-style: italic;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  max-width: 500px;
  width: calc(100% - 30px);
  /* basic code for using customised radio button graphics
 * - checkboxes can be handled similarly
 * - fallback to normal in <= IE8
 */ }

.contact input[type=radio] + label {
  position: relative;
  width: auto;
  margin-right: 30px; }

.contact input[type=radio] + label:after {
  content: '';
  display: block;
  position: absolute;
  left: -22px;
  top: 4px;
  height: 18px;
  width: 18px;
  border-radius: 9px;
  background: #e1e1e1; }

.contact input[type=radio]:checked + label:after {
  background: #000; }

.contact-left {
  float: left;
  max-width: 500px;
  width: 100%;
  margin-right: 55px; }

.contact-right {
  float: left; }

.contact .action {
  margin-right: 30px;
  /* blog */ }

.blog-summary > div {
  clear: both;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
  overflow: hidden; }

.hasSidebar .blog-feature-image {
  display: table-cell; }

.blog-feature-image img {
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
  max-width: 100%; }

.blog-summary {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px; }

.blog-article .blog-feature {
  display: block;
  margin: 0 auto 1em;
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px; }

.articleNav {
  width: 100%;
  height: 2em; }

.articleNav {
  width: 100%;
  height: 2em; }

.articleNav .previous {
  float: right; }

.articleNav .previous a:after {
  content: '>>';
  position: absolute;
  left: 101%;
  top: -0.0625em; }

.articleNav .next {
  float: left; }

.articleNav .next a:before {
  content: '<<';
  position: absolute;
  right: 101%;
  top: -0.0625em; }

.regionList {
  padding: 15px 10px;
  box-shadow: 0px 0px 7px 7px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  overflow: hidden;
  font-size: 15px;
  width: 696px;
  margin: auto; }

.regionList li {
  float: left;
  display: block; }

.regionList li a {
  width: 150px;
  padding: 10px;
  border: 3px;
  display: block;
  color: #6d6e71;
  background-color: #f9f9f9;
  border: 2px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf; }

.regionList li.sel a, .regionList li a:hover, .regionList li a:focus, .regionList li a:active {
  background-color: #a29061;
  color: #fff; }

.stockists {
  width: 716px;
  margin: auto;
  border-radius: 10px;
  margin-top: 80px;
  position: relative;
  margin-bottom: 50px; }

.stockists:before, .stockists:after {
  content: "\0000a0";
  width: 0px;
  height: 0px;
  clear: both;
  overflow: hidden;
  display: block; }

.stockists h2, .stockists .blog-title {
  position: absolute;
  top: -65px;
  left: 10px; }

.stockists div {
  float: left;
  height: 155px;
  padding: 10px;
  width: 155px;
  position: relative;
  box-shadow: 0px 0px 7px 7px rgba(0, 0, 0, 0.05);
  margin: 2px; }

.stockists h3 {
  font-size: 17px;
  margin: 0px; }

.stockists p {
  margin: 0px;
  font-size: 14px;
  line-height: 19px; }

.stockists .mapLink {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding-left: 40px;
  padding-top: 15px;
  background: url(map.png) left no-repeat;
  /** shopping cart (collapsible) **/
  /*
.cart-bg {
 	display: block;
	margin: 0;
	padding: 40px 25px 40px;
	background: #f0f6f7 url('bg.jpg') left top repeat;
}
*/ }

.cart_options {
  border: 1px solid #bcc6d5;
  background: #fff;
  margin-bottom: 15px; }

.cart_options h4 {
  font-size: 1em;
  font-weight: normal;
  padding: 10px;
  background: #ffebf0;
  border-bottom: 1px solid #bcc6d5;
  margin: 0; }

.cart_options p {
  padding: 10px 30px;
  background: #fff;
  margin: 0; }

.cart table {
  text-align: center;
  width: 100%;
  border: none;
  border-collapse: collapse; }

.cart thead {
  border: 1px solid #bcc6d5;
  background: #ffebf0; }

.cart th {
  font-weight: normal;
  padding: 10px 5px;
  font-size: 0.875em; }

.cart tbody {
  border-left: 1px solid #bcc6d5;
  border-right: 1px solid #bcc6d5;
  background: #fff;
  font-size: 0.875em; }

.cart td {
  padding: 10px;
  vertical-align: middle; }

.cart td.image a {
  display: block;
  position: relative;
  width: 105px;
  height: 105px;
  border: 1px solid #80c5e0;
  border-radius: 3px;
  background: #fff; }

.cart td.image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: auto;
  max-height: 100px;
  max-width: 100px; }

.cart td.name {
  text-align: left;
  font-size: 1.143em; }

.cart td.quantity input {
  width: 1em;
  padding: 10px;
  text-align: center; }

.cart td.total {
  font-weight: bold;
  color: #f13c65; }

.cart tfoot {
  border-top: 1px solid #bcc6d5; }

.cart tfoot td:last-child {
  text-align: right; }

.cart span.total {
  font-weight: bold; }

.cart span.value.total {
  font-size: 1.123em;
  color: #f13c65; }

.cart h2, .cart .blog-title {
  font-family: Arial, serif;
  font-size: 1em; }

.cart h3 {
  font-family: Arial, serif;
  color: #f13c65;
  margin: 0; }

form.checkout-options {
  width: 50%;
  float: left; }

form.checkout-options + .checkout-options {
  width: 45%;
  float: right; }

form.checkout-options .button, form.checkout-options .property-search input[type=submit], .property-search form.checkout-options input[type=submit], form.checkout-options .contact input[type=submit], .contact form.checkout-options input[type=submit] {
  margin-top: 0;
  margin-bottom: 0; }

.cart .login-form p {
  position: relative; }

.cart .login-form label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1; }

.cart .login-form input[type=text], .cart .login-form input[type=password] {
  display: block;
  width: 100%; }

.cart .warning {
  color: #fd1a00;
  font-size: 2em; }

.ui-helper-reset {
  font-size: 1em; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border-color: #bcc6d5;
  border-radius: 0; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border-color: #bcc6d5;
  border-radius: 0; }

.ui-slider-range, .ui-multiselect {
  background: #e1e7ed; }

.ui-slider-handle {
  background: #f3b239 !important; }

.ui-accordion-content {
  margin-bottom: 10px;
  border-radius: 0;
  font-size: 0.875em; }

.ui-accordion-header {
  font-size: 0.875em; }

.ui-accordion-content + .ui-accordion-header {
  margin-top: 10px;
  /* print order */ }

#print-order table {
  width: 100%; }

#print_order th, #print-order td {
  vertical-align: top; }

#print-order thead tr:first-child > * {
  border-bottom: 1px solid #423f3f;
  padding-bottom: 4px; }

#print-order thead th:first-child {
  text-align: left; }

#print-order tbody th {
  font-weight: normal;
  padding-bottom: 4px; }

#print-order tfoot tr:first-child > * {
  border-top: 1px solid #423f3f;
  padding-top: 4px; }

#print-order tbody {
  padding: 4px 0; }

#print-order tbody th, #print-order tfoot th {
  font-weight: normal;
  text-align: left; }

#print-order td + td, #print-order tfoot td + td {
  text-align: center; }

#print-order td + td + td, #print-order tfoot td + td + td {
  text-align: right; }

#print-order th:last-child {
  text-align: right;
  /* customers/orders */ }

table.orders {
  width: 100%;
  border-collapse: collapse; }

.orders th, .orders td {
  padding: 4px;
  vertical-align: top; }

.orders thead tr:first-child > * {
  border-bottom: 1px solid #423f3f;
  text-indent: 0; }

.orders tbody th {
  font-weight: normal;
  text-indent: 0; }

.orders .ref {
  text-align: left; }

.orders .date {
  width: 95px; }

.orders .details {
  text-align: left;
  text-indent: 1em; }

.orders .price {
  text-align: right; }

.orders .link {
  text-align: right;
  width: 75px;
  /** files **/ }

.file {
  position: relative;
  /* float clearing */
  overflow: hidden;
  padding: 15px;
  margin-bottom: 10px; }

.file h2, .file .blog-title {
  margin-bottom: 1em; }

.file .button, .file .property-search input[type=submit], .property-search .file input[type=submit], .file .contact input[type=submit], .contact .file input[type=submit] {
  position: absolute;
  top: 6px;
  right: 10px; }

#hoverCart {
  position: fixed;
  top: 50px;
  right: 50px;
  width: 200px;
  background-color: rgba(48, 48, 48, 0.8);
  background-color: #303030 \9;
  color: #fff;
  padding: 15px;
  border-radius: 5px;
  overflow: auto;
  z-index: 1000;
  max-height: 100%;
  max-height: calc(100% - 100px); }

#hoverCart h1, #hoverCart .Testimonials .container .testimony, .Testimonials .container #hoverCart .testimony, #hoverCart h2, #hoverCart .blog-title, #hoverCart h3 {
  color: #fff;
  margin: 0px 0px 5px;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px; }

#hoverCart a {
  color: #fff; }

#hoverCart .items {
  overflow: hidden;
  display: block;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  margin-bottom: 5px; }

#hoverCart .checkout {
  float: left; }

#hoverCart .dismiss {
  display: block;
  text-align: right;
  float: right; }

#hoverCart .row {
  border-bottom: 1px solid #fff;
  position: relative;
  overflow: hidden;
  padding: 10px 0px 5px; }

#hoverCart .row .right {
  text-align: right;
  font-family: "Courier New", Courier, monospace; }

#hoverCart .remove {
  font-size: 12px;
  display: block; }

input:disabled, textarea:disabled {
  opacity: 0.5;
  /* tinymce universal formatting */ }

#tinymce {
  width: 940px;
  padding: 10px;
  background: #fff;
  text-align: left;
  font-size: 1em;
  color: #666; }

#tinymce p {
  padding: 0 0 1em; }

#tinymce form {
  outline: 1px dotted #f00; }

#tinymce a {
  border-bottom: 1px dotted #002d4a;
  color: #002d4a;
  text-decoration: none; }

body {
  background-color: #fdfdfd;
  color: #666;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 19.5px; }

img {
  max-width: 100%;
  height: auto !important; }
  @media print {
  img {
    page-break-inside: avoid; } }

iframe {
  max-width: 100%; }

a {
  color: #da930e;
  text-decoration: none;
  /**
 * Applies provided styles to the placeholder of the current element
 * @cont	The styles to apply
 * @return	Styles, applied to the element
 */ }
  a:hover, a:focus, a:active {
    text-decoration: underline; }
  a.no-special, .Investors ul li a, .testimonial, .About-Brokers ul li a, .listings li a {
    color: inherit;
    /**
 * Applies provided styles to the placeholder of the current element
 * @cont	The styles to apply
 * @return	Styles, applied to the element
 */ }
    a.no-special:hover, .Investors ul li a:hover, .testimonial:hover, .About-Brokers ul li a:hover, .listings li a:hover, a.no-special:focus, .Investors ul li a:focus, .testimonial:focus, .About-Brokers ul li a:focus, .listings li a:focus, a.no-special:active, .Investors ul li a:active, .testimonial:active, .About-Brokers ul li a:active, .listings li a:active {
      text-decoration: none; }

h1, .Testimonials .container .testimony, h2, .blog-title, h3, h4, h5, h6 {
  color: #222e63;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: bold;
  line-height: normal;
  position: relative; }
  h1 a, .Testimonials .container .testimony a, h2 a, .blog-title a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    display: block; }

h1, .Testimonials .container .testimony {
  font-size: 29px; }

h2, .blog-title {
  font-size: 22px; }

h3 {
  font-size: 16px; }

h4 {
  font-size: 15px; }

#cboxLoadedContent {
  margin-top: 20px; }

#cboxClose {
  bottom: auto;
  top: 0; }

.align-centre {
  text-align: center; }

.button, .property-search input[type=submit], .contact input[type=submit] {
  background-color: #f3b137;
  border-radius: 10px;
  color: #222e63;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin: 0px;
  margin-right: 10px;
  padding: 15px 10px;
  text-transform: lowercase;
  /**
 * Applies provided styles to the placeholder of the current element
 * @cont	The styles to apply
 * @return	Styles, applied to the element
 */ }
  .button:hover, .property-search input[type=submit]:hover, .contact input[type=submit]:hover, .button:focus, .property-search input[type=submit]:focus, .contact input[type=submit]:focus, .button:active, .property-search input[type=submit]:active, .contact input[type=submit]:active {
    background-color: #ff9d2f;
    text-decoration: none; }
  .button.active, .property-search input[type=submit].active, .contact input[type=submit].active {
    background-color: #222e63;
    color: #fff;
    /**
 * Applies provided styles to the placeholder of the current element
 * @cont	The styles to apply
 * @return	Styles, applied to the element
 */ }
    .button.active:hover, .property-search input[type=submit].active:hover, .contact input[type=submit].active:hover, .button.active:focus, .property-search input[type=submit].active:focus, .contact input[type=submit].active:focus, .button.active:active, .property-search input[type=submit].active:active, .contact input[type=submit].active:active {
      background-color: #151c3d; }

.map-tagline {
  float: right;
  max-width: 285px;
  font-size: 21px;
  padding-left: 60px;
  padding-top: 22px;
  margin-top: 70px;
  box-sizing: border-box;
  color: #222e63;
  background: url('logo_mini.png') left center no-repeat;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
  .map-tagline {
    float: none;
    margin: auto;
    margin-top: 30px; } }

.container {
  margin: auto;
  max-width: 1000px;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
  .container {
    padding-left: 10px;
    padding-right: 10px; } }
  section .container {
    padding: 50px 0px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
    /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
    @media screen and (max-width: 1019px) {
  section .container {
    padding: 50px 10px; } }

header {
  background-color: #fff; }
  header .logo {
    float: left;
    margin-top: 20px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 849px) {
  header .logo {
    float: none;
    text-align: center; } }
  header .further {
    float: right;
    margin-top: 36px;
    margin-bottom: 20px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 849px) {
  header .further {
    float: none;
    margin: 10px auto;
    text-align: center; } }
    @media print {
  header .further {
    display: none; } }
    header .further .celebrating {
      float: left;
      margin-top: 10px;
      margin-right: 40px;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
      @media screen and (max-width: 849px) {
  header .further .celebrating {
    display: inline-block;
    float: none; } }
      @media screen and (max-width: 549px) {
  header .further .celebrating {
    display: block;
    height: 70px !important;
    margin: -10px auto;
    width: auto; } }
    header .further .interaction {
      float: right;
      vertical-align: top;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
      @media screen and (max-width: 849px) {
  header .further .interaction {
    display: inline-block;
    float: none; } }
      @media screen and (max-width: 549px) {
  header .further .interaction {
    display: block;
    text-align: center; } }
      header .further .interaction .google-translate {
        margin-left: 3px;
        margin-top: -16px;
        margin-bottom: 18px;
        padding-right: 10px;
        text-align: right;
        /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
        @media screen and (max-width: 549px) {
  header .further .interaction .google-translate {
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px; } }
        header .further .interaction .google-translate + .links {
          margin-top: 5px; }
      header .further .interaction .links {
        color: #222e63;
        margin-top: 22px; }
        header .further .interaction .links .phone {
          background: url(phone-icon.png) left no-repeat;
          display: inline-block;
          font-size: 20px;
          font-weight: bold;
          margin-left: 10px;
          margin-right: 14px;
          margin-top: 3px;
          padding-bottom: 5px;
          padding-left: 20px;
          padding-top: 2px;
          vertical-align: middle; }
        header .further .interaction .links .login, header .further .interaction .links .register {
          background: #e9e9e9 10px center no-repeat;
          border-radius: 5px;
          color: inherit;
          display: inline-block;
          margin-left: 8px;
          padding: 8px 10px 8px 32px;
          vertical-align: middle; }
        header .further .interaction .links .login {
          background-image: url(login-icon.png); }
        header .further .interaction .links .register {
          background-image: url(register-icon.png); }
      header .further .interaction .search {
        margin-top: 10px;
        position: relative;
        text-align: right;
        /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
        @media screen and (max-width: 549px) {
  header .further .interaction .search {
    text-align: center; } }
        header .further .interaction .search input[type=text] {
          border: 1px solid #d1d1d1;
          border-radius: 5px;
          padding: 10px 48px 10px 18px;
          width: calc(100% - 68px);
          /**
 * Only displays styles below the responsive limit
 * @cont	The content to display below the reponsive limit
 * @return	Styles to display below the limit
 */ }
          header .further .interaction .search input[type=text]:-ms-input-placeholder {
            font-style: italic; }
          header .further .interaction .search input[type=text]::-webkit-input-placeholder {
            font-style: italic; }
          header .further .interaction .search input[type=text]:input-placeholder {
            font-style: italic; }
          header .further .interaction .search input[type=text]::input-placeholder {
            font-style: italic; }
          header .further .interaction .search input[type=text]:moz-placeholder {
            font-style: italic; }
          header .further .interaction .search input[type=text]::moz-placeholder {
            font-style: italic; }
          header .further .interaction .search input[type=text]:placeholder {
            font-style: italic; }
          header .further .interaction .search input[type=text]::placeholder {
            font-style: italic; }
        header .further .interaction .search input[type=submit] {
          background: #f2f2f2 url(search-icon.png) center no-repeat;
          border: none;
          border-radius: 3px;
          cursor: pointer;
          height: 23px;
          position: absolute;
          right: 11px;
          text-indent: -9999px;
          top: 6px;
          width: 23px; }

nav.main {
  position: relative;
  background-color: #222e63;
  font-size: 16px;
  height: 50px;
  z-index: 1010;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
  @media screen and (max-width: 799px) {
  nav.main {
    font-size: 14px; } }
  @media screen and (max-width: 649px) {
  nav.main {
    font-size: 12px; } }
  @media screen and (max-width: 499px) {
  nav.main {
    height: auto; } }
  @media print {
  nav.main {
    display: none; } }
  nav.main ul {
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 649px) {
  nav.main ul {
    font-weight: normal; } }
    nav.main ul li {
      display: inline-block;
      position: relative;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
      /**
 * Applies provided styles to the placeholder of the current element
 * @cont	The styles to apply
 * @return	Styles, applied to the element
 */ }
      @media screen and (max-width: 499px) {
  nav.main ul li {
    width: 49%; } }
      @media screen and (max-width: 239px) {
  nav.main ul li {
    width: 100%; } }
      nav.main ul li:hover > ul, nav.main ul li:focus > ul, nav.main ul li:active > ul {
        display: block; }
      nav.main ul li.home a {
        background: url(home-icon.png) center no-repeat;
        text-indent: -9999px;
        width: 20px;
        /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
        @media screen and (max-width: 499px) {
  nav.main ul li.home a {
    width: auto; } }
      nav.main ul li a {
        color: #fff;
        display: table-cell;
        height: 50px;
        vertical-align: middle;
        /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
        @media screen and (max-width: 499px) {
  nav.main ul li a {
    display: block;
    height: auto;
    padding: 10px;
    text-align: center; } }
        nav.main ul li a.sel {
          color: #ffd21d; }
      nav.main ul li ul {
        background-color: #222e63;
        display: none;
        min-width: 100%;
        position: absolute;
        top: 100%;
        white-space: nowrap;
        z-index: 100; }
        nav.main ul li ul li {
          display: block; }
          nav.main ul li ul li a {
            display: block;
            height: auto;
            padding: 10px;
            text-align: center; }
        nav.main ul li ul ul {
          top: 0;
          left: 100%; }

main > .container {
  margin: 20px auto; }

.content > section {
  margin: 30px 0px; }

.search-holder {
  background-color: #222e63;
  color: #fff;
  float: left;
  height: 405px;
  padding: 15px 25px;
  width: 325px;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
  .search-holder {
    float: none;
    height: auto;
    margin-bottom: 10px;
    width: auto; } }
  .search-holder h1, .search-holder .Testimonials .container .testimony, .Testimonials .container .search-holder .testimony {
    color: #fff;
    margin: 0; }
  .search-holder p {
    margin: 12px 0; }
  .search-holder .property-search .inline {
    width: auto;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
    /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
    @media screen and (max-width: 1019px) {
  .search-holder .property-search .inline {
    width: 31%;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    .search-holder .property-search .inline .inline {
      width: 100%; }
    .search-holder .property-search .inline .ui-multiselect {
      width: 100% !important; } }
      @media screen and (max-width: 639px) and (max-width: 639px) {
    .search-holder .property-search .inline {
      width: 100%; } }
    .search-holder .property-search .inline .ui-multiselect {
      width: 300px !important;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
      /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
      @media screen and (max-width: 1019px) {
  .search-holder .property-search .inline .ui-multiselect {
    width: 100% !important; } }
    .search-holder .property-search .inline.keywords {
      width: 850px;
      width: calc(100% - 140px);
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
      @media screen and (max-width: 449px) {
  .search-holder .property-search .inline.keywords {
    width: 100%; } }
  .search-holder .ui-slider-handle:nth-child(2)[data-value="$5M"] + [data-value="$10M+"]:after {
    right: -30px; }

.property-search {
  background-color: #222e63;
  color: #fff;
  margin: 10px 0px;
  padding: 15px 25px; }
  .search-holder .property-search {
    padding: 0px; }
  .property-search .inline {
    display: inline-block;
    /*@include below(400px)
		{
			display: block;
			margin: 10px 0px;
		}*/
    margin: 4px 10px 5px 0px; }
  .property-search .inactive {
    display: none; }
    .property-search .inactive:last-child {
      display: inline-block;
      opacity: 0.75;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
      @media screen and (max-width: 399px) {
  .property-search .inactive:last-child {
    display: block; } }
    .property-search .inactive.active {
      display: inline-block;
      opacity: 1;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
      @media screen and (max-width: 399px) {
  .property-search .inactive.active {
    display: block; } }
      .property-search .inactive.active ~ *:last-child {
        display: none; }
  .property-search .range-slider {
    border: 0px;
    border-radius: 0px;
    height: 10px;
    margin: 10px 20px 30px 0px; }
  .property-search .inline {
    width: 48%;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 639px) {
  .property-search .inline {
    width: 100%; } }
    .property-search .inline .inline {
      width: 100%; }
    .property-search .inline .ui-multiselect {
      width: 100% !important; }
  .property-search .keywords {
    width: 850px;
    width: calc(100% - 140px);
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 449px) {
  .property-search .keywords {
    width: 100%; } }
    .property-search .keywords input {
      width: 830px;
      width: calc(100% - 20px); }
    .property-search .keywords + .inline {
      width: auto;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
      .property-search .keywords + .inline input {
        margin-right: 0px;
        width: 100px;
        padding: 10px;
        /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
      @media screen and (max-width: 449px) {
    .property-search .keywords + .inline input {
      width: 100%; } }
      @media screen and (max-width: 449px) {
  .property-search .keywords + .inline {
    width: 100%; } }
  .property-search .ui-slider-range {
    border-radius: 0px;
    height: 10px; }
  .property-search .ui-slider-handle {
    border: 0px;
    margin-left: -2px;
    width: 8px; }
    .property-search .ui-slider-handle:before {
      border: 4px solid transparent;
      border-bottom-width: 0px;
      border-top-color: #f3b239;
      content: "";
      position: absolute;
      bottom: -4px; }
    .property-search .ui-slider-handle:nth-child(2)[data-value="$0"]:after {
      left: 0px;
      right: auto; }
      .property-search .ui-slider-handle:nth-child(2)[data-value="$10M"] + [data-value="$10M+"]:after {
        right: -30px; }
      .property-search .ui-slider-handle:nth-child(2):after {
        right: 0px; }
    .property-search .ui-slider-handle[data-value="$10M+"]:after {
      right: 0px; }
    .property-search .ui-slider-handle:after {
      color: #fff;
      content: attr(data-value);
      font-size: 13px;
      margin-top: 5px;
      position: absolute;
      text-transform: uppercase;
      top: 100%; }
  .property-search .keywords input {
    border: 0px;
    border-radius: 5px;
    font-size: inherit;
    padding: 10px 10px;
    /**
 * Only displays styles below the responsive limit
 * @cont	The content to display below the reponsive limit
 * @return	Styles to display below the limit
 */ }
    .property-search .keywords input:-ms-input-placeholder {
      font-style: italic; }
    .property-search .keywords input::-webkit-input-placeholder {
      font-style: italic; }
    .property-search .keywords input:input-placeholder {
      font-style: italic; }
    .property-search .keywords input::input-placeholder {
      font-style: italic; }
    .property-search .keywords input:moz-placeholder {
      font-style: italic; }
    .property-search .keywords input::moz-placeholder {
      font-style: italic; }
    .property-search .keywords input:placeholder {
      font-style: italic; }
    .property-search .keywords input::placeholder {
      font-style: italic; }
  .property-search .small-link {
    margin: 2px;
    text-align: right; }

.slideshow-positioner .slideshow-holder a {
  display: none; }
  .slideshow-positioner .slideshow-holder a:first-child {
    display: block; }
  .slideshow-positioner .timer {
    display: none; }
  .slideshow-positioner .orbit-caption {
    bottom: 35px;
    font-size: 18px;
    font-weight: bold;
    padding: 20px;
    width: auto; }
  .slideshow-positioner .orbit-bullets {
    bottom: 10px;
    left: auto;
    margin: 0px;
    right: 25px; }
  .slideshow-positioner .orbit-bullets li {
    background: #ff9d2f;
    border: 1px solid #222e63;
    border-radius: 50%;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2);
    height: 10px;
    width: 10px; }
    .slideshow-positioner .orbit-bullets li.active {
      background-color: #222e63;
      border-color: #ff9d2f;
      box-shadow: none; }
  .slideshow-positioner div.slider-nav {
    position: static; }
  .slideshow-positioner div.slider-nav span {
    background: url(slideshow-arrows.png) left no-repeat;
    height: 25px;
    margin-top: -12px;
    top: 50%;
    width: 25px; }
    .slideshow-positioner div.slider-nav span.left {
      left: 15px; }
    .slideshow-positioner div.slider-nav span.right {
      background-position: right;
      right: 15px; }
  .slideshow-positioner + h2, .slideshow-positioner + .blog-title {
    margin-top: 30px;
    font-size: 19px;
    color: #222e63; }
  .slideshow-positioner + h2 strong, .slideshow-positioner + .blog-title strong {
    color: #ff9d2f; }
  .slideshow-positioner + h2 img, .slideshow-positioner + .blog-title img {
    position: relative;
    top: 6px;
    margin-right: 10px; }

.slideshow-holder {
  float: right;
  width: 609px;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
  .slideshow-holder {
    float: none;
    width: 100%; } }
  .slideshow-holder .slideshow, .slideshow-holder .orbit-wrapper, .slideshow-holder .slider {
    width: 100% !important; }
  .slideshow-holder a, .slideshow-holder img {
    display: block;
    height: auto !important;
    width: 100%; }

.slideshow, .orbit-wrapper, .slider, .slider a {
  margin: auto;
  max-width: 100%; }

.pagination {
  background-color: #e6f3ff;
  font-size: 13px;
  margin: 10px 0px;
  padding: 10px;
  text-align: right; }
  .pagination strong, .pagination a {
    background-color: #fff;
    border: 1px solid #ccc;
    color: inherit;
    margin: 0px 2px;
    padding: 3px 5px; }
  .pagination strong {
    background-color: #ff9d2f;
    color: #222e63; }

.Why-Register {
  background-color: #222e63;
  border-top: 4px solid #ff9d2f;
  color: #fff;
  font-size: 16px; }
  .Why-Register a {
    color: #ff9d2f;
    text-decoration: underline;
    /**
 * Applies provided styles to the placeholder of the current element
 * @cont	The styles to apply
 * @return	Styles, applied to the element
 */ }
  .Why-Register a:hover, .Why-Register a:focus, .Why-Register a:active {
    text-decoration: none; }
  .Why-Register .container {
    overflow: visible;
    padding: 15px 0;
    position: relative; }
  .Why-Register .wrapper {
    overflow: hidden; }
  .Why-Register h1, .Why-Register .Testimonials .container .testimony, .Testimonials .container .Why-Register .testimony {
    background-color: #ff9d2f;
    border-radius: 0px 0px 8px 8px;
    color: #222e63;
    font-size: 18px;
    margin: 0;
    padding: 20px 40px;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 0;
    z-index: 100; }
  .Why-Register h1.clickable, .Why-Register .Testimonials .container .testimony.clickable, .Testimonials .container .Why-Register .testimony.clickable {
    cursor: pointer; }
  .Why-Register li, .Why-Register p {
    font-weight: bold;
    margin: 1.5em; }
  .Why-Register ul {
    font-size: 18px;
    margin: 0;
    padding: 0; }
  .Why-Register li {
    display: block;
    padding-left: 13px;
    position: relative; }
  .Why-Register li:before {
    background: #ff9d2f;
    border-radius: 2px;
    content: "";
    height: 4px;
    left: 0;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 4px; }

.Latest-Listings {
  background-color: #f3f3f3; }
  .Latest-Listings .container {
    padding-top: 20px; }
  .Latest-Listings .listings {
    float: left;
    width: 645px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
    /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
    .Latest-Listings .listings {
      float: none;
      width: auto; } }
  .Latest-Listings .listings h1, .Latest-Listings .listings .Testimonials .container .testimony, .Testimonials .container .Latest-Listings .listings .testimony {
    color: #000;
    font-size: 22px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 619px) {
    .Latest-Listings .listings h1, .Latest-Listings .listings .Testimonials .container .testimony, .Testimonials .container .Latest-Listings .listings .testimony {
      margin-top: 60px; } }
  .Latest-Listings .listings ul {
    padding-left: 0px; }
    .Latest-Listings .listings ul li {
      margin-bottom: 20px;
      margin-left: 9px;
      margin-right: 9px; }
    .Latest-Listings .listings ul li:nth-child(3n - 2) {
      margin-left: 0px;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
      /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
      @media screen and (max-width: 1019px) {
      .Latest-Listings .listings ul li:nth-child(3n - 2) {
        margin-left: 9px; } }
    .Latest-Listings .listings ul li:nth-child(3n) {
      margin-right: 0px;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
      /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
      @media screen and (max-width: 1019px) {
      .Latest-Listings .listings ul li:nth-child(3n) {
        margin-right: 9px; } }
    .Latest-Listings .listings ul section a {
      position: relative; }
    .Latest-Listings .listings ul section a h1, .Latest-Listings .listings ul section a .Testimonials .container .testimony, .Testimonials .container .Latest-Listings .listings ul section a .testimony {
      color: #222e63;
      font-size: 19px; }
    .Latest-Listings .listings ul section a p.details {
      color: #666;
      font-weight: normal; }

.canvas-holder {
  float: right;
  margin-top: 90px;
  max-width: 320px;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
  .canvas-holder {
    display: block;
    float: none;
    margin: auto; } }
  .canvas-holder .region-map {
    background: url(property-locator.png) 0px 100px no-repeat;
    max-width: 100%; }
  .canvas-holder .international {
    cursor: pointer;
    display: block;
    margin-top: 20px;
    text-align: center; }

.Investors ul {
  margin-top: 20px;
  padding-left: 0px;
  text-align: center; }
  .Investors ul li {
    display: inline-block;
    margin: 0px 13px;
    max-width: 130px;
    vertical-align: top; }
  .Investors ul li a {
    color: inherit; }

.Expert-Selling-Advice {
  background-color: #f3f3f3; }

.Expert-Buying-Advice {
  background-color: #e6f3ff; }

.Expert-Selling-Advice .info, .Expert-Buying-Advice .info {
  float: left;
  width: 450px;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
    .Expert-Selling-Advice .info, .Expert-Buying-Advice .info {
      float: none;
      width: auto; } }
  .Expert-Selling-Advice .right, .Expert-Buying-Advice .right {
    float: right;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
    /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
    .Expert-Selling-Advice .right, .Expert-Buying-Advice .right {
      display: block;
      float: none;
      text-align: center; } }
  .Expert-Selling-Advice .button, .Expert-Selling-Advice .property-search input[type=submit], .property-search .Expert-Selling-Advice input[type=submit], .Expert-Selling-Advice .contact input[type=submit], .contact .Expert-Selling-Advice input[type=submit], .Expert-Buying-Advice .button, .Expert-Buying-Advice .property-search input[type=submit], .property-search .Expert-Buying-Advice input[type=submit], .Expert-Buying-Advice .contact input[type=submit], .contact .Expert-Buying-Advice input[type=submit] {
    border: 1px solid #db930d;
    border-radius: 5px;
    padding: 10px 20px; }

.Expert-Buying-Advice .info {
  float: right; }
  .Expert-Buying-Advice .right {
    float: left; }

.Testimonials .container {
  margin: auto;
  max-width: 690px; }
  .Testimonials .container .orbit, .Testimonials .container .orbit-wrapper {
    padding-bottom: 10px;
    width: 100% !important; }
  .Testimonials .container .testimonial {
    padding-bottom: 10px;
    width: 100% !important; }
  .Testimonials .container .testimonial .witness {
    padding-bottom: 10px; }
  .Testimonials .container .timer {
    display: none; }
  .testimonial {
    background-color: #fdfdfd;
    display: block;
    text-align: center; }
  .testimonial.main {
    margin: 10px 0px 30px;
    text-align: left; }
  .testimonial.main .testimony {
    line-height: 22.5px;
    margin-bottom: 5px; }
  .testimonial.main .witness {
    font-weight: bold; }

.About-Brokers {
  background-color: #f3f3f3;
  text-align: center; }
  .About-Brokers ul {
    margin-bottom: -20px;
    margin-top: 80px;
    padding: 0px; }
  .About-Brokers ul li {
    display: inline-block;
    margin: 10px 25px;
    vertical-align: top;
    width: 210px; }
    .About-Brokers ul li h1, .About-Brokers ul li .Testimonials .container .testimony, .Testimonials .container .About-Brokers ul li .testimony {
      font-size: 15px;
      margin-bottom: 5px; }
    .About-Brokers ul li p {
      font-size: 13px;
      margin: 3px 0px; }

.Latest-Articles {
  padding-top: 10px; }

.blog-preview > h1, .blog-preview > .Testimonials .container .testimony, .Testimonials .container .blog-preview > .testimony {
  background-color: #222e63;
  color: #fff;
  font-size: 22px;
  margin-top: 0px;
  padding: 15px;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
    .blog-preview > h1, .blog-preview > .Testimonials .container .testimony, .Testimonials .container .blog-preview > .testimony {
      margin-left: -10px;
      margin-right: -10px; } }
  .blog-preview article {
    margin: 15px 0px; }
  .blog-preview article h1, .blog-preview article .Testimonials .container .testimony, .Testimonials .container .blog-preview article .testimony {
    font-size: 16px; }
    .blog-preview article h1 a, .blog-preview article .Testimonials .container .testimony a, .Testimonials .container .blog-preview article .testimony a {
      color: inherit; }
    .blog-preview article h1 a:after, .blog-preview article .Testimonials .container .testimony a:after, .Testimonials .container .blog-preview article .testimony a:after {
      content: " >"; }

.guides-holder {
  background-color: #222e63;
  color: #fff;
  float: right;
  padding: 15px 30px 40px;
  text-align: center;
  width: 415px;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
  .guides-holder {
    margin-left: -10px;
    margin-right: -10px;
    width: auto; } }
  .guides-holder h1, .guides-holder .Testimonials .container .testimony, .Testimonials .container .guides-holder .testimony {
    color: #fff;
    font-size: 22px;
    margin-bottom: 40px; }

.jump-holder {
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
  .jump-holder {
    text-align: center; } }

.listings {
  margin-bottom: -20px;
  padding-left: 0px;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
  .listings {
    text-align: center; } }
  .listings li {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
    margin-left: 25px;
    margin-right: 25px;
    vertical-align: top;
    width: 200px; }
  .listings li:nth-child(4n - 3) {
    margin-left: 0px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
    /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
    @media screen and (max-width: 1019px) {
    .listings li:nth-child(4n - 3) {
      margin-left: 25px; } }
  .listings li:nth-child(4n) {
    margin-right: 0px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
    /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
    @media screen and (max-width: 1019px) {
    .listings li:nth-child(4n) {
      margin-right: 25px; } }
  .listings li a {
    display: block;
    position: relative; }
    .listings li a p {
      margin: 5px 0px; }
    .listings li a h1, .listings li a .Testimonials .container .testimony, .Testimonials .container .listings li a .testimony {
      font-size: 15px; }
    .listings li a .details {
      color: #222e63;
      font-size: 0.6;
      font-weight: bold;
      margin: 0.2em 0px; }
    .listings li a .price {
      color: #222e63;
      font-size: 19px;
      font-weight: bold;
      line-height: normal;
      margin: 10px 0px; }
    .listings li a .price del {
      font-size: 15px;
      font-weight: normal;
      color: #666; }
    .listings li a .price ins {
      text-decoration: none; }
    .listings li a[data-status]:after {
      background-color: #222e63;
      color: #fff;
      content: attr(data-status);
      font-size: 13px;
      font-weight: bold;
      left: 0px;
      padding: 2px;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: 0px;
      width: 100%;
      width: calc(100% - 4px); }

.listing .photos {
  float: left;
  width: 410px;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
  @media screen and (max-width: 1019px) {
    .listing .photos {
      width: calc(100% - 590px); } }
  @media screen and (max-width: 809px) {
    .listing .photos {
      display: table-footer-group;
      float: none;
      width: auto; } }
  @media print {
    .listing .photos {
      display: table-footer-group;
      float: none;
      width: auto; } }
  .listing .photos a {
    display: inline-block; }
    .listing .photos a[data-status]:after {
      background-color: #222e63;
      color: #fff;
      content: attr(data-status);
      font-size: 13px;
      font-weight: bold;
      left: 0px;
      padding: 2px;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: 0px;
      width: 100%;
      width: calc(100% - 4px); }
  .listing .photos ul {
    margin: 0px;
    padding: 0px; }
    @media print {
    .listing .photos ul {
      page-break-inside: avoid; } }
  .listing .photos a + .thumbs {
    margin-top: 10px; }
  .listing .photos .agent {
    margin-top: 10px;
    max-width: 410px; }
    @media prnt {
    .listing .photos .agent {
      page-break-inside: avoid; } }
    .listing .photos .agent .photo {
      float: left;
      max-width: 150px; }
    .listing .photos .agent .info {
      float: right;
      width: 240px; }
  .listing .details {
    float: right;
    width: 550px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
  @media screen and (max-width: 809px) {
    .listing .details {
      display: table-header-group;
      float: none;
      width: auto; } }
  @media print {
    .listing .details {
      display: table-header-group;
      float: none;
      width: auto; } }
  .listing .details .detail-top .file-holder {
    float: left;
    margin-right: 10px; }
  .listing .details .file-holder img {
    margin-right: 5px;
    vertical-align: middle; }
  .listing .details p {
    page-break-inside: avoid; }
  .listing .details iframe {
    max-width: 100%; }
  @media print {
      .listing .details .button, .listing .details .property-search input[type=submit], .property-search .listing .details input[type=submit], .listing .details .contact input[type=submit], .contact .listing .details input[type=submit] {
        display: none; } }

.team section {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .team section:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px; }
  .team section h1, .team section .Testimonials .container .testimony, .Testimonials .container .team section .testimony {
    color: #ff9d2f;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 17px;
    text-transform: uppercase; }
  .team section .details {
    float: left;
    margin-top: 15px;
    max-width: 18%;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 899px) {
    .team section .details {
      float: none;
      max-width: none; } }
    .team section .details p {
      margin-top: 5px; }
  .team section .summary {
    float: right;
    max-width: 80%;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 899px) {
    .team section .summary {
      float: none;
      max-width: none; } }

.contact p.action {
  max-width: 585px;
  text-align: right;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
  .contact p.action .text {
    display: block;
    float: left;
    margin-left: 165px;
    text-align: left; }
  .contact p.action input[type=submit] {
    margin: 0px; }
  @media screen and (max-width: 609px) {
    .contact p.action {
      text-align: left; } }
  .contact label {
    display: inline;
    width: auto; }
  .contact .label {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 0px;
    text-align: right;
    vertical-align: top;
    width: 150px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
  @media screen and (max-width: 609px) {
    .contact .label {
      display: block;
      text-align: left; } }
  .contact .field {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: 420px; }
  .contact .field input[type=text], .contact .field input[type=email], .contact .field input[type=tel], .contact .field input[type=password], .contact .field textarea {
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    max-width: 450px;
    padding: 10px;
    width: 100%;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /**
 * Removes element from page flow
 */ }
    @media screen and (max-width: 609px) {
    .contact .field input[type=text], .contact .field input[type=email], .contact .field input[type=tel], .contact .field input[type=password], .contact .field textarea {
      display: block; } }
    .contact .field input[type=text]#security_code, .contact .field input[type=email]#security_code, .contact .field input[type=tel]#security_code, .contact .field input[type=password]#security_code, .contact .field textarea#security_code {
      width: calc(100% - 140px); }
  .contact .field textarea {
    height: 150px; }
  .blog-summary {
    padding-left: 0px; }
  .blog-summary > div .box {
    float: left;
    height: 50px;
    margin-right: 10px;
    width: 10px; }
  .blog-summary > div h3, .blog-summary > div h3 a {
    color: #222e63; }

.message {
  color: #f00; }

@media print {
    footer {
      display: none; } }
  footer .super-footer {
    background-color: #f3f3f3;
    font-size: 10px;
    padding: 20px;
    text-align: center; }
  footer .super-footer ul {
    margin: 0px 0px 20px;
    padding: 0px; }
    footer .super-footer ul li {
      display: inline-block;
      padding: 0px 25px;
      vertical-align: middle; }
  footer .super-footer p {
    line-height: 1.3; }
  footer .footer {
    background-color: #ff9d2f;
    padding: 60px 0px 90px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
  @media screen and (max-width: 849px) {
    footer .footer {
      float: none;
      padding: 20px 0px; } }
  footer .footer .logo {
    float: left;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 849px) {
    footer .footer .logo {
      display: block;
      float: none;
      margin: auto; } }
  footer .footer .customer-service {
    float: right;
    font-size: 23px;
    margin-right: 80px;
    margin-top: 3px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
    /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 1019px) {
    footer .footer .customer-service {
      margin-right: 0px; } }
    @media screen and (max-width: 849px) {
    footer .footer .customer-service {
      float: none;
      text-align: center; } }
    footer .footer .customer-service h2, footer .footer .customer-service .blog-title {
      margin-bottom: 20px; }
    footer .footer .customer-service .phone {
      background: url(footer-phone-icon.png) left 2px no-repeat;
      display: inline-block;
      float: left;
      line-height: 22px;
      margin-right: 60px;
      padding-left: 30px;
      vertical-align: top;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 849px) {
      footer .footer .customer-service .phone {
        float: none;
        line-height: normal; } }
    footer .footer .customer-service .phone .mobile {
      font-size: 18px;
      line-height: 18px;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
      @media screen and (max-width: 849px) {
      footer .footer .customer-service .phone .mobile {
        line-height: normal; } }
    footer .footer .customer-service .email {
      background: url(email-icon.png) left no-repeat;
      display: inline-block;
      float: right;
      padding-left: 30px;
      vertical-align: top;
      /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 849px) {
      footer .footer .customer-service .email {
        float: none;
        margin-top: 10px; } }
  footer .sub-footer {
    color: #848484;
    font-size: 12px;
    padding: 20px 0px 50px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
  @media screen and (max-width: 959px) {
    footer .sub-footer {
      text-align: center; } }
  footer .sub-footer a {
    color: inherit; }
  footer .sub-footer .links {
    float: left;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 959px) {
    footer .sub-footer .links {
      float: none; } }
    footer .sub-footer .links ul {
      margin: 0px;
      padding: 0px; }
    footer .sub-footer .links ul li {
      display: inline-block; }
      footer .sub-footer .links ul li:first-child:before {
        display: none; }
        footer .sub-footer .links ul li:first-child a {
          padding-left: 0px; }
      footer .sub-footer .links ul li:last-child a {
        padding-right: 0px; }
      footer .sub-footer .links ul li:before {
        content: "|"; }
      footer .sub-footer .links ul li a {
        padding: 0px 15px; }
  footer .sub-footer .copyright {
    float: right;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */ }
    @media screen and (max-width: 959px) {
    footer .sub-footer .copyright {
      float: none;
      margin-top: 10px; } }

.return-hover {
  background-color: #222e63;
  bottom: 0px;
  color: #fff;
  font-weight: bold;
  right: 0px;
  padding: 10px;
  position: fixed;
  text-align: center;
  z-index: 500; }

.footerwhite {
  color: #fff !important; }
  .footerwhite a {
    color: #fff !important; }

.regleft {
  float: left;
  width: 65%;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
  .regleft {
    float: none;
    width: 100%; } }

.regright {
  float: right;
  width: 35%;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
  .regright {
    float: none;
    width: 100%; } }

.regright h2, .regright .blog-title {
  margin-top: 25px; }

.regright ul {
  margin-left: -20px; }

.lists {
  max-width: 420px;
  padding-left: 160px;
  /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
  /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
  .lists {
    padding-left: 0; } }
  .lists .list-left {
    float: left; }
  .lists .list-right {
    float: right; }
  .lists .list-left, .lists .list-right {
    margin: 0;
    width: 205px;
    /**
 * Applies styles to the hover, focus and active pseudoclasses of an element
 * @cont	The styles to apply
 * @return	Hover, focus and active styles for that element
 */
    /**
 * Creates vendor specific versions of a style
 * @param	string	The property to create each style for
 * @param	list	The value for that style
 * @return			Vendor specific versions of each style
 */ }
  @media screen and (max-width: 1019px) {
    .lists .list-left, .lists .list-right {
      float: none;
      width: auto; } }
  .lists .list-left .label, .lists .list-right .label, .lists .list-left .field, .lists .list-right .field {
    display: block;
    text-align: left;
    width: auto; }