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

@font-face {
    font-family: 'melbournebold';
    src: url('melbourne_bold-webfont.woff2') format('woff2'),
         url('melbourne_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'melbournebold', sans-serif;
	letter-spacing:1px;
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    margin: 0;
	font-size:1em;
	width:100%;
}

body.noscroll {
	overflow:visible;
}
body.noscroll {
	overflow:hidden;
}

.loading {
	background: url(../../img/newhome/ico_loading.gif) no-repeat center center;
}

.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	outline:0;
	min-height:100vh;
	overflow:hidden;
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}

.loading .wrapper {
	opacity: 0;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	outline:0;
	min-height:100vh;
	overflow:hidden;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1, h2 {
    font-size: 2em;
	margin: .5em 0;
}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:1.5em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
	text-decoration:none;
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder;
}

button,
input,
optgroup,
select,
textarea {
/*    font-family: sans-serif;*/
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button {
    background: transparent;	
	border:none;
	font-family: 'melbournebold';
	cursor:pointer;
}

.gold-button {
	background:url(../../img/newhome/00_icon_header_bgpattern/00icon-arrow-white-right.svg);
	background-repeat:no-repeat;
	background-position:right 1.5rem top 12px;
	background-size:13px;
    padding: .75rem 3rem .75rem 1.5rem;
	border:none;
	background-color:#D2AE6D;
	color:#fff;
	text-align:right;
	font-size:1.2em;
}

.black-button {
	background:url(../../img/newhome/00_icon_header_bgpattern/00icon-arrow-gold-right.svg);
	background-repeat:no-repeat;
	background-position:right 1.5rem top 12px;
	background-size:13px;
    padding: .75rem 3rem .75rem 1.5rem;
	border:none;
/*	background-color:#D2AE6D;*/
	color:#D2AE6D;
	text-align:right;
	font-size:1.2em;
	cursor:pointer;
}

button.gold-button:hover {
	background-color:#A67F37;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

p {
	line-height: 1.5em;
}

table {
    border-collapse: collapse
}

.bg-tile {    
	background:url(../../img/newhome/00_icon_header_bgpattern/00bg-pleasetilethis.svg);
	background-repeat: repeat;
    background-size: 300px 300px;
	background-position:center;
}

.bg-grey-dark {    
	background-color: #141414;
}

.border-gold {
    border-color: #D2AE6D;
}

.border-white {
    border-color: #fff;
}

.rounded {
    border-radius: .25rem
}

.border-solid {
    border-style: solid
}

.border-0 {
    border-width: 0
}

.border-4 {
    border-width: 4px
}

.border {
    border-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.hidden {
    display: none
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.margin-center {
	margin:0 auto;
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-gold {
    color: #D2AE6D;
}

.text-white {
    color: #fff
}

.text-xs {
    font-size: .75rem
}

.text-sm {
    font-size: .875rem;
}

.text-xl {
    font-size: 1.25rem;
}

.text-2xl {
    font-size: 1.5rem;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.no-underline {
    text-decoration: none;
}

.div-table {
	display:table;
}

.div-table-row {
	display:table-row;
}

.div-table-cell {
	display:table-cell;
	position:relative;
}

.prev-arrow, .next-arrow {
	display:block;
}

section {
	position:relative;
	width:100%;
	height:100vh;
	padding:0;
	overflow:hidden;
}

#desktop-border {
	position:fixed;
	margin:35px;
	width: calc(100% - 70px);
	height: calc(100vh - 70px);
	z-index:1;
	display:block;
}

.cover-bg {
	position:absolute;
	left:0;
	top:0;
	width:100vw;
	height:100vh;		
}

.cover-img {
	background-repeat: no-repeat;
	background-position: center; 
    background-size: cover;
	background-attachment: fixed;
}

.cover-img2 {
	background-repeat: no-repeat;
	background-position: center; 
    background-size: cover;
/*	background-attachment: fixed;*/
}

.mobile-hide, .mobile-block {
	display:inline;
}
/* section nav begins*/
nav {
	position:fixed;
/*	padding-top:50px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:0;*/
	width: 100%;
	height:90px;
	z-index:3;
	background-color:transparent;
	border-bottom:none;
}

#nav-logo {
	position:absolute;
	top:55px;
	left:55px;
	width:60px;
	height:60px;
	background:url(../../img/newhome/00_icon_header_bgpattern/header_icon_gold.svg);
	background-repeat:no-repeat;
	background-size:60px;
	cursor:pointer;
}

#nav-menu-button {
	position:absolute;
	right:55px;
	top:55px;
	font-weight:bolder;
	font-size:1.5em;
	line-height:0.6em;
/*	color:#D2AE6D;*/
	cursor:pointer;
}

#menu-overlay {
/*	background-color:#000;*/
	position:fixed;
	width:100%;
	height:100vh;
	z-index:3;
}

#menu-overlay.black {
	background-color:#000;
}

#menu-overlay.gold {
	background-color:#D2AE6D;
}

#menu-overlay.close {
	opacity:0;
}

#menu-overlay.open {
	opacity:0.75;
}

#menu-overlay.gold.open {
	opacity:0.95;
}

#menu-overlay.out {
	left:-100vw;
}

#menu-overlay.in {
	left:0;
}

#menu-overlay.gallery, #menu-overlay.floorplan {
	z-index:4;
}

#menu-close-button {
	position:absolute;
	top:25px;
	left:25px;
	font-weight:bolder;
	font-size:1.5em;
	line-height:0.6em;
	cursor:pointer;
	z-index:1;
}

#nav-menu-button:hover, #menu-close-button:hover {
	color:#A67F37;
}

