/* TinySlidr */
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap'); */
/* montserrat-300 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/montserrat-v15-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/montserrat-v15-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/montserrat-v15-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/montserrat-v15-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/montserrat-v15-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/montserrat-v15-latin-ext_latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/montserrat-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/montserrat-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/montserrat-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/montserrat-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/montserrat-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/montserrat-v15-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/*

Grid Desktop 24 (48) / 24
Grid Mobile 22 (48) / 21

NORMALIZE

*/
html {  
	-webkit-text-size-adjust: 100%; scroll-behavior: smooth; color: #000; font-size: 1em; line-height: 1.333333; box-sizing: border-box; font-weight: normal;
}

*{ 
  box-sizing: border-box;
}

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

body {
  margin: 0;
}

main {
  display: block;
}

a {
  background-color: transparent;
}

b,
strong {
	font-weight: bolder;
}

img {
  border-style: none;
}

::-moz-selection {
  text-shadow: none;
}

::selection {
  text-shadow: none;
  background-color: #CCC;
}

img, svg, video {
  vertical-align: middle;
}

/* 

TYPOGRAPHY

*/
html {
  font-size: 16px;
  font-size: min(max(11px, 0.85vw), 22px);
  -webkit-tap-highlight-color: -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; font-smooth:antialiased; 
}

.js.no-font h1,
.js.no-font h2,
.js.no-font em,
.js.no-font i,
.js.no-font b,
.js.no-font p,
.js.no-font li,
.js.no-font a,
.js.no-font span.en,
.js.no-font span.cn,
.js.no-font span:lang(en),
.js.no-font span:lang(zh-Hant),
.js.no-font td.year {	
	visibility:hidden; opacity:0;
}

h1, h2, p, em, i, b, p, li, a, span.en, td.year, span:lang(en), span:lang(zh-Hant) {
	visibility:visible; opacity:1; transition:opacity 1000ms;
}

a, a:link, a:visited{
	color: #000; text-decoration: none; 
	transition:opacity 500ms, color 500ms; 
}

h1, h2 {
	transition:opacity 1500ms;	
}

.js img, .js.loaded .project-image img {
	visibility: hidden; opacity: 0;
}

.js.loaded img,
.js.loaded .project-image.inview img {
	visibility: visible; opacity: 1; transition: opacity 1000ms;
}

a:hover,
header#omni #menu a:hover,
header#omni #lang a:hover,
#hero nav a:hover,
a.active {
	text-decoration: none; color:#00FFCB !important;
}

header#omni a,
footer a, 
footer span,
#hero nav a,
#hero nav b,
.project-index-button a {
	font-size: 16px;
	font-size: min(max(11px, 0.85vw), 22px);
}

h1, h2, b, strong {
	font-weight: normal;
}

#hero h1 { 
	font-size: 39px;
	text-transform: uppercase; width: 90%; font-size: min(max(26px, 2.03vw), 52px);	
}

h1,
h2 {	
	font-size: 32px;
	font-size: min(max(19.8px, 1.71vw), 44px);
}

#project-hero h1 {
	margin-top: 0;
}

#project-hero h2 {
	margin-bottom: 0;
}

h1,
#project-hero h2 {
	text-align: center;
}

#project-hero h2,
p,
li,
td.year {
	font-size: 22px;
	font-size: min(max(13.5px, 1.17vw), 30px);
}

p {
	margin: 0; padding: 0;
}

p:nth-child(1n+2) {
	margin-top: 1em;
}

p:first-of-type {
	margin: 0;
}

i, em {
	font-style: normal;
}

li {
	list-style: none; padding: 0; margin-bottom: 1em;
}

td {
	margin: 0; vertical-align: top;
}

/* 

REGARDLESS OF LANG 
EN IS ALWAYS IN MONSTERRAT, CHINESE IN HAN SANS

*/
.en,
:lang(en)
body.en *,
body.cn .en,
body.cn :lang(en),
.en #project-index h2:first-of-type,
.cn #project-index h2:last-of-type,
#lang .en,
#hero i,
#tracker-status em {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style: normal;
}

.cn,
body.cn *,
.en #project-index h2:last-of-type,
.cn #project-index h2:first-of-type,
#lang .cn {	
	font-family: source-han-sans-cjk-tc, sans-serif;
	font-weight: 200;
	font-style: normal;
}

@media only screen and (max-width:768px) { 
	.en,
	body.en *,
	.en #project-index h2:first-of-type,
	.cn #project-index h2:last-of-type,
	#lang .en,
	#hero i,
	#tracker-status em 	{
		font-weight: 400;		
	}

	.cn,
	body.cn *,
	.en #project-index h2:last-of-type,
	.cn #project-index h2:first-of-type,
	#lang .cn {				
		font-weight: 300;		
	}	
}


/* 

HEADER & MENU 

*/
#index.projects header#omni,
#about header#omni {
	position: absolute; top: 0;
}

#index.projects header#omni a,
#about header#omni a {
	color: #FFF; 
}

header#omni a {
	display:inline-block;
}

#index.projects header#omni .projects,
.projects header#omni .projects,
.about header#omni .about,
.contact header#omni .contact {
	color:#00FFCB !important;
}

#omni,
#hero nav,
#in-page,
footer {
	width: 100%; padding:0 calc((1/48)*100vw); display: flex; justify-content: space-between; align-items: center;
}

#omni {
	z-index: 101;
}

#omni,
#hero nav,
footer {	
	min-height: 60px; height: calc(((60*2/2560)*100vw)); z-index: 99; 
}

#menu{
	width: 50%;
}

#menu, #lang {
	width: 25%;
}

#in-menu {
	display: none;
}

/* 

LANGUAGE SWICHER

*/
#lang {
	display: flex; justify-content: flex-end;
}

picture {
	display:block; width: 100%; height: 100%; object-fit: cover;
}
/* 

LOGOS

*/
header#omni #identity {
	display: flex; justify-content: center; flex-grow: 3; max-width: 50%; padding: 0;
}

#identity svg {
	width:6vw; display:block; min-width:77px; max-height: 22px; min-height:11px;
}

#identity svg path {
	fill: #000;
	transition: all 500ms;
}

#index.projects #identity svg path,
#about #identity svg path {
	fill: #FFF;
}

#identity{
	position: relative;
}

#logo {
	transition: opacity 1500ms;
}

#symbol {
	opacity:0; position: absolute; top:0;	
	transition: opacity 1000ms;	
}

#identity:hover #symbol {
	opacity: 1;
}

