@charset "utf-8";
/* ── Sandy & Associates brand fonts ── */
@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Open+Sans:wght@300;400;600;700&family=Dancing+Script:wght@700&display=swap);

/* ============================================================
   SANDY & ASSOCIATES — BRAND COLOR SYSTEM
   Derived from logo: deep navy + steel blue + white + gold accent
   ============================================================ */
:root {
  /* Core palette — pulled from logo */
  --color-navy:        #0D2E50;   /* deep navy — logo background */
  --color-navy-mid:    #1A4A72;   /* steel blue — logo house silhouette */
  --color-navy-light:  #2A6496;   /* lighter blue for hover states */
  --color-gold:        #C8922A;   /* warm gold — premium CTA accent */
  --color-gold-lt:     #E0A830;   /* lighter gold for hover */
  --color-white:       #FFFFFF;
  --color-off-white:   #F4F7FB;   /* slight blue tint to echo logo */

  /* Semantic assignments */
  --color-primary:     var(--color-navy-mid);
  --color-primary-dk:  var(--color-navy);
  --color-accent:      var(--color-gold);
  --color-accent-lt:   var(--color-gold-lt);
  --color-link:        var(--color-navy-mid);
  --color-link-hover:  var(--color-gold);
  --color-text:        #2C3E50;
  --color-text-light:  #607080;
  --color-bg:          #ffffff;
  --color-bg-section:  var(--color-off-white);
  --color-border:      #D0DAE6;
  --color-nav-bg:      var(--color-navy);

  /* Typography */
  --font-body:         'Open Sans', Calibri, sans-serif;
  --font-heading:      'Playfair Display', Georgia, serif;
  --font-script:       'Dancing Script', cursive;

  /* Layout */
  --radius:            4px;
  --radius-lg:         8px;
  --transition:        all 0.22s ease;
  --shadow-sm:         0 2px 6px rgba(13,46,80,0.12);
  --shadow-md:         0 4px 16px rgba(13,46,80,0.18);
}

* { box-sizing: border-box; }

a, input, button {
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-o-transition: var(--transition);
	transition: var(--transition);
}
body {
	font-family: var(--font-body);
	background: var(--color-bg);
	color: var(--color-text);
	font-size: 14px;
	line-height: 1.6;
}