#nav-menu {
	width:50vw;
	height:100vh;
	position:fixed;
	z-index:9999;
	top:0;
	border-left:#D2AE6D solid 1px;
}

#nav-menu.open {
	right:0;
}

#nav-menu.close {
	right:-100vw;
}

#nav-menu #menu-list {
	width:100%;
	position:relative;
	padding-top:50px;
	margin-left:-1em;
}

#nav-menu #menu-contact {
	color:#fff;
	text-align:center;
	position:absolute;
	width:100%;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}

#nav-menu a, #nav-menu a:link, #nav-menu a:focus, #nav-menu a:visited, #nav-menu a:active {
	color:#fff;
}

#nav-menu ul li {
	line-height:2em;
	list-style:none;
	font-weight:bold;
	font-size:1.35em;
	display:block;
	color:#ffffff;
	text-align:center;
	text-transform: uppercase;
}

#nav-menu ul li:hover, #nav-menu ul li.active {
	color:#D2AE6D;
}

#nav-menu ul li.register-button {
	color:#D2AE6D;
}

#nav-menu ul li.register-button:hover, #nav-menu ul li.register-button:active {
	color:#fff;
}

#nav-menu ul li ul li {
	list-style:none;
	font-weight:bold;
	font-size:1em;
	display:block;
	color:#ffffff;
	text-align:center;
	text-transform: uppercase;
	margin-left:-1.75em;
}

/* section nav ends*/

/* element animation area begin */

#intro-anim-01, #intro-anim-02 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
}

#intro-anim-01.loaded, #intro-anim-02.loaded {
	opacity:1;
	transform:none;
}

.intro-arrow.loaded {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

#vision-anim-01, #vision-anim-02, #vision-anim-03 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
/*	padding-top:75px;*/
}

#vision-anim-01.loaded, #vision-anim-02.loaded, #vision-anim-03.loaded {
	opacity:1;
	transform:none;
/*	padding-top:0;*/
}

.vision-prev-arrow.loaded {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

.vision-next-arrow.loaded {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:1;
	opacity:1;
}

#west-coast-anim-01, #west-coast-anim-02, #west-coast-anim-03, #west-coast-anim-07 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
}

#west-coast-anim-01.loaded, #west-coast-anim-02.loaded, #west-coast-anim-03.loaded, #west-coast-anim-07.loaded {
	opacity:1;
	transform:none;
}

#west-coast-anim-04, #west-coast-anim-05, #west-coast-anim-06 {
	transition: all 1.5s ease;
	opacity:0;
}

#west-coast-anim-04.loaded, #west-coast-anim-05.loaded, #west-coast-anim-06.loaded {
	opacity:1;
}

.west-coast-prev-arrow.loaded {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

.west-coast-next-arrow.loaded {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:1;
	opacity:1;
}

#neighbourhood-anim-01, #neighbourhood-anim-02 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
}

#neighbourhood-anim-03 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
}

#neighbourhood-anim-01.loaded, #neighbourhood-anim-02.loaded {
	opacity:1;
	transform:none;
}

#neighbourhood-anim-03.loaded {
	opacity:1;
	transform:none;
}

.neighbourhood-prev-arrow.loaded {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

.neighbourhood-next-arrow.loaded {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

.legend-anim-01, .legend-anim-02, .legend-anim-03 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateX(-50px);
}

.legend-anim-01.loaded, .legend-anim-02.loaded, .legend-anim-03.loaded {
	opacity:1;
	transform:translateX(0);
}

#views-anim-01, #views-anim-02, #views-anim-03, #views-anim-04 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
}

#views-anim-01.loaded, #views-anim-02.loaded, #views-anim-03.loaded, #views-anim-04.loaded {
	opacity:1;
	transform:none;
}

.views-prev-arrow.loaded {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

.views-next-arrow.loaded {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:1;
	opacity:1;
}

#master-anim-01, #master-anim-02, #master-anim-03, #master-anim-04, #master-anim-05, #master-mobile-anim-01, #master-mobile-anim-02, #master-mobile-anim-03, #master-mobile-anim-04 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
}

#master-anim-01.loaded, #master-anim-02.loaded, #master-anim-03.loaded, #master-anim-04.loaded, #master-anim-05.loaded, #master-mobile-anim-01.loaded, #master-mobile-anim-02.loaded, #master-mobile-anim-03.loaded, #master-mobile-anim-04.loaded {
	opacity:1;
	transform:none;
}

.master-prev-arrow.loaded {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

.master-next-arrow.loaded {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

#architecture-anim-01, #architecture-anim-02, #architecture-anim-03, #architecture-anim-04, #architecture-anim-05, #architecture-anim-06 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
}

#architecture-anim-01.loaded, #architecture-anim-02.loaded, #architecture-anim-03.loaded, #architecture-anim-04.loaded, #architecture-anim-05.loaded, #architecture-anim-06.loaded {
	opacity:1;
	transform:none;
}

.architecture-prev-arrow.loaded {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

.architecture-next-arrow.loaded {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:1;
	opacity:1;
}

#interiors-anim-01, #interiors-anim-02, #interiors-mobile-anim-01 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
}

#interiors-anim-03 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translate(-50%, 70px);
}

#interiors-anim-04, #interiors-anim-05 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translate(-50%, 50px);
}

#interiors-anim-01.loaded, #interiors-anim-02.loaded, #interiors-mobile-anim-01.loaded {
	opacity:1;
	transform:none;
}

#interiors-anim-03.loaded {
	opacity:1;
	transform:translate(-50%, 20px);
}

