/* ================================================================= */
/* = Eric Meyer's Reset: http://meyerweb.com/eric/tools/css/reset/ = */
/* ================================================================= */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear { clear: both; }
/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('../fonts/flexslider-icon.eot');
  src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: #ffffff;
/*  text-shadow: 2px 2px 0 rgba(1, 1, 1, 0.3);
*/  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 25px;
  display: inline-block;
  content: '\f001';
  color: #ffffff;
  background-color: #53a033;
  width: 35px;
  height: 60px;
  border-radius: 10px;
/*  text-shadow: 2px 2px 0 rgba(1, 1, 1, 0.3);
*/}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
@font-face {
    font-family: 'Museo300-Regular';
    src: url('../fonts/Museo300-Regular.eot?') format('eot'),
    url('../fonts/Museo300-Regular.svg#Museo300-Regular') format('svg'),
    url('../fonts/Museo300-Regular.otf')  format('opentype'),
    url('../fonts/Museo300-Regular.woff') format('woff'),
    url('../fonts/Museo300-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Museo-Sans-900';
    src: url('../fonts/museosans_900-webfont.eot?') format('embedded-opentype'),
    url('../fonts/museosans_900-webfont.woff2') format('woff2'),
    url('../fonts/museosans_900-webfont.woff') format('woff'),
    url('../fonts/museosans_900-webfont.ttf') format('truetype'),
    url('../fonts/museosans_900-webfont.svg#museo_sans900') format('svg');
}
body {
    background: #c0ce4b;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #4e4e4e;
}

.wrapper {
    background: #c0ce4b url(../images/bg.jpg) center top no-repeat;
}

body.notfound .wrapper,
body.contact .wrapper,
body.gallery .wrapper,
body.land .wrapper,
body.promotion .wrapper {
    background-image: url(../images/bg2.jpg);
}

body.house-land .wrapper,
body.news .wrapper,
body.resources .wrapper {
    background-image: url(../images/bg3.jpg);
}

.container {
    width: 960px;
    margin: auto;
}

.overlay {
    background: rgba(0,0,0,0.6);
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99997;
}

.clickable,
.clickable-external {
    cursor: pointer;
}

.breadcrumbs {
    margin-bottom: 20px;
    font-size: 12px;
}

/*-----------------------------------------------------
google web font
-----------------------------------------------------*/
.banner h1,
a.button,
.footer h2,
.footer div.contact a.register-button,
.footer div.contact .phone,
.mobile-nav a,
.panel h2,
.content .main h2,
.content .main h3,
.content .main h4,
.content .side h2,
.house-land-container h2,
.house-land-container h3,
.house-land-container h4,
.content .house-land-container .packages .item h2,
#enquiry-form-popup h4,
.content .house-land-container .packages .item .info p strong,
.panel-2 .info h2 {
    font-family: 'Museo300-Regular';
    font-weight: normal;
    font-style: normal;
}

.content .main a {
    color: #53a033;
}



/*-----------------------------------------------------
transitions and global styles
-----------------------------------------------------*/

.header,
.header .logo,
.content {

}



/*-----------------------------------------------------
header
-----------------------------------------------------*/
.header {
    height: 122px;
    background: #ffffff;
    border-bottom: 10px solid #e9f3e5;
}

.header .container {
    position: relative;
}

.header .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 257px;
    height: 122px;
    background: #fff;
    z-index: 999;
}

.header .nav {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 85px;
}

.header .nav li {
    float: left;
    display: inline;
}

.header .nav a {
    font-family: 'Museo300-Regular';
    font-size: 13px;
    display: block;
    text-decoration: none;
    padding: 0 7px;
    color: #6c6c69;
}

.header .nav a:hover {
    color: #53a033;
    background: #e9f3e5;
    border-radius: 12px;
}

.header .nav a.active {
    color: #53a033;
    background: #e9f3e5;
    border-radius: 12px;
}

.submenu {
    position: absolute;
    width: 150px;
    background: #ffffff;
    padding: 10px;
    left: -9999em;
    line-height: 26px;
    z-index: 1000;
    border: 1px solid #53a033;
    border-radius: 12px;
}

.header .submenu li a {
    font-size: 12px;
}

.header .nav li:hover ul {
    left: auto;
}

.header .nav .submenu a {
    height:auto;
    /*line-height:16px;*/
    /*padding:15px 0;*/
    padding: 0 7px;
    display:block;
    /*width:150px;*/
}

.header .nav li a.nav-privacy-policy {
    display:none;
}