#identity:hover #logo {
	opacity: 0; 
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	
	#identity:hover #symbol {
		opacity: 0; display: none;
	}

	#identity:hover #logo {
		opacity: 1; 
	}

	
}

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

	#omni,
	#hero nav,
	#in-page,
	footer{		
		height: calc(((30*2/375)*100vw));
		min-height: auto;
		padding-left:calc((1/22)*100vw);
		padding-right:calc((1/22)*100vw);
	}

	#omni {
		z-index: 999;
	}

	#menu{
		left: 0; cursor: pointer; 
		width:calc((2/22)*100vw);
		padding: 0;
	}

	#menu::before {
		content: ''; background-image: url('/assets/img/plus.svg'); background-size: 10px; background-position:50% 50%; display: block; width:10px; height:10px; position: absolute; left:calc((1/22)*100vw);
		/* transition: transform 300ms; */
		transform-origin: 50% 50%;
		transform: translateY(-50%); top: 50%;
	}

	#index.black #menu::before,
	#about.black #menu::before,
	#menu::before,
	.black #menu::before {
		background-image: url('/assets/img/plus-b.svg');
	}

	#index #menu::before, 
	#about #menu::before {
		background-image: url('/assets/img/plus.svg');
	}

	#menu,
	#lang {
		position: fixed; z-index: 999;
	}

	#lang {
		width: 10%;
	}

	#omni {
		justify-content: center;
	}

	#omni.open {
		justify-content: flex-end; background: #fff;
	}

	#in-menu {
		display: none;
	}

	.open #main {
		width: 50%; max-width: 300px; display: flex; justify-content: space-between;
	}

	.open #menu, 
	.open #lang	{
		display: flex;
	}

	.open #menu {	
		left:0;  background:#FFF; height: calc(((30*2/375)*100vw)); width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: row;
	}

	.open #in-menu{ 
		position: fixed; top: 0; background: #fff; top:calc(((30*1.75/375)*100vw)); width: 100%; height: calc(((30*2/375)*100vw)); padding-left:calc((1/22)*100vw); padding-right:calc((1/22)*100vw); min-height: 30px; justify-content: space-between; align-items: center;
	}
	
	#index.projects header#omni.open #in-menu,
	#about header#omni.open #in-menu {
		display: flex;
	}

	header#omni.open #menu::before {
		transform: rotate(45deg); 
		background-image: url('/assets/img/plus-b.svg');
		transform: translateY(initial); top: initial;
	}

	header#omni #menu a,
	header#omni #lang a{
		display: none;
	}	

	header#omni.open #menu a,
	header#omni.open #lang a {
		display: inline-block;
		color: #000;
	}

	header#omni a,
	header#omni.open a{
		color: #000; padding-right:0;
	}

	header#omni a:last-of-type{
		padding-right:0;
	}

	#lang {
		right:calc((1/22)*100vw);
	}

}

/* 

HERO

*/
#hero {
	position: relative;
}

#hero h1 {
	position: absolute; z-index: 99; color: #fff; margin: 0; padding: 0; width: 100%; padding-left:calc((1/48)*100vw); padding-right:calc((1/48)*100vw); 
}

#hero, #hero div {
	width: 100%; height: 100vh;
}

#hero img {
	width: 100%; height: 100%; object-fit: cover;
}

#hero nav {
	position: absolute ; bottom: 0; left: 0;
}

#hero nav a,
#hero nav b{
	color: #FFF;
}

#hero.gallery,
#hero.single {
	display: flex; justify-content: center; align-items: center;
}

.no-js #hero {
	overflow: hidden; 
}

.no-js #hero nav b {
	display: none;
}

/* @media only screen and (min-width: 1280px) {
	.js #hero.gallery {
		cursor: url('/assets/img/arrow.png'), auto;
	}
}
 */
@media only screen and (orientation:portrait) { 
	#hero, #hero div {
		height:83.5vh;
	}

}

/* 

IN PAGE NAV

*/
#in-page {
	font-size: 20px;
	top: 0; position: -webkit-sticky; position: sticky; z-index: 99; height: calc((60*3/2560)*100vw); font-size: min(max(11px, 1.17vw), 30px);	
	transition: top 1s;
}

.hide_sticky #in-page.stuck {
	top: calc((60*3/2560)*-100vw);
}

/* INDEX */
.project-index-button a {
	display:block; cursor: url('/assets/img/cursor-small.png'), auto;
}

@media only screen and (min-width: 1280px) {
	.project-index-button a {
		display:block; cursor: url('/assets/img/cursor-medium.png'), auto;
	}
}

@media only screen and (min-width: 2000px) {
	.project-index-button a {
		cursor: url('/assets/img/cursor.png'), auto;
	}
}

@media only screen and (max-width:768px) {
	#in-page {
		display: none;
		font-size: 11px;
		font-size: min(max(11px, 1.17vw), 30px);
	}
}

/* 

HOMEPAGE > INDEX

*/
.project-index-button {
	padding:0 calc((1/48)*100vw);
}

#project-hero,
.project-index-button,
.project-image,
.project-text {
	display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: calc(((60/2560)*100vw));	
}

.project-index-button h2 {
	position: absolute;
}

.project-index-button h2.default {
	left: 0; padding-left:calc((1/48)*100vw); 
}

.project-index-button h2.alt {
	right:0; padding-right:calc((1/48)*100vw); 
}

.project-index-button a {
	padding-left:0;	
}

.project-index-button a:hover img {
	opacity: 0.7;
}

.project-index-button img,
.project-image img {	
	display:block; width:100%; transition: opacity 500ms;
}

.project-index-button img {
	/* width: calc((17/48)*100vw); */
	width: calc((9/24)*100vw);
}

.project-index-button em {
	position: absolute; left:calc((1/48)*100vw); bottom: 0;
}


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

	#project-hero,
	.project-index-button,
	.project-image,
	.project-text {		
		flex-wrap: wrap; margin-bottom: calc(((30/375)*100vw));
	}

	.project-index-button h2.alt,
	.project-index-button h2.default {
		position: relative; width: 50%; order: 0; margin: 0; height: calc(((30*3/375)*100vw)); display: flex; align-items: center;
	}

	.project-index-button h2.default {		
		justify-content: flex-start; 
	}

	.project-index-button h2.alt {				
		justify-content: flex-end;
	}

	.project-index-button a {
		order: 1;
	}

	.project-index-button img {
		width: calc((18/22)*100vw); max-width: 460px;
	}

	.project-index-button em {
		position:relative; left:0; display: block; margin-top: 1em;
	}

	.project-index-button:last-child {
		margin-bottom: 0;
	}
}

@media only screen and (min-width:769px) { 

	.project-index-button:nth-child(even),
	#residential .project-index-button:nth-child(odd)  {			
		justify-content: flex-start;		
	}

	.project-index-button:nth-child(even) a,
	#residential .project-index-button:nth-child(odd) a {		
		margin-left:calc((4.5/24)*100vw);			
	}

	.project-index-button:nth-child(odd),
	#residential .project-index-button:nth-child(even) {	
		justify-content: flex-end;		
	}

	.project-index-button:nth-child(odd) a,
	#residential .project-index-button:nth-child(even) a {	
		margin-right:calc((4.5/24)*100vw);			
	}

}

/* 

PROJECTS PAGE

*/
.projects:not(#index) main {
	display: flex; flex-wrap: wrap; justify-content: space-between; padding:0 calc((1/24)*100vw);	
}

#project-hero {
	display: flex; width: 100%; justify-content: space-between; align-items: center;
}

#project-hero header {
	padding-right:calc((1/24)*100vw); flex-grow: 1;
}

/* DEFAULT HERO SIZE, MOST PREVELANT WIDTH */
#project-hero img {
	width:calc((15/24)*100vw);
}

/* PROJECTS WITH HERO HEADING ON RIGHT */
#deep-water-bay-villa #project-hero header,
#peel-rise #project-hero header,
#shouson-hill-townhouse #project-hero header {
	padding-right:0; padding-left:calc((1/24)*100vw); order: 1;
}

.project-image {
	align-items: flex-start; 
	margin-left:auto; margin-right: auto;
	position: relative;
}

/* DEFAULT IMAGE SIZE, MOST PREVELANT PORTRAIT */
.project-image {
	width:calc((17/48)*100vw);
}