#interiors-anim-04.loaded, #interiors-anim-05.loaded {
	opacity:1;
	transform:translate(-50%, 0);
}

.interiors-prev-arrow.loaded {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

.interiors-next-arrow.loaded {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:1;
	opacity:1;
}

#team-anim-01, #team-anim-02, #team-anim-03 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
}

#team-anim-01.loaded, #team-anim-02.loaded, #team-anim-03.loaded {
	opacity:1;
	transform:none;
}

.team-prev-arrow.loaded {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

.team-next-arrow.loaded {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

#contact-anim-01, #contact-anim-02, #contact-anim-04, #contact-mobile-anim-01 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
}

#contact-anim-03 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translate(-100%, 50px);
}

#contact-anim-01.loaded, #contact-anim-02.loaded, #contact-anim-04.loaded, #contact-mobile-anim-01.loaded {
	opacity:1;
	transform:none;
}

#contact-anim-03.loaded {
	opacity:1;
	transform:translate(-100%, 0);
}

.contact-prev-arrow.loaded {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 0);
	z-index:4;
	opacity:1;
}

/* element animation area ends */

/* section #welcome begins*/

intro {
/*	transition: all 1.5s ease;*/
	position:fixed;width:100vw;height:100vh;
	opacity:1;
	display:block;
	z-index:5;
}

intro.hide {
	opacity:0;	
}

intro.remove {
	display:none;
}

.welcome_logo {
/*  transition: all 1.5s ease;*/
  position: absolute;
  top: 50vh;
  margin-top: -125px;
  width:auto;
  left: 50%;
  transform: translateX(-50%);
  opacity:0;
  
}

.welcome_logo.show {
	opacity:1;
}
/* section #welcome ends */

/* gallery begins */
gallery {
	position:fixed;
	width:100%;
	height:100vh;
	padding:0;
	overflow:hidden;
	z-index:5;
}

gallery.open {
	top:0;
}

gallery.close {
	top:-100vh;
}

#gallery-close-button {
	position:absolute;
	right:10vw;
	top:35px;
	font-weight:bolder;
	font-size:1.5em;
	line-height:0.6em;
/*	color:#D2AE6D;*/
	cursor:pointer;
	z-index:1;
}

#gallery-close-button:hover {
	color:#A67F37;
}

.gallery-wrap {
	position:relative;
	top:calc(50% - 17.5px);	
	width:100%;
	padding:35px;
	transform:translateY(-50%);
	margin:0;
	z-index:2;
	text-align:center;
}

.gallery-display {
	position:relative;
	height: 65vh;
	width:auto;
	margin:0 auto;
/*	max-width:60vw;*/
	text-align:center;
}

.gallery-display img {
	height:65vh;
	width:auto;
	margin:0 auto;
}

.gallery-display img.portrait {
	height: 65vh;
	width:auto;
	margin:0 auto;
}

.gallery-nav {
	position:relative;
	margin:0 auto;
	max-width:80vw;
	padding-top:25px;
	padding-bottom:15px;
}

.gallery-nav img {
	width:100%;
	padding:5px;
	cursor:pointer;
}

.gallery-slider-nav {
	width:33%;
	margin:0 auto;
}

.gallery-slider-nav img {
	width:20px;
	display:block;
	cursor:pointer;
}

/* gallery ends */

