@charset "utf-8";
/* CSS Document */

/* ======================= */
/* ==== GLOBAL STYLES ==== */
/* ======================= */

* {
	margin: 0px;
	padding: 0px;
}
html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	color: #252525;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	height: 100%;
}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');}
h2 {
	font-size: 1.1em;
	font-weight: 600;
}
h3 {
	font-size: .9em;
	font-weight: 300;
}
hr {
	border: 0;
	background-color: #c2c2c2;
	color: #c2c2c2;
	height: 1px;
}
a {
	color: #73b8d3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a h2 {
	color: #73b8d3;
}
.clearer {
	clear: both;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.wrapper {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.large-text {
	font-size: 1em;
	font-weight: 300;
}
.medium-text {
	font-size: .9em;
	font-weight: 300;
}
.small-text {
	font-size: .8em;
	font-weight: 500;
}
#global-wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
}
#content {
	padding-bottom: 155px;
}
#header-wrapper {
	background-color: #252525;
	height: 90px;
}
#header {
	background-color: #252525;
}
#logo {
	float: left;
	background-color: #252525;
	line-height: 90px;
	text-align: left;
	margin-left: 0px; /* edit this to add space on the left of the logo */
}
#nav {
	float: right;
	background-color: #252525;
	line-height: 90px;
	font-weight: 300;
	font-size: .8em;
	letter-spacing: 0.2em;
	color: #fff;
	text-transform: uppercase;
	word-wrap: normal;
	text-align: right;
}
#nav a {
	color: #ffffff;
	text-decoration: none;
}
#nav a:hover {
	color: #73b8d3;
	text-decoration: none;
}
#nav ul {
	list-style-type: none;
	padding-right: px; /* edit this to add space on the right of the nav */
}
#nav li {
	display: inline-block;
	padding-left: 18px;
}
select {
	display: none;
	background-color: #252525;
	font-weight: 300;
	font-size: 1em;
	letter-spacing: 0.2em;
	color: #fff;
	text-transform: uppercase;
	border: 0;
}
#page-title {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: 30px;
	font-size: 1.3em;
	font-weight: 600;
	letter-spacing: .05em;
}
#page-title a {
	text-decoration: none;
}
#page-title a:hover {
	color: #73b8d3;
	text-decoration: underline;
}
#body-content {
	margin-top: 40px;
	text-align: justify;
}
#footer-wrapper {
	background-color: #252525;
	position: absolute;
	width: 100%;
	height: 155px;
	bottom: 0;
}
#footer {
	font-weight: 300;
	font-size: .6em;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #252525;
	text-align: center;
	padding-top: 20px;
	line-height: 20px;
}
#footer img {
	padding: 10px 5px 10px 5px;
}
.footer-icon {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
}
.footer-logo {
	padding: 10px 0 0 0;
}

/* ======================= */
/* ===== ANNIMATIONS ===== */
/* ======================= */

.fade-in {
    opacity: 0;
}
.fade-in.load {
    opacity: 1;
	-webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}

/* ======================== */
/* ===== INDEX STYLES ===== */
/* ======================== */

.slider-wrapper {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#tagline-wrapper {
	padding-top: 20px;
	padding-bottom: 50px;
}
#tagline {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
#tagline h1 {
	font-size: 1.5em;
	font-weight: 200;
}
#block-wrapper {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 50px;
}
#block-wrapper h2 {
	padding-top: 20px;
	text-align: center;
	text-transform: uppercase;
}
#block-wrapper h3 {
	text-align: justify;
	padding: 10px;
}
#block-wrapper img {
	max-width: 100%;
}
#block-wrapper ul {
	list-style-type: none;
	text-align: center;
}
#block-wrapper li {
	display: inline-block;
	width: 24.65%;
	padding-left: 30px;
	padding-right: 30px;
	vertical-align: top;
}

/* ========================== */
/* ===== PRICING STYLES ===== */
/* ========================== */

#real-estate-pricing li {
	background:#fafafa; 
	padding-bottom:40px;
	max-width: 230px;
}
.popular-pricing {
	padding-top: 20px;
	margin-top: -21px;
	padding-bottom: 35px;
	border: #CCC 1px solid;
}
.re-price-box {
	max-width: 175px;
	width: 100%;
	background-color: #252525;
	color: #fff;
	font-weight: 800;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.re-price-popular-box {
	max-width: 175px;
	width: 100%;
	background-color: #252525;
	color: #73b8d3;
	font-weight: 800;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.ap-price-box {
	max-width: 150px;
	width: 100%;
	padding: 10px;
	border: #252525 1px solid;
	margin-left: auto;
	margin-right: auto;
}
#cp-quote-box {
	max-width: 150px;
	width: 100%;
	background-color: #252525;
	color: #fff;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
#cp-quote-box a {
	color: #73b8d3;
	text-decoration: none;
}
#cp-quote-box a:hover {
	color: #fff;
	text-decoration: none;
}

/* ======================== */
/* ===== ABOUT STYLES ===== */
/* ======================== */

#about-content {
	margin-top: 50px;
	text-align: justify;
}
#about-content img {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}

/* ========================== */
/* ===== CONTACT STYLES ===== */
/* ========================== */

.form-full {
	width: 100%;
	height: 2em;
	border: 1px solid #ccc;
	background: #fafafa;
	font-family: 'Open Sans', sans-serif;
	margin-top: 10px;
	padding-left: 5px;
	-webkit-font-smoothing: antialiased;

}
.form-message {
	width: 100%;
	height: 8em;
	border: 1px solid #ccc;
	background: #fafafa;
	font-family: 'Open Sans', sans-serif;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 5px;
	-webkit-font-smoothing: antialiased;
}
.form-submit {
	background-color: #252525;
	color: #fff;
	padding: 10px 30px 10px 30px;
	border: none;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: .2em;
}
#social-icons {
	float:right; 
	width:29%; 
	text-align:right;
}
#social-icons img {
	padding-left: 20px;
}

/* ========================= */
/* ===== ADD-ON STYLES ===== */
/* ========================= */

.add-on-price-box {
	max-width: 125px;
	width: 100%;
	padding: 10px;
	border: #252525 1px solid;
	text-align: center;
}

/* ============================ */
/* ===== PORTFOLIO STYLES ===== */
/* ============================ */

#gallery {
	text-align: center;
}
#gallery img {
	border: 0px;
	margin: 5px;
}


/* ========================= */
/* ===== MEDIA QUERIES ===== */
/* ========================= */

@media screen and (max-width: 915px) {
select {
	display: inline-block;
}
#nav li {
	display: none;
}
#block-wrapper li {
	display: inline-table;
	width: 50%;
	padding-bottom: 15px;
}
#about-content {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
#about-content img {
	float: none;
	padding-bottom: 10px;
	padding-right: 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;

}
}
@media screen and (max-width: 505px) {
#global-wrapper {
	width: 100%;
}
#header {
	width: 100%;	
}
#logo {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#nav {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
select {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#block-wrapper li {
	display: inline-table;
	width: 100%;
}
}