.project-text {
	justify-content:flex-start; min-height:calc((10*60/2560)*100vw); width: 100%;
}

.project-text p {
	margin-left:calc((1/24)*100vw); width:calc((9/24)*100vw); 	
}

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

	.project-text p {
		width:calc((15/24)*100vw); 	
	}

}

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

	.project-text p {
		width:100vw; margin-left: 0;
	}

}

/* @media only screen and (max-width:768px) {  */
	@media only screen and (max-width:960px) { 

	.projects:not(#index) main {
		padding:0;
	}

	#project-hero {
		justify-content: flex-end; margin-bottom: 0;
	}

	#project-hero header {
		padding-right: 0; align-items: center; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;
		margin-top:calc(((30*2/375)*100vw)); margin-bottom:calc(((30*2/375)*100vw)); width: 100%;
	}

	#the-reach-gallery #project-hero,
	#visionary-suite #project-hero,
	#gallery-austin #project-hero,
	#victoria-peak-house #project-hero,
	#emperor-at-1881-heritage #project-hero,
	#z-store #project-hero,
	#club-reach #project-hero {
		margin-bottom:calc(((30/375)*100vw));
	}

	#victoria-harbour-residence .number-1,
	#victoria-peak-house .number-1,
	#times-square-dalian .number-1,
	#miele-lab .number-1,
	#z-store .number-1,
	#the-reach-gallery .number-1,
	#visionary-suite .number-1 {
		margin-bottom: 0;
	}

	#project-hero img {
		margin-left:calc((1/22)*100vw);
	}

	#deep-water-bay-villa #project-hero,
	#peel-rise #project-hero,
	#shouson-hill-townhouse #project-hero {
		justify-content: flex-start;	
	}

	#project-hero h1, 
	#project-hero h2 {
		margin-top: 0;
	}

	#project-hero h2 {
		margin-bottom: 0;
	}

	.project-image {
		margin-top: initial !important;
	}	

	/* PROJECTS WITH HERO HEADING ON RIGHT */
	#deep-water-bay-villa #project-hero header,
	#peel-rise #project-hero header,
	#shouson-hill-townhouse #project-hero header {
		padding-left:0;
	}
	
	.project-text {
		margin-bottom: 0; min-height: calc((30*12/375)*100vw); padding-left:calc((1/22)*100vw); padding-right:calc((1/22)*100vw);
		padding-top:calc(((30*2/375)*100vw)); padding-bottom:calc(((30*2/375)*100vw));

	}

	section.order-num-10 {
		order: 1;
	}

	section.order-num-20 {
		order: 2;
	}

	section.order-num-30 {
		order: 3;
	}

	section.order-num-40 {
		order: 4;
	}

	section.order-num-50 {
		order: 5;
	}

	section.order-num-60 {
		order: 6;
	}

	section.order-num-70 {
		order: 7;
	}

	section.order-num-80 {
		order: 8;
	}

	section.order-num-90 {
		order: 9;
	}

	section.order-num-100 {
		order: 10;
	}

	section.order-num-110 {
		order: 11;
	}

	section.order-num-120 {
		order: 12;
	}

	section.order-num-130 {
		order: 13;
	}

	section.order-num-140 {
		order: 14;
	}

	section.order-num-150 {
		order: 15;
	}

	section.order-num-160 {
		order: 16;
	}

	section.order-num-170 {
		order: 17;
	}

	section.order-num-180 {
		order: 18;
	}

	section.order-num-190 {
		order: 19;
	}

	section.order-num-200 {
		order: 20;
	}

	.project-text {
		margin-bottom: 0; padding-top:calc(((30*2/375)*100vw)); padding-bottom:calc(((30*2/375)*100vw));
	}

	#project-hero {
		flex-wrap: wrap; margin-bottom: 0;
	}	

}


/* @media only screen and (min-width:769px) { */
	@media only screen and (min-width:961px) {
/* 

PROJECT GRID LAYOUTS -BASED ON A 24 OR 48 (half-grid) COLUMN CALC

RESIDENTIAL

*/

/* DEEP WATER BAY VILLA */
#deep-water-bay-villa #project-hero img {
	width: calc((31/48)*100vw);
}

#deep-water-bay-villa .number-2 {
	margin-top: calc(((60*13/2560)*100vw));
}

#deep-water-bay-villa .number-2,
#deep-water-bay-villa .number-5,
#deep-water-bay-villa .number-7,
#deep-water-bay-villa .number-14 {
	margin-left:calc((2/24)*100vw);	
}

#deep-water-bay-villa .number-3 {
	margin-right:calc((3/48)*100vw);	
}

#deep-water-bay-villa .number-4,
#deep-water-bay-villa .number-9,
#deep-water-bay-villa .number-10 {
	margin-left:calc((3/24)*100vw);	
}

#deep-water-bay-villa .number-6 {
	 margin-bottom: 0;
}

#deep-water-bay-villa .number-6,
#deep-water-bay-villa .number-8  {
	margin-right:calc((3/48)*100vw); margin-top: calc(((60*11/2560)*100vw));
}

#deep-water-bay-villa .number-11 { 
	margin-left:calc((1/24)*100vw);	margin-top: calc(((60*14/2560)*100vw));
}

#deep-water-bay-villa .number-12 { 
	margin-right:calc((3/48)*100vw);
}

#deep-water-bay-villa .number-13 { 
	margin-left:calc((5/24)*100vw);		
}

#deep-water-bay-villa .number-4 {
	width:calc((33/48)*100vw);	
}

#deep-water-bay-villa .number-5 {
	width:calc((16/48)*100vw);	
}

#deep-water-bay-villa .number-9,
#deep-water-bay-villa .number-13,
#deep-water-bay-villa .number-14 {
	width:calc((30/48)*100vw);		
}

#deep-water-bay-villa .number-10 {
	width:calc((29/48)*100vw);		
}

/* PEEL RISE */
#peel-rise #project-hero img {
	width: calc((29/48)*100vw);
}

#peel-rise .number-2,
#peel-rise .number-3,
#peel-rise .number-4,
#peel-rise .number-7 {
	width:calc((18/48)*100vw);
}

#peel-rise .number-2 {
	margin-left:calc((2/24)*100vw); margin-top: calc(((60*16/2560)*100vw));
}

#peel-rise .number-4 {
	margin-left:calc((1/24)*100vw); margin-top: calc(((60*18/2560)*100vw));
}

#peel-rise .number-5,
#peel-rise .number-8 {
	width:calc((22/48)*100vw);
}

#peel-rise .number-6 {
	width:calc((27/48)*100vw); margin-left:calc((8/24)*100vw);
}

#peel-rise .number-7 {
	margin-left:calc((1/24)*100vw);	
}

#peel-rise .number-8 {	
	margin-top: calc(((60*15/2560)*100vw));
}

/* SHOUSON HILL TOWNHOUSE */
#shouson-hill-townhouse .number-2 {
	margin-left:calc((2/24)*100vw);	margin-top: calc(((60*15/2560)*100vw));
}

#shouson-hill-townhouse .number-3 {
	margin-right:calc((3/48)*100vw);		
}

#shouson-hill-townhouse .number-4 {
	width:calc((36/48)*100vw);	
}

#shouson-hill-townhouse .number-5 {
	width:calc((30/48)*100vw); margin-left:calc((4/24)*100vw);		
}

#shouson-hill-townhouse .number-6 {
	margin-left:calc((2/24)*100vw);			
}