/* section #intro begins*/
#intro {
  	background:url(../../img/newhome/01_intro/01_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.intro-block {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	padding:0;
	margin:0;
	min-width:533px;
	z-index:2;
}

.intro-block-img {
	width:auto;
	padding-right:35px;
	text-align:right;
}

.intro-block-img img {
	width:150px;
	height:138px;
}

.intro-block-heading {
	vertical-align:middle;
	min-width:385px;
	text-align:left;
}

.intro-arrow {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, -50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

.mobile-h1-title {
	line-height:1.15em;
}
/* section #intro ends */

/* section #vision begins*/

.vision-block {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	padding:0;
	margin:0;
	width:450px;
	z-index:2;
}

.vision-txt {
	border-left:#D2AE6D solid 1px;
	margin-top:25px;
	margin-left:55px;
	padding-left:50px;
}

.vision-prev-arrow {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

.vision-next-arrow {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, -50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

/* section #vision ends*/

/* section #west_coast_lifestyle begins*/
.west_coast_lifestyle-block {
	position:absolute;
	top:60px;
	left:15%;
	padding:0;
	margin:0;
	width:30%;
	z-index:2;
}

.west_coast_lifestyle-txt {
	line-height:1.5em;
	color:#fff;
	width:90%;
}

.west_coast_lifestyle-gallery-block {
	position:absolute;
	top:60px;
	left:45%;
	padding:0;
	margin:0;
	margin-top:72px;
	width:48%;
	z-index:2;
	text-align:left;
}

.west_coast_lifestyle-gallery-block .img-block {
	width:calc(33.33% - 10px);
	padding:0;
	padding-right:10px;
	display:table-cell;
}

.west_coast_lifestyle-gallery-block .img-block-third {
	display:table-cell;
}

.west_coast_lifestyle-gallery-block .img-block img {
	width:100%;
	border:0;
	outline:0;
}

.west-coast-prev-arrow {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

.west-coast-next-arrow {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, -50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}
/* section #west_coast_lifestyle ends*/

/* section #neighbourhood begins*/
.neighbourhood-wrap {
	position:absolute;
	top:100px;
	width:calc(100% - 150px);
	left:50%;
	transform:translateX(-50%);
	padding:35px;
	padding-left:75px;
	margin:0;
	z-index:2;
	color:#fff;
	text-align:left;
}
.neighbourhood-block {
	width:325px;
	padding:0;
	padding-right:30px;
	vertical-align:top;
}

.neighbourhood-img-block {
	width:auto;
	padding:0;
	padding-left:0px;
	padding-top:40px;
}

.neighbourhood-img-block img {
	width:100%;
	border:0;
	outline:0;
}

.neighbourhood-legend-cat {
	display:block;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
	padding-bottom:10px;
}

.legend-box {
	position:absolute;
	left:75px;
	top:200px;
	width:290px;
	height:80vh;
}

.neighbourhood-legend-cat ol {
	margin-left:18px;
}

/*ol.hide {
	height:0;
}

ol.active {
	height:auto;
}*/

.legend-square {
	display:inline-block;
	width:15px;
	height:15px;
	margin-bottom:-2px;
	margin-right:15px;
}

.shopping_bgcolor {
  	background-color: #ba6734; /* Change the color */
}

.recreation_bgcolor {
  	background-color: #8b64ab; /* Change the color */
}

.schools_bgcolor {
  	background-color: #1e949f; /* Change the color */
}

.legend-box ul {
	list-style-position:outside;
}

.legend-box li {
	cursor:pointer;
	list-style: none;
	counter-increment: step-counter;
	text-transform:none;
	color:#fff;
	margin-bottom:5px;
}

.legend-box li::before {
	content: counter(step-counter);  /* Add content: \2022 is the CSS Code/unicode for a bullet */
/*  	color: #ba6734; /* Change the color */
  	font-weight: bolder; /* If you want it to be bold */
  	display: inline-block; /* Needed to add space between the bullet and the text */ 
  	width: 1em; /* Also needed for space (tweak if needed) */
  	margin-left: -1em; /* Also needed for space (tweak if needed) */
	text-indent:-10px;
}

.shopping_dining_list li::before {
  	color: #ba6734; /* Change the color */
}

.recreation_list li::before {
  	color: #8b64ab; /* Change the color */
}

.schools_list li::before {
  	color: #1e949f; /* Change the color */
}

.shopping-imgMap-item, .recreation-imgMap-item, .schools-imgMap-item {
	cursor:pointer;
	position: absolute; 
	z-index: 2;	
}

.neighbour-map-infobox {
	position:absolute;
	z-index:2;
	opacity:0;
	transition: opacity 1.5s ease;
	top:0;
	left:0;
	color:#000000;
}

.neighbour-map-infobox.show {
	opacity:1;
}

.neighbour-map-pointer.left {
	background: url(../../img/newhome/04_neighborhood/triangle-left.svg) no-repeat left top;
	background-size:30%;
	display:block;
	height:10px;
}

.neighbour-map-pointer.right {
	background: url(../../img/newhome/04_neighborhood/triangle-right.svg) no-repeat right top;
	background-size:30%;
	display:block;
	height:10px;
}

.neighbour-map-content {
	color:#000000;
	background-color:#ffffff;
	display:block;
	padding:10px;
}

.neighbourhood-prev-arrow {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

.neighbourhood-next-arrow {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, -50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

/* section #neighbourhood ends*/

/* section #master_planned_community begins*/
.master_planned_community-wrap {
	position:absolute;
	top:100px;
	width:calc(100% - 70px);
	left:50%;
	transform:translateX(-50%);
	padding:35px;
	padding-top:15px;
	padding-bottom:35px;
	margin:0;
	z-index:2;
	color:#fff;
	text-align:left;
}
.master_planned_community-block {
	min-width:327px;
	width:28%;
	padding:0;
	padding-top:20px;
	padding-right:30px;
	vertical-align:top;
}

.master_planned_community-block-mobile {
	display:none;
}

.master_planned_community-img-block {
	width:auto;	
	padding:0;
	padding-top:0;
	text-align:left;
}

.master_planned_community-img-block img {
	width:100%;
/*	max-height:80vh;*/
	border:0;
	outline:0;
/*	margin-top:-30px;*/
}

.master-prev-arrow {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

.master-next-arrow {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, -50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}
/* section #master_planned_community ends*/

/* floorplan begins */
#floorplan {
	position:fixed;
	width:100%;
	height:100vh;
	padding:0;
	overflow:hidden;
	z-index:5;
}

#floorplan.open {
	top:0;
}

#floorplan.close {
	top:-100vh;
}

#floorplan-close-button {
	position:absolute;
	right:10vw;
	top:35px;
	font-weight:bolder;
	font-size:1.5em;
	line-height:0.6em;
	color:#fff;
	cursor:pointer;
	z-index:1;
}

#floorplan-close-button:hover {
	color:#A67F37;
}

.floorplan-wrap {
	position:relative;
	top:calc(50% - 17.5px);	
	width:100%;
	padding:35px;
	transform:translateY(-50%);
	margin:0;
	z-index:2;
	text-align:center;
}

.floorplan-display {
	position:relative;
	height: 80vh;
	width:auto;
	margin:0 auto;
/*	max-width:60vw;*/
	text-align:center;
}

.floorplan-display img {
	height:80vh;
	width:auto;
	margin:0 auto;
}

.floorplan-slider-nav {
	width:33%;
	margin:0 auto;
}

.floorplan-slider-nav img {
	width:20px;
	display:block;
	cursor:pointer;
}

.floorplan-next-button {
	background:url(../../img/newhome/00_icon_header_bgpattern/00icon-arrow-white-right.svg);
	background-repeat:no-repeat;
	background-position:right 1.5rem top 12px;
	background-size:13px;
    padding: .75rem 3rem .75rem 1.5rem;
	border:none;
	color:#fff;
	text-align:right;
	font-size:1.2em;
	cursor:pointer;
	float:right;
}

.floorplan-prev-button {
	background:url(../../img/newhome/00_icon_header_bgpattern/00icon-arrow-white-left.svg);
	background-repeat:no-repeat;
	background-position:left 1.5rem top 12px;
	background-size:13px;
    padding: .75rem 1.5rem .75rem 3rem;
	border:none;
	color:#fff;
	text-align:left;
	font-size:1.2em;
	cursor:pointer;
	float:left;
}

.floorplans-imgMap-item {
	cursor:pointer;
	position: absolute; 
	z-index: 2;
	background-color:#D2AE6D;
	opacity:0;
	transition: all 0.5s ease;
}

.floorplans-imgMap-item:hover {
	opacity:0.65;
}

/* floorplan ends */

/* section #views begins*/
.views-wrap {
	position:relative;
	top:120px;
	width:100%;
/*	left:50%;
	transform:translateX(-50%);*/
	padding:0;
	margin:0;
	z-index:2;
	color:#fff;
	text-align:center;
/*	overflow:hidden;*/
}
.views-block {
	width:400px;
	padding:0;
	vertical-align:top;
	margin:0 auto;
	margin-top:-10vh;
	position:relative;
}

.views-img-block {
	width:100%;
	height:40vh;
	position:relative;
/*	left:50%;
	transform: translateX(-50%);*/
	padding:0;
	margin:0;
}

.views-prev-arrow {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

.views-next-arrow {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, -50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

/* section #views ends*/

/* section #architecture begins*/
.architecture-wrap {
	position:absolute;
	top:0;
	width:calc(100% - 150px);
	left:50%;
	transform:translate(-50%, 8%);
	padding:35px;
	padding-left:75px;
	padding-right:75px;
	margin:0;
	z-index:2;
	color:#fff;
	text-align:left;
}
.architecture-block {
	width:425px;
	padding:0;
	padding-right:150px;
	vertical-align:top;
	text-align:right;
	position:absolute;
	right:0;
	top:35px;
}

.architecture-img-block {
	width:65%;
	padding:0;
	text-align:center;
	position:relative;
}

.architecture-img-block2 {
	width:45%;
	padding:0;
	position:absolute;
	bottom:0;
	right:5vw;
}

.architecture-img-block img, .architecture-img-block2 img {
	width:100%;
	border:0;
	outline:0;
}

.features-download {
	display:block;
}

.features-download-mobile {
	display:none;
}

.architecture-prev-arrow {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

.architecture-next-arrow {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, -50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}
/* section #architecture ends*/

/* section #interiors begins*/
.interiors-wrap {
	position:relative;
	top:60px;
	width:calc(100% - 150px);
	left:50%;
	transform:translateX(-50%);
	padding:20px;
	padding-left:75px;
	padding-right:75px;
	margin:0;
	z-index:2;
	color:#fff;
	text-align:center;
}
.interiors-block {
	width:40%;
	padding:0;
	vertical-align:top;
	text-align:center;
}

.interiors-slider {
	width:130%;
	position:relative;
	left:50%;
	transform: translateX(-50%);
	padding:0;
	margin:0;
	z-index:2;
}

.interiors-slider div {
	padding:3px;	
}

.interiors-slider div img {
	width:100%;
}

.interiors-slider-nav {
	position:relative;
	display:block;
	padding:0;
	width:33%;
	left:50%;
	transform: translateX(-50%);
	z-index:2;
	margin-top:25px;
}

.interiors-nav-mobile {
	display:none;
	padding:0;
	width:40%;
	margin:0 auto;
}

.interiors-slider-nav img, .interiors-nav-mobile img {
	width:20px;
	display:block;
	cursor:pointer;
}

.interiors-disclaimer {
	position:absolute;
	font-size:0.5em;
	bottom:110px;
	width:40vw;
	left:50%;
	transform: translateX(-50%);
	margin:0 auto;
	padding:0;
	text-align:center;
}

.interiors-prev-arrow {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

.interiors-next-arrow {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, -50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}
/* section #interiors ends*/

/* section #team begins*/
.team-wrap {
	position:absolute;
	top:15vh;
	width:1180px;
	left:50%;
	transform:translateX(-50%);
	padding:35px;
	padding-left:75px;
	padding-right:75px;
	margin:0;
	z-index:2;
	color:#fff;
	text-align:left;
}

.team-logo {
	display:block;
	width:250px;
	margin:0 auto;	
	padding-bottom:35px;
}

.team-logo img {
	width:100%;
	border:0;
	outline:0;
}

.team-block-left {
	width:50%;
	padding:0;
	padding-right:30px;
	vertical-align:top;
	text-align:right;
	border-right:#D2AE6D solid 1px;
	position:relative;
}

.team-block-left-txt {
	width:325px;
	float:right;
}

.team-block-right {
	width:50%;
	padding:0;
	padding-left:30px;
	vertical-align:top;
	text-align:left;
}

.team-title {
	font-size:1.2em;
}

.team-wrap p {
	line-height:2em;
}

.team-link {
	display:block;
	width:100%;
	margin:0 auto;	
	text-align:center;
	padding-top:35px;
	font-size:1.2em;
}

.team-link a, .team-link a:link, .team-link a:focus, .team-link a:visited, .team-link a:active {
	color:#D2AE6D;
}

.team-link a:hover {
	color:#A67F37;
}

.team-prev-arrow {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

.team-next-arrow {
	position:absolute;
	bottom:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, -50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}
/* section #team ends*/

/* section #contact begins*/
.contact-wrap {
	position:absolute;
/*	top:15vh;*/
	width:1180px;
	left:50%;
	transform:translate(-50%, 50%);
	padding:35px;
	padding-left:75px;
	padding-right:75px;
	margin:0;
	z-index:2;
	color:#fff;
	text-align:left;
}

.contact-logo {
	display:block;
	width:250px;
	margin:0 auto;	
	padding-bottom:35px;
}

.contact-logo img {
	width:100%;
	border:0;
	outline:0;
}

.contact-block-mobile {
	display:none;
}

.contact-block-left {
	width:50%;
	padding:0;
	padding-right:30px;
	vertical-align:top;
	text-align:right;
	border-right:#D2AE6D solid 1px;
	position:relative;
}

.contact-block-left a, .contact-block-left a:link, .contact-block-left a:focus, .contact-block-left a:visited, .contact-block-left a:active {
	color:#fff;
}

.contact-block-right {
	width:50%;
	padding:0;
	padding-left:40px;
	vertical-align:middle;
	text-align:left;
}

.contact-block-right img {
	width:45%;
	border:0;
	outline:0;
}

.contact-title {
	font-size:1.2em;
}

.contact-bottom-left {
	width:50%;
	padding:0;
	padding-right:30px;
	padding-top:30px;
	vertical-align:top;
	text-align:right;
	position:relative;
}

.contact-bottom-right {
	width:50%;
	padding:0;
	padding-left:30px;
	padding-top:30px;
	vertical-align:middle;
	text-align:left;
}

.contact-logo-block-left {
	width:150px;
	text-align:center;
	margin:0;
	padding:0;
	position:relative;
	left:100%;
	transform:translateX(-100%);
}

.contact-logo-block-right {
	width:150px;
	text-align:center;
	margin:0;
	padding:0;
}

.contact-logo-block img {
	width:100%;
	border:0;
	outline:0;
}
.contact-link {
	display:block;
	width:100%;
	margin:0 auto;	
	text-align:center;
	padding-top:35px;
}

.contact-link a, .contact-link a:link, .contact-link a:focus, .contact-link a:visited, .contact-link a:active {
	color:#D2AE6D;
}

.contact-link a:hover {
	color:#A67F37;
}

.contact-prev-arrow {
	position:absolute;
	top:70px;
	width:30px;
	left:50%;
	transform: translate(-50%, 50px);
	z-index:1;
	transition: all 1.5s ease;
	opacity:0;
}

/* section #contact ends*/

/* pano plugin */
		.pano {
			width: 100%;
			height: 100%;
			margin: 0 auto;
			cursor: move;
		}
		.pano .controls {
			position: relative;
			top: calc(50% - 15px);
		}
		.pano .controls a {
			position: absolute;
			display: inline-block;
			text-decoration: none;
/*			color: #eee;
			font-size: 3em;*/
			width: 30px;
			height: 30px;
		}
		.pano .controls a.left {
			left: 10px;
			cursor:pointer;
			background:url(../../img/newhome/00_icon_header_bgpattern/00icon-arrow-gold-left.svg);
			background-position:center;
			background-size:17px;
			background-repeat:no-repeat;			
		}

		.pano .controls a.right {
			right: 10px;
			cursor:pointer;
			background:url(../../img/newhome/00_icon_header_bgpattern/00icon-arrow-gold-right.svg);
			background-position:center;
			background-size:17px;
			background-repeat:no-repeat;
		}
		.pano.moving .controls a {
			opacity: 0.75;
			color: #eee;
		}
/* pano plugin ends */

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

body {
	font-size:0.9em;
}

#architecture-anim-01, #architecture-anim-02 {
	transform:translateY(70px);
}

#architecture-anim-01.loaded, #architecture-anim-02.loaded {
	transform:translateY(20px);
}

#interiors-anim-04 {
	transform:translate(-50%, 70px);
}

#interiors-anim-04.loaded {
	transform:translate(-50%, 20px);
}

.architecture-wrap {
	position:absolute;
	top:0;
	width:calc(100% - 150px);
	left:50%;
	transform:translate(-50%, 20%);
	padding:35px;
	padding-left:75px;
	padding-right:75px;
	margin:0;
	z-index:2;
	color:#fff;
	text-align:left;
}
}

@media only screen and (min-width: 768px) and (min-height: 768px) {
	.prev-arrow, .next-arrow {
		display:block;
	}
}

@media only screen and (max-width: 767px) and (max-height: 767px) {
	.prev-arrow, .next-arrow {
		display:none;
	}
}

@media only screen and (max-width: 768px) {
section {
	height:100vh;
	min-height:100vh;
	overflow-y:visble;
	overflow-x:hidden;
	padding:0;
	padding-left:0;
	padding-right:0;
}	
	
#nav-menu {
	width:100vw;
}

/*.prev-arrow, .next-arrow {
	display:block;
}*/

.div-table-cell {
	display:block;
}

.intro-block {
	min-width:1px;
	width:100%;
}

.intro-block-img {
	padding-right:0;
	text-align:center;
}

.intro-block-heading {
	vertical-align:middle;
	min-width:1px;
	width:100%;
	text-align:center;
}

/* gallery begins */
#gallery-close-button {
	right:25px;
	top:0;
}

.gallery-wrap {
	position:relative;
	width:100%;
	padding:35px;
	padding-left:0;
	padding-right:0;
}

.gallery-display {
	position:relative;
	height: auto;
	width:100%;
	margin:0 auto;
/*	max-width:60vw;*/
	text-align:center;
}

.gallery-display img {
	height: auto;
	width:100%;
	margin:0 auto;
}

.gallery-display img.portrait {
	height: 50vh;
	width:auto;
	margin:0 auto;
}

.gallery-slider-nav {
	width:80vw;
}
/* gallery ends */

/* floorplan begins */
#floorplan-close-button {
	right:25px;
	top:0;
}

.floorplan-wrap {
	position:relative;
	width:100%;
	padding:35px;
	padding-left:0;
	padding-right:0;
}

.floorplan-display {
	position:relative;
	height: auto;
	width:100%;
	margin:0 auto;
/*	max-width:60vw;*/
	text-align:center;
}

.floorplan-display img {
	height: auto;
	width:100%;
	margin:0 auto;
}

.floorplan-slider-nav {
	width:100vw;
}
/* floorplan ends */

/* section #west_coast_lifestyle begins*/
.west_coast_lifestyle-block {
	position:absolute;
	top:15vh;
	left:65px;
	width:40%;
}

.west_coast_lifestyle-gallery-block {
	position:absolute;
	top:15vh;
	left:48%;
	margin-top:72px;	
	width:45%;
	z-index:2;
	text-align:left;
}

.west_coast_lifestyle-txt {
	width:100%;
}

.west_coast_lifestyle-gallery-block .img-block {
	width:calc(33.33% - 10px);
	padding:0;
	padding-right:10px;
	display:table-cell;
}

.west_coast_lifestyle-gallery-block .img-block-third {
	display:none;
}

/* section #west_coast_lifestyle ends*/

/* section #neighbourhood begins*/
.neighbourhood-wrap {
	position:absolute;
	top:100px;
	width:100%;
	padding:65px;
	padding-top:0;
	margin:0;
	text-align:center;
}
.neighbourhood-block {
	width:100%;
	padding:0;
}

.neighbourhood-img-block {
	padding:0;
	padding-top:10px;
}

.legend-box {
	position:relative;
	top:25px;
	height:auto;
}
/* section #neighbourhood ends*/

/* section #master_planned_community begins*/
.master_planned_community-wrap {
	position:absolute;
	top:175px;
	width:100%;
	padding:0;
	text-align:left;
}

.master_planned_community-block {
	display:none;
}

.master_planned_community-block-mobile {
	width:100%;
	padding:65px;
	padding-top:20px;
	vertical-align:top;
	text-align:center;
}

.master_planned_community-mobile-title {
	padding-left:50px;
	padding-right:50px;
	text-align:left;
}

.master_planned_community-mobile-txt {
	padding-left:50px;
	padding-right:50px;
	text-align:left;
}

#master-anim-01.loaded, #master-anim-02.loaded, #master-anim-03.loaded, #master-anim-04.loaded, #master-anim-05.loaded, #master-mobile-anim-01.loaded, #master-mobile-anim-02.loaded, #master-mobile-anim-03.loaded, #master-mobile-anim-04.loaded {
	transform:translateY(-10px);
}
/* section #master_planned_community ends*/

