@font-face {
	font-family: 'NunitoSans-Light';
	src: url('../fonts/subset-NunitoSans-Light.eot');
	src: url('../fonts/subset-NunitoSans-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-NunitoSans-Light.woff2') format('woff2'),
		url('../fonts/subset-NunitoSans-Light.woff') format('woff'),
		url('../fonts/subset-NunitoSans-Light.ttf') format('truetype'),
		url('../fonts/subset-NunitoSans-Light.svg#NunitoSans-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'NunitoSans-Light';
    src: url('../fonts/subset-Nunito-LightItalic.eot');
    src: url('../fonts/subset-Nunito-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-Nunito-LightItalic.woff2') format('woff2'),
        url('../fonts/subset-Nunito-LightItalic.woff') format('woff'),
        url('../fonts/subset-Nunito-LightItalic.ttf') format('truetype'),
        url('../fonts/subset-Nunito-LightItalic.svg#Nunito-LightItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
	font-family: 'NunitoSans-ExtraLight';
	src: url('../fonts/subset-NunitoSans-ExtraLight.eot');
	src: url('../fonts/subset-NunitoSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-NunitoSans-ExtraLight.woff2') format('woff2'),
		url('../fonts/subset-NunitoSans-ExtraLight.woff') format('woff'),
		url('../fonts/subset-NunitoSans-ExtraLight.ttf') format('truetype'),
		url('../fonts/subset-NunitoSans-ExtraLight.svg#NunitoSans-ExtraLight') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'NunitoSans';
	src: url('../fonts/subset-NunitoSans-Regular.eot');
	src: url('../fonts/subset-NunitoSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-NunitoSans-Regular.woff2') format('woff2'),
		url('../fonts/subset-NunitoSans-Regular.woff') format('woff'),
		url('../fonts/subset-NunitoSans-Regular.ttf') format('truetype'),
		url('../fonts/subset-NunitoSans-Regular.svg#NunitoSans-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NunitoSans';
	src: url('../fonts/subset-NunitoSans-Bold.eot');
	src: url('../fonts/subset-NunitoSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-NunitoSans-Bold.woff2') format('woff2'),
		url('../fonts/subset-NunitoSans-Bold.woff') format('woff'),
		url('../fonts/subset-NunitoSans-Bold.ttf') format('truetype'),
		url('../fonts/subset-NunitoSans-Bold.svg#NunitoSans-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'NunitoSans-Black';
	src: url('../fonts/subset-NunitoSans-Black.eot');
	src: url('../fonts/subset-NunitoSans-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-NunitoSans-Black.woff2') format('woff2'),
		url('../fonts/subset-NunitoSans-Black.woff') format('woff'),
		url('../fonts/subset-NunitoSans-Black.ttf') format('truetype'),
		url('../fonts/subset-NunitoSans-Black.svg#NunitoSans-Black') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NunitoSans-ExtraBold';
	src: url('../fonts/subset-NunitoSans-ExtraBold.eot');
	src: url('../fonts/subset-NunitoSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-NunitoSans-ExtraBold.woff2') format('woff2'),
		url('../fonts/subset-NunitoSans-ExtraBold.woff') format('woff'),
		url('../fonts/subset-NunitoSans-ExtraBold.ttf') format('truetype'),
		url('../fonts/subset-NunitoSans-ExtraBold.svg#NunitoSans-ExtraBold') format('svg');
	font-weight: normal;
	font-style: normal;
}


html {
    -webkit-text-size-adjust: none;
	min-height: 100%;
}

body, div {
  margin: 0;
  padding: 0;
}

body {
	font-family: Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	color: #615e57;
	line-height: 1.5;
	background: #fff;
}

/* Advantage */

#advantage .section {
	padding-top: 50px;
	padding-bottom: 50px;
}

#advantage .image {
	float: left;
	width: 45.78125%; /* 586px */
}

#advantage .texts {
	margin-left: 50%; /* 640px */
	padding-top: 11px;
}

#advantage .texts .title {
	font-family: 'NunitoSans', Arial, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #a2988a;
	line-height: 0.85;
	margin-bottom: 23px;
}

#advantage .texts .title em {
	font-style: normal;
	color: #f8971d;
}

#advantage .texts .seeBtn {
	position: relative;
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #a2988a;
	margin: 47px 0 0;
	padding: 11px 24px 11px 44px;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

#advantage .texts .seeBtn:hover {
	background-color: #b4a99b;
}

#advantage .texts .seeBtn:after {
	position: absolute;
	left: 17px;
	top: 15px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 16px;
	border-color: transparent transparent transparent #ffffff;
}



/* Our Homes */

#ourHomes {
	background: #f4f2f0;
}

#ourHomes .section {
	padding-top: 20px;
	padding-bottom: 80px;
}

#ourHomes .categories {
	margin: 0 -3px 25px;
	padding: 0;
}