#shouson-hill-townhouse .number-7 {
	margin-right:calc((3/48)*100vw); margin-top: calc(((60*14/2560)*100vw));
}

#shouson-hill-townhouse .number-8,
#shouson-hill-townhouse .number-10 {
	width:calc((30/48)*100vw); margin-left:calc((3/24)*100vw);		
}

#shouson-hill-townhouse .number-9 {
	width:calc((20/48)*100vw); margin-left:calc((10/24)*100vw);		
}

/* SKY VILLA DUPLEX */
#sky-villa-duplex .number-2,
#sky-villa-duplex .number-5,
#sky-villa-duplex .number-6 {
	margin-left:calc((2/24)*100vw);		
}

#sky-villa-duplex .number-3 {
	width: calc((16/48)*100vw); margin-right:calc((2/24)*100vw); margin-top: calc(((60*11/2560)*100vw));
}

#sky-villa-duplex .number-4 {
	width: calc((44/48)*100vw);
}

#sky-villa-duplex .number-6 {
	margin-left: 0; margin-right: calc((5/48)*100vw); margin-top: calc(((60*6/2560)*100vw));
}

#sky-villa-duplex .number-7 {
	width: calc((10/24)*100vw); margin-left: calc((9/24)*100vw);
}

#sky-villa-duplex .number-8 {
	width: calc((19/24)*100vw); margin-left: calc((1/24)*100vw);
}

#sky-villa-duplex .number-9 {
	width: calc((16/24)*100vw); margin-left: calc((5/24)*100vw);
}

#sky-villa-duplex .number-10 {
	width: calc((18/24)*100vw); margin-left: calc((1/24)*100vw);
}

/* TRIPLEX PENTHOUSE */
#triplex-penthouse #project-hero img {
	width: calc((28/48)*100vw);
}

#triplex-penthouse .number-2 {
	margin-left: calc((3/24)*100vw);
	margin-top: calc(((60*12/2560)*100vw));		
}

#triplex-penthouse .number-3 {
	margin-right: calc((1/48)*100vw);	
}

#triplex-penthouse .number-4 {
	width: calc((12/24)*100vw);	margin-left: calc((9/24)*100vw);	
}

#triplex-penthouse .number-5 {
	width: calc((11/24)*100vw);	margin-left: calc((2/24)*100vw);	
}

#triplex-penthouse .number-6 {
	width: calc((13/24)*100vw);	margin-left: calc((6/24)*100vw);	
}

#triplex-penthouse .number-7 {
	width: calc((15/24)*100vw);	margin-left: calc((3/24)*100vw);	
}

#triplex-penthouse .number-8 {
	width: calc((11/24)*100vw);		
}

#triplex-penthouse .number-9 {	
	margin-right: calc((3/48)*100vw); margin-top: calc(((60*14/2560)*100vw));
}

#triplex-penthouse .number-10 {
	margin-left: calc((5/48)*100vw); margin-top: calc(((60*12/2560)*-100vw));
}

#triplex-penthouse .number-11 {
	width: calc((16/24)*100vw);				
}

#triplex-penthouse .number-12 {
	margin-left: calc((2/24)*100vw);		
}

#triplex-penthouse .number-13 {
	width: calc((18/48)*100vw);	margin-right: calc((2/24)*100vw); margin-top: calc(((60*10/2560)*100vw));	
}

#triplex-penthouse .number-14 {
	width: calc((16/24)*100vw);				
}

#triplex-penthouse .number-15 {
	width: calc((10/24)*100vw);			
}

/* VICTORIA HARBOUR RESIDENCE */
#victoria-harbour-residence .number-1 {
	width: calc((22/24)*100vw);	
}

#victoria-harbour-residence .number-3 {	
	margin-left: calc((1/24)*100vw);	
}

#victoria-harbour-residence .number-4 {
	width: calc((18/48)*100vw);	margin-right: calc((2/24)*100vw); margin-top: calc(((60*7/2560)*100vw));
}

#victoria-harbour-residence .number-5 {
	width: calc((16/48)*100vw); margin-left: calc((2/24)*100vw);	
}

#victoria-harbour-residence .number-6 {
	width: calc((31/48)*100vw); margin-left: calc((7/24)*100vw);	
}

#victoria-harbour-residence .number-7 {
	width: calc((33/48)*100vw); margin-left: calc((3/24)*100vw);	
}

#victoria-harbour-residence .number-8 {
	width: calc((44/48)*100vw);	
}

#victoria-harbour-residence .number-9 {
	width: calc((16/48)*100vw); margin-left: calc((3/24)*100vw);	
}

#victoria-harbour-residence .number-10 {	
	margin-right: calc((3/48)*100vw);	
}

#victoria-harbour-residence .number-11 {
	width: calc((18/48)*100vw);		
}

/* VICTORIA PEAK HOUSE */
#victoria-peak-house .number-1 {
	width: calc((22/24)*100vw);	
}

#victoria-peak-house #project-hero img {
	width: calc((18/48)*100vw);
}

#victoria-peak-house .number-3 {
	width: calc((9/24)*100vw); margin-left: calc((1/24)*100vw);	
}

#victoria-peak-house .number-4 {	
	margin-left: calc((2/24)*100vw);	
}

#victoria-peak-house .number-5 {
	width: calc((9/24)*100vw); margin-right: calc((2/24)*100vw);	
}

#victoria-peak-house .number-6 {
	width: calc((35/48)*100vw);	
}

#victoria-peak-house .number-7 {	
	margin-left: calc((1/24)*100vw);	
}

#victoria-peak-house .number-8 {
	width: calc((11/24)*100vw);	margin-right: calc((1/24)*100vw); margin-top: calc(((60*11/2560)*100vw)); margin-bottom: 0;
}

#victoria-peak-house .number-9 {	
	margin-left: calc((1/24)*100vw); margin-top: calc(((60*2/2560)*-100vw));
}

#victoria-peak-house .number-10 {
	width: calc((15/24)*100vw); margin-left: calc((4/24)*100vw);	
}

#victoria-peak-house .number-11 {
	width: calc((10/24)*100vw);	
}

/* 

RETAIL

*/

/* EMPEROR 1881 */
#emperor-at-1881-heritage #project-hero img {
	width: calc((28/48)*100vw);	
}

#emperor-at-1881-heritage .number-2,
#emperor-at-1881-heritage .number-3,
#emperor-at-1881-heritage .number-4,
#emperor-at-1881-heritage .number-7 {
	width: calc((15/24)*100vw);		
}

#emperor-at-1881-heritage .number-2 {
	margin-left: calc((2/24)*100vw);
}

#emperor-at-1881-heritage .number-3 {
	margin-left: calc((7/24)*100vw);
}

#emperor-at-1881-heritage .number-4 {
	margin-left: calc((4/24)*100vw);
}

#emperor-at-1881-heritage .number-5 {
	margin-left: calc((2/24)*100vw); margin-top: calc(((60*13/2560)*100vw));
}

#emperor-at-1881-heritage .number-6 {
	margin-right: calc((5/48)*100vw); margin-bottom: 0;	
}

#emperor-at-1881-heritage .number-7 {
	margin-left: calc((6/24)*100vw);		
}

#emperor-at-1881-heritage .number-8 {
	width: calc((14/24)*100vw);		
}

/* TIMES SQUARE DALIAN */
#times-square-dalian .number-1 {
	width: calc((15/24)*100vw); margin-left:0;	
}