/* section #architecture begins*/
.architecture-wrap {
	position:relative;
	top:75px;
	width:100%;
	left:50%;
	transform:translateX(-50%);
	padding:0;
	margin:0;
	z-index:2;
	color:#fff;
	text-align:left;
}
.architecture-block {
	width:100%;
	padding:0;
	padding-left:65px;
	padding-right:65px;
	vertical-align:top;
	text-align:left;
	position:relative;
	right:0;
	top:0;
}

.architecture-img-block {
	width:100%;
	padding:0;
	text-align:center;
	position:relative;
}

.architecture-img-block2 {
	display:none;
}

.features-download {
	display:none;
}

.features-download-mobile {
	display:block;
	text-align:center;
	width:100%;
}
/* section #architecture ends*/

/* section #interiors begins*/
.interiors-wrap {
	position:relative;
	top:100px;
	width:100%;
	left:50%;
	transform:translateX(-50%);
	padding:0;
	padding-bottom:35px;
}
.interiors-block {
	width:100%;
}

.interiors-slider {
	width:100%;
	position:relative;
	left:50%;
	transform: translateX(-50%);
	padding:0;
	padding-top:30px;
	margin:0;
	z-index:2;
}

.interiors-slider div {
	padding:0px;	
}

.interiors-slider-nav {
	display:none;
}