#ourHomes .categories li {
	float: left;
	margin: 0;
	padding: 0 3px;
	list-style: none;
	width: 25%;
}

#ourHomes .categories li a {
	display: block;
	background: #ffffff;
}

#ourHomes .categories li a:hover .image .pic {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

#ourHomes .categories li .image {
	display: block;
	overflow: hidden;
	position: relative;
}

#ourHomes .categories li .image:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 57.70%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(37,33,34,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(37,33,34,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(37,33,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#252122',GradientType=0 );
}

#ourHomes .categories li .image .pic {
	display: block;
	width: 100%;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	transition: transform 0.3s;
}

#ourHomes .categories li .image .name {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 10px 70px;
	text-align: center;
	font-family: 'NunitoSans-ExtraLight', Arial, sans-serif;
	font-size: 38.71px;
	color: #fff;
	z-index: 1;
	line-height: 0.875;
}

#ourHomes .categories li .image .name.centered {
	top: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#ourHomes .categories li .image .name img {
	display: block;
	width: 232px;
	margin: 0 auto;
}

#ourHomes .categories li .text {
	display: block;
	font-size: 14px;
	color: #4e4c4d;
	padding: 13px 10px;
	line-height: 1.143;
	font-family: 'NunitoSans-Light', Arial, sans-serif;
}

#ourHomes .categories li .text strong {
	display: block;
	font-family: 'NunitoSans-Black', Arial, sans-serif;
	font-weight: normal;
	color: #4e4c4d;
	margin-bottom: 5px;
}

#ourHomes .categories li .text em {
	font-size: 14px;
	font-style: normal;
	color: #f8971d;
	white-space: nowrap;
}

#ourHomes .categories.more li {
	width: 50%;
}


#ourHomes .categories.more li .image:after {
	height: 80.70%;
}

#ourHomes .categories.more li .image .name {
	padding-bottom: 100px;
}

/* Builder */

#builder .section {
	padding-top: 55px;
	padding-bottom: 55px;
	font-size: 14px;
	color: #4e4c4d;
	text-align: center;
}

#builder p {
	margin: 0 0 10px;	
}

#builder .title {
	font-family: 'NunitoSans-ExtraLight', Arial, sans-serif;
	font-size: 48.37px;
	margin: 0 0 30px;
	line-height: 1;
}

#builder .subtitle {
	font-weight: bold;
}

#builder .readmore {
	display: inline-block;
	color: #f8971d;
	margin: 0;
}

#builder .section.family .title {
	color: #f8971d;
}

/* Fan Mail */

#fanMail {
	background: #f9a233 url(../images/fanmail-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#fanMail .section {
	padding: 50px 140px 55px;
	text-align: center;
	color: #fff;
}

#fanMail .title {
	font-family: 'NunitoSans-ExtraLight', Arial, sans-serif;
	font-size: 40px;
}

#fanMail blockquote {
	margin: 0;
	padding: 0;
	font-family: 'NunitoSans-Light', Arial, sans-serif;
	font-style: italic;
	font-size: 30px;
	border: 0;
	line-height: 1.33;
}

#fanMail blockquote cite {
	margin: 0;
	padding: 0;
	font-family: 'NunitoSans-ExtraBold', Arial, sans-serif;
	font-style: normal;
	font-size: 20px;
}

/* Discover */

#discover {
	background: #e2dfdb;
}

#discover .section {
	padding-top: 50px;
	padding-bottom: 50px;	
}

#discover .homes {
	margin: 0 0 0 -13px;
	padding: 0;
}

#discover .homes li {
	margin: 0 -4px 0 0;
	padding: 0 0 0 13px;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: 25%;
}

#discover .homes li .image {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

#discover .homes li .name {
	position: relative;
	margin: 0 0 10px;
	font-family: 'NunitoSans-Light', Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding-top: 53px;
	line-height: 1.1;
}

#discover .homes li .name:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 0 18px 54px;
	border-color: transparent transparent transparent #615e57;
}

#discover .homes li .desc {
	margin: 0 0 24px;
	font-family: Arial, sans-serif;
	font-size: 16px;
}

#discover .homes li .viewBtn {
	display: block;
	background: #615e57;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 14px;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

#discover .homes li .viewBtn:hover {
	background-color: #726f69;
}

#discover .homes li.color02 .name:after {
	border-color: transparent transparent transparent #f7971c;	
}

#discover .homes li.color02 .viewBtn {
	background-color: #f7971c;
}

#discover .homes li.color02 .viewBtn:hover {
	background-color: #ffa931;
}

#discover .homes li.color01 .name:after {
	border-color: transparent transparent transparent #a2988a;	
}

#discover .homes li.color01 .viewBtn {
	background-color: #a2988a;
}

#discover .homes li.color01 .viewBtn:hover {
	background-color: #b7ac9d;
}