#times-square-dalian .number-3 {
	width: calc((31/48)*100vw);	margin-right:calc((1/48)*100vw);
}

#times-square-dalian .number-4 {
	width: calc((15/24)*100vw);	margin-left:0;
}

#times-square-dalian .number-5 {
	width: calc((17/48)*100vw);	margin-left:calc((3/24)*100vw);
}

#times-square-dalian .number-6 {
	width: calc((15/24)*100vw);	margin-right:calc((1/24)*100vw);
}

#times-square-dalian .number-7 {
	width: calc((22/24)*100vw);
}

/* MIELE LAB */
#miele-lab .number-1 {
	width: calc((22/24)*100vw);		
}

#miele-lab #project-hero img {
	width: calc((17/48)*100vw); margin-right: calc((3/48)*100vw);	
}

#miele-lab .number-3 {
	width: calc((15/24)*100vw);	margin-left:calc((1/24)*100vw);
}

#miele-lab .number-4 {
	width: calc((35/48)*100vw);	margin-left:calc((4/24)*100vw);
}

#miele-lab .number-5 {
	width: calc((14/24)*100vw);	margin-left:calc((1/24)*100vw);
}

#miele-lab .number-6 {
	width: calc((16/24)*100vw);	margin-left:calc((5/24)*100vw);
}

#miele-lab .number-7 {
	width: calc((37/48)*100vw);	margin-left:0;
}

#miele-lab .number-8,
#miele-lab .number-9 {
	width: calc((30/48)*100vw);		
}

#miele-lab .number-8 {
	margin-left:calc((1/24)*100vw);	
}

#miele-lab .number-9 {
	margin-left:calc((7/24)*100vw);	
}

#miele-lab .number-10 {
	width: calc((12/24)*100vw);		
}

/* Z STORE */
#z-store .number-1 {
	width: calc((15/24)*100vw);	margin-left: 0;
}

#z-store #project-hero img {
	width: calc((17/48)*100vw);
	margin-right: calc((3/48)*100vw);;	
}

#z-store .number-3,
#z-store .number-5,
#z-store .number-6,
#z-store .number-7,
#z-store .number-8 {	
	margin-left: calc((6/24)*100vw);
}

#z-store .number-4 {
	width: calc((17/24)*100vw);			
}

#z-store .number-5 {
	margin-left: calc((2/24)*100vw);			
}

#z-store .number-6, {
	margin-left: calc((3/48)*100vw);			
}

#z-store .number-7 {
	margin-left: calc((9/24)*100vw);			
}

#z-store .number-8 {
	margin-left: calc((3/24)*100vw);			
}

#z-store .number-9 {
	margin-right: calc((1/48)*100vw);			
}

/* 

COMMERCIAL

*/

/* GALLERY AUSTIN */
#gallery-austin #project-hero img {
	width: calc((16/24)*100vw);	
}

#gallery-austin .number-2,
#gallery-austin .number-3,
#gallery-austin .number-4,
#gallery-austin .number-5 {
	width: calc((15/24)*100vw);			
	margin-left: calc((2/24)*100vw);			
}

#gallery-austin .number-3 {
	margin-left: calc((6/24)*100vw);				
}

#gallery-austin .number-4,
#gallery-austin .number-5 {	
	margin-left: calc((4/24)*100vw);			
}

#gallery-austin .number-6 {
	width: calc((18/24)*100vw);			
}

/* THE REACH GALLERY */
#the-reach-gallery .number-1 {
	width: calc((22/24)*100vw);			
}

#the-reach-gallery #project-hero img {
	width: calc((14/24)*100vw);		
}

#the-reach-gallery .number-3 {
	width: calc((13/24)*100vw);			
}

#the-reach-gallery .number-4 {
	width: calc((8/24)*100vw); margin-top: calc(((60*9/2560)*100vw));
	margin-right: 0;
}

#the-reach-gallery .number-5 {
	width: calc((15/24)*100vw);	margin-left: calc((3/24)*100vw);		

}

#the-reach-gallery .number-6 {
	width: calc((9/24)*100vw); margin-left: calc((1/24)*100vw);		
}

#the-reach-gallery .number-7 {
	width: calc((10/24)*100vw);	margin-right: calc((1/24)*100vw); margin-top: calc(((60*7/2560)*100vw));
}

#the-reach-gallery .number-8 {
	width: calc((16/24)*100vw);	
}

/* VISIONARY SUITE */
#visionary-suite .number-1 {
	width: calc((33/48)*100vw);	
	margin-left: 0;
}

#visionary-suite #project-hero img {
	width: calc((11/24)*100vw);		
}

#visionary-suite .number-3 {	
	margin-left: calc((1/48)*100vw);
}

#visionary-suite .number-4 {
	width: calc((25/48)*100vw); margin-left: calc((8/24)*100vw);
}

#visionary-suite .number-5 {
	width: calc((15/24)*100vw); margin-left: calc((1/24)*100vw);
}

#visionary-suite .number-6 {	
	margin-left: calc((2/24)*100vw);
}

#visionary-suite .number-7 {
	width: calc((9/24)*100vw);	
	margin-right: calc((2/24)*100vw);
}

#visionary-suite .number-8 {
	width: calc((18/24)*100vw);		
}

/* 

HOSPITALITY

*/

/* CLUB REACH */
#club-reach #project-hero img {
	width: calc((16/24)*100vw);		
}

#club-reach .number-2 {	
	margin-left: calc((1/24)*100vw);	
	margin-top: calc(((60*1/2560)*100vw));		
}

#club-reach .number-3 {
	width: calc((10/24)*100vw);	margin-right: calc((1/24)*100vw); margin-top: calc(((60*10/2560)*100vw));		
}

#club-reach .number-4 {
	width: calc((14/24)*100vw);	margin-left: calc((2/24)*100vw);	
}

#club-reach .number-5 {
	width: calc((31/48)*100vw);	margin-left: calc((5/24)*100vw);	
}

#club-reach .number-6 {
	width: calc((15/24)*100vw);	margin-left: calc((2/24)*100vw);	
}

#club-reach .number-7 {
	margin-left: calc((3/24)*100vw); margin-top: calc(((60*10/2560)*100vw));		
}

#club-reach .number-8 {
	margin-right: calc((1/48)*100vw);		
}

#club-reach .number-9 {
	width: calc((12/24)*100vw); margin-left: calc((7/24)*100vw);	
}

#club-reach .number-10,
#club-reach .number-11 {
	width: calc((14/24)*100vw); margin-left: calc((2/24)*100vw);	
}

#club-reach .number-11 {
	margin-left: calc((6/24)*100vw);		
}

#club-reach .number-12 {
	width: calc((16/24)*100vw);		
}

/* GLO RESTAURANT */
#glo-restaurant .number-2 {
	width: calc((12/24)*100vw); margin-left: calc((9/24)*100vw);
}

#glo-restaurant .number-3 {
	width: calc((16/24)*100vw);		
}

#glo-restaurant .number-4 {
	width: calc((12/24)*100vw); margin-left: calc((1/24)*100vw);
}

#glo-restaurant .number-5 {
	width: calc((10/24)*100vw); margin-left: calc((11/24)*100vw);
}

#glo-restaurant .number-6 {	
	margin-left: calc((2/24)*100vw);
}

/* HOTEL LKF */
#hotel-lkf #project-hero img {
	width: calc((16/24)*100vw);	
}