.interiors-nav-mobile {
	display:block;
}

.interiors-disclaimer {
	bottom:100px;
}

#interiors-anim-03 {
	opacity:1;
	transform:translate(-50%, 100px);
}

#interiors-anim-03.loaded {
	transform:translate(-50%, 50px);
}
/* section #interiors ends*/

/* section #team begins*/
.team-wrap {
	position:relative;
	top:100px;
	width:100%;
	left:50%;
	transform:translateX(-50%);
	padding:0;
}

.team-logo {
	display:block;
	width:250px;
	margin:0 auto;	
	padding-bottom:35px;
}

.team-block-left, .team-block-right {
	width:75%;
	padding:0;
	vertical-align:top;
	text-align:left;
	position:relative;
	border:none;
	margin:0 auto;
}

.team-block-left {
	border-bottom:#D2AE6D solid 1px;
	padding-top:25px;
	padding-bottom:25px;
}

.team-block-right {
	padding-top:25px;
}

.team-block-left-txt {
	float:none;
	width:auto;
}
/* section #team ends*/

/* section #contact begins*/
.contact-wrap {
	position:relative;
/*	top:100px;*/
	width:100%;
	left:50%;
	transform:translate(-50%, 50%);
	padding:0;
	text-align:center;
}

.contact-block-mobile {
	display:block;
	width:100%;
	padding:0;
	padding-bottom:20px;
	vertical-align:top;
	text-align:center;
	position:relative;
}

