@charset "utf-8";
body {
	font-family: 'Roboto', sans-serif;
}
.dib {
	dispaly: inline-block;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.brdr {
	border: 1px solid red;
}
.col-center {
	margin: 0 auto;
	float: none;
}
.img-center {
	margin: 0 auto;
}
.img-outline {
	border: 1px solid #9B9B9B;
}
h1, h2, h3, h4, h5, h6 {
	color: #6a6a6a;
	font-weight: 100;
}
h1 {
	line-height: 1.3em;}
h4 {
	padding: 5px 0;
	line-height: 1.5em;
}
p {
	color: #6a6a6a;
	font-size: 1.18em;
	line-height: 155%;
	font-weight: 100;
}
strong {
	font-weight: 400;
}
.text-bold {
	font-weight: 400;
	color: #000000;
}
li {
	color: #6a6a6a;
	font-size: 1.18em;
	line-height: 155%;
	font-weight: 100;
}
.text-red {
	color: #B01842;
}
/*=====================================================
       BEGIN NavBar CSS
=====================================================*/
.nav-center {
	width: 991px;
	margin: 0 auto;
}
.navbar {
	background-image: none;
}
nav.navbar {
	height: 100px;
	background-color: rgba(251, 251, 251, 0.8);/*	padding-left: 4%;*/
}
.navbar-nav li.dropdown a {
	padding: 40px 25px;
}
.navbar-nav li.toplevel a {
	padding: 40px 25px;
}
nav .navbar-brand img {
	width: 200px;
	padding: 0px;
	margin: -7px 0px 0px 0px;
	background-color: transparent;
}
div.navbar-header img:hover {
	background-color: rgba(251, 251, 251, 0.50);
}
ul.nav li.toplevel a:link {
	background-color: rgba(251, 251, 251, 0.50);
}
ul.nav li.toplevel a:visited {
	background-color: rgba(251, 251, 251, 0.50);
}
ul.nav li.toplevel a:hover {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.toplevel a:active {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.toplevel a:focus {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.dropdown a:link {
	background-color: rgba(251, 251, 251, 0.50);
}
ul.nav li.dropdown a:visited {
	background-color: rgba(251, 251, 251, 0.50);
}
ul.nav li.dropdown a:hover {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.dropdown a:active {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.dropdown a:focus {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.dropdown ul.dropdown-menu {
	background-color: transparent;
	background-image: none;
}
ul.nav li.dropdown ul.dropdown-menu li a:link {
	background-color: rgba(251, 251, 251, 0.9);
	background-image: none;
	padding: 20px 20px;
	font-weight: 100;
}
ul.nav li.dropdown ul.dropdown-menu li a:visited {
	background-color: rgba(251, 251, 251, 0.9);
	background-image: none;
}
ul.nav li.dropdown ul.dropdown-menu li a:hover {
	background-color: rgba(240, 240, 240, 1);
	background-image: none;
	color: #000000;
}
ul.nav li.dropdown ul.dropdown-menu li a:active {
	background-color: rgba(240, 240, 240, 1);
	background-image: none;
	color: #000000;
}
ul.nav li.dropdown ul.dropdown-menu li a:focus {
	background-color: rgba(240, 240, 240, 1);
	background-image: none;
	color: #000000;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background-color: rgba(240, 240, 240, 1);
	background-image: none;
}
li {
	color: #6a6a6a;
	font-size: 1.18em;
	line-height: 155%;
	font-weight: 100;
}
/*=====================================================
        END NavBar CSS
=====================================================*/
.header-img {
	background-position: center center;
	height: 320px;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-bottom: 30px;
}
.index-header-img {
	background-image: url(../images/stairs.jpg);
}
.terms-header-img {
	background-image: url(../images/terms_of_use.jpg);
}
.privacy-header-img {
	background-image: url(../images/privacy.jpg);
}
.elegant-header-img {
	background-image: url(../images/elegant_homes.jpg);
}
.about-header-img {
	background-image: url(../images/about_us.jpg);
}
.qmi-header-img {
	background-image: url(../images/quick_move_ins.jpg);
}
.communities-header-img {
	background-image: url(../images/neighborhood_panoramic.jpg);
}
.country-lakes-header-img {
	background-image: url(../images/country_lakes.jpg);
}
.the_oaks_preserve-header-img {
	background-image: url(../images/The_Oaks_Preserve_Banner.jpg);
}
.stonybrooke-header-img {
	background-image: url(../images/stonybrooke.jpg);
}
.highcroft-estates-header-img {
	background-image: url("../images/Highcroft-Estates.jpg");
}
.briar-pointe-header-img {
	background-image: url(../images/briar_pointe.jpg);
}
.somerset-header-2-img {
	background-image: url(../images/somerset-header-2.jpg);
}
.somerset-header-img {
	background-image: url(../images/somerset-header.jpg);
}

.home-buyers-header-img {
	background-image: url(../images/home_buyers.jpg);
}
.design-center-header-img {
	background-image: url(../images/design_center.jpg);
}
.northstar-mortgage-header-img {
	background-image: url(../images/northstar_mortgage.jpg);
}
.facebook-header-img {
	background-image: url(../images/facebook_header.jpg);
}
.testimonials-header-img {
	background-image: url(../images/testimonials_header.jpg);
}
.inquiries-header-img {
	background-image: url(../images/contact.jpg);
}
.careers-header-img {
	background-image: url(../images/careers.jpg);
}
.warranty-header-img {
	background-image: url(../images/warranty_header.jpg);
}
.prairie-view-farms-header-img {
	background-image: url(../images/prairie_view_farms_header.jpg);
}
.seclusion-ridge-header-img {
	background-image: url(../images/seclusion_ridge_header.jpg);
}
div.welcome {
	background-color: rgba(0, 0, 0, .6);
	text-align: center;
	height: 125px;
	width: 250px;
	margin: -250px auto 110px auto;
	border-radius: 50%;
}
div.welcome h1 {
	font-size: 2.5em;
	color: #FFFFFF;
	padding-top: 26px;
}
section a {
	color: #000000;
}
section a:link {
	color: #000000;
}
section a:visited {
	color: #000000;
}
section a:hover {
	color: #6a6a6a;
	text-decoration: underline;
}
section a:active {
	color: #000000;
}
.col-hover:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+55,e8e8e8+55,ffffff+100 */
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top, #e8e8e8 55%, #e8e8e8 55%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e8e8e8 55%, #e8e8e8 55%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e8e8e8 55%, #e8e8e8 55%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	border-radius: 15px;
}
.col-hover:active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+55,e8e8e8+55,ffffff+100 */
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top, #e8e8e8 55%, #e8e8e8 55%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e8e8e8 55%, #e8e8e8 55%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e8e8e8 55%, #e8e8e8 55%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	border-radius: 15px;
}

.testimonial-sidebar {
	background-color: #F7F7F7;
	border-radius: 20px;
	border: 1px solid #C7C7C7;
	margin-top: 35px;
	padding-top: 20px;
	padding-bottom: 15px;
}
.testimonial-sidebar img {
	margin: 15px 0 15px 15px;
}
.testimonial-text-box {
	background-color: #F7F7F7;
	border-radius: 20px;
	border: 1px solid #C7C7C7;
	margin-top: 35px;
	padding: 15px 20px 5px 20px;
}
.qmi-data-box {
	background-color: #f7f7f7;
	margin: 15px auto 30px auto;
	padding: 10px 15px;
	border: 1px solid #C7C7C7;
	border-radius: 10px;
	max-width: 350px;
}
.qmi-data-list {
	margin-left: 30%;
	margin-top: 15px;
}
.qmi-data-box hr {
	border: 0;
	height: 1px;
	background: #333;
	width: 40%;
	margin: 5px auto;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
div.home-img {
	max-width: 350px;
	margin: 0 auto;
}
footer {
	background-color: #f7f7f7;
	margin-top: 40px;
	padding-bottom: 50px;
	border-top: 1px solid #C7C7C7;
}
footer a:link, footer a:visited {
	color: #6a6a6a;
	padding: 5px;
}
footer .col-sm-7 a:hover, footer .col-sm-2 a:active, footer .col-sm-2 a:focus {
	color: #000;
	background-color: #E3E3E3;
	text-decoration: none;
	padding: 5px;
}
footer h5 {
	line-height: 160%;
}
.nav-center {
}
.img-right-center-sm {
	float: right;
	display: table;
	margin: 10px 0 10px 15px;
}
.star {
	color: #B01842;
	font-size: 700%;
	}
	.star2 {
	color: #B01842;
	font-size: 500%;
	}

@media (min-width:768), (max-width:991px) {
/*=====================================================
       BEGIN NavBar CSS
=====================================================*/
.nav-center {
	width: 768px;
	margin: 0 auto;
}
.navbar-nav li.dropdown a {
	padding: 40px 10px;
}
.navbar-nav li.toplevel a {
	padding: 40px 10px;
}
nav.navbar {
	height: 75px;
	padding-left: 0;
}
nav .navbar-brand {
	margin: 0;
	padding: 0;
}
nav .navbar-brand img {
	width: 195px;
	-ms-transform: scale(0.75, 0.75);
	-webkit-transform: scale(0.75, 0.75);
	transform: scale(0.75, 0.75);
	padding: 10px 0 0 0;
}
/*a.navbar-brand {
	width: 150px;
}*/
.navbar-nav li.toplevel a {
	/*	line-height: 100px;*/
	padding: 26px 10px;
}
.navbar-nav li.dropdown a {
	padding: 26px 10px;
}
ul.nav li.dropdown ul.dropdown-menu li a:link {
	background-color: rgba(251, 251, 251, .9);
	background-image: none;
	padding: 12px 10px;
}
ul.nav li.dropdown ul.dropdown-menu li a:visited {
	background-color: rgba(251, 251, 251, .9);
	background-image: none;
}
ul.nav li.dropdown ul.dropdown-menu li a:hover {
	background-color: rgba(240, 240, 240, 1);
	background-image: none;
}
ul.nav li.dropdown ul.dropdown-menu li a:active {
	background-color: rgba(240, 240, 240, 1);
	background-image: none;
}
ul.nav li.dropdown ul.dropdown-menu li a:focus {
	background-color: rgba(240, 240, 240, 1);
	background-image: none;
}
/*=====================================================
        END NavBar CSS
=====================================================*/	
.header-img {
	height: 200px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.container {
	margin-top: 20px;
}
.privacy-header-img {
	height: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.welcome {
	height: 100px;
	width: 200px;
	margin: -200px auto 80px auto;
}
div.welcome h1 {
	font-size: 2.0em;
	padding-top: 23px;
}
.testimonial-sidebar {
	margin-top: 15px;
}
.qmi-data-list {
	margin-left: 20%;
}
}

@media (max-width:767px) {
/*=====================================================
       BEGIN NavBar CSS
=====================================================*/

.nav-center {
	width: 100%;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.6em;
}
h3 { 
font-size:1.4em;
line-height: 1.5em
}
h4 {
	font-size: 1.3em;
}
nav.navbar {
	height: 53px;
}
nav .navbar-brand img {
	width: 150px;
	-ms-transform: scale(0.6, 0.6);
	-webkit-transform: scale(0.6, 0.6);
	transform: scale(0.6, 0.6);
	margin: -10px 0 0 -15px;
}
/*a.navbar-brand {
	width: 150px;
}*/
.navbar-nav li.dropdown a {
	padding: 10px 10px;
	margin-top: 0;
}
.navbar-nav li.toplevel a {
	padding: 10px 10px;
}
ul.nav li.toplevel a:link {
	background-color: rgba(251, 251, 251, 1);
	text-align: center;
}
ul.nav li.toplevel a:visited {
	background-color: rgba(251, 251, 251, 1);
}
ul.nav li.toplevel a:hover {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.toplevel a:active {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.toplevel a:focus {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.dropdown a:link {
	background-color: rgba(251, 251, 251, 1);
	text-align: center;
}
ul.nav li.dropdown a:visited {
	background-color: rgba(251, 251, 251, 1);
}
ul.nav li.dropdown a:hover {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.dropdown a:active {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.dropdown a:focus {
	background-color: rgba(240, 240, 240, 1);
}
ul.nav li.dropdown a:focus {
	background-color: rgba(251, 251, 251, 1);
}
ul.nav li.dropdown ul.dropdown-menu li a:link {
	background-color: rgba(251, 251, 251, 1);
	background-image: none;
	padding: 10px 10px;
	text-align: center;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	background-color: rgba(240, 240, 240, 1);
	background-image: none;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	margin-left: -15px;
	margin-right: -15px;
}
.override-nav-background {
	background-color: rgba(230, 230, 230, 1);
}
/*=====================================================
        END NavBar CSS
=====================================================*/
.header-img {
	height: 150px;
	margin-top: -20px;
	margin-bottom: 0px;
}
div.welcome {
	height: 80px;
	width: 160px;
	margin: -140px auto 50px auto;
}
div.welcome h1 {
	font-size: 1.6em;
	padding-top: 18px;
}
.testimonial-sidebar {
	margin: 0 5px 0 5px;
}
.testimonial-sidebar img {
	margin: 0 auto 15px auto;
	float: none;
	display: table;
}
.align-img-center {
	margin: 0 auto 15px auto;
	float: none;
	display: table;
}
.testimonial-sidebar p {
	clear: both;
}
footer img {
	-ms-transform: scale(0.5, 0.5);
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	margin: -20px 0 0 -55px;
}
.qmi-data-box {
	margin: 15px auto 50px auto;
}
.qmi-data-list {
	margin-left: 25%;
}
.img-right-center-sm {
	float: none;
	display: table;
	margin: 0 auto 15px auto;
}
}