#hotel-lkf .number-2,
#hotel-lkf .number-3 {
	width: calc((9/24)*100vw);			
}

#hotel-lkf .number-2 {
	margin-left: calc((1/24)*100vw);
}

#hotel-lkf .number-3 {
	margin-right: calc((1/24)*100vw); margin-top: calc(((60*9/2560)*100vw));
}

#hotel-lkf .number-4 {
	width: calc((8/24)*100vw); margin-left: calc((2/24)*100vw); margin-top: calc(((60*10/2560)*100vw));
}

#hotel-lkf .number-5 {
	width: calc((9/24)*100vw); margin-right: calc((2/24)*100vw);
}

#hotel-lkf .number-6 {
	width: calc((8/24)*100vw); margin-right: calc((3/24)*100vw); margin-top: calc(((60*5/2560)*-100vw));
}

#hotel-lkf .number-7 {
	margin-left: calc((2/24)*100vw);
}

#hotel-lkf .number-8 {
	margin-right: calc((3/48)*100vw); margin-top: calc(((60*12/2560)*100vw));
}

#hotel-lkf .number-9 {
	width: calc((15/24)*100vw); margin-left: calc((3/24)*100vw);	
}

/* REACH RESTAURANT */
#reach-restaurant .number-2,
#reach-restaurant .number-4 {
	width: calc((15/24)*100vw); margin-left: calc((3/24)*100vw);	
}

#reach-restaurant .number-3 {	
	margin-left: calc((12/24)*100vw);	
}

#reach-restaurant .number-5,
#reach-restaurant .number-8,
#reach-restaurant .number-9 {
	width: calc((16/24)*100vw);	
}

#reach-restaurant .number-6 {
	width: calc((9/24)*100vw); margin-left: calc((2/24)*100vw);	
}

#reach-restaurant .number-7 {
	width: calc((8/24)*100vw); margin-right: calc((2/24)*100vw);	
}

}