.contact-block-mobile img {
	width:25%;
}

.contact-block-left {
	width:100%;
	padding:0;
	vertical-align:top;
	text-align:center;
	border:none;
	position:relative;
}

.contact-block-right {
	display:none;
}

.contact-bottom-left {
	width:50%;
	padding:0;
	padding-right:20px;
	padding-top:30px;
	vertical-align:top;
	text-align:right;
	position:relative;
	display:table-cell;
}

.contact-bottom-right {
	width:50%;
	padding:0;
	padding-left:20px;
	padding-top:30px;
	vertical-align:middle;
	text-align:left;
	display:table-cell;
}

.contact-logo-block-left {
	width:150px;
}

.contact-logo-block-right {
	width:150px;
}
/* section #contact ends*/
}

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

.prev-arrow, .next-arrow {
	display:none;
}

.cover-bg {
	height:100%;
}

.mobile-hide {
	display:none;
}

.mobile-block {
	display:block;
}

.welcome_logo {
	width:33.33%;
}

#nav-menu-button {
	top:38px;
	right:35px
}

section {
	padding:0;
	height:auto;
	min-height:30vh;
	overflow-y:visble;
	overflow-x:hidden;
}	

section#intro {
	height:100vh;
}

nav {
/*	padding:35px;
	width: calc(100% - 70px);*/
	background-color:black;
	border-bottom:#D2AE6D solid 1px;
}

