/*SRC Colors

dark blue #005db8
light blue (property description bg) #a8c2e7 

*/


.container {
  padding-right: 15px;
  padding-left: 15px;
}

h4 {
  margin-top: 25px;
}

.row {
  margin-bottom:0; position:relative
}

.row .row {
  margin-top: 10px;
  margin-bottom: 0;
}

[class*="col-"] {padding:0;}

body {background:#000; font-size:14px}

h1, h2, h3, h4 {font-weight:normal}

a {text-decoration:none; font-size:11px}

.desc-all {background:#a8c2e7; position:absolute; top:0; right:0; bottom:0}


/* header */
.header {background:#fff}
.header [class*="col-"] {height:110px}
.logo {position:relative; left:-3px; top:14px; float:left;}
.header-right-block {overflow:hidden;}
.header-right-block img {width:100%}
.header form {float:right}
.form-control {padding: 6px 34px 6px 12px; margin: 48px 0 0 -15px; height:29px}
.btn {border:none; position:relative; margin:47px 0 0 -40px; padding:4px}
.navbar-right {margin-right:0}
.header-about-text {width:430px; color:#999999; font-size:14px; font-style:italic; float:right; position:relative; top:45px; right:98px}



/* main navigation */
.main-nav {background:#005db8;}

.container-fluid {
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
}

.navbar-default {
background-color:#005db8;
border-width:0;
border-color: #fff;
}

.navbar-collapse {
padding-right: 0; padding-left: 0;
}

.navbar-nav {
float:left; margin: 0; width: 100%;
}

.navbar {min-height:0; margin-bottom:0;}

.navbar-default .navbar-nav>li {
border-color:#fff; border-left:1px solid #fff; width:20%; text-align:center
}
.navbar-default .navbar-nav>li>a {
color:#fff; opacity:0.8; padding-top: 10px; padding-bottom: 10px; font-size:11px; font-weight:bold; line-height:14px; height:100%
}

.navbar-default .navbar-nav>li>a:hover {
color:#fff; opacity:1
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #fff;
background-color: #000;
}

.dropdown-menu {
left: -1px;
min-width: 177px;
background-color:#a8c2e7;
padding:0;
}

.dropdown-menu>li>a {
font-size:11px; font-weight:bold; line-height:18px;
}



/* About SRC link*/
a.about-src {display:block; width:100%; color:#a8c2e7; background:#000; text-decoration:none; padding:9px 0 10px; text-align:center; font-weight:bold}
a:hover.about-src {color:#fff; background:#000;}



/* tagline */
.tagline {background:#6d6e6d;}
.tagline h1 {font-family:Palatino, "Times New Roman", Times, serif; color:#bbb; margin:12px 5px 12px 0; font-size:18px; line-height:21px; text-transform:uppercase; letter-spacing:1px;}


.blackbutton a {display:inline-block; color:#a8c2e7; padding:4px 16px 9px; font-weight:bold; font-size:15px; width:150px; background-color:black;  background-image:url(../images/learn-more-pointer.png); background-position:115px 12px; background-size:20px; background-repeat:no-repeat}
.blackbutton a:hover {text-decoration:none}
.blackbutton-subhead {display:block; color:#fff; font-size:10px; font-weight:normal; margin:0 2px 0 0; width:90px}
.bbgal {position:absolute; bottom:10px}


/* footer */
.footer {background:#000; margin:0; padding:0 0 20px}
.footer h4 {color:white; font-size:10px; text-transform:uppercase; margin-bottom:6px}
.footer a, .footer p {font-size:11px; color:#999; line-height:20px}
.footer a {text-decoration:none; display:block}
.footer a:hover {text-decoration:underline;}
.agent-email {position:relative; left:-40px}
.Realtor_MLS_Equalogo {width:92px; margin:20px 0 6px}
.footer hr {display:none}
.footer-phone-block b {color:#858585; display:block; line-height:10px}
.social img {margin:2px 4px 2px 0}




/* ==== Home Page ===== */

/* main content */
.home-content {background:#414240;}
.home-content .row {background:#414240;}

.home-hero, .home-desc {height:530px}
.home-hero {overflow:hidden; margin:0; text-align:center}
.home-hero img {
left: 50%;
margin-left: -100%;
position: relative;
top:-20%;
width: 100%;
height: auto;
}

.home-desc {background:#a8c2e7; padding:28px 15px}
.home-desc-label {font-weight:bold; font-size:13px}
.home-desc-address, .home-desc-address a, .home-desc-price, .prop-desc-price {font-size:19px; color:#1373c3; line-height:24px}
.home-desc hr {margin:16px 0}
.home-desc td {padding:0 0 9px 0; text-transform:uppercase; font-size:12px; line-height:14px; vertical-align:top}





/* ==== Gallery Page ===== */

#page {padding:5px 8px; height:30px; margin:0 0 2px 0; font-size:14px; text-align:right}
#page img {height:100%; margin:0 3px}
#page a {font-size:14px}

.gal-content {background:#414240;}
.gal-content .row {background:#fff;}

.gallery {height:490px; overflow:hidden; margin-bottom:15px; border-right:2px solid #ccc; background:#a8c2e7}

.gal-hero {text-align:center; height:132px; overflow:hidden}
.gal-hero img {
left: 50%;
margin-left: -100%;
position: relative;
width: 100%;
}

.propalert {display:inline-block; position:absolute;}
.propalert b {padding:6px 12px 7px; display:inline-block; color:#fff; font-weight:bold; font-size:11px; margin:0}
.propalert a {padding:6px 12px 7px; display:inline-block; color:#fff; text-decoration:none; font-weight:bold}
.propalert a:hover {background:#000;}
.open-house {background:#c99210}
.new-listing {background:#e1241a}
.price-reduced {background:#8c3c65}
.auction {background:#595195}
.sold {background:#ff6b00}
.gal {top:104px; left:0;}
.prop {top:44px; left:44px;}
.farm {top:44px; left:44px;}

.gal-desc-block1, .gal-desc-block2 {padding:10px; min-height:118px}

.gal-desc-block1 {background:#fff; color:#000; font-weight:bold;}
.gal-desc-block1 a {font-size:16px; color:#005db8}
.gal-desc-citystate {display:block; font-size:12px}
.gal-desc-block1 p {font-size:12px; margin:10px 0 3px}
.gal-desc-price {font-size:16px;}

.gal-desc-block2 {background:#a8c2e7}
.gal-desc-block2 hr {margin:20px 0}
.gal-desc-block2 td {text-transform:uppercase; font-size:10px; line-height:13px; padding:4px 0}
.gal-desc-block2 td.detail-label {width:95px}

  
  
  

/* ==== Listing Pages ===== */

/* main content */
.prop-content {background:#414240;}
.prop-content .row {background:#fff;}

.prop-hero {margin: 0; padding:40px; text-align: center; background: #fff; text-align: left;}
.prop-hero p {margin: 10px 0;}
.prop-hero h2 {margin:0 0; color:#005db8; font-size:20px; margin:22px 0 -5px;}
img.prop-hero {width: 90%; margin: 20px 40px;}

.saleshelp {margin:0 50px 20px}

table.prop-desc-links {width:500px; margin:20px auto; border:1px solid #000;}
table.prop-desc-links td {padding:10px; font-size:12px;}
table.prop-desc-links a {color:#000; font-size:12px; line-height: 18px;}

.prop-desc {padding:40px 15px}
.prop-desc-label {font-weight:bold; font-size:14px}
.prop-desc-address a, .prop-desc-price {color:#1373c3;}
.prop-desc-price {font-size:18px; color:#1373c3; font-weight:normal; line-height:24px}
.prop-desc table {width:100%}
.prop-desc hr {border-top:1px solid #fff; margin:8px 0}
.prop-desc td {padding:0 0 5px 0; font-size:11px; line-height:13px}
.prop-table-label {font-weight:bold; width:75%}
.prop-table-header {font-weight:bold; font-size:14px; line-height:17px; padding:0 0 5px;}

.prop-desc-key {background:#1373c3; font-size:12px; color:#fff; padding:2px 15px 10px 15px; margin:20px 0 0 -15px; position:absolute; bottom:0; width:100%}
.prop-desc-key table {margin:15px 0 10px 0; width:100%;}
.prop-desc-key table td {/*padding:0*/}
.prop-desc-key hr {border-top:1px solid #000; margin:6px 0}

.prop-desc-link-block {width:70%; margin:20px auto; border:1px solid #000; padding: 5px 10px;}
.prop-desc-link-block ul {margin:0 0 0 -40px}
.prop-desc-link-block li {display:inline-block; font-size:12px; list-style:none; margin:3px 10px}
.prop-desc-link-block li img {margin:-1px 4px 3px 0}
.prop-desc-link-block a {color:#000; font-size:12px; line-height: 18px;}

iframe {height:500px; border:2px solid #ccc}





/*======== Property slider styles =========*/

.slider {}
#carousel li {margin-right: 5px;}
#carousel img {display:block; opacity:1;}
#carousel img:hover {opacity:.5;}

.loading #container {opacity: 0;}
.loading {background:#ccc; opacity:0.5; z-index:555; width:100%; height:300px;}
.loading:before  { content: 'LOADING IMAGES'; display: block; text-align: center; color: #fff; font-weight: bold; font-size:40px; opacity:1; position:relative; top:40% }





/* ==== Company Pages ===== */

/* main content */
.company-content {background:#414240;}
.company-content .row {background:#fff;}

.company-content h2 {font-size:19px; color: #1373c3;}

.company-hero {padding:60px 40px; min-height:550px}
.company-hero h2 {margin:0 0 10px 0; line-height:21px}
.company-hero p {line-height:22px; color:#767676; margin:0 0 20px 0;}
.company-hero img {}

.company-desc {padding:60px 15px 40px;}
.company-desc-hero {margin:50px 0 0 0}
.company-desc h2 {margin:0 0 -10px 0;}
.company-desc hr {margin:16px 0}
.company-desc ul {margin:0 0 0 -40px; font-size:10px; font-weight:bold; line-height:16px; list-style:none}

.agent-hero {border:1px solid #ccc; float:left; margin:0 15px 5px 0}
.agent-desc-name {font-size:13px; margin:0 0 2px 0}
.agent-wrapper {width:108%}
.agent-thumb {display:inline-block; vertical-align:top;}
.two-wide {width:43%; margin:0 7% 3% 0}
.three-wide {width:26%; margin:0 7% 3% 0}
.agent-thumb img {width:100%}
.agent-thumb p {margin: 2px 0 10px; font-size: 10px; font-weight: bold;}
.agent-thumb a {color:#000}

.community-links {margin:50px 0 0 0;}
.community-links p {margin:0 0 20px 0; font-size:12px}
.community-links a {display:block; font-size:14px}

.news {padding:20px 0; margin-left:0; border-bottom:1px solid #ccc}
.news img {float:left; margin:0 20px 20px 0; max-width:400px}
.news h2 {margin:20px 0 0 0}

.open-house-section {padding:20px 0; margin-left:0; border-bottom:1px solid #ccc}
.open-house-image img {width:100%;}
.open-house-info {padding:0 0 30px 20px}
.open-house-address-link {font-size:18px}
.open-house-info td {padding:0 5px 2px 0}
.open-house-info .blackbutton {margin:10px 0 0 0}

.stewart-gen-info h2 {margin:0 0 10px 0; line-height:23px}
.stewart-gen-info p {line-height:24px}






/* ======= Begin Responsive for Smaller Display ========*/

@media only screen and (max-width : 1200px) and (min-width : 769px) { 

.header-right-block img {width:auto; height:100%}

.dropdown-menu {padding:8px 0;}

.dropdown-menu>li>a {font-size:12px; line-height:26px;}

.header-about-text {
  width: 402px;
  font-size: 13px;
  position: relative;
  top: 50px;
  right: 22px;
}


/* ==== Home Page ===== */
.home-hero, .home-desc {height:500px}
.home-desc hr {margin: 16px 0;}
.home-hero img {top:0;}


/* ==== Gallery Page ===== */
.gallery {height:510px}
.gal {top:132px}
.gal-hero {height:160px; margin-top:0;}
.gal-hero img {top:-5%}

#page {height:36px; margin:2px 0 4px 0; font-size:16px;}
#page a {font-size:16px; margin:0 4px}
.page_on {margin:0 4px}


/* ==== Listing Page ===== */
.prop-desc-link-block {width:80%;}
iframe {height:300px}


} /* close @media */






/* ======= Begin Responsive Tablet ========*/

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

.row {margin-left:-24px; margin-right:-24px;}

h4 {margin-top:0}

.logo {left:12px}
.header-right-block img {height:100%}
.form-control {margin: -40px 0 0 348px;}
.btn {margin: -52px 0 0 -43px;}

.header-about-text {
  width: 230px;
  font-size: 12px;
  top: 23px;
  right: 0;
}

.navbar-default .navbar-nav>li {height:48px}

.navbar-default .navbar-nav>li>a {
  padding-top: 7px;
  padding-bottom: 11px;
  font-size: 13px;
  font-weight: bold;
  line-height: 17px;
}

.dropdown-menu {padding:8px 0;}

.dropdown-menu>li>a {font-size:13px; font-weight:bold; line-height:28px;}

a.about-src {font-size:13px; padding:14px 0 16px;}


/* tagline */
.tagline h1 {margin:14px; font-size:18px;}

.footer {padding:15px; margin:0}
.agent-email {left:-20px}
.Realtor_MLS_Equalogo {margin:0 0 6px}


/* ==== Home Page ===== */
.home-hero, .home-desc {height:530px}
.home-desc td {font-size:12px}
.home-desc-label {margin-top:-10px}
.home-desc hr {margin: 15px 0 25px;}

.home-hero img {width:auto; height:100%; top:0;}


/* ==== Gallery Page ===== */
#page {height:36px; margin:2px 0 4px 0; font-size:16px;}
#page a {font-size:16px; margin:0 4px}
.page_on {margin:0 4px}


/* ==== Property Page ===== */
table.prop-desc-links {width:500px; margin:20px auto 50px; border:1px solid #000;}
.prop {top:4px; left:4px}
.farm {top:44px; left:44px;}
.prop-desc-link-block {width:100%;}

iframe {height:400px;}




/*======== Property Slider Styles =========*/
.slider {margin:-40px -40px 0}


/* ==== Company Pages ===== */
.company-desc ul {margin:-20px 0 0 -40px;}

.news img {margin: 0 10px 5px 0;}
.news h2 {margin: 20px 0 -10px 0;}

.open-house-section {margin:0}
.open-house-info {padding:20px 0 0}
.open-house-address-link {font-size:15px;}

}



/* ======= Begin Responsive Phone Landscape========*/

@media only screen and (max-width : 640px) and (min-width : 415px) { 
.header {width:100%; padding:0 10px}
.header-right-block img {display:none}
.header [class*="col-"] {height:45px}
.logo {width:290px; float:none; left:-4px}
.home-hero {height:auto; width:65%}
.home-desc {width:35%; padding:15px 10px}

.header-about-text {
  width: 234px;
  font-size: 10px;
  top: 27px;
  right: 12px;
}

.navbar-default .navbar-nav>li {width:auto; border-left:none}
.navbar-default .navbar-nav>li>a, .navbar-nav .open .dropdown-menu>li>a {font-size:13px}
.navbar-nav .open .dropdown-menu {background-color:#a8c2e7; text-align:center;}
.navbar-nav .open .dropdown-menu>li>a {line-height: 15px; color:#337ab7; padding:5px 15px;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
margin-right:0; margin-left:0;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color:#337ab7; line-height: 15px;
}

.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}

.header-right-block img {display:none}

.tagline {padding-left:10px}

.footer {padding:10px; margin:0; background:none; height:190px}
.footer h4 {margin-top:5px}
.footer a {font-size:11px}
.footer hr {display:block}
.agent-email {display:none}


/* ==== Home Page ===== */
.home-desc {height:auto}
.home-hero {height:280px;}
.home-hero img {width:auto; height:115%; position:relative; top:-5%;}
.phone-hide {display:none}


/* ==== Gallery Page ===== */
.gal-hero {height:auto}
.gal-hero img {width:120%; margin-top: -5%;}
.gallery {height:610px}
.gal {top:0}

.blackbutton a {
  width: 138px;
  background-position: 111px 14px;
}


/* ==== Property Page ===== */
.prop-hero {padding:0; width:65%}
.prop-hero p {margin: 10px 20px;}
.prop-hero h2 {margin: 30px 20px 0px;}
img.prop-hero {width: 100%; margin: 0;}

.prop {top:4px; left:4px}

.prop-desc-address {font-size: 19px; margin: 12px 20px 6px;}

.prop-desc {padding:10px; width:35%}
.prop-desc-link-block {width:auto; margin:20px;}
.prop-desc-link-block ul {margin-left:-40px}
.prop-desc-link-block li {display:block;}

.prop-desc table {width:100%; margin:0}
.prop-desc td {padding:0 10px 0 0; font-size:11px; line-height:17px}
.prop-table-label {width:65%}

.prop-desc-key {position:absolute; bottom:0; width:111%; padding:20px; margin:20px 0 0 -10px}




/*======== property slider styles =========*/
.flexslider {margin: 0;}



/* ==== Company Pages ===== */
.company-hero {width:65%; padding:20px 10px; min-height:0}
.company-desc {width:35%; padding:20px 10px;}

.open-house-section {margin:0}
.open-house-info {padding:20px 0 0}
.open-house-address-link {font-size:15px;}
.news {margin-top:-20px}
.news img {float:none;}
.news h2 {margin:0}

}





/* ======= Begin Responsive Phone Portrait========*/

@media only screen and (max-width : 414px) { /* max-width iPhone 6 Plus */
h4 {margin-top:0}

.desc-all {position:static}

.header {width:100%; text-align:center; padding:0 10px}
.header [class*="col-"] {height:45px}
.logo {width:290px; float:none; left:0}
.btn {top:54px; left:70px; margin:0; z-index: 200;}

.header-about-text {
  width: 260px;
  font-size: 12px;
  top: 23px;
  right: 18px;
}


.navbar-default .navbar-nav>li {width:auto; border-left:none}
.navbar-default .navbar-nav>li>a, .navbar-nav .open .dropdown-menu>li>a {font-size:13px}
.navbar-nav .open .dropdown-menu {background-color:#a8c2e7; text-align:center;}
.navbar-nav .open .dropdown-menu>li>a {line-height: 15px; color:#337ab7; padding:5px 15px;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
margin-right:0; margin-left:0;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color:#337ab7; line-height: 15px;
}

.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}

.header-right-block img {display:none}

.tagline {text-align:center}

.footer {padding:10px; margin:0; background:none; height:190px}
.footer a {font-size:11px}
.footer hr {display:block}
.agent-email {display:none}


/* ==== Home Page ===== */
.home-desc {height:auto}
.home-hero {height:280px;}
.home-hero img {height:100%; width:auto; position:relative; top:0;}
.phone-hide {display:none}


/* ==== Gallery Page ===== */
.gal-hero img {
width:120%;
margin-top: -5%;
}

.blackbutton a {
  width: 138px;
  background-position: 111px 14px;
}


/* ==== Property Page ===== */
.prop-hero {padding:0}
.prop-hero p {margin: 10px 20px;}
.prop-hero h2 {margin: 30px 20px 0px;}
img.prop-hero {width: 100%; margin: 0;}

.prop {top:4px; left:4px}

.prop-desc-address {font-size: 19px; margin: 12px 20px 6px;}

.prop-desc {padding:20px}
.prop-desc-link-block {width:auto; margin:20px;}
.prop-desc-link-block ul {margin-left:-40px}
.prop-desc-link-block li {display:block;}

.prop-desc table {width:100%; margin:0}
.prop-desc td {padding:0 10px 0 0; font-size:11px; line-height:17px}
.prop-table-label {width:65%}

.prop-desc-key {position:static; width:115%; padding:20px; margin:20px 0 -20px -20px}



/*======== property slider styles =========*/
.flexslider {margin: 0;}



/* ==== Company Pages ===== */
.company-hero {padding: 40px 15px; min-height:0}
.company-desc {padding: 30px 15px 40px;}

.open-house-section {margin:0}
.open-house-info {padding:20px 0 0}
.open-house-address-link {font-size:15px;}


}