/* ---- Typography ---- */
a {
	color: var(--color-link);
}
a:hover {
	color: var(--color-link-hover);
	text-decoration: none;
}
hr {
	border-color: #ddd;
	margin: 12px 0;
}
h1, h2, h3, h4, h5 {
	font-family: var(--font-heading);
	font-weight: 600;
	line-height: 1.3;
}
h1 {
	font-size: 42px;
	color: #fff;
}
h2 {
	font-size: 28px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
h2 small {
	text-transform: none;
	color: #555;
	font-weight: 400;
}
h3 {
	font-size: 24px;
	color: #333;
}
h3 a { color: #333; }
h3 a:hover {
	text-decoration: none;
	color: var(--color-primary);
}
.typo { margin-top: 80px; }
h4 {
	font-size: 18px;
	color: #222;
	margin-bottom: 4px;
	margin-top: 10px;
}
h4 a { color: #222; }
h4 a:hover { text-decoration: none; }
h5 {
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
	margin-top: 12px;
}
blockquote {
  min-height: 140px;
  border-left: 3px solid var(--color-primary);
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,0.5);
  background: rgba(0, 0, 0, 0.32);
  font-size: 14px;
  font-weight: normal !important;
  border-radius: var(--radius);
}
.clr {
	clear: both;
	content: '';
	display: table;
}
.descr {
	color: #3E3E3E;
	font-size: 14px;
}
.cap { text-transform: capitalize; }

/* ---- Breadcrumb toolbar ---- */
.header-toolbar-container {
  margin-top: 79px;
  width: 100%;
  background-color: var(--color-bg-section);
  border-bottom: 1px solid #d4d4d4;
  height: 30px;
}
.header-toolbar-centering { margin: 0 auto; max-width: 1170px; }
.container h1 { font-size: 26px; color: var(--color-text-light); }
.breadcrumb { background: none; }
.breadcrumb {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: 4px 0;
}
.breadcrumb li {
  text-transform: lowercase;
  display: inline;
}
.breadcrumb li + li::before {
  content: " / ";
  color: #999;
  padding: 0 4px;
}
/* Override Bootstrap's bullet breadcrumb separator */
.breadcrumb > li + li:before { content: "/ "; color: #999; }

.no-display { display: none; }
.sub-page { padding-bottom: 100px; min-height: 48vh; }
.separator { padding-bottom: 20px; }

/* ---- Forms ---- */
.form-control,
.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control:focus {
	border-color: var(--color-primary);
	outline: none;
}
.checkbox {
  padding-top: 8px;
  padding-left: 20px;
}
.checkbox label {
  width: 100%;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 4px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #bbb;
  border-radius: 3px;
  background-color: #fff;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 0;
  top: -1px;
  margin-left: -20px;
  padding-left: 2px;
  font-size: 11px;
  color: #555;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'Glyphicons Halflings';
  content: "\e013";
}
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eee;
  cursor: not-allowed;
}
.checkbox.checkbox-inline { margin-top: 0; }
.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.checkbox-info input[type="checkbox"]:checked + label::after { color: #fff; }
.radio { padding-left: 20px; }
.radio label { font-weight: 600; line-height: 20px; }
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 10px;
}
.radio-info input[type="radio"] + label::after {
  background-color: #428BCA;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #428BCA;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #428BCA;
}
input[type="checkbox"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after {
  color: #fff;
}

/*Buttons*/
.btn {
	font-family: Calibri, sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}
.btn:hover {color:#fff !important;}
.btn-primary, .btn-primary:focus, .btn-primary:active {
	background-color: var(--color-navy-mid);
	border-color: var(--color-navy);
	font-size: 14px;
	font-weight: 600;
	outline: none;
	font-family: var(--font-body);
	color: #fff;
	text-transform: none;
	border-radius: var(--radius);
	box-shadow: var(--shadow-sm);
	letter-spacing: 0.02em;
}
.btn-primary:hover {
	background-color: var(--color-gold);
	border-color: var(--color-gold);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	outline: none;
	font-family: var(--font-body);
	box-shadow: var(--shadow-md);
}
.btn-success, .btn-success:active, .btn-success:focus {
	background-color: var(--color-navy-mid);
	border-color: var(--color-navy);
	color: #fff;
	text-transform: none;
	outline: none;
	font-size: 14px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	margin-top: 10px;
	border-radius: var(--radius);
}
.btn-success:hover {
	background-color: var(--color-gold);
	border-color: var(--color-gold);
	color: #fff;
	font-size: 14px;
}
.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active {
	background-color: transparent;
	border-color: var(--color-border);
	font-size: 14px;
	font-weight: 600;
	font-family: var(--font-body);
	color: var(--color-text-light);
	text-transform: none;
}
.btn-default, .btn-default:hover, .btn-default:focus {
	font-size: 16px;
	color: #fff;
	border-color: var(--color-navy-mid);
	background: var(--color-navy-mid);
	border-radius: var(--radius);
}
button.btn-primary:focus {
	outline: none;
}
.btn-info-blue {
	background-color: var(--color-primary);
	color: #fff;
	border-radius: var(--radius);
	border: none;
}
.btn-info-blue:hover {
	background-color: var(--color-primary-dk);
	color: #fff;
}
/*Header*/
header {
	background-color: var(--color-primary-dk);
}
/*Main Navigation Menu*/
.dropdown-menu, .well { border-radius: 0; }
.dropdown-menu { padding: 0; border: 0; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.dropdown-menu > li > a { padding-left: 15px; padding-right: 15px; font-weight: 600; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { background: var(--color-primary); color: #fff; }

.navbar-toggle {}
.nav-tabs { border-color: var(--color-primary); }
.nav-tabs > li > a { border-radius: 0; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { border-color: var(--color-primary); color: #fff; background: var(--color-primary); }

.tab-content > .tab-pane { padding: 15px 0; }
.nav-tabs > li > a:hover {}
.nav > li > a:hover,
.nav > li > a:focus {}
.nav-pills > li > a { background: #F6F6F6; color: #453951; }
.nav-pills > li > a { margin: 0 2px; }
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { background: #453951; }
.nav-pills > li.active > a:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(69, 57, 81, 0); border-top-color: #453951; border-width: 10px; margin-left: -10px; }

/* ---- Top Navbar ---- */
.top-menu {
  font-size: 14px;
  position: fixed;
  margin: 0;
  font-family: var(--font-body);
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 8px 0;
  background-color: var(--color-navy);
  border-bottom: 3px solid var(--color-gold);  /* gold accent stripe */
  box-shadow: 0 3px 12px rgba(13,46,80,0.4);
  transition: all 0.3s ease;
}
.top-menu .navbar-header { margin-left: 0; margin-right: 0; }
.top-menu .navbar-brand { color: #fff; font-size: 28px; height: auto; line-height: 50px; padding: 0; }
.top-menu .navbar-brand i { color: var(--color-gold); }
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus { color: var(--color-gold-lt); opacity: 0.9; }
.top-menu, .top-menu .logo, .header-toolbar-container { transition: all 0.4s ease; }
.top-menu, .top-menu .navbar-brand, .top-menu .navbar-nav > li > a:focus { color: #fff; }
.top-menu .navbar-nav > li > a {
  color: rgba(255,255,255,0.9);
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.08em;
  padding: 12px 14px;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}
.top-menu .navbar-nav > li > a:hover,
.top-menu .navbar-nav > li > a.current,
.top-menu .navbar-nav > .active > a,
.top-menu .navbar-nav > .active > a:hover,
.top-menu .navbar-nav > .active > a:focus,
.top-menu .navbar-nav > .open > a,
.top-menu .navbar-nav > .open > a:hover,
.top-menu .navbar-nav > .open > a:focus,
.top-menu .navbar-nav .open .dropdown-menu > li > a:hover,
.top-menu .navbar-nav .open .dropdown-menu > li > a:focus {
  background: var(--color-navy-mid);
  color: #fff;
  border-bottom-color: var(--color-gold);
}
.top-menu .navbar-toggle {
  border-color: var(--color-gold);
  margin-right: 0;
  height: 35px;
  width: 45px;
  margin-left: 10px;
  background: var(--color-navy-mid);
  border-radius: var(--radius);
}
.top-menu .navbar-toggle .icon-bar { background: #fff; }
.top-menu .navbar-toggle:hover,
.top-menu .navbar-toggle:focus { background: var(--color-gold); border-color: var(--color-gold); }
.top-menu .navbar-toggle { color: #fff; font-size: 15px; }
.top-menu .navbar-right .dropdown-menu { left: 0; }
.top-menu .navbar-collapse, .top-menu .navbar-form { border-color: var(--color-navy-mid); }
.top-menu > .container .navbar-brand,
.top-menu > .container-fluid .navbar-brand { margin: 0; }
.top-menu > .container { width: 98%; max-width: 1160px; }

.dropdown-large {
  position: fixed;
}
.dropdown-menu-large { 
  margin-left: 16px; 
  margin-right: 16px;
  padding: 20px 20px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style-type: square;
  font-size:12px;
  margin-left: 20px;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  font-size:12px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
  margin-left: -20px;
}

.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #F1F5F9; 
}
.dropdown-menu-large .dropdown-header { 
  color: var(--color-navy-mid);
  font-size: 18px;
  margin-left: -20px;
}
.dropdown-menu-large .nearbyhomes { display:none;}
.icon-list { 
  list-style-type: none !important;
}
.icon-list > a { 
  padding-left: 6px !important;
}
.blue {
  color: var(--color-navy-mid);
  margin-right: 8px;
}

.dropdown-menu-search{ width:480px; margin-left:-20px; border-top: 3px solid var(--color-navy-mid);}
.dropdown-menu-tools{width:260px; margin-left:-20px; border-top: 3px solid var(--color-navy-mid);}
.dropdown-menu-more{ width:250px; margin-left:-120px; border-top: 3px solid var(--color-navy-mid);}
.dropdown-menu-search > .col-sm-2 { width:50%; }
.dropdown-menu-tools > .col-sm-3 { width:100%; }
.dropdown-menu-more > .col-sm-3 { width:100%; }
.menu-close{display:none;}




/*Carousel*/
.carousel-indicators li {
	width: 20px;
	height: 20px;
	margin: 0 5px;
	border-color: #5f5d60;
}
.carousel-indicators .active {
	background-color: var(--color-navy-mid);
	width: 20px;
	height: 20px;
	margin: 0 5px;
	border-color: var(--color-navy-mid);
}
.carousel .btn-default {
	width: 230px;
	background: #fff;
	height: 60px;
	margin: 30px 5px;
	color: #63b6ff;
	line-height: 60px;
	font-family: 'Capriola', sans-serif;
	text-transform: none;
	padding: 0;
	font-size: 18px;
	font-weight: 300;
}
.carousel-caption {
	position: absolute;
	top: 50%;
	margin-top: -140px;
	height: 280px;
	font-size: 18px;
	font-family: 'Capriola', sans-serif;
	color: #f9f9f9;
	text-shadow: 1px 1px 3px #666666;
}
.carousel-caption h1 {
	font-size: 36px;
	line-height: 36px;
	font-family: 'Capriola', sans-serif;
	color: #fff;
}
.carousel-control {
	background: none;
	opacity: 1;
	-moz-opacity: 1;
}
.carousel-control .carousel-control-left {
	background: url('../images/slider/prev.png') no-repeat;
	width: 70px;
	height: 71px;
	position: absolute;
	top: 50%;
	margin-top: -35px;
}
.carousel-control .carousel-control-right {
	background: url('../images/slider/next.png') no-repeat;
	width: 70px;
	height: 71px;
	position: absolute;
	top: 50%;
	margin-top: -35px;
}
.carousel-control .carousel-control-left:hover {
	background: url('../images/slider/prev_a.png') no-repeat;
}
.carousel-control .carousel-control-right:hover {
	background: url('../images/slider/next_a.png') no-repeat;
}
.boxed .carousel-control .carousel-control-left {
	left: 20px;
}
.boxed .carousel-control .carousel-control-right {
	right: 20px;
}
.boxed .carousel-caption {
	top: 40%;
}
.boxed .carousel-caption h1 {
	font-size: 40px;
	line-height: 40px;
}
/*Container*/
.main__middle__container .row ul, .main__middle__container .row ol {
	padding-left: 20px;
}
.main__middle__container {
	width: 100%;
}
.row {
	padding: 75px 0;
}
p.big-paragraph {
	font-size: 18px;
	color: #bde0ff;
	font-family: 'Capriola', sans-serif;
}
/*about-us*/
.about-us {
	margin-top: 70px;
}
.about-us img {
	margin: 20px 0;
	width: 100%;
}
.about-us .btn {
	margin-top: 20px;
}
.orange {
	color: var(--color-navy-mid);
	padding: 0 0 10px 0;
}
.black-text {
	color: #34313c;
}
/* Text Line*/
.text__line {
	background: url('../images/image_1962x231.jpg') no-repeat;
	background-size: 100% 100%;
	padding: 70px 0;
}
.text__line h2 {
	color: #fff;
	text-transform: none;
	line-height: 40px;
}
/*Icon Heading*/
.icon__heading {
	position: relative;
	margin-top: 40px;
	height: 30px;
}
.icon__heading span {
	padding: 0 20px;
	position: relative;
	bottom: 50px;
	display: inline-block;
}
/*Three Blocks*/
.three-blocks {
	background: url('../images/pattern_white.png') repeat;
	padding-top: 70px;
}
.three-blocks h3 {
	padding: 15px 0 15px 55px;
	background: url('../images/icons/icon2.png') no-repeat left center;
}
.three-blocks .col-md-4:first-child h3 {
	background: url('../images/icons/icon1.png') no-repeat left center;
}
.three-blocks .col-md-4:last-child h3 {
	background: url('../images/icons/icon3.png') no-repeat left center;
}
.three-blocks img {
	width: 100%;
	margin: 20px 0;
}
.three-blocks .btn {
	margin-top: 20px;
}
.three-blocks .icon__heading span {
	background: url('../images/pattern_white.png') repeat;
}
/* grey-info-block */
.testimonials {
	background: url('../images/image_1962x374.jpg') no-repeat;
	background-size: 100% 100%;
	font-family: 'Capriola', sans-serif;
	width: 100%;
	margin: 0;
	padding: 70px 0 30px 0;
}
.testimonials h2 {
	color: #fff;
}
.testimonials p {
	color: #fff;
	font-weight: 100;
	padding-top: 20px;
	font-size: 18px;
}
.testimonials p a {
	font-size: 12px;
	position: relative;
	bottom: 15px;
}
.testimonials p.description {
	padding-top: 0;
	margin-top: -5px;
	color: #98c3e9;
	font-size: 12px;
}
.testimonials .carousel {
	padding-bottom: 70px;
}
/* Recent Posts */
.recent-posts {
	padding-top: 70px;
}
.recent-posts .icon__heading span {
	bottom: 43px;
}
.recent-posts .text p {
	margin-bottom: 15px;
	padding-bottom: 0;
}
.recent-posts .text p small {
	text-transform: none;
	color: #c2c2c2;
	font-size: 12px;
	font-family: "Capriola", sans-serif;
}
.recent-posts .btn {
	font-family: "Capriola", sans-serif;
	color: #434a4a;
	font-size: 14px;
	text-transform: none;
	padding: 0;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
}
.recent-posts .btn:hover {
	color: #98c3e9;
}
.recent-posts .col-md-9 .text {
	float: left;
	width: 69%;
	margin-left: 2%;
}
.recent-posts .col-md-9 .text h3 {
	margin: 5px 0 0;
}
.recent-posts .col-md-9 article {
	margin-bottom: 50px;
}
.recent-posts .col-md-3 h4 {
	text-transform: none;
}
.recent-posts .col-md-3 p {
	font-family: 'Capriola', sans-serif;
	font-size: 12px;
	margin-bottom: 20px;
}
.recent-posts .col-md-3 .icon-item {
}
/*Social Icons*/
.socialicon {
	position: relative;
	display: inline-block;
	width: 44px;
	margin-right: 5px;
	height: 44px;
}
.socialicon-twitter {
	background: url('../images/social/twitter.png') no-repeat;
}
.socialicon-facebook {
	background: url('../images/social/facebook.png') no-repeat;
}
.socialicon-google {
	background: url('../images/social/google.png') no-repeat;
}
.socialicon-linkedin {
	background: url('../images/social/linkedin.png') no-repeat;
}
/* Contact Form */
.contact-form .col-md-6 {
	padding: 0 20px 0 0;
}
.contact-form .col-md-6:nth-child(2) {
	padding: 0 0px 0 0;
}
/* Aside */
aside h3 {
	border-top: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
aside h3 span {
	position: relative;
	bottom: 11px;
	padding-right: 30px;
	background: #fff;
}
aside img {
	width: 100%;
	margin-bottom: 10px;
}
aside ul li {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0;
}
aside ul li:last-child {
	border-bottom: none;
}
aside a.btn {
	margin: 20px 0 40px;
}
/* Main Content*/
.main-content h3 {
	border-top: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.main-content h3 span {
	position: relative;
	bottom: 11px;
	padding-right: 30px;
	background: #fff;
}


/* ---- Footer ---- */
#footerArea { padding: 0; overflow: hidden; width: 100%; background: var(--color-navy); }
#footerArea .footer_top { padding: 36px 0; border-bottom: 1px solid rgba(200,146,42,0.35); width: 100%; background: var(--color-navy-mid); }
#footerArea h4 { color: var(--color-gold); text-transform: uppercase; font-family: var(--font-body); font-size: 12px; letter-spacing: 0.12em; border-bottom: 1px solid rgba(200,146,42,0.3); padding-bottom: 8px; margin-bottom: 12px; margin-top: 24px; }
#footerArea a { color: rgba(255,255,255,0.85); font-size: 13px; }
#footerArea p { padding: 10px 0; margin: 0; color: #e8eef5; float: left; font-size: 13px; line-height: 20px; }
#footerArea p a { display: inline; color: #e8eef5; }
#footerArea a:hover { color: var(--color-gold-lt); }
/* Footer bottom bar — darker bg, bright legible text */
.footer_bottom { background: var(--color-navy); padding: 10px 0; }
.footer_bottom p { color: #d0dce8 !important; }
.footer_bottom a { color: #d0dce8 !important; }
.footer_bottom a:hover { color: var(--color-gold-lt) !important; }

.footer_top .button {
    background-color: var(--color-navy-mid);
    border: none;
    color: white;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 0;
    cursor: pointer;
}

/* Side Widget */
.widget { margin-top: 0; margin-bottom: 0;}
.widget ul, .widget ol { margin: 0px; padding: 0px; }
.widget.menu ul li { border-bottom: 1px solid var(--color-border); white-space: nowrap; overflow: hidden;} 
.widget.menu ul li a { display: block; padding: 7px 0; }
.widget.menu ul li i { padding-right: 5px; }
.widget.menu ul li a:hover { padding-left: 8px; background: var(--color-navy-mid); }
.widget.tags ul { width: 100%; overflow: hidden; list-style: none;}
.widget.tags ul li { list-style: none; margin: 0px 5px 5px 0px; padding: 0px; float: left;}
.tags > .btn { background-color: var(--color-navy-mid) !important;}
.btn-tags { display: inline-block; padding: 5px 10px; border: 1px solid rgba(255,255,255,0.3); text-decoration: none; box-shadow: none; transition: 0.2s; color: rgba(255,255,255,0.9); background: rgba(255,255,255,0.1); border-radius: var(--radius); margin: 2px 0; font-size: 12px; }
.btn-tags:hover { border-color: var(--color-gold-lt); color: var(--color-gold-lt) !important; background: rgba(200,146,42,0.12); }

.widget .last { text-align:right; border: none !important;}


#scroll { float:right; font-size: 40px; }
.disclaimers { display: block; }
.break-line-here { display: inline-block;}
.social a { font-size: 16px !important; color: #fff; line-height: 36px; height: 36px; width: 36px; margin: 8px 4px 0 0; text-align: center; background: rgba(255,255,255,0.15); display: inline-block; border-radius: 50%; transition: background 0.2s; }
.social a:hover { background: var(--color-gold) !important; color: var(--color-navy) !important; }
.location { color: #e8eef5; margin-bottom: 30px;}
.agent-photo { background-repeat: no-repeat; border: 2px solid #2A2A2A; width:100px; height:100px; display:inline-block; margin:10px 15px; vertical-align: top; background-size: 100px auto !important; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-right-radius:50%; border-bottom-left-radius:50%;}

.agent-photo-footer {border: 2px solid #444; background-repeat: no-repeat; width:100px; height:100px; display:inline-block; margin:10px 15px; vertical-align: top; background-size: 100px auto !important; border-top-left-radius:50%; border-top-right-radius:50%; border-bottom-right-radius:50%; border-bottom-left-radius:50%;}

.agent-contact { color: #444; font-size: 16px; vertical-align: middle;}
.agent-contact h3{ color: #444; font-size: 18px; margin:0 !important;}


/*Responsive - debugging default problems*/
.img-responsive {
	margin: 0 auto;
}
.no-margin {
	margin: 0;
}
.no_padding {
	padding: 25px 0;
}
#feedback {
	color: #1c6107;
}
#feedback ul {
	padding-left: 0;
}
#feedback ul li {
	list-style: none;
}
@media(max-width:1600px) {
.carousel-caption h1 {
	font-size: 40px;
	line-height: 40px;
}
}
@media(max-width:1310px) {
.carousel-caption {
	top: 50%;
	margin-top: -145px;
	height: 290px;
}
.carousel-caption h1 {
	font-size: 30px;
	line-height: 30px;
}
.carousel-control .carousel-control-right, .carousel-control .carousel-control-left {
	top: 50%;
	margin-top: -50px;
	position: absolute;
}
.carousel-control .carousel-control-right {
	right: 10px;
}
.carousel-control .carousel-control-left {
	left: 10px;
}
.three-blocks h2 {
	background: none;
}
}
@media(max-width:1200px) {
.recent-posts .col-md-9 article img.pull-left {
	max-width: 43%;
}
.recent-posts .col-md-9 .text {
	width: 55%;
}
}
@media(max-width:1200px) {
.navbar-default .navbar-nav>li>a {
	padding: 30px 18px;
}
}
@media(max-width:990px) {
.carousel-caption {
	top: 50%;
	margin-top: -100px;
	height: 200px;
	font-size: 14px;
	line-height: 14px;
}
.carousel-caption h1 {
	font-size: 20px;
	line-height: 20px;
}
.carousel-caption .btn {
	display: none;
}
.recent-posts .col-md-3 .icon-item {
	text-align: center;
}
.navbar-default .navbar-nav>li>a {
	padding: 30px 10px;
	font-size: 12px;
	line-height: 20px;
}
.logo {height: 60px; margin-top: 10px;}
p.big-paragraph {
	font-size: 14px;
}
}
@media(max-width:768px) {
.recent-posts .col-md-3 .icon-item {
	text-align: center;
}
button.navbar-toggle {
	display: none;
}
.dropdown.open:hover .dropdown-menu {
	display: block;
}
.navbar-default .navbar-nav .open .dropdown-menu>li {
	border: none;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #858585;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color: #fff;
	background-color: transparent;
}
.service-icons {
	text-align: center;
}
.service-icons img {
	float: none;
	margin: 20px auto;
}
.service-icons p {
	padding: 20px 0 10px 0;
	margin-bottom: 0px;
}
.service-icons p.orange {
	color: #ffcd55;
	padding: 0 0 10px 0;
}
.recent-posts .col-md-8 .text {
	float: left;
	width: 99%;
}
header.with-boxed {
	height: auto;
}
.navbar-toggle {
	display: block;
}
}
@media(max-width:767px) {
button.navbar-toggle {
	display: block;
}
.carousel-caption {
	display: none;
}
.logo {height: 48px; margin-top: 0;}
}
.carousel-fade {
 .carousel-inner {
 .item {
 opacity: 0;
 transition-property: opacity;
}
 .active {
 opacity: 1;
}
 .active.left,  .active.right {
 left: 0;
 opacity: 0;
 z-index: 1;
}
 .next.left,  .prev.right {
 opacity: 1;
}
}
.carousel-control {
	z-index: 2;
}
}
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}

/* ## REST CSS */
.pull-left {
	float: none !important;
}
.pull-right {
	float: none !important;
}
.recent-posts .col-md-9 article img.pull-left {
	max-width: 100%;
}
.recent-posts .col-md-9 .text {
	text-align: center;
	width: auto;
	padding-top: 10px;
}
.slider {
	overflow: hidden;
	max-width: 100%;
}
.main__middle__container {
	overflow: hidden;
	max-width: 100%;
}
footer {
	overflow: hidden;
	max-width: 100%;
}
.row {
	padding: 25px 0;
}
footer {
	padding-top: 0px;
}
.carousel-control .carousel-control-right, .carousel-control .carousel-control-left {
	margin-top: -30px;
}
#portfolio ul#Grid a.link span {
	font-size: 11px;
	line-height: 15px;
}
#portfolio ul.controls li {
	padding: 5px 10px;
}
.container h1{ font-size:22px;}
}
 @media(min-width:768px) and (max-width: 991px) {
h2 {
	font-size: 24px;
}
.recent-posts .col-md-9 .text h3 {
	margin-top: 0px;
}
.recent-posts .col-md-3 .icon-item img {
	max-width: 100%;
}
#portfolio ul#Grid a.link {
	font-size: 18px;
}
#portfolio ul#Grid a.link span {
	font-size: 11px;
	line-height: 15px;
}
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	min-width: 100%;
	height: auto;
}
/* Columns */
.one_half_pad {
	width: 44%
}
.one_third_pad {
	width: 27%
}
.one_fourth_pad {
	width: 19%
}
.one_fifth_pad {
	width: 14%
}
.one_sixth_pad {
	width: 10.5%
}
.two_fifth_pad {
	width: 37%
}
.two_third_pad {
	width: 60%
}
.two_fourth_pad {
	width: 43%
}
.two_fifth_pad {
	width: 33%
}
.three_fifth_pad {
	width: 58.4%
}
.three_fourth_pad {
	width: 74%
}
.four_fifth_pad {
	width: 67.2%
}
.five_sixth_pad {
	width: 82.67%
}
.one_half_pad, .one_third_pad, .two_third_pad, .three_fourth_pad, .one_fourth_pad, .one_fifth_pad, .two_fifth_pad, .two_fourth_pad, .two_fifth_pad, .three_fifth_pad, .four_fifth_pad, .one_sixth_pad, .five_sixth_pad {
	float: left;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 3%;
	position: relative
}
.one_half {
	width: 48%
}
.one_third {
	width: 30.5%
}
.one_fourth {
	width: 22%
}
.one_fifth {
	width: 16.8%
}
.one_sixth {
	width: 13.33%
}
.two_fifth {
	width: 37.6%
}
.two_third {
	width: 65.33%
}
.two_fourth {
	width: 48%
}
.three_fifth {
	width: 58.4%
}
.three_fourth {
	width: 74%
}
.four_fifth {
	width: 67.2%
}
.five_sixth {
	width: 82.67%
}
.one_half, .one_third, .two_third, .two_fourth, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	float: left;
	margin-bottom: 10px;
	margin-right: 4%;
	position: relative
}
.column-last {
	clear: right;
	margin-right: 0 !important;
}
.dc_tabs_type_2 .one_third {
	width: 29%
}
.clr {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%
}
.dc_clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0;
	padding: 0;
	width: 100%
}


/* Full size browsers 1225+ */
@media only screen and (min-width: 1225px) {
	.top-menu.tiny { padding: 5px 0; position: fixed; }
	.top-menu img { height:70px; position: absolute; top:4px; z-index:10; }
	.top-menu.tiny img { height:50px; }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1224px) {
	.navbar .navbar-brand { font-size: 28px; }
	.nav > li > a { padding-left: 10px; padding-right: 10px; }
	.top-menu { padding: 5px 15px; position: fixed; }
	.top-menu img { height:50px; position: absolute; top:4px; z-index:10; }
    .header-toolbar-container {margin-top:58px;}
	.header-toolbar-container.tiny {padding-top: 61px;}
	.header-toolbar-container.nav-down {padding-top: 61px;}
	.header-toolbar-container.full {padding-top: 61px;}
	.slider  { margin-top: 60px}	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.navbar .navbar-brand, .navbar.tiny .navbar-brand { font-size: 24px; }
	.navbar-nav > li > a { padding-left: 8px; padding-right: 8px; font-size: 12px; }
    .top-menu{ padding: 5px 15px; position: fixed; }
	.top-menu img { height:50px; position: absolute; top:4px; z-index:10; }
	.header-toolbar-centering { margin: 0 10px; max-width: 1150px; }
    .header-toolbar-container {margin-top:58px;}
	.header-toolbar-container.tiny {padding-top: 61px;}
	.header-toolbar-container.nav-down {padding-top: 61px;}
	.header-toolbar-container.full {padding-top: 61px;}
	.slider { margin-top: 60px}	
}
/* screen under 992px */
@media screen and (max-width: 992px) {
    .logo { margin:5px; }
	.top-menu img { height:40px;  }
}
/* screen under 800px */
@media screen and (max-width: 800px) {
    .navbar-nav > .home-nav {display:none;}

}

/* screen under 767px */
@media screen and (max-width: 767px) {
	h1 {font-size: 30px;}
    .navbar{padding:0; }
    .header-toolbar-container { display: none;}
    .top-menu { position: absolute;}
	.top-menu .navbar-collapse {border-color: var(--color-navy); background-color: #fff; min-height: 1000px; font-size:18px;}
    .top-menu .navbar-nav > li > a { color:#fff; border: 1px solid var(--color-navy-mid); margin: 6px 20px; padding: 7px 0 7px 10px; background-color: var(--color-navy-mid); }
	.dropdown-menu-search { width: 100%; margin:0; border:0;}
    .top-menu img {margin-top:0;}	
    .dropdown-menu-tools { width: 100%; margin:0; border:0;}
    .dropdown-menu-more { width: 100%; margin:0; border:0;}
	.dropdown-menu-large { padding: 0 10px;}
    .dropdown-menu-search > .col-sm-2 { width:100%; }
	.dropdown-menu-large .nearbyhomes { display:block;}	
    .dropdown-menu-large > li > ul > li { margin: 4px 20px 4px 20px; width: 100%; list-style-type: none;}
    .dropdown-menu-large > li > ul > li > a { padding: 7px 0 7px 10px; font-size:15px; width: 100%; border: 1px solid #ddd;}
    .divider { display: none;}
	.menu-close{ display: block; font-weight:bold; margin:0 3px; float:right;}
	.sub-page { margin-top:58px;}
	.slider  { margin-top: 52px}
}

/* screen under 560px */
@media screen and (max-width: 560px) {
	h1 { font-size:24px;}
	
}
/* screen under 480px */
@media only screen and (max-width: 480px) { 
  .container h1{ font-size:20px;}
  footer .copy { font-size:11px;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 370px) { 
  .top-menu img { height:26px; margin-top:2px;}
}