#nav-logo {
	top:15px;
	left:35px;
}

#desktop-border {
	display:none;
}

.intro-block-heading {
	vertical-align:middle;
	min-width:1px;
	width:90%;
	text-align:center;
	margin:0 auto;
}

.mobile-h1-title {
	line-height:0;
}

.vision-block {
	width:100%;
	padding:35px;
	padding-top:20vh;
	padding-bottom:20vh;
	position:relative;
	top:0;
	left:0;	
	transform:none;
}

/* section #west_coast_lifestyle begins*/
.west_coast_lifestyle-block {
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding:0;
	padding-left:35px;
	padding-right:35px;
	padding-top:100px;
	padding-bottom:0;
}

.west_coast_lifestyle-gallery-block {
	position:relative;
	top:0;
	left:0;
	margin-top:0;
	width:100%;
	padding:0;
	padding-left:35px;
	padding-right:30px;
	padding-top:0;
	padding-bottom:50px;
	text-align:center;
}

.west_coast_lifestyle-gallery-block .img-block {
	width:50%;
	padding:0;
	padding-right:5px;
	display:table-cell;
}

.west_coast_lifestyle-gallery-block .img-block-third {
	display:none;
}
/* section #west_coast_lifestyle ends*/

/* section #neighbourhood begins*/
.neighbourhood-wrap {
	position:relative;
	top:90px;
	width:100%;
	padding:0;
	margin:0;
	margin-bottom:110px;
	text-align:center;
}
.neighbourhood-block {
	width:100%;
	padding:0;
	padding-left:25px;
	padding-right:25px;
}

/* section #neighbourhood ends*/

/* section #master_planned_community begins*/
.master_planned_community-wrap {
	position:relative;
	top:120px;
	width:100%;
	padding:0;
	text-align:left;
	margin-bottom:50px;
}

.master_planned_community-block {
	display:none;
}

.master_planned_community-block-mobile {
	width:100%;
	padding:25px;
	padding-top:10px;
	vertical-align:top;
	text-align:center;
}

.master_planned_community-mobile-title {
	padding:0;
	text-align:left;
	margin:0 auto;
}

.master_planned_community-mobile-txt {
	padding-left:0;
	padding-right:0;
	text-align:left;
}
/* section #master_planned_community ends*/

/* section #views begins*/

.views-wrap {
	margin-bottom:100px;
}

.views-block {
	width:100%;
	padding:25px;
	vertical-align:top;
	margin:0 auto;
	margin-top:-10vh;
	position:relative;
}
/* section #views ends*/

/* section #architecture begins*/
.architecture-wrap {
	margin-bottom:100px;
}

.architecture-block {
	padding-left:25px;
	padding-right:25px;
	padding-top:15px;
}

.interiors-disclaimer {
	position:relative;
	font-size:0.5em;
	bottom:0;
	width:100vw;
	left:0;
	transform: none;
	margin:0 auto;
	padding:40px;
	text-align:center;
}

#interiors-anim-05 {
	transition: all 1.5s ease;
	opacity:0;
	transform:translateY(50px);
}

#interiors-anim-05.loaded {
	opacity:1;
	transform:translate(0, 20px);
}

/* section #architecture ends*/

.team-wrap {
	margin-bottom:100px;
}

.contact-wrap {
	padding-bottom:150px;
	transform:translate(-50%, 20%);
}

.contact-logo-block-left {
	width:100px;
}

.contact-logo-block-right {
	width:100px;
}

}

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

body {
	font-size:0.9em;
	overflow:hidden;
}

h1 {
    font-size: 1.8em;
}

nav {
/*	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	width: 100%;*/
	background-color:black;
	border-bottom:#D2AE6D solid 1px;
}

.vision-txt {
	margin-top:0;
	margin-left:30px;
	padding-left:30px;
}

.west_coast_lifestyle-block {
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding:0;
	padding-left:25px;
	padding-right:25px;
	padding-top:75px;
	padding-bottom:0;
}

.west_coast_lifestyle-gallery-block {
	padding-left:25px;
	padding-right:20px;
}

}

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

body {
	font-size:0.8em;
	overflow:hidden;
}

h1 {
    font-size: 1.5em;
}

}