@media only screen and (max-width:960px) {
/* @media only screen and (max-width:768px) { */

	/* Widths @ 375px iPhone6/7/8 */
	/* 100% */
	#victoria-peak-house .number-1,
	#victoria-peak-house .number-6,
	#deep-water-bay-villa .number-4,
	#shouson-hill-townhouse .number-4,
	#sky-villa-duplex .number-4,
	#sky-villa-duplex .number-8,
	#sky-villa-duplex .number-9,
	#sky-villa-duplex .number-10,
	#triplex-penthouse .number-11,
	#triplex-penthouse .number-14,
	#victoria-harbour-residence .number-1,
	#victoria-harbour-residence .number-7,
	#victoria-harbour-residence .number-8,
	#times-square-dalian .number-7,
	#miele-lab .number-1,
	#miele-lab .number-4,
	#miele-lab .number-6,
	#miele-lab .number-7,
	#z-store .number-4,
	#club-reach #project-hero img,
	#club-reach .number-12,
	#glo-restaurant .number-3,
	#hotel-lkf #project-hero img,
	#reach-restaurant .number-5,
	#reach-restaurant .number-8,
	#reach-restaurant .number-9,
	#gallery-austin #project-hero img,
	#gallery-austin .number-6,
	#the-reach-gallery .number-1,
	#the-reach-gallery .number-8,
	#visionary-suite .number-1,
	#visionary-suite .number-8 {
		width: 100vw;
	}

	/* 330.8 */
	#deep-water-bay-villa #project-hero img,
	#victoria-harbour-residence .number-6,
	#times-square-dalian .number-3,
	#z-store .number-1,
	#club-reach .number-5 {
		width:calc((330.8/375)*100vw);
	}

	/* 320 */
	#victoria-peak-house .number-10,
	#deep-water-bay-villa .number-9,
	#deep-water-bay-villa .number-13,
	#deep-water-bay-villa .number-14,
	#shouson-hill-townhouse #project-hero img,
	#shouson-hill-townhouse .number-5,
	#shouson-hill-townhouse .number-8,
	#shouson-hill-townhouse .number-10,
	#sky-villa-duplex #project-hero img,
	#triplex-penthouse .number-7,
	#victoria-harbour-residence #project-hero img,
	#victoria-harbour-residence .number-9,
	#times-square-dalian .number-1,
	#times-square-dalian #project-hero img,
	#times-square-dalian .number-3,
	#times-square-dalian .number-4,
	#times-square-dalian .number-6,
	#emperor-at-1881-heritage .number-2,
	#emperor-at-1881-heritage .number-3,
	#emperor-at-1881-heritage .number-4,
	#emperor-at-1881-heritage .number-7,
	#miele-lab .number-3,
	#miele-lab .number-8,
	#miele-lab .number-9,
	#club-reach .number-6,
	#glo-restaurant #project-hero img,
	#hotel-lkf .number-9,
	#reach-restaurant #project-hero img,
	#reach-restaurant .number-2,
	#reach-restaurant .number-4,
	#gallery-austin .number-2,
	#gallery-austin .number-3,
	#gallery-austin .number-4,
	#gallery-austin .number-5,
	#the-reach-gallery .number-5,
	#visionary-suite .number-5 {
		width: calc((320/375)*100vw);
	}

	/* 309.4 */
	#peel-rise #project-hero img,
	#deep-water-bay-villa .number-10 {
		width: calc((309.4/375)*100vw);
	}

	/* 298.8 */ 
	#triplex-penthouse #project-hero img,
	#emperor-at-1881-heritage #project-hero img,
	#emperor-at-1881-heritage .number-8,
	#miele-lab .number-5,
	#club-reach .number-4,
	#club-reach .number-10,
	#club-reach .number-11,
	#the-reach-gallery #project-hero img {
		width: calc((298.8/375)*100vw);
	}

	/* 293.5 */
	#peel-rise .number-5,
	#peel-rise .number-8,
	#victoria-peak-house .number-8,
	#triplex-penthouse .number-8 {
		width:calc((293.5/375)*100vw);
	}	
	
	/* 288 */
	#peel-rise .number-6 {
		width:calc((288/375)*100vw);
	}

	/* 277.4 */
	#triplex-penthouse .number-6,
	#the-reach-gallery .number-3 {
		width:calc((277.4/375)*100vw);	
	}

	/* 266.75 */
	#victoria-peak-house .number-11,
	#shouson-hill-townhouse .number-9,
	#sky-villa-duplex .number-7,
	#triplex-penthouse .number-15,
	#club-reach .number-3,
	#glo-restaurant .number-5,
	#the-reach-gallery .number-7,
	#visionary-suite .number-4 {
		width:calc((266.75/375)*100vw);	
	}

	/* 256 */
	#triplex-penthouse .number-4,
	#miele-lab .number-10,
	#club-reach .number-9,
	#glo-restaurant .number-2,
	#glo-restaurant .number-4 {
		width:calc((256/375)*100vw);	
	}
	
	/* 240 */
	#peel-rise .number-2,
	#peel-rise .number-3,
	#peel-rise .number-4,
	#peel-rise .number-7,
	#victoria-peak-house #project-hero img,
	#victoria-peak-house .number-3,
	#victoria-peak-house .number-5,
	#triplex-penthouse .number-13,
	#victoria-harbour-residence .number-4,
	#victoria-harbour-residence .number-11,
	#hotel-lkf .number-2,
	#hotel-lkf .number-3,
	#hotel-lkf .number-5,
	#reach-restaurant .number-6,
	#the-reach-gallery .number-6,
	#visionary-suite .number-7 {
		width:calc((240/375)*100vw);
	}

	/* 234.8 */
	#triplex-penthouse .number-5,
	#visionary-suite #project-hero img {
		width:calc((234.8/375)*100vw);
	}	

	/* 226.75 */
	#victoria-peak-house .number-4,
	#victoria-peak-house .number-7,
	#victoria-peak-house .number-9,
	#deep-water-bay-villa .number-2,
	#deep-water-bay-villa .number-3,
	#deep-water-bay-villa .number-6,
	#deep-water-bay-villa .number-7,
	#deep-water-bay-villa .number-8,
	#deep-water-bay-villa .number-11,
	#deep-water-bay-villa .number-12,
	#shouson-hill-townhouse .number-2,
	#shouson-hill-townhouse .number-3,
	#shouson-hill-townhouse .number-6,
	#shouson-hill-townhouse .number-7,
	#sky-villa-duplex .number-2,
	#sky-villa-duplex .number-5,
	#sky-villa-duplex .number-6,
	#triplex-penthouse .number-2,
	#triplex-penthouse .number-3,
	#triplex-penthouse .number-9,
	#triplex-penthouse .number-10,
	#triplex-penthouse .number-12,
	#victoria-harbour-residence .number-3,
	#victoria-harbour-residence .number-10,
	#times-square-dalian .number-5,
	#emperor-at-1881-heritage .number-6,
	#emperor-at-1881-heritage .number-5,
	#miele-lab #project-hero img,
	#z-store #project-hero img,
	#z-store .number-3,
	#z-store .number-5,
	#z-store .number-6,
	#z-store .number-7,
	#z-store .number-8,
	#z-store .number-9,
	#club-reach .number-2,
	#club-reach .number-7,
	#club-reach .number-8,
	#glo-restaurant .number-6,
	#hotel-lkf .number-7,
	#hotel-lkf .number-8,
	#reach-restaurant .number-3,
	#visionary-suite .number-3,
	#visionary-suite .number-6 {
		width:calc((226.75/375)*100vw);	
	}

	/* 213.5 */
	#deep-water-bay-villa .number-5,
	#sky-villa-duplex .number-3,
	#victoria-harbour-residence .number-5,
	#victoria-harbour-residence .number-9,
	#hotel-lkf .number-4,
	#hotel-lkf .number-6,
	#reach-restaurant .number-7,
	#the-reach-gallery .number-4 {
		width:calc((213.5/375)*100vw);		
	}

	/* Margins */
	/* Right 1 */
	#peel-rise .number-2,
	#peel-rise .number-5,
	#peel-rise .number-6,
	#peel-rise .number-8,
	#victoria-peak-house .number-8,
	#victoria-peak-house .number-10,
	#deep-water-bay-villa .number-11,
	#deep-water-bay-villa .number-13,
	#shouson-hill-townhouse .number-5,
	#shouson-hill-townhouse .number-7,
	#shouson-hill-townhouse .number-9,
	#sky-villa-duplex #project-hero img,
	#triplex-penthouse #project-hero img,
	#triplex-penthouse .number-4,
	#triplex-penthouse .number-7,
	#victoria-harbour-residence #project-hero img,
	#victoria-harbour-residence .number-6,
	#times-square-dalian #project-hero img,
	#times-square-dalian .number-3,
	#times-square-dalian .number-6,
	#emperor-at-1881-heritage #project-hero img,
	#emperor-at-1881-heritage .number-3,
	#emperor-at-1881-heritage .number-7,
	#miele-lab .number-9,
	#z-store #project-hero img,
	#club-reach .number-5,	
	#club-reach .number-8,
	#club-reach .number-11,
	#glo-restaurant #project-hero img,
	#glo-restaurant .number-5,
	#hotel-lkf .number-8,
	#reach-restaurant #project-hero img,
	#reach-restaurant .number-3,
	#gallery-austin .number-3,
	#gallery-austin .number-4,
	#gallery-austin .number-5,
	#the-reach-gallery #project-hero img,
	#the-reach-gallery .number-4,
	#visionary-suite #project-hero img,
	#visionary-suite .number-4 {
		margin-right:calc((1/22)*100vw);		
	}

	/* Right 2 */
	#victoria-peak-house #project-hero img,
	#deep-water-bay-villa .number-3,
	#shouson-hill-townhouse .number-3,
	#sky-villa-duplex .number-7,
	#triplex-penthouse .number-2,
	#triplex-penthouse .number-9,
	#triplex-penthouse .number-13,
	#emperor-at-1881-heritage .number-4,
	#emperor-at-1881-heritage .number-6,
	#miele-lab #project-hero img,
	#z-store .number-9,
	#club-reach .number-3,
	#club-reach .number-9,
	#glo-restaurant .number-2,
	#hotel-lkf .number-3,
	#hotel-lkf .number-5,
	#the-reach-gallery .number-7 {
		margin-right: calc((2/22)*100vw);
	}

	/* Right 3 */
	#victoria-peak-house .number-5,
	#sky-villa-duplex .number-3,
	#victoria-harbour-residence .number-4 {
		margin-right: calc((3/22)*100vw);	
	}

	/* Left 1 */
	#victoria-peak-house .number-9,
	#deep-water-bay-villa .number-9,
	#deep-water-bay-villa .number-10,
	#deep-water-bay-villa .number-12,
	#deep-water-bay-villa .number-14,
	#shouson-hill-townhouse .number-6,
	#shouson-hill-townhouse .number-8,
	#shouson-hill-townhouse .number-10,
	#triplex-penthouse .number-8,
	#times-square-dalian .number-1,
	#times-square-dalian .number-4,
	#emperor-at-1881-heritage .number-2,
	#miele-lab .number-3,
	#miele-lab .number-5,
	#miele-lab .number-8,
	#z-store .number-1,
	#z-store .number-5,
	#club-reach .number-4,
	#club-reach .number-6,
	#hotel-lkf .number-9,
	#reach-restaurant .number-2,
	#reach-restaurant .number-4,
	#reach-restaurant .number-6,
	#gallery-austin .number-2,
	#the-reach-gallery .number-3,
	#the-reach-gallery .number-6,
	#visionary-suite .number-3,
	#visionary-suite .number-5 {
		margin-left:calc((1/22)*100vw);	
	}

	/* Left 2 */
	#peel-rise .number-3,
	#peel-rise .number-4,
	#peel-rise .number-7,
	#victoria-peak-house .number-3,
	#victoria-peak-house .number-7,
	#shouson-hill-townhouse .number-2,
	#sky-villa-duplex .number-2,
	#triplex-penthouse .number-5,
	#triplex-penthouse .number-12,
	#victoria-harbour-residence .number-3,
	#victoria-harbour-residence .number-9,
	#club-reach .number-2,
	#club-reach .number-10,
	#glo-restaurant .number-4,
	#hotel-lkf .number-2,
	#hotel-lkf .number-4,
	#hotel-lkf .number-7,
	#the-reach-gallery .number-5,
	#visionary-suite .number-6 {
		margin-left:calc((2/22)*100vw);		
	}	

	/* Left 3 */
	#victoria-peak-house .number-4,
	#deep-water-bay-villa .number-2,
	#deep-water-bay-villa .number-5,
	#deep-water-bay-villa .number-7,
	#sky-villa-duplex .number-5,
	#triplex-penthouse .number-3,
	#victoria-harbour-residence .number-5,
	#victoria-harbour-residence .number-11,
	#times-square-dalian .number-5,
	#emperor-at-1881-heritage .number-5,
	#z-store .number-8,
	#club-reach .number-7,
	#glo-restaurant .number-6 { 
		margin-left:calc((3/22)*100vw);		
	}

	/* Left 4 */
	#triplex-penthouse .number-6,
	#triplex-penthouse .number-10,
	#z-store .number-3 {
		margin-left:calc((4/22)*100vw);
	}

	/* Left 5 */
	#sky-villa-duplex .number-6,
	#z-store .number-7,
	#visionary-suite .number-7 {
		margin-left:calc((5/22)*100vw);		
	}

	/* Left 6 */
	#hotel-lkf .number-6 {
		margin-left:calc((6/22)*100vw);			
	}

	/* Left 7 */
	#deep-water-bay-villa .number-6,
	#deep-water-bay-villa .number-8,
	#victoria-harbour-residence .number-10,
	#z-store .number-6,
	#reach-restaurant .number-7 {
		margin-left:calc((7/22)*100vw);			
	}

	/* Reshuffles */
	#deep-water-bay-villa .number-3,
	#shouson-hill-townhouse .number-3 {
		order: 2;
	}

	#deep-water-bay-villa .number-2,
	#shouson-hill-townhouse .number-2 {
		order: 3;
	}

	#peel-rise .number-4 {
		order: 5;
	}

	#peel-rise .number-5 {
		order: 4;
	}

	#emperor-at-1881-heritage .number-5 {
		order: 8;
	}

	#emperor-at-1881-heritage .number-6 {
		order: 7;
	}

	#club-reach .number-7 {
		order: 9;
	}

	#club-reach .number-8 {
		order: 7;
	}

	#hotel-lkf .number-4 {
		order: 7;
	}

	#hotel-lkf .number-5 {
		order: 6;
	}

}

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

	#visionary-suite #project-hero {
		justify-content:flex-end;
	}

}