#discover .homes li.color03 .name:after {
	border-color: transparent transparent transparent #004a64;	
}

#discover .homes li.color03 .viewBtn {
	background-color: #004a64;
}

#discover .homes li.color03 .viewBtn:hover {
	background-color: #225e78;
}


#onDisplay.forInclusions {
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	font-family: "NunitoSans-ExtraLight", Arial, sans-serif;
	font-size: 18px;
	color: #333e49;
}

/* Latest News */

#latestNews .section {
	padding-top: 50px;
	padding-bottom: 50px;		
}

#latestNews .left {
	float: left;
	width: 59.21875%; /* 758px */
}

#latestNews .right {
	float: right;
	width: 38.59375%; /* 494px */
}

#latestNews .article {
	margin-bottom: 19px;
}

#latestNews .article .image {
	display: block;
	width: 100%;
}

#latestNews .article .desc .title {
	font-family: 'NunitoSans-Light', Arial, sans-serif;
	margin-bottom: 15px;
	line-height: 1.3;
}

#latestNews .article .desc .title em {
	font-style: normal;
	font-family: 'NunitoSans-Black', Arial, sans-serif;
}

#latestNews .article .desc {
	font-size: 14px;
}

#latestNews .article.big {
	background: #ebeae5;
}

#latestNews .article.big .desc {
	padding: 30px 40px;
}

#latestNews .article.big .desc .title {
	font-size: 48px;
}

#latestNews .article.small {
	background: #eef2f4;
}

#latestNews .article.small .desc {
	padding: 34px 26px;
}

#latestNews .article.small .desc .title {
	font-size: 30px;
	color: #004a64;
}

#latestNews .article.orangeColor {
	background-color: #fdebd5;
}

#latestNews .article.small.orangeColor .title {
	color: #f8971d;
}

#latestNews .article.small.orangeColor a {
	color: #f8971d;
}

#latestNews .browseMore {
	clear: both;
	text-align: center;
	color: #fff;
	padding-top: 35px;
	margin: 0;
}

#latestNews .browseMore a {
	display: inline-block;
	background: #a2988a;
	font-size: 14px;
	font-weight: bold;
	padding: 14px 28px;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

#latestNews .browseMore a:hover {
	background-color: #b4a99b;
}


.divider {
	padding-bottom: 3.90625%;
	border-bottom: 1px solid #cdc9c1;
	margin-bottom: 5.078125%;		
}

/* Dropdown */

.dropdown {
	position: relative;
	width: 274px;
	height: 36px;
	background: #fff;
}

.dropdown select {
	margin: 0;
	padding: 0 11px;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	color: #615e57;
	font-family: 'NunitoSans', Arial, sans-serif;
	font-size: 14px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	background: none;
}

.dropdown:after {
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -4px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #625f58 transparent transparent transparent;
	pointer-events: none;
}


/* Arrow Title */

.arrowTitle {
	position: relative;
	font-family: 'NunitoSans', Arial, sans-serif;
	font-size: 28px;
	padding-left: 49px;
	line-height: 1.2;
	margin: 0 0 30px;
}

.arrowTitle:after {
	content: "";
	position: absolute;
	left: 0;
	top: 4.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 0 11px 33px;
	border-color: transparent transparent transparent #f7981c;
}

.arrowTitle.small {
	font-family: 'NunitoSans-Light', Arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
	padding-left: 43px;
}

.arrowTitle.small strong {
	font-family: 'NunitoSans-ExtraBold', Arial, sans-serif;
	font-weight: normal;
}

.arrowTitle.small:after {
	top: 3px;
}

.introText {
	font-family: 'NunitoSans', Arial, sans-serif;
	font-size: 18px !important;
	font-weight: bold;
}

.orangeText {
	font-family: 'NunitoSans', Arial, sans-serif;
	font-size: 18px !important;
	color: #f8971d;
}

.boldOrangeText {
	font-family: 'NunitoSans', Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #f8971d;
}

/* Miscelleneous */

p {
	margin: 0 0 20px;
}

a,
a:hover,
a:active,
a:focus {
	text-decoration: none;
	outline: none;
	color: inherit;
}

img {
	border: 0;
	max-width: 100%;
}

.clear {
	clear: both;
}

.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}

.clearfix { 
  display: inline-block;  
}

* html .clearfix{  
  height: 1%;  
}

.clearfix {  
  display: block;  
}

::-webkit-input-placeholder {
	color: #a6a6a6;
	opacity: 1;
}

:-moz-placeholder {
	color: #a6a6a6;
	opacity: 1;
}

::-moz-placeholder {
	color: #a6a6a6;
	opacity: 1;
}

:-ms-input-placeholder {  
	color: #a6a6a6;
	opacity: 1;
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.owl-carousel .owl-item img {
	-webkit-backface-visibility: hidden;
}

.owl-carousel .owl-item { 
	-webkit-transform: translateZ(0);
}