.header .phone {
    font-weight: bold;
    background-image: url(../images/icon-phone-contact.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    padding-left: 25px;
    height: 25px;
    line-height: 20px;
}
.header .phone a {
    text-decoration: none;
    color: #6c6c69;
}

.header-cta {
    float: right;
    position: relative;
    top: 114px;
    left: 80px;
    z-index: 5;
    display: none;
}


/*-----------------------------------------------------
banner and title area
-----------------------------------------------------*/
.banner .container {
    position: relative;
    height: 150px;
}

body.home .banner .container {
    height: 250px;
}

.banner .container div {
    position: absolute;
    color: #fff;
    right: 35px;
    top: 70px;
    background: rgba(69, 85, 96, .8);
    padding: 15px;
}

body.home .banner .container div {
    width: 410px;
    top: 35px;
    font-size: 12px;
    padding: 25px;
}

.banner h1 {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
}

body.home .banner h1 {
    margin-bottom: 10px;
}

.banner ul {
    margin-top: 10px;
}

.banner li {
    float: left;
    display: inline;
}

.banner li a {
    margin-right: 10px;
}



/*-----------------------------------------------------
buttons
-----------------------------------------------------*/
a.button,
input.button {
    display: inline-block;
    color: #fff !important;
    font-size: 15px;
    padding: 10px 30px 10px 15px;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 0;
    cursor: pointer;
    position: relative;
    background: #7aad65;
}
input.button {
    background: url(../images/btn-arrow.png) no-repeat 68px 12px #93c37f;
    padding: 10px 30px 10px 15px;
}
.land input.button,
.contact input.button {
    background: url(../images/btn-arrow.png) no-repeat 68px 12px #e55032;
}
a.button::before {
    content: " ";
    background: url(../images/sprite.png) 2px -20px no-repeat;
    width: 13px;
    height: 19px;
    display: block;
    position: absolute;
    right: 10px;
    top: 12px;
}

a.button:hover,
a.button.hover {
    background: #7aad65;
}

a.button.subtle {
    color: #4e4e4e !important;

    background: #c7c7c7; /* Old browsers */
    background: -moz-linear-gradient(top,  #c7c7c7 23%, #a3a3a3 86%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#c7c7c7), color-stop(86%,#a3a3a3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c7c7c7 23%,#a3a3a3 86%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c7c7c7 23%,#a3a3a3 86%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c7c7c7 23%,#a3a3a3 86%); /* IE10+ */
    background: linear-gradient(to bottom,  #c7c7c7 23%,#a3a3a3 86%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#a3a3a3',GradientType=0 ); /* IE6-9 */
}

a.button.subtle:hover {
    background: #d1d1d1; /* Old browsers */
    background: -moz-linear-gradient(top,  #d1d1d1 23%, #b6b6b6 86%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#d1d1d1), color-stop(86%,#b6b6b6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d1d1d1 23%,#b6b6b6 86%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d1d1d1 23%,#b6b6b6 86%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d1d1d1 23%,#b6b6b6 86%); /* IE10+ */
    background: linear-gradient(to bottom,  #d1d1d1 23%,#b6b6b6 86%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */
}

a.archives-button.button {
    margin-bottom: 50px;
}


/*-----------------------------------------------------
content
-----------------------------------------------------*/
.content {
    background: #fff;
    padding: 35px;
    width: 890px;
    margin: 0 auto;
    min-height: 400px;
    position: relative;
    bottom: 35px;
    border-radius: 50px;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content p,
.content ul,
.content ol,
.content hr,
.content table,
.content iframe { margin-bottom: 25px; }

.content .side h1,
.content .side h2,
.content .side h3,
.content .side h4,
.content .side p,
.content .side ul,
.content .side ol,
.content .side hr,
.content .side table,
.content .panel h1,
.content .panel h2,
.content .panel h3,
.content .panel h4,
.content .panel p,
.content .panel ul,
.content .panel ol,
.content .panel hr,
.content .panel table { margin-bottom: 15px; }

.content ul, .content ol {
    margin-left: 35px;
    list-style: disc;
}

.content .flexfix ul, .content .flexfix ul li{
    margin-left: 0;
    list-style: none !important;
}

.flexslider.flexfix {
    margin: 0 50 0 0;
}

ol.flex-control-nav {
    margin: 0;
    position: absolute;
    bottom: 40px;
}

ul.flex-direction-nav {
    margin: 0;
}

.flex-direction-nav a {
    overflow: visible;
}

.flex-direction-nav a:before {
    line-height: 65px;
    text-align: center;
}

a.button-match-to-house {
    background: #53a033;
    padding-left: 65px;
    height: 24px;
}

a.button-match-to-house:after {
    content:url(../images/match-to-house/match-logo.png);
    position: relative;
    display: block;
    bottom: 37px;
    right: 130px;
}

.content ol { list-style: decimal; }

.content hr {
    border: 0;
    border-bottom: 1px dotted #ccc;
    height: 1px;
}

.content a {
    color: #53a033;
}

.content .main {
    float: left;
    width: 585px;
}

.content.fullwidth .main {
    width: 100%;
}

.content .side {
    float: right;
    width: 280px;
}

.content .side > div {
    margin-bottom: 25px;
}

body.home .content .main,
body.home .content .side {
    width: 430px;
}

body.home .content .side {
    margin-bottom: 15px;
}

.content .main h2 {
    color: #53a033;
    font-size: 40px;
    line-height: 45px;
    border-bottom: 13px solid #e9f3e5;
    padding-bottom: 25px;
}

.content .main h2.title-land-for-sale {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 17px;
}

.cta-land-for-sale {
    border-bottom: 13px solid #e9f3e5;
    padding-bottom: 5px;
    margin-bottom: 25px;
    width: 100%;

}

.content .main h3 {
    color: #53a033;
    font-size: 20px;
    line-height: 24px;
}

.content .main h4 {
    font-size: 18px;
    color: #53a033;
}

.content .main ul.pdfs,
.content .side ul.pdfs {
    background: #e1e1e1;
    margin: 0;
    list-style: none;
    margin-bottom: 35px;
    padding: 15px 20px 10px 15px;
    display: inline-block;
}

.content .main ul.pdfs li,
.content .side ul.pdfs li {
    padding-left: 22px;
    background: url(../images/icon-pdf.png) 0 0 no-repeat;
    margin-bottom: 5px;
}

.fifteenkbadge {
    position: relative;
    right: 0;
    top: -35px;
    max-width: 208px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.build-now-badge {
    position: relative;
    right: 0px;
    top: -51px;
    max-width: 232px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

body.home .content .side .promo {
    margin-top: 150px;
    margin-bottom: 0;
}

body.home .content .side .promo .image {
    height: 200px;
    overflow: hidden;
}
body.home .content .side .promo img.tile,
.content img.promo-tile {
    margin-bottom: 20px;
    border-radius: 0 0 30px 30px;
}
body.home .content .side .promo img, .content .main .promo img {
    width: 100%;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    display: block;
}

body.home .content .side .promo .info, .content .main .promo .info {
    background: #595959;
    color: #ffffff;
    text-align: left;
    padding: 20px 20px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.content .main .promo .info {
    margin-bottom: 40px;
}

body.home .content .side .promo .info a.button, .content .main .promo .info a.button {
    margin: 25px 15px 20px 0;
}
.content .main .promo .info a.button {
    background: #e55032;
}

.content .side h2 {
    font-size: 18px;
    color: #53a033;
}

.content .side .downloads {
    margin-top: 25px;
}

.content .side .downloads h2 {
    padding-left: 22px;
    background: url(../images/icon-pdf.png) 0 0 no-repeat;
}

.content .side .downloads ul {
    list-style: none;
    margin: 0;
}

.content .side .downloads ul a {
    display: block;
    text-decoration: none;
    color: #4e4e4e;
    padding: 5px 0;
    border-top: 1px solid #ddd;
}

.content .side .downloads ul a:hover {
    color: #350537;
    text-decoration: underline;
}

.content img.promo-banner {
    width: 100%;
}

.content .gallery-listing a {
    float: left;
    margin: 0 25px 25px 0;
}

.content .highlight {
    background: #e1e1e1;
    padding: 25px 25px 10px 25px;
    margin-bottom: 25px;
    margin-top: 10px;
    width: 350px;
}

.main a.button {
    background: #93c37f;
}


.content img.img-right {
    float: right;
    margin: 0 0 15px 15px;
}

.content img.img-left {
    float: left;
    margin: 0 15px 15px 0;
}

.content .img-group {
    margin-bottom: 15px;
}

.content .img-group img {
    float: left;
    margin: 0 0 15px 15px;
    width: 185px;
}

.content .img-group img.first {
    margin-left: 0;
}

.video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 25px; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*-----------------------------------------------------
contact page
-----------------------------------------------------*/
.content .contact-details div.contact {
    float: left;
    width: 330px;
    margin-right: 15px;
}

.content .contact-details div.sales-office {
    float: right;
    width: 240px;
}

.content ul.contact-listing {
    list-style: none;
    margin: 0 15px 25px 0;
}

.content ul.contact-listing li {
    padding: 8px 0 8px 35px;
    border-bottom: 1px solid #ddd;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 3px 6px;
}

.content ul.contact-listing li.phone {
    font-weight: bold;
    background-image: url(../images/icon-phone-contact.png);
}

.content ul.contact-listing li.email {
    background-image: url(../images/icon-email-contact.png);
}

.content.contactpage .main h2 {
    margin-bottom: 0;
    border-bottom: none;
}

.content.contactpage .side {
    padding-top: 70px;
}

a.map {
    float: right;
    display: block;
    width: 50px;
    padding-top: 50px;
    font-size: 11px;
    font-weight: bold;
    color: #4e4e4e;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: url(../images/map.png) no-repeat;
    background-size: 50px 50px;
    position: relative;
    z-index: 900;
    margin-right: 15px;
}

.content a.map {
    margin-right: 0;
    color: #4e4e4e;
}

.panel-3 {
    margin: 25px 20px;
    border-bottom: 6px solid #e9f3e5;
    padding-bottom: 20px;
}

.panel-3 .info > div, .panel-3 .info > a {
    text-decoration: none;
}

.panel-3 .info > div, .panel-3 .info > a div {
    padding: 11px 0 11px 55px;
    font-family: 'Museo300-Regular';
    font-weight: normal;
    font-size: 20px;
    color: #4e4e4e;
    margin-bottom: 10px;
}

.panel-3 .info > a div {
    text-decoration: none;
}

.panel-3 .info h2 {
    font-size: 30px;
    color: #53a033;
    margin-bottom: 20px;
}

.panel-3 .info p {
    margin-bottom: 25px;
}

.panel-3 .info .contact-number {
    background: url(../images/round-icon-phone.png) left center no-repeat;
}

.panel-3 .info .contact-email {
    background: url(../images/round-icon-email.png) left center no-repeat;
}

.panel-3 .info .office-map {
    background: url(../images/round-icon-map.png) left center no-repeat;
    margin-bottom: 20px;
}


/*-----------------------------------------------------
display village listing
-----------------------------------------------------*/
.village-listing .item {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
    height: 315px;
    border: 1px solid #ddd;
    width: 145px;
    padding: 0 10px 10px;
}

.village-listing .item h2 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
}

.village-listing .item h2,
.village-listing .item p {
    margin-bottom: 5px;
}

.village-listing .item  a.button {
    margin-top: 10px;
}




/*-----------------------------------------------------
form
-----------------------------------------------------*/
.form {
/*padding: 40px;
background: #53a033;*/
margin-top: 10px;
}
.land .form,
.contact .form {
    padding: 40px;
    background: #53a033;
    border-radius: 20px;
}

.form form > div {
    margin-bottom: 5px;
}

.land .form form > div,
.contact .form form > div {
    margin-bottom: 15px;
}

.form label {
    display: inline-block;
    width: 100px;
    vertical-align: top;
    padding-top: 9px;
}
.land .form label,
.contact .form label {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.land .main .form h4,
.contact .main .form h4 {
    color: #ffffff ;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-right: 150px;
}

.enquiry-form-popup .form { margin-top: 0; padding: 25px; }
.enquiry-form-popup .content { margin-top: 10px; }

.form div.verification-code {
    padding-left: 105px;
}
.land .form div.verification-code,
.contact .form div.verification-code {
    margin-left: 105px;
    /*background-color: #e9f3e5;*/
    padding: 10px;
    width: 270px;
}

.form-logos {
    float: right;
    position: relative;
    top: 15px;
    right: 10px;
}

.form div.verification-code label {
    width: 100%;
}
.land .form div.verification-code label,
.contact .form div.verification-code label {
    /*color: #4e4e4e;*/
    padding-top: 0;
    font-weight: normal;
    font-size: 14px;
}

.form div.verification-code table {
    float: left;
    margin: 10px 0;
}

.form div.verification-code table td {
    vertical-align: middle;
}

.form div.verification-code table td img {
    margin-right: 10px;
}

.form div.verification-code input {
    margin-top: 12px;
    width: 100px !important;
}

.form div.checkbox label {
    display: block;
    width: auto;
    margin: 15px 0;
}
.land .form div.checkbox label,
.contact .form div.checkbox label {
    /*color: #1b3512;*/
    font-weight: normal;
    font-size: 14px;
}

.form p.error {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px;
    background-color: #fff;
    color: red;
}


.form input[type="text"],
.form input[type="email"],
.form textarea {
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #2f2e2d;
    background: #fff;
    width: 270px;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.land .form input[type="text"],
.land .form input[type="email"],
.land .form textarea,
.contact .form input[type="text"],
.contact .form input[type="email"],
.contact .form textarea {
    font-size: 16px;
    line-height: 29px;
    width: 70%;
}

.form input.focus {
    font-weight: bold;
    color: #111;
    border-color: #aaa;
    background: #f5f5f5;
}

.form textarea {
    height: 100px;
}

.form p.note {
    font-size: 11px;
    margin-bottom: 5px;
    color: #4e4e4e;
}

body.contact .form p.note {
    font-size: 11px;
    margin-bottom: 5px;
    color: #ffffff;
}

.form label.error { display: none !important; }

.form input.error {
    background: #fddddd url(../images/icon-cross.png) right center no-repeat ;
    border-color: #ce8585 !important;
}

.form input.valid {
    background: #e7f3d9 url(../images/icon-confirm.png) right center no-repeat ;
    border-color: #6e9b2d !important;
}

.land .form form .button,
.contact .form form .button {
    margin-bottom: 0;
    margin-top: 15px;
}

.form-badge {
    width: 0px;
    height: 0px;
    float: right;
    display: none;
}

.form-badge img {
    position: relative;
    bottom: 75px;
    right: 160px;
}

#enquiry-form-popup .form-badge {
    display: none;
}

/*-----------------------------------------------------
House and Land Package intro
-----------------------------------------------------*/
.content .house-land-container {
    border: 10px solid #e9f3e5;
    padding: 35px;
    margin-top: 35px;
}

.content .intro h1.specials {
    background: #7aad65;
    border-radius: 5px;
    padding: 18px 16px;
    display: inline-block;
    text-align: center;
    color: #CDD95D;
    margin-top: -68px;
    font-size: 31px;
    font-weight: normal;
    font-family: 'Museo-Sans-900', sans-serif;
    text-transform: uppercase;
}

.title {
    text-align: center;
}

.content .house-land-container .intro h2 {
    font-weight: 500;
    font-size: 44px;
    line-height: 48px;
    text-align: center;
    color: #53a033;
    margin: 0 0 15px 0;
    padding: 0;
    letter-spacing: -0.01em;
    border-bottom: 0;
}

.content .house-land-container .intro h3 {
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    color: #53a033;
    margin: 0 0 15px 0;
}

.content .house-land-container .packages h3 {
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    color: #53a033;
    margin: 10px 0 30px 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #ddd;
}

.content .house-land-container .intro p {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin: 0 0 35px 0;
}

.content .house-land-container .packages .item {
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
    width: 385px;
}

.content .house-land-container .packages .item.one {
    margin-left: 0;
}

.content .house-land-container .packages .item h2 {
    background: #c0ce4b;
    padding: 15px 25px;
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.content .house-land-container .packages .item .info {
    background: #e9f3e5;
    padding: 20px;
}

.content .house-land-container .packages .item .info .info-bottom {
    margin: 15px 0 0 0;
}

.content .house-land-container .packages .item .info p {
    float: left;
    margin: 0;
}

.content .house-land-container .packages .item .info p strong {
    color: #53a033;
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    display: block;
}

.content .house-land-container .packages .item .info a.button {
    float: right;
}

.content .house-land-container .packages .item .info img.builderlogo {
    float: left;
}

.content .house-land-container .packages .item .info a.download {
    float: right;
    display: inline-block;
    padding: 5px 0 0px 20px;
    margin-top: 15px;
    background: url(../images/icon-pdf.png) left center no-repeat;
    text-decoration: none;
}

.content .house-land-container .packages .item .info a.download:hover {
    opacity: 0.7;
}

.content .house-land-container .disclaimer {
    font-size: 10px;
    line-height: 14px;
    text-align: center;
}

#enquiry-form-popup h4 {
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    color: #53a033;
    margin: 0 0 15px 0;
}

#enquiry-form-popup h4.for-cp, .contact .main .form h4.for-hl {
    display: none;
}

#enquiry-form-popup .form {
    margin-top: 0;
}

#enquiry-form-popup .form { background: #fff; border: 0; }

body.popup,
body.popup .wrapper,
#enquiry-form-popup { background: #fff !important; }

body.popup .header,
body.popup .banner,
body.popup .footer,
body.popup .side { display: none !important; }

body.popup .content { min-height: 0; box-shadow: none; -webkit-box-shadow: none; }

body.popup .footer-wrapper { display: none; }



/*-----------------------------------------------------
panels
-----------------------------------------------------*/
.panel {
    font-size: 14px;
    line-height: 20px;
    opacity: 0.95;
    width: 280px;
}

/*body.home .panel {
min-height: 350px;
}*/

.panel img {
    width: 100%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    display: block;
}

.panel h2 {
    font-size: 20px;
    color: #53a033;
    margin-top: 12px;
}

.panel.hover {
    background: #e9e9e9;
    opacity: 0.9;
}

.panel .info {
    padding: 10px 15px;
    background: #e9f3e5;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.panels {
    margin-top: 40px;
}

.panels .panel {
    float: left;
    width: 280px;
/*	width:432px;
*/	margin-left: 25px;
}

.panels .panel.first {
    margin-left: 0;
}

body.videos .panel {
    margin-bottom: 25px;
}

.panel a.button {
    background: #93c37f;
}

.panels .panel .info { min-height: 217px; }
.panels .panel-2 .info { min-height: 210px; }

.main .panel.interactive-map-panel { margin: 0 0 30px 0; width: 100%; display: inline-block; }
.main .panel.interactive-map-panel > a { float: left; width: 270px; height: 247px; display: block; background: url(../images/land-2-land-for-sale.jpg) center center no-repeat; background-size: cover; border-radius: 20px 0 0 20px; }
.main .panel.interactive-map-panel > a img { display: none; }
.main .panel.interactive-map-panel .info { float: left; width: 285px; border-radius: 0 20px 20px 0;  }
.main .panel.interactive-map-panel .info h2 { font-size: 24px; line-height: 30px; padding-bottom: 0; border: 0; }

/*-----------------------------------------------------
panel 2
-----------------------------------------------------*/
.panel-2 {
    font-size: 14px;
    line-height: 20px;
    opacity: 0.95;
    width: 270px;
    border: 1px solid #b6b6b6;
    border-radius: 30px;
    padding: 5px;
}

/*body.home .panel {
min-height: 350px;
}*/

.panel-2 img {
    /*width: 268px;*/
    border-radius: 25px;
    display: block;
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
    box-sizing: border-box;
}

.panel-2-image {
    width: 100%;
}

.panel-2 .info h2 {
    font-size: 19px;
    color: #828635;
    margin-top: 0;
    margin-bottom: 15px;
}

.panel-2.hover {
    background: #e9e9e9;
    opacity: 0.9;
}

.panel-2 .info {
    padding: 10px 15px;
    background: #ffffff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.panels {
    margin-top: 40px;
}

.panels .panel-2 {
    float: left;
    width: 280px;
    margin-left: 25px;
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
    box-sizing: border-box;
}

.panels .panel-2.first {
    margin-left: 0;
}

body.videos .panel-2 {
    margin-bottom: 25px;
}

.panel-2 a.button {
    background: #350537;
}

.panel-2 .logo-stle {
    position: relative;
    width: 86px;
    height: 52px;
    overflow: hidden;
    top: -10px;
    float: right;
}

.panel-2 .logo-stle img {
    border-radius: 0;
    position: absolute;
    bottom: -160px;
    right: 0px;
}




/*-----------------------------------------------------
footer
-----------------------------------------------------*/
.footer-wrapper {
    background: url(../images/footer-bg.png) no-repeat top center;
    height: 518px;

}

.footer {
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    padding-top: 40px;
}

.footer a {
    color: #fff;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;;
}

.footer > div {
    float: left;
    width: 320px;
    height: 230px;
}

.footer h2 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #93c37f;
}

.footer div.links ul {
    float: left;
    width: 140px;
}

.footer div.links ul.first {
    width: 175px;
}

.footer div.links a {
    background: url(../images/sprite.png) 0 6px no-repeat;
    padding: 0 0 0 12px;
    display: block;
}

.footer div.sales-office p {
    float: left;
    width: 164px;
}

.footer div.sales-office p.first {
    width: 156px;
}

.footer div.contact {
    float: right;
    width: auto;
}

.footer div.contact a.register-button {
    display: block;
    height: 55px;
    width: 140px;
    padding: 10px 85px 0 15px;
    color: #fff;
    font-size: 19px;
    line-height: 22px;
    background: #93c37f url(../images/icon-register.png) right top no-repeat;
    opacity: 0.95;
    background-size: 65px 65px;
    margin-bottom: 20px;
    border-radius: 15px;
}

.footer div.contact a.register-button:hover {
    text-decoration: none;
    background-color: #88b974;
}

.footer div.contact .phone {
    display: block;
    color: #fff;
    font-size: 19px;
    line-height: 22px;
    background: url(../images/sprite.png) left -37px no-repeat;
    opacity: 0.95;
    background-size: 86px 308px;
    padding: 5px 0 14px 53px;
}

.footer div.workhouse {
    width: auto !important;
    height: auto;
}

.footer div.workhouse a {
    display: block;
    font-size: 11px;
    padding: 0 90px 0 0;
    background: url(../images/sprite.png) right -289px no-repeat;
    text-decoration: none !important;
    opacity: 0.4;
}

.footer div.workhouse a:hover {
    opacity: 0.6;
}

.footer div.workhouse span {
    display: none;
}

.footer a.map {
    display: none;
}

.footer div.littlegroup a {
    display: block;
    font-size: 11px;
    background: url(../images/littlegroup.png) right 4px no-repeat;
    text-decoration: none !important;
    width: 106px;
    height: 50px;
    padding-left: 15px;
    text-indent:-9999px;
    position:relative;
    top:-28px;
    left: 700px;
}

.footer div.littlegroup a:hover {
    opacity: 0.6;
}

.social { z-index: 1; }
.social ul li {list-style: none; float: left; margin: 10px 2px; vertical-align: middle; overflow: hidden; width: 34px; height: 35px;}
.social ul li.text {padding-top:7px; color: #ffffff; width: 75px;}
.social ul li a {text-decoration: none; overflow: hidden; width: 34px; height: 35px; position: absolute; z-index: 1;}
.social ul li a img {max-width: none;}
.social ul li a img:hover {opacity: 0.75;}
.social ul {clear: both; float: right;position: relative;/*z-index: 99;*/}

/*-----------------------------------------------------
mobile
-----------------------------------------------------*/
.mobile-only {
    display: none !important;
}

/*-----------------------------------------------------
optimonk
-----------------------------------------------------*/

/*.optimonk-holder .optimonk-container .optimonk-middle #powered-by-optimonk a {
visibility: hidden;
}*/

#powered-by-optimonk-link:after {
    content: no-close-quote !important;
}

.optimonk-container .powered-by-optimonk-link:after {
    /*content: no-close-quote !important;*/
    position: absolute;
    bottom: -60px;
}

/*-----------------------------------------------------
Red Strikethrough
-----------------------------------------------------*/

.red-strikethrough-cont, .red-strikethrough-h3-cont {
    position: relative;
    width: 0;
    height: 0;
    overflow: visible;
}

.red-strikethrough {
    background: url(../images/red-strikethrough.png);
    display: inline !important;
    width: 63px !important;
    height: 9px;
    border-radius: 0;
    position: absolute;
    top: 6px;
}

.red-strikethrough-cont:after, .red-strikethrough-h3-cont:after {
    content: "$245,000 "
}

.red-strikethrough-h3 {
    background: url(../images/red-strikethrough-h3.png);
    display: inline !important;
    width: 86px !important;
    height: 12px;
    border-radius: 0;
    position: absolute;
    top: 6px;
}
.resource-terms-and-conditions {
    margin-top: 50px;
}

.resource-terms-and-conditions small {
    font-size: 10px;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

@media only screen and (min-width: 768px) {
	.fifteenkbadge {
	    position: absolute;
	    right: 35px;
	    top: -21px;
	}

	.build-now-badge {
	    position: absolute;
	    right: 251px;
	    top: -31px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	body {
    -webkit-text-size-adjust:none;
	}

	img {
		max-width: 100%;
	}

	.desktop-only,
	.footer div.links,
	body.gallery .content .side,
	body.contact .content .side,
	body.videos .content .side {
		display: none !important;
	}

	.mobile-only {
		display: block !important;
	}

	.header-cta {
		position: absolute;
		right: 160px;
		top: 0;
		display: none;
	}
	.container,
	.content,
	.footer,
	.footer div,
	.banner .container div,
	.banner .container,
	body.home .banner .container div,
	.content .main,
	.content .side,
	.content .panel,
	.content .panel-2,
	body.home .content .main,
	body.home .content .side,
	body.home .content .side .promo .info,
	body.home .content .side .promo a.button,
	.content .contact-details div.contact,
	.content .contact-details div.sales-office {
		width: auto;
		height: auto !important;
		position: relative;
		left: 0;
		top: 0;
		float: none !important;
	}

	/* mobile nav */
	.popout-menu {
		-moz-box-shadow:  0px 0px 10px 2px rgba(00, 00, 00, .8);
		-webkit-box-shadow:  0px 0px 10px 2px rgba(00, 00, 00, .8);
		 box-shadow:  0px 0px 10px 2px rgba(00, 00, 00, .8);
		 background: #4c922e;
		 width: 240px;
		 margin: 0 auto;
		 position: relative;
		 z-index: 99998;
		 border: 3px solid #fff;
		 top: -590px;
	}

	.mobile-nav-items a {
		display: block;
		border-top: 1px solid #68b348;
		padding: 10px 20px;
		color: #fff;
		text-decoration: none;
	}

	.mobile-nav-items a.first {
		border: 0;
	}

	.popout-menu a.close {
		position: absolute;
		top: 999999;
		right: -15px;
		top: -15px;
		width: 30px;
		height: 30px;
		display: block;
		background: url(../images/retina/close.png) no-repeat;
		background-size: 30px 30px;
		padding: 0;
		border: 0;
	}

	.mobile-nav {
		position: absolute;
		right: 10px;
		top: 12px;
	}

	.mobile-nav li {
		float: left;
	}

	.mobile-nav a {
		display: block;
		color: #fff;
		font-size: 14px;
		padding: 6px 12px;
		text-decoration: none;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border: 1px solid #1b2328;
		margin-left: 5px;
		vertical-align: middle;
		cursor: pointer;

		background: #44545f; /* Old browsers */
		background: -moz-linear-gradient(top,  #44545f 23%, #1b2328 86%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#44545f), color-stop(86%,#1b2328)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #44545f 23%,#1b2328 86%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #44545f 23%,#1b2328 86%); /* Opera 11.10+ */
		background: linear-gradient(to bottom,  #44545f 23%,#1b2328 86%); /* W3C */
	}

	.submenu {
		left: auto;
	 	background: transparent;
		width: 240px;
		margin: 0 auto;
		position: relative;
		padding: 0;
		border: none;
	}

	ul.submenu li a {
	    background-color: #72AB5A;
	    color: #ffffff;
	    padding-left: 45px;
	}

	a.nav-resources {
		display:none;
	}

	a.nav-house-land {
		/*display:none;*/
	}

	.mobile-nav a i {
		display: inline-block;
		vertical-align: text-top;
		width: 20px;
		height: 20px;
		line-height: 20px;
		background-repeat: no-repeat;
		background-size: 20px 20px;
	}

	.mobile-nav a i.home {
		background-image: url(../images/retina/icon-home.png);
	}

	.mobile-nav a i.menu {
		background-image: url(../images/retina/icon-menu.png);
		margin-right: 5px;
	}

	.header .submenu li a {
	    font-size: 14px;
	}


	/* end mobile nav */

	body.home .content .side .promo {
		margin-top: 0;
	}

	body {
		background-image: none;
	}

	.banner { display: none; }

	.wrapper, .wrapper2 {
		background-image: none !important;
	}

	.header {
		height: 90px;
		margin-bottom: 20px;
	}
	.header .phone {
		top: 60px;
		right: 15px;
	}

	.header .logo,
	.header .logo img {
		width: 110px;
		height: 52px;
		left: 10px;
	}

	.banner {
		margin: 60px 10px 25px;
	}

	.banner .container div {
		opacity: 1;
	}

	.banner h1 {
		font-size: 20px;
		line-height: 20px;
	}

	.banner a.button {
		padding: 10px 20px 12px;
		font-size: 16px;
	}

	.banner ul {
		margin-top: 15px;
	}

	.content {
		margin: 0 10px;
		border-radius: 15px;
	}
	body.home .content .side .promo .image {
		height: auto;
		overflow: auto;
	}
	body.home .content .side .promo img, .content .main .promo img, .panel img {
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	}

	body.home .content .side .promo .info, .content .main .promo .info, .panel .info {
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}

	.footer-wrapper {
		background-image: none;
		background-color: #595959;
		height: auto;
		padding-bottom: 60px;
	}

	.footer {
		color: #ffffff;
		margin: 25px 10px;
	}

	.footer div.contact a.register-button {
		width: 180px;
	    margin-left: auto;
	    margin-right: auto;
	}

	.footer div.contact .phone,
	.footer div.contact .phone a {
		color: #ffffff;
		background-position: 0px;
	}

	.footer div.contact .phone {
		background-image: url(../images/icon-phone.png);
		opacity: 1;
		margin: auto;
    	width: 180px;
	}

	.footer div.contact .phone a {
		text-decoration: underline;
	}

	.footer .sales-office {
		border-top: 1px solid #b6b6b1;
		border-bottom: 1px solid #b6b6b1;
		margin-top: 25px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.footer div.sales-office p,
	.footer div.sales-office p.first {
		float: none;
		width: auto;
	}

	.footer div.sales-office p.first {
		margin-bottom: 10px;
	}

	.footer div.workhouse a {
		margin-top: 25px;
		background: none;
	}

	.footer div.workhouse span {
		display: inline-block;
		text-decoration: underline;
	}

	.footer div.littlegroup a {
		left: -20px;
		top: 10px;
	}

	.social {
		width: 195px !important;
    	margin: auto;
	}

	.social ul {
 		float: none;
	}




	.content {
		padding: 20px;
	}

	.content .panel img,
	.content .panel-2 img {
		width: 100%;
	}

	body.home .content .side {
		margin: 0 0 20px 0;
		padding-bottom: 25px;
		border-bottom: 1px solid #ddd;
	}

	body.home .content .side .promo .info {
		margin-bottom: 10px;
	}

	.panels .panel,
	.panels .panel-2 {
		margin: 20px 0 0 0;
	}

	.panels .panel.first {
		margin-top: 0;
	}

	/*.panels .panel.interactive-map-panel,
	.side .panel.interactive-map-panel,*/
	.side .panel-2 {
		display: none;
	}

	.content .gallery-listing a {
		margin: 0 20px 20px 0;
	}

	.content .gallery-listing img {
		width: 100px;
	}

	.content ul.contact-listing {
		margin-right: 0;
	}

	.content ul.contact-listing li.email {
		font-size: 11px;
	}

	.footer a.map {
		display: block;
		color: #ffffff;
	}

	.form {
		background: none;
		padding: 25px 0 0 0;
		border-top: 1px solid #ddd;
	}
	.land .form,
	.contact .form {
		background: #53a033;
		padding: 25px;
		margin-bottom: 25px;
	}

	.content .form input[type="text"],
	.content .form textarea {
		width: 90%;
	}

	.land .form input[type="email"],
	.contact .form input[type="email"] {
		width: 90%;
	}

	.content .form label {
		display: block;
	}

	.content .form div.verification-code {
		padding-left: 0;
	}
	.land .content .form div.verification-code,
	.contact .content .form div.verification-code {
		width: 90%;
	}

	body.videos iframe {
		width: 240px;
		height: 135px;
	}

	.content img.img-right,
	.content img.img-left {
		float: none;
		margin: 0 0 20px 0;
	}

	.content .img-group img {
		float: none;
		margin: 0 0 20px 0;
		width: auto;
	}

	.content .house-land-container {
	    margin-top: 35px;
	}

	.content .house-land-container {
		padding: 15px;
	}


	.content .intro h1.specials {
		margin-top: -48px;
	}

	.content .house-land-container .intro h2 {
		font-size: 34px;
		line-height: 38px;
	}

	.content .house-land-container .intro h3 {
		font-size: 24px;
		line-height: 28px;
	}

	.content .house-land-container .packages .item {
		float: none;
		width: auto;
		margin: 0 0 25px 0;
	}

	.content .house-land-container .packages .item img {
		width: 100%;
		max-width: 100%;
	}

	.content .house-land-container .packages .item .info img.builderlogo {
		width: 110px;
	}

	.content .house-land-container .packages .item .info p {
		/*float: none;*/
		/*margin-bottom: 15px;*/
		/*width: 60%;*/
	}

	.content .house-land-container .packages .item .info a.download {

	}

	.content .house-land-container .packages .item .info a.button {
		/*float: none;*/
	}

	.content .house-land-container .disclaimer {
		margin: 0;
	}

	.fancybox-wrap { width: 90% !important; }
	.fancybox-inner { width: 100% !important; }
	.fancybox-skin { padding: 0 !important; }
	.form div.verification-code { padding-left: 0 !important; }
	.land .form div.verification-code,
	.contact .form div.verification-code { margin-left: 0 !important; }


	img.cta { margin-bottom: 15px; }

	.land .main .form h4,
	.contact .main .form h4 { padding-right: 0;}

	.main .panel.interactive-map-panel > a { float: none; width: auto; height: auto; background: none; border-radius: 20px 20px 0 0;  }
	.main .panel.interactive-map-panel > a img { display: block; border-radius: 20px 20px 0 0 !important; }
	.main .panel.interactive-map-panel .info { float: none; width: auto; border-radius: 0 0 20px 20px;  }

	a.button-match-to-house {
		position: relative;
		right: 0;
		bottom: 0;
		max-width: 190px;
		margin: 0 auto 25px;
		display: block;
		height: 45px;
		font-size: 16px;
    	width: 129px;
	}

	a.button-match-to-house:after {
	    bottom: 50px;
	    right: 89px;
	}

	a.button::before {
	    /*top: 23px;*/
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/*.content .panel img {
		display: none;
	}*/

}

@media only screen and (max-width: 590px) {

	.form-badge {
	  width: 100%;
	  height: 100px;
	  float: none;
	}

	.form-badge img {
		right: 0;
		bottom: 60px;
	}

	.content .intro h1.specials {
		font-size: 21px;
	}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.content .house-land-container .packages .item .info, .content .house-land-container .packages .item .info .info-top, .content .house-land-container .packages .item .info .info-bottom {
		text-align: center;
	}

	.content .house-land-container .packages .item .info p, .content .house-land-container .packages .item .info a.download, .content .house-land-container .packages .item .info img.builderlogo, .content .house-land-container .packages .item .info a.button {
		float: none;
	}

	.content .house-land-container .packages .item .info a.download  {
		margin-top: 5px;
	}

	.content .house-land-container .packages .item .info img.builderlogo {
		margin: 0 auto;
		display: block;
	}

	.content .house-land-container .packages .item .info a.button {
		margin: 10px auto 0;
		display: inline-block;
	}

}