/* 

PREVIOUS/NEXT

*/
#rarr, #larr {
	display: inline-block;
	transform: rotate(90deg);
}

#larr {
	transform: rotate(-90deg);	
}

@media only screen and (min-width:769px) {

	#previous i,
	#next i {
		display: none;
	}

}

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

	#previous span.name,
	#next span.name {
		display: none;
	}

}

/* 

ABOUT

*/
section.module {
	display: flex; justify-content: center; align-items: center; min-height:100vh; padding:calc(((60*3/2560)*100vw)) 0; 	
}

#accolades.module,
#team.module {
	align-items: flex-start;
}

#about .module > h1 {
	text-align: left; width: calc((3/24)*100vw); margin-left: calc((1/24)*100vw); text-transform:none;
}

#accolades.module > h1,
#team.module > h1 {
	margin-top: calc(((60*8/2560)*100vw));
}

.col, article {
	width: 50%;	margin-right: calc((1/24)*100vw);
}

.text {
	width: calc((20/24)*100vw); display: flex; justify-content: space-between;
}

.text ul {
	column-count: 3; column-width: calc((5/24)*100vw);; column-gap: calc((1/24)*100vw);
}

/* TEAM */
img#antony-chan-portrait {
	width: calc((9/24)*100vw);
}

/* AWARDS */
table {
	width: 100%; margin-right:calc((1/24)*100vw);
}

td.year {
	width:calc((2/24)*100vw);
}

td.awards p {
	margin-top: 0; margin-bottom:calc(((60/2560)*100vw));
}

article a,
td a:link,
td a {
	/* text-decoration: underline; */
	border-bottom: 1px solid #000;
}

article a:hover,
td a:hover {
	border-bottom: none;
}

/* NEWS */
article h1 {
	text-transform: none; text-align: left; margin-bottom: 0;
}

article h2 {
	margin-top: 0;	
}

article img {
	width: 100%;
}

@media only screen and (orientation:portrait) { 

	section.module {
		flex-direction: column; flex-wrap: wrap; padding:0 calc((1/22)*100vw); min-height: auto;
	}

	#about .module > h1 {
		width:100%; margin-left:0; text-align: center; margin: 0; height: calc((30*3/375)*100vw); display: flex; align-items: center; justify-content: center;
	}

	.text {
		flex-wrap: wrap; width:calc((20/22)*100vw);
	}

	.col, article {
		width:100%; margin: 0;
	}

	#practice .col:first-of-type {
		margin-bottom: 1em;
	}

	.text ul {
		column-count: 1; column-gap: 0; margin: 0;  padding: 0; width: 100%;
	}

	.text ul li:last-of-type {
		margin-bottom: 0;
	}

	table {
		margin: 0;
	}

	tr, td {
		display: block; width:100%;
	}	

	tr:first-of-type td.year {
		padding-top: 0;
	}

	td.year {
		width:calc((3/22)*100vw); padding-bottom:1em; padding-top: 1.5em;
	}

	img#antony-chan-portrait {
		width:calc((20/22)*100vw); max-width: 400px; margin-bottom:calc((30/375)*100vw);; margin-left: auto; margin-right: auto; display: block;
	}
	
	article {
		margin-bottom: 3em;
	}

	article:last-of-type{
		margin: 0;
	}

}

/* CONTACT */
#contact main {
	margin-left: calc((2/24)*100vw); padding-top:calc(((60*2/2560)*100vw)); display: flex; 
}

#contact main section {
	width: calc((4/24)*100vw); margin-right: calc((1/24)*100vw);
}

#instagram, #map{
	display: inline-block; font-weight: normal;
}

#instagram, #map {
	width: 30px; height: 30px; max-width:30px; min-width: 16px; width: min(max(16px, 1.17vw), 30px);
}

#map {
	width: 30px; height: 30px; max-width:30px; max-height: 30px; min-width: 16px; width: min(max(16px, 1.17vw), 30px);	
}

#instagram *,
#map * {
	transition:fill 500ms;
}

#instagram:hover *,
#map:hover * {
	fill:#00FFCB;
}

#instagram svg,
#map svg {
	width: 100%; height: auto;
}

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

	#contact main {
		flex-direction: column;
	}

	#contact main section {
		width: 100%; margin-right: 0; margin-bottom:calc(((30*1/375)*100vw));
	}
}

@media only screen and (orientation: portrait), (min-width: 769px) { 

	#contact footer {
		position:fixed; bottom: 0;
	}

}


/* 

FOOTER

*/
footer {
	justify-content: space-between;
}

footer a {
	flex-grow: 1; flex-basis: 33.3333%;
}

footer a#next {
	order: 3; text-align: right;
}

footer > span,
footer > #top {
	flex-grow: 3; text-align: center; display: block;
}

footer > #top {
	font-size: 22px;
	font-size: min(max(13.5px, 1.17vw), 30px);	
}

footer#end {
	position: absolute; z-index: 9999; background: #FFF;
}

footer#project-tracker {
	position: fixed; bottom: 0; opacity: 0; transition: opacity 500ms;
}

footer#project-tracker.ready {
	opacity: 1;
}

footer#project-tracker span {
	width: 50%;
}

footer #project-title {	
	text-align: left;
}

footer #tracker-status { 
	text-align: right;
}


@media only screen and (max-width: 768px) {
	
	footer#project-tracker,
	footer > #top {

		display: none;

	}	

}