* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

a img {
	border: none;
}

.anchor-tag {
	height: 0;
	font-size: 0;
	line-height: 0;
}

html, body {
	background: #262626;
}

body {
	font-family: 'Karla', sans-serif;
	padding-top: 137px;
	-webkit-transition: padding 500ms;
	transition: padding 500ms;
}

/*body.shrink-menu {
	padding-top: 60px;
	transition: padding 500ms;
}

body.hide-menu {
	padding-top: 0px;
	transition: padding 500ms;
}*/

#fixed {
	position: fixed;
	top: 0; left: 0;
	z-index: 102;
	width: 100%;
}

#menu-hot-spot {
	position: fixed;
	top: 0; left: 0;
	z-index: 101;
	width: 100%;
	height: 61px;
}

#bounds {
	position: relative;
	z-index: 3;
	background-color: black;
}

#dim {
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
}

body.dim #dim {
	opacity: 0.5;
	-webkit-transition-duration: 500ms;
	        transition-duration: 500ms;
}

.align {
	margin: 0 auto;
	padding: 20px;
	max-width: 1160px;
}

.slideshow {
	position: relative;
	background-color: black;
	max-height: 800px;
	min-height: 450px;
	overflow: hidden;
}

.slideshow.shorter {
	max-height: 650px;
}

.slideshow:before {
	content: '';
	display: block;
	padding-top: 56.25%;
}

.slideshow .bounds {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
}

.slideshow .slick {
	width: 100%; height: 100%;
}

.slideshow .frame {
	width: 100%; height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	outline: none;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.slideshow .frame .darken {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: rgba(0,0,0,0.25);
}

.slideshow .frame .hover-bounds {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	-webkit-transition: background 500ms;
	transition: background 500ms;
	background-color: rgba(0,0,0,0.25);
}

.slideshow .frame:hover .hover-bounds {
	background-color: rgba(0,0,0,0.5);
}

.slideshow .frame .hover-bounds .reference {
	width: 100%; height: 100%;
}

.slick-list, .slick-track {
	height: 100%;
}

.slick-dots {
	position: relative;
	top: -50px;
	text-align: center;
	z-index: 101;
}

.slick-dots li {
	display: inline-block;
	vertical-align: top;
	width: 13px; height: 13px;
	background-image: url(resources/artwork/dot-off-w.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin: 5px;
}

.slick-dots li.slick-active {
	background-image: url(resources/artwork/dot-on-w.svg);
}

.slick-dots button {
	display: none;
}

.slideshow .box {
	color: white;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

.slideshow .box.show {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slideshow .box h1 {
	font-family: 'Dala Floda Web';
	font-size: 50px;
	line-height: 1;
	font-weight: 600;
	margin: 10px 0px;
}

.slideshow .box p {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	margin: 10px auto;
	max-width: 320px;
}

.slideshow .box p span {
	text-transform: uppercase;
	text-decoration: underline;
}

.slideshow .box h1,
.slideshow .box p,
.slideshow .box img {
	-webkit-transition: -webkit-transform 500ms, opacity 500ms;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	transition: opacity 500ms, -webkit-transform 500ms;
	transition: transform 500ms, opacity 500ms;
	transition: transform 500ms, opacity 500ms, -webkit-transform 500ms;
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
}

.slideshow .box p {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.slideshow .box.show h1,
.slideshow .box.show p,
.slideshow .box.show img {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.slideshow .hover-bounds .box p:first-of-type {
	opacity: 0;
	height: 0;
	-webkit-transition: opacity 500ms, height 500ms;
	transition: opacity 500ms, height 500ms;
	-webkit-transition-delay: 500ms;
	        transition-delay: 500ms;
}

.slideshow .frame:hover .hover-bounds .box.show p:first-of-type {
	opacity: 1;
	height: 65px;
}

.slick-slide img {
	display: inline;
}

/* ENQUIRE */

#enquire {
	background: #3F3D3A;
	color: white;
	display: none;
	z-index: 104;
	max-height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
}

#enquire.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.3);
}

#enquire .align {
	font-size: 0;
	position: relative;
	padding: 0;
}

#enquire .close {
	position: absolute;
	top: 25px; right: 25px;
	cursor: pointer;
	z-index: 105;
	width: 20px;
}

#enquire .column {
	padding: 20px;
}

#enquire .column.contact {
	width: 23%;
}

#enquire .column.form {
	width: 43%;
}

#enquire .column.map {
	width: 34%;
	padding-left: 5px;
}

#enquire h3 {
	font-size: 14px;
	margin: 5px 0px;
	line-height: 1.25;
	text-transform: uppercase;
}

#enquire p {
	font-size: 14px;
	line-height: 1.25;
	margin: 10px 0px 20px 0px;
}

#enquire p a {
	color: #D8D8D7;
}

#enquire p a:hover {
	color: #FFFFFF;
}

#enquire h3 + p {
	margin-top: 0;
}

#enquire .colliers {
	width: 87px;
	cursor: pointer;
}

#enquire .cell {
	padding: 4px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

#enquire .cell.half {
	width: 50%;
}

#enquire form {
	margin: -4px;
	width: 100%;
}

#enquire input,
#enquire textarea,
#enquire select {
	display: block;
	border: 0;
	background: white;
	font: 700 13px 'Karla';
	color: #A0A0A0;
	padding: 2px 10px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	line-height: 2.4;
	height: 30px;
}

#enquire form input.error {
	background: #ff7678;
}

#enquire form textarea {
	min-height: 100px;
}

::-webkit-input-placeholder { color: #999999; }
:-moz-placeholder { color: #999999; }
::-moz-placeholder { color: #999999; }
:-ms-input-placeholder { color: #999999; }

#enquire .submit {
	width: 75px;
	margin-top: 10px;
	cursor: pointer;
	background: transparent;
	border: 2px solid white;
	font-size: 16px;
	color: white;
	height: 35px;
	line-height: 1.5;
	font-weight: bold;
}

#enquire .thanks {
	display: none;
	color: #D4622A;
}

#map-canvas {
	width: 100%;
	height: 253px;
	margin-bottom: 15px;
}

#enquire .insta {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 38px;
}

#enquire .insta a {
	color: #D8D8D7;
}

#enquire .insta img {
	margin-right: 10px;
	position: relative;
	top: 2px;
}

/* CONTACT ENQUIRE */

#contact-enquire {
	background: #FFFFFF;
	color: #3F3D3A;
	/*display: none;*/
	z-index: 104;
	max-height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
}

#contact-enquire.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.3);
}

#contact-enquire .align {
	font-size: 0;
	position: relative;
	padding: 0;
}

#contact-enquire .close {
	position: absolute;
	top: 25px; right: 25px;
	cursor: pointer;
	z-index: 105;
	width: 20px;
}

#contact-enquire .column {
	padding: 20px;
}

#contact-enquire .column.contact {
	width: 23%;
}

#contact-enquire .column.form {
	width: 43%;
}

#contact-enquire .column.map {
	width: 34%;
	padding-left: 5px;
}

#contact-enquire h3 {
	font-size: 14px;
	margin: 5px 0px;
	line-height: 1.25;
	text-transform: uppercase;
}

#contact-enquire p {
	font-size: 14px;
	line-height: 1.25;
	margin: 10px 0px 20px 0px;
}

#contact-enquire p a {
	color: #D8D8D7;
}

#contact-enquire p a:hover {
	color: #3F3D3A;
}

#contact-enquire h3 + p {
	margin-top: 0;
}

#contact-enquire .colliers {
	width: 87px;
	cursor: pointer;
}

#contact-enquire .cell {
	padding: 4px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

#contact-enquire .cell.half {
	width: 50%;
}

#contact-enquire form {
	margin: -4px;
	width: 100%;
}

#contact-enquire input,
#contact-enquire textarea,
#contact-enquire select {
	display: block;
	border: 0;
	background: #EBE8E2;
	font: 700 13px 'Karla';
	color: #A0A0A0;
	padding: 2px 10px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	line-height: 2.4;
	height: 30px;
}

#contact-enquire form input.error {
	background: #ff7678;
}

#contact-enquire form textarea {
	min-height: 100px;
}

::-webkit-input-placeholder { color: #999999; }
:-moz-placeholder { color: #999999; }
::-moz-placeholder { color: #999999; }
:-ms-input-placeholder { color: #999999; }

#contact-enquire .submit {
	width: 75px;
	margin-top: 10px;
	cursor: pointer;
	background: transparent;
	border: 2px solid #3F3D3A;
	font-size: 16px;
	color: #3F3D3A;
	height: 35px;
	line-height: 1.5;
	font-weight: bold;
}

#contact-enquire .thanks {
	display: none;
	color: #D4622A;
}

#contact-enquire .insta {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 38px;
}

#contact-enquire .insta a {
	color: #D8D8D7;
}

#contact-enquire .insta img {
	margin-right: 10px;
	position: relative;
	top: 2px;
}





/* MOBILE MENU */

#mob-menu {
	background: #262626;
	color: white;
	display: none;
	z-index: 105;
	max-height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0; right: 0; left: 0;
	width: 100%; height: 100vh;
	padding: 20px 0px;
}

#mob-menu ul {
	padding: 5px;
}

#mob-menu li {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	list-style: none;
}

#mob-menu ul.top > li {
	text-transform: uppercase;
	color: white;
	margin: 15px 0;
}

#mob-menu ul.top ul {
	display: none;
}

#mob-menu ul.top li.selected ul {
	display: block;
}

#mob-menu ul.top ul li {
	color: #AFA59C;
	border-bottom: 1px solid #AFA59C;
	text-transform: none;
	padding: 8px 0px;
}

#mob-menu li.selected {
	color: #AFA59C;
}

#mob-menu .mob-menu-footer {
	text-align: center;
	padding-top: 40px;
}

#mob-menu .mob-menu-footer a {
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	color: #AFA59C;
	margin: 0px 8px;
}


/* HEADER */

#header {
	background-color: #262626;
	text-align: center;
	position: relative;
	z-index: 103;
	-webkit-transition: margin 500ms, -webkit-transform 500ms;
	transition: margin 500ms, -webkit-transform 500ms;
	transition: transform 500ms, margin 500ms;
	transition: transform 500ms, margin 500ms, -webkit-transform 500ms;
}

#header .align {
	padding: 25px;
	position: relative;
}

#header ul {
	text-align: justify;
	font-size: 1px;
	-webkit-transition: padding 500ms;
	transition: padding 500ms;
}

#header ul:after {
	content: '';
	display: inline-block;
	width: 100%;
}

#header ul li {
	display: inline-block;
	vertical-align: bottom;
	font-size: 15px;
	text-transform: uppercase;
	color: white;
	-webkit-transition: all 500ms;
	transition: all 500ms;
	font-weight: bold;
	line-height: 0.5;
}

#header ul li:hover a,
#header ul li.current-menu-item a {
	border-bottom: 1px solid white;
}

#header ul ul {
	display: none;
}

#header .logo {
	margin: 0px 95px;
	position: relative;
	top: 0px;
	width: 110px;
	height: 87px;
	-webkit-transition: all 500ms;
	transition: all 500ms;
	overflow: hidden;
	font-size: 0;
	background-image: url(resources/artwork/tg.svg);
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
	cursor: pointer;
}

#header .logo img {
	width: 100%;
}

#header .mob-menu {
	position: absolute;
	top: 50%; left: 20px;
	width: 30px;
	margin-top: -10px;
	display: none;
}

#header .buttons {
	position: absolute;
	top: 15px;
	left: 15px;
	-webkit-transition: -webkit-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

#header .button.shrink {
	position: absolute;
	bottom: 17px;
	opacity: 0;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	transition: opacity 500ms, -webkit-transform 500ms;
	transition: opacity 500ms, transform 500ms;
	transition: opacity 500ms, transform 500ms, -webkit-transform 500ms;
	pointer-events: none;
}

#header .button.shrink.login {
	left: 25px;
	-webkit-transform: translateX(-50px);
	        transform: translateX(-50px);
}

#header .button.shrink.enquire {
	right: 25px;
	-webkit-transform: translateX(50px);
	        transform: translateX(50px);
}

#header .button {
	padding: 5px;
	border: 1px solid white;
	color: white;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

#header .button:hover {
	background: white;
	color: black;
}

#header .buttons .button {
	margin: 10px;
}

#header .insta {
	position: absolute;
	top: 25px;
	right: 25px;
	font-size: 15px;
	color: white;
	-webkit-transition: -webkit-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
	opacity: 0.8;
}

#header .insta img {
	margin-left: 10px;
	position: relative;
	top: 2px;
}

#header .insta:hover {
	opacity: 1;
}

.shrink-menu #header .social {
	display: none;
}

#header .social {
	position: absolute;
	top: 25px;
	right: 25px;
	font-size: 15px;
	color: white;
	-webkit-transition: -webkit-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

#header .social img {
	margin-left: 10px;
	position: relative;
	top: 2px;
	width: 1rem;
}

#header .social .social-pembroke {
	margin-left: 10px;
}

#header .social-linkedin, #header .social-pembroke {
	opacity: 0.8;
}

#header .social-linkedin:hover, #header .social-pembroke:hover {
	opacity: 1 !important;
}


body.shrink-menu #header .align {
	padding: 10px;
}

body.shrink-menu #header ul {
	padding: 0px 90px 0px 90px;
}

body.shrink-menu #header ul li {
	-webkit-transform: translateY(-17px);
	        transform: translateY(-17px);
}

body.shrink-menu #header .logo {
	margin: 0px 75px;
	width: 60px;
	height: 40px;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

body.shrink-menu #header .buttons {
	-webkit-transform: translateY(-57px);
	        transform: translateY(-57px);
}

body.shrink-menu #header .insta {
	-webkit-transform: translateY(-43px);
	        transform: translateY(-43px);
}

body.shrink-menu #header .button.shrink {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateX(0);
	        transform: translateX(0);
}

body.hide-menu #header {
	/*transform: translateY(-100%);*/
	margin-top: -137px;
}

* {
  margin: 0;
  padding: 0; 
}

/* Icon 1 */

#header .menu-button {
	display: none;
}

.menu-button {
  width: 25px;
  height: 20px;
  position: absolute;
top: 20px; right: 20px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.menu-button span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 3 */

.menu-button span:nth-child(1) {
  top: 0px;
}

.menu-button span:nth-child(2),.menu-button span:nth-child(3) {
  top: 9px;
}

.menu-button span:nth-child(4) {
  top: 18px;
}

.menu-button.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.menu-button.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-button.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.menu-button.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}



/* SUB MENU */


#sub-menu {
	background: #333333;
	display: none;
}

#sub-menu .align {
	font-size: 0;
	padding: 0 20px;
}

#sub-menu .column {
	width: 50%;
	padding: 20px 20px 60px 20px;
	-webkit-transition: padding 500ms, opacity 500ms;
	transition: padding 500ms, opacity 500ms;
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
	opacity: 0;
}

#sub-menu .section.ani-in .column,
#sub-menu .section.snap-in .column {
	opacity: 1;
}

#sub-menu .column.large-text p {
	font-family: 'Dala Floda Web';
	font-size: 22px;
	color: #B2B1B0;
	line-height: 1.2;
	padding-right: 50px;
}

#sub-menu .column.contact h3 {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.25;
	color: white;
}

#sub-menu .column.contact p {
	font-size: 16px;
	line-height: 1.25;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	color: white;
}

#sub-menu ul {
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
	width: 50%;
	list-style: none;
}

#sub-menu li {
	padding: 7px 0px;
	border-bottom: 1px solid #808080;
	font-size: 14px;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
	opacity: 0;
}

#sub-menu .section.ani-in li,
#sub-menu .section.snap-in li {
	opacity: 1;
}

#sub-menu li a {
	color: #D8D8D7;
}

#sub-menu li a:hover {
	color: #FFFFFF;
}

#sub-menu .section {
	display: none;
}

/*body.shrink-menu #sub-menu .column {
	padding-bottom: 20px;
}

body.shrink-menu #sub-menu .column {
	display: none;
}

body.shrink-menu #sub-menu .column.menu {
	display: block;
	width: auto;
	text-align: center;
}

body.shrink-menu #sub-menu .column.menu ul {
	display: inline-block;
	vertical-align: top;
	width: auto;
	padding: 0;
}

body.shrink-menu #sub-menu .column.menu li {
	display: inline-block;
	vertical-align: top;
	border: 0;
	font-size: 15px;
	text-transform: uppercase;
	color: #CFCFCE;
	font-weight: bold;
	line-height: 0.5;
	padding: 0 5px;
}

body.shrink-menu #sub-menu .column.menu li br {
	display: none;
}*/




/* FOOTER */

.site-footer {
	background-color: #3F3D3A;
	color: white;
}

.site-footer hr {
  margin-left: 25%;
  margin-right: 25%;
  border-top: 1px solid #000000;
}

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

  .site-footer .footer-contacts {
    display: flex;
  }


  .site-footer hr.handheld {
    display: none;
  }

}

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

  .site-footer hr {
    margin-left: 0;
    margin-right: 25%;
  }

}

.site-footer.fixed {
	position: fixed;
	right: 0; bottom: 0; left: 0;
	z-index: 2;
}

.site-footer.shadow {
	opacity: 0;
	z-index: 1;
}

.site-footer .align {
	padding-top: 40px;
	padding-bottom: 80px;
	font-size: 0;
	position: relative;
}

.site-footer .left,
.site-footer .right,
.site-footer .column {
	vertical-align: top;
	box-sizing: border-box;
	padding: 1em;
}

.site-footer .insta {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.5;
	padding-top: 10px;
}

.site-footer .insta a {
	color: #D8D8D7;
}

.site-footer .insta img {
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.site-footer form {
	margin: 25px 0px;
}

.site-footer input {
	border: 1px solid white;
	background: transparent;
	font-family: 'Karla', sans-serif;
	font-size: 13px;
	padding: 10px;
	color: white;
	font-weight: bold;
}

.site-footer input[type='text'] {
	width: 100%;
	max-width: 260px;
	margin-right: 20px;
}

.site-footer input[type='submit'] {
	cursor: pointer;
}

.site-footer input[type='submit']:hover {
	background: white;
	color: black;
}

.site-footer input::-webkit-input-placeholder { color: white; }
.site-footer input:-moz-placeholder { color: white; }
.site-footer input::-moz-placeholder { color: white; }
.site-footer input:-ms-input-placeholder { color: white; }

.site-footer .bottom {
	position: absolute;
	left: 20px; bottom: 80px;
}

.site-footer .bottom img {
	margin-bottom: 20px;
}

.site-footer .bottom a {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	margin-right: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
}

.site-footer .column {
	/*padding-right: 60px;*/
}

.site-footer h3 {
	font-size: 16px;
	margin: 10px 0px;
	line-height: 1.25;
	text-transform: uppercase;
}

.site-footer p {
	font-size: 16px;
	line-height: 1.25;
	margin: 10px 0px;
}

.site-footer a {
	color: #D8D8D7;
}

.site-footer a:hover {
	color: #FFFFFF;
}


/* INTRO */

#intro .align {
	padding: 0;
	max-width: none;
}



/* SHARED */

.button-a {
	color: white;
	border: 1px solid white;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.2;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	cursor: pointer;
	text-decoration: none !important;
}

.button-a:hover {
	color: black !important;
	background: white;
}

.button-a.orange {
	color: #D4622A !important;
	border-color: #D4622A;
}

.button-a.orange:hover {
	color: white !important;
	background: #D4622A;
}

.button-a.smaller {
	font-size: 13px;
	padding: 5px;
}

.column {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}





/* INTRO B */

.intro-b {
	background-color: #3F3D3A;
}

.intro-b.alt-grey {
	background-color: #262626;
}

.intro-b.brown {
	background-color: #AFA59C;
}

.intro-b.cream {
	background-color: #EBE8E2;
}

.intro-b.white {
	background-color: #ffffff;
}

.intro-b.background {
	background-image: url(resources/artwork/pattern_grey.png);
	background-position: top center;
	background-repeat: repeat;
	background-size: 68px 68px;
}

.intro-b.brown.background {
	background-image: url(resources/artwork/pattern-brown.png);
}

.intro-b.cream.background {
	background-image: url(resources/artwork/pattern-cream.png);
}

.intro-b .align {
	text-align: center;
	max-width: 770px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 0;
}

.intro-b.narrow .align {
	max-width: 555px;
}

.intro-b .column {
	padding: 0px 20px;
}

.intro-b h1,
.intro-b h2 {
	font-family: 'Dala Floda Web';
	font-size: 50px;
	line-height: 1;
	font-weight: 600;
	margin: 10px 0px;
	color: #D4622A;
}

.intro-b.brown h1,
.intro-b.brown h2 {
	color: white;
}

.intro-b.cream h1,
.intro-b.cream h2 {
	color: #3F3D3A;
}

.intro-b.crimson-text h1,
.intro-b.crimson-text h2 {
	color: #743335;
}

.intro-b.orange-text h1,
.intro-b.orange-text h2 {
	color: #D4622A;
}

.intro-b.small-text h1,
.intro-b.small-text h2 {
	font-size: 35px;
}

.intro-b h2 {
	margin-top: -10px;
	color: white;
}

.intro-b p {
	font-size: 18px;
	margin: 20px 0px;
	color: white;
	line-height: 1.3;
	font-weight: 300;
}

.intro-b p a {
	text-decoration: underline;
	color: #D8D8D7;
}

.intro-b p a:hover {
	color: #FFFFFF;
}

.intro-b.cream p {
	color: #3F3D3A;
}

.intro-b.cream p a {
	color: #575450;
}

.intro-b.cream p a:hover {
	color: #3F3D3A;
}

.intro-c p a:hover {
	color: #3F3D3A;
}

.intro-b.crimson-text p {
	color: #3F3D3A;
}

.intro-b.white p {
	color: #3F3D3A;
}

.intro-b.small-text p {
	margin: 10px 0px;
}

/*.intro-b p a {
	text-decoration: underline;
}*/

.intro-b img {
	margin-bottom: 40px;
}

.intro-b h2 img {
	margin-right: 10px;
	margin-bottom: 0;
}


.intro-c {
	background: white;
	text-align: center;
}

.intro-c.cream {
	background: #EBE8E2;
}

.intro-c .align {
	max-width: 930px;
}

.intro-c h1 {
	font-family: 'Dala Floda Web';
	font-size: 50px;
	line-height: 1;
	font-weight: 600;
	margin: 10px 0px;
	color: #D4622A;
}

.intro-c.smaller-text h1 {
	font-size: 35px;
}

.intro-c p {
	font-size: 16px;
	margin: 20px auto;
	color: #3F3D3A;
	line-height: 1.4;
	font-weight: 300;
	max-width: 600px;
}

.intro-c p a {
	color: #575450;
}

.intro-c p a.orange {
	color: #D4622A;
}

.intro-c p a:hover {
	color: #3F3D3A;
}



.intro-c hr {
	border: 0;
	border-bottom: 1px solid #3F3D3A;
	margin: 20px 0px;
}








/* GRID SYSTEM */

.grid-system .align {
	max-width: none;
	padding: 0;
	font-size: 0;
	text-align: center;
}

.grid-system .column {
	position: relative;
}

.grid-system .column.w25 {
	width: 25%;
}

.grid-system .column.w33 {
	width: 33.33%;
}

.grid-system .column.w50 {
	width: 50%;
}

.grid-system .column.w75 {
	width: 75%;
}

.grid-system .cell {
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: white;
	background-color: #AFA59C;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.grid-system.cascadein-on-scroll .cell {
	opacity: 0;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
}

.grid-system.cascadein-on-scroll .cell.ani-in {
	opacity: 1;
}

.grid-system .cell > img {
	width: 100%;
}

.grid-system .cell.white {
	background-color: white;
}

.grid-system .cell.cream {
	background-color: #EBE8E2;
}

.grid-system .cell.crimson {
	background-color: #743335;
}

.grid-system .cell.grey {
	background-color: #3F3D3A;
}

.grid-system .cell .bounds,
.grid-system .cell .slide,
.grid-system .cell .parallax {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	-webkit-transition: background-color 500ms;
	transition: background-color 500ms;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/*.grid-system .cell .parallax {
	background-size: 200%;
	background-repeat: no-repeat;
	background-position: 50% 60%;
}*/

.grid-system .cell.shade .bounds {
	background-color: rgba(0,0,0,0.5);
}

.grid-system .cell.hover .bounds {
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
}

.grid-system .cell.hover:hover .bounds {
	opacity: 1;
}

.grid-system .ani-group:hover .cell .bounds,
.grid-system .cell.ani-text:hover .bounds {
	background-color: rgba(0,0,0,0.5);
}

.grid-system .cell .bounds .reference {
	width: 100%; height: 100%;
	padding: 20px;
}

.grid-system .cell.narrow-text .bounds .reference {
	max-width: 340px;
}

.grid-system .cell.larger-text .bounds .reference {
	padding: 20px 40px;
}

.grid-system .cell .bounds .centre {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	max-width: 450px;
	margin: 0 auto;
	text-align: center;
}

.grid-system .cell.ani-text .text {
	opacity: 0;
	height: 0px;
	-webkit-transition: height 500ms, opacity 500ms;
	transition: height 500ms, opacity 500ms;
}

.grid-system .ani-group:hover .cell.ani-text .text,
.grid-system .cell.ani-text:hover .text {
	height: 66px;
	opacity: 1;
}

.grid-system .cell.w25 {
	width: 25%;
}

.grid-system .cell.w33 {
	width: 33.33%;
}

.grid-system .cell.w50 {
	width: 50%;
}

.grid-system .cell.w66 {
	width: 66.66%;
}

.grid-system .cell.w100 {
	width: 100%;
}

.grid-system .cell.sq:after {
	content: '';
	display: block;
	padding-top: 100%;
}

.grid-system .cell.rect:after {
	content: '';
	display: block;
	padding-top: 50%;
}

.grid-system .cell.rect-big:after {
	content: '';
	display: block;
	padding-top: 66.7%;
}

.grid-system .cell.port:after {
	content: '';
	display: block;
	padding-top: 112.5%;
}

.grid-system .cell.land:after {
	content: '';
	display: block;
	padding-top: 56.25%;
}

.grid-system .cell h2 {
	font-family: 'Dala Floda Web';
	font-size: 35px;
	line-height: 1;
	margin: 10px 0px;
}

.grid-system .cell.larger-text h2 {
	font-size: 55px;
}

.grid-system .cell.white h2 {
	color: #D4622A;
}

.grid-system .cell.cream h2 {
	color: #D4622A;
}

.grid-system .cell p {
	font-size: 16px;
	line-height: 1.4;
	margin: 10px 0px;
}

.grid-system .cell.larger-text p {
	font-size: 18px;
}

.grid-system .cell p span {
	text-transform: uppercase;
	border-bottom: 1px solid white;
	font-size: 16px;
}

.grid-system .cell.white p {
	color: #3F3D3A;
}

.grid-system .cell.white p a {
	border-color: #3F3D3A;
}

.grid-system .cell .insta span {
	display: inline-block;
	margin: 10px 20px 10px 10px;
	font-weight: bold;
	font-size: 16px;
}

.grid-system .cell .insta img {
	position: relative;
	top: 3px;
}

.grid-system .caption {
	position: absolute;
	right: 0; bottom: 0; left: 0;
	width: 100%;
	background-color: #797775;
	color: white;
	font-size: 16px;
	padding: 15px;
	text-align: center;
}

.grid-system.type-b {
	background: #EBE8E2;
}

.grid-system.type-b .align {
	margin: 0 auto;
	padding: 10px;
	max-width: 1140px;
}

.grid-system.type-b .cell {
	border: 10px solid #EBE8E2;
}

.grid-system .cell .button-a {
	margin: 0px 5px;
}





/* RELATED */

.related {
	background-color: #EBE8E2;
}

.related.white {
	background-color: #ffffff;
}

.related .align {
	font-size: 0;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.related h1 {
	font-family: 'Dala Floda Web';
	font-size: 35px;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 40px;
	color: #D4622A;
	text-align: center;
}

.related .column {
	width: 25%;
	text-align: center;
	padding: 10px;
}

.related.w33 .column {
	width: 33.33%;
}

.related .column .hover-up {
	-webkit-transition: -webkit-transform 500ms;
	transition: -webkit-transform 500ms;
	transition: transform 500ms;
	transition: transform 500ms, -webkit-transform 500ms;
}

.related .column:hover .hover-up {
	-webkit-transform: translateY(-25px);
	        transform: translateY(-25px);
}

.related .column .image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.related .column .image:after {
	content: '';
	display: block;
	padding-top: 60%;
}

.related .column .image .bounds {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
}

.related .column:hover .bounds {
	opacity: 1;
}

.related .column .image .reference {
	width: 100%; height: 100%;
}

.related .column .image .centre {
	position: relative;
	top: 25%;
	-webkit-transform: translateY(-25%);
	        transform: translateY(-25%);
}

.related.w33 .column .image .centre {
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.related .column .image .centre p {
	height: 0;
	-webkit-transition: height 500ms;
	transition: height 500ms;
	color: white;
	overflow: hidden;
}

.related .column:hover .image .centre p:nth-child(1) {
	height: 65px;
}

.related.w33 .column:hover .image .centre p:nth-child(1) {
	height: 60px;
}

.related .column:hover .image .centre p:nth-child(2) {
	height: 25px;
}

.related .column img {
	width: 100%;
}

.related .column h3 {
	font-size: 18px;
	line-height: 1.25;
	color: #3F3D3A;
	margin: 15px 0px;
	padding: 0px 10px;
	font-weight: 400;
}

.related .column h4 {
	font-size: 16px;
	line-height: 1.25;
	color: #8C8B89;
	margin: 15px 0px;
	padding: 0px 10px;
	font-weight: 400;
}

.related .column h5 {
	font-size: 16px;
	line-height: 1.25;
	color: #8C8B89;
	margin: 30px 0px -15px 0px;
	padding: 0px 10px;
	font-weight: 400;
	text-transform: uppercase;
}

.related .column h5 span.blue {
	color: #4489B4;
}

.related .column h5 span.green {
	color: #00A99D;
}

.related .column h5 span.purple {
	color: #925189;
}

.related .column h5 span.orange {
	color: #D4622A;
}

.related .column p {
	font-size: 16px;
	line-height: 1.4;
	color: #3F3D3A;
	margin: 15px 0px;
	padding: 0px 10px;
}

.related .column p span {
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 16px;
}

.load-more {
	background: #F2F2F2;
	text-align: center;
	font-size: 16px;
	color: #3F3D3A;
	cursor: pointer;
}

.load-more .align {
	padding-top: 30px;
	padding-bottom: 30px;
}

.load-more img {
	display: block;
	margin: 10px auto;
}

.load-more.animate img {
	animation: load-more 1s infinite alternate;
}

@keyframes load-more {
	0% {
		transform: scaleX(-1);
	}
	100% {
		transform: scaleX(0);
	}
}


/* SPACER */

.spacer {
	background-position: top center;
	background-repeat: repeat;
	background-size: 68px 68px;
	height: 103px;
}

.spacer.grey {
	background-image: url(resources/artwork/pattern_grey.png);
}

.spacer.large {
	height: 172px;
}





/* THEATRE VIEW */


#theatre-view {
	position: fixed;
	top: 0; left: 0; right: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	z-index: 110;
	display: none;
	padding: 20px;
}

#theatre-view .close {
	position: absolute;
	top: -30px; right: 0px;
	z-index: 7;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
	cursor: pointer;
}

#theatre-view .close.hide {
	opacity: 0.2;
}

#theatre-view .video {
	margin: 0 auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	max-height: 100%;
	z-index: 6;
	max-width: 1280px;
}

#theatre-view .video:after {
	content: '';
	display: block;
	padding-top: 56.25%;
}

#theatre-view .video iframe {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
}

#theatre-view .video video {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
}

/* CAROU */

#carousel-view {
		position: fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		width: 100%; height: 100vh;
		background: black;
		z-index: 1000;
		display: none;
	}
	
	#carousel-view .close {
		position: absolute;
		top: 20px; right: 20px;
		z-index: 1002;
		cursor: pointer;
		width: 20px;
	}
	
	#carousel-view .page {
		position: absolute;
		top: 20px; left: 20px;
		font-size: 16px;
		color: #666666;
	}
	
	#carousel-view .title {
		position: absolute;
		top: 20px; right: 0; left: 0;
		width: 100%;
		text-align: center;
		z-index: 1001;
		font-size: 16px;
		color: #666666;
	}
	
	#carousel-view .title a {
		color: white;
		text-decoration: underline;
	}
	
	#carousel-view .slides {
		position: absolute;
		top: 85px; right: 0; bottom: 85px; left: 0;
		z-index: 1001;
	}
	
	#carousel-view .slides .slick-view {
		width: 100%; height: 100%;
	}
	
	/*#carousel-view .thumbs .slick-track {
		margin: 0 auto;
	}*/
	
	#carousel-view .slides .slick-view .frame {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#carousel-view .thumbs .frame:focus {
		outline: none;
	}
	
	#carousel-view .arrow {
		position: absolute;
		top: 50%;
		margin-top: -5px;
		z-index: 1003;
		cursor: pointer;
		width: 30px;
	}
	
	#carousel-view .arrow.left {
		left: 20px;
	}
	
	#carousel-view .arrow.right {
		right: 20px;
	}
	
	#carousel-view .thumbs {
		position: absolute;
		right: 0; bottom: 20px; left: 0;
		text-align: center;
		padding: 0px 40px;
	}
	
	#carousel-view .thumbs .slick-arrow {
		position: absolute;
		top: 15px;
		border: 0;
		background: transparent;
		font-size: 0;
		width: 10px;
		height: 18px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
	}
	
	#carousel-view .thumbs .slick-prev {
		left: 15px;
		background-image: url(resources/artwork/csl-left.svg);
	}
	
	#carousel-view .thumbs .slick-next {
		right: 15px;
		background-image: url(resources/artwork/csl-right.svg);
	}
	
	
	
	#carousel-view .thumbs .frame {
		width: 90px;
		height: 50px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block;
		vertical-align: top;
		margin: 0 5px;
		opacity: 0.5;
		-webkit-transition: opacity 500ms;
		transition: opacity 500ms;
		cursor: pointer;
	}

	#carousel-view .thumbs .frame.selected {
		opacity: 1;
	}

/* AREA */

	#area-view {
		position: fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		width: 100%; height: 100vh;
		background: rgba(26, 26, 26, 0.95);
		z-index: 1000;
		display: none;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	#area-view .close {
		position: absolute;
		top: 20px; right: 20px;
		z-index: 1002;
		cursor: pointer;
		width: 20px;
	}

	#area-view .align {
		font-size: 0;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	
	#area-view .sidebar {
		display: inline-block;
		vertical-align: top;
		width: 35%;
		padding-right: 80px;
	}

	#area-view h2 {
		font-family: 'Dala Floda Web';
		font-size: 35px;
		color: white;
	}
	
	#area-view h3 {
		font-family: 'Dala Floda Web';
		font-size: 35px;
		color: #AFA59C;
		display: none;
	}
	
	#area-view .levels {
		margin-top: 10px;
		margin-bottom: 60px;
	}
	
	#area-view .levels img {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	#area-view ul {
		margin-top: 20px;
		border-top: 1px solid #AFA59C;
		list-style: none;
		display: none;
	}
	
	#area-view ul li {
		padding: 10px 10px 10px 0px;
		border-bottom: 1px solid #AFA59C;
		color: white;
		font-size: 16px;
	}
	
	#area-view ul li span {
		color: #AFA59C;
	}
	
	#area-view .map {
		display: inline-block;
		vertical-align: top;
		width: 65%;
		padding-top: 50px;
	}
	
	#area-view .map .cell {
		padding: 5px;
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
	}
	
	#area-view .map .target {
		width: 100%;
	}
	
	#area-view .map .target img {
		width: 100%;
		display: none;
	}
	
	#area-view .map .button-a {
		width: 100%;
		border-color: #AFA59C;
		color: #AFA59C;
	}
	
	#area-view .map .button-a.selected,
	#area-view .map .button-a:hover {
		background-color: #AFA59C;
		color: black;
	}

@media screen and (max-width: 1024px) {
	#area-view .sidebar {
		padding-right: 20px;
	}
	
	#area-view .map .button-a {
		font-size: 12px;
	}
}

@media screen and (max-width: 900px) {
	#area-view .sidebar {
		padding-right: 20px;
	}
	
	#area-view .map .button-a {
		font-size: 12px;
	}
	
	#area-view ul li span {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	#area-view .align {
		top: 0;
		-webkit-transform: none;
		        transform: none;
		text-align: center;
		padding-top: 60px;
		padding-bottom: 40px;
	}
	
	#area-view .sidebar {
		width: 100%;
		padding-right: 0;
	}

	#area-view ul li span {
		display: inline;
	}
	
	#area-view .map {
		width: 100%;
	}
	
	#area-view .map .cell {
		width: 100%;
	}
}




/* WHATS ON */

#whats-on {
		background: white;
		text-align: center;
	}
	
	#whats-on h1 {
		font-family: 'Dala Floda Web';
		font-size: 50px;
		line-height: 1;
		font-weight: 600;
		margin: 10px 0px;
		color: #D4622A;
	}
	
	#whats-on .sub-menu {
		border-top: 1px solid #3F3D3A;
		padding: 10px 80px;
		position: relative;
		margin-top: 40px;
	}
	
	#whats-on .sub-menu span {
		position: absolute;
		top: 10px; left: 0;
		font-size: 16px;
		color: #8C8B89;
	}
	
	#whats-on .sub-menu li {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #3F3D3A;
		margin: 0px 5px;
		text-transform: uppercase;
	}
	
	#whats-on .sub-menu li:hover {
		color: #D4622A;
	}
	
	#whats-on .sub-menu li.selected {
		color: #D4622A;
	}
	
	#whats-on-cols {
		font-size: 0;
		min-height: 450px;
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	
	#whats-on-cols .column {
		display: table-cell;
	}

	#whats-on-cols .column.hover {
		cursor: pointer;
	}

	#whats-on-cols .column.left {
		width: 60%;
		background-image: url(resources/img/whats-on-col.jpg);
		background-size: cover;
		background-position: left center;
		background-repeat: no-repeat;
		-webkit-transition: opacity 500ms;
		transition: opacity 500ms;
	}
	
	#whats-on-cols .column.left.hover-on {
		opacity: 0.7 !important;
	}
	
	#whats-on-cols .column.middle {
		width: 25%;
		padding: 25px;
		-webkit-transition: background 500ms;
		transition: background 500ms;
		background: white;
	}
	
	#whats-on-cols .column.middle.hover-on {
		background: rgba(255, 255, 255, 0.95);
	}
	
	#whats-on-cols .column.middle h2 {
		font-family: 'Dala Floda Web';
		font-size: 35px;
		line-height: 1;
		font-weight: 600;
		margin: 10px 0px;
		color: #D4622A;
	}
	
	#whats-on-cols .column.middle h3 {
		font-size: 16px;
		margin: 10px 0px 40px 0px;
		color: #8C8B89;
		font-weight: 400;
	}
	
	#whats-on-cols .column.middle p {
		font-size: 16px;
		margin: 10px 0px;
		color: #3F3D3A;
		line-height: 1.4;
	}
	
	#whats-on-cols .column.middle p span {
		text-transform: uppercase;
		text-decoration: underline;
	}
	
	#whats-on-cols .column.right {
		width: 35%;
		background: #AFA59C;
		padding: 25px;
		color: white;
	}
	
	#whats-on-cols .column.right h2 {
		font-size: 16px;
		font-weight: 400;
	}
	
	#whats-on-cols .column.right li {
		margin: 20px 0px;
		overflow: hidden;
		list-style: none;
		padding-right: 20px;
		-webkit-transition: -webkit-transform 500ms;
		transition: -webkit-transform 500ms;
		transition: transform 500ms;
		transition: transform 500ms, -webkit-transform 500ms;
	}
	
	#whats-on-cols .column.right li:hover {
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
	}

	#whats-on-cols .column.right li .image {
		width: 125px;
		float: left;
		margin-right: 15px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	#whats-on-cols .column.right li .image:after {
		content: '';
		display: block;
		padding-top: 75%;
	}
	
	#whats-on-cols .column.right li h3 {
		font-size: 15px;
		margin-bottom: 10px;
	}
	
	#whats-on-cols .column.right li span {
		font-size: 16px;
		text-transform: uppercase;
		text-decoration: underline;
	}
	
	@media screen and (max-width: 767px) {
		#whats-on {
			display: none;
		}
		
		#whats-on-cols {
			display: none;
		}
		
		#latest-stories .column {
			width: 100% !important;
		}
	}





/* POST */


	#post-header-img {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		max-height: 500px;
	}

	#post-header-img:after {
		content: '';
		display: block;
		padding-top: 50%;
	}
	
	#post {
		background: white;
	}
	
	#post .align {
		font-size: 0;
		position: relative;
	}
	
	#post .share {
		position: absolute;
		width: 15%;
		padding-top: 125px;
	}
	
	#post .share.fixed {
		position: fixed;
		top: 20px;
	}
	
	#post .share.fixed-alt {
		position: absolute;
		top: auto;
		bottom: 125px;
	}
	
	#post .share.mobile {
		display: none;
		position: relative;
	}
	
	#post .share span {
		color: #CFC9C4;
		font-size: 16px;
		text-transform: uppercase;
		display: block;
		margin-bottom: 10px;
	}
	
	#post .share img {
		margin-right: 10px;
	}
	
	#post .content {
		display: inline-block;
		vertical-align: top;
		width: 80%;
		padding: 20px 100px 100px 15%;
	}
	
	#post .content h1 {
		font-family: 'Dala Floda Web';
		font-size: 35px;
		color: #3F3D3A;
	}
	
	#post .content h2 {
		font-weight: 400;
		font-size: 16px;
		color: #AFA59C;
		margin: 10px 0px 40px 0px;
	}
	
	#post .content p {
		font-weight: 400;
		font-size: 16px;
		color: #3F3D3A;
		margin: 15px 0px;
		line-height: 1.4;
	}
	
	#post .content p a {
		text-decoration: underline;
	}
	
	#post .content img {
		max-width: 100%;
		height: auto;
	}
	
	#post .sidebar {
		display: inline-block;
		vertical-align: top;
		width: 20%;
		padding-top: 125px;
	}
	
	#post .sidebar h3 {
		font-weight: 400;
		font-size: 16px;
		color: #3F3D3A;
		margin-bottom: 2px;
	}
	
	#post .sidebar h4 {
		font-weight: 400;
		font-size: 16px;
		color: #AFA59C;
		margin-bottom: 20px;
	}
	
	@media print {
		#fixed {
			display: none;
		}
		
		body {
			padding: 0;
		}
	
		#post .share {
			display: none;
		}

		#post .content {
			width: 80%;
		}
		
		.site-footer {
			display: none;
		}
	}
	
	@media screen and (max-width: 767px) {
		
		#post {
			text-align: center;
		}
		
		#post .share.desktop {
			display: none;
		}
		
		#post .share.mobile {
			display: block;
			width: auto;
			padding: 0;
		}

		#post .content {
			width: 100%;
			padding: 0;
		}
		
		#post .content h2 {
			margin: 10px 0px 20px 0px;
		}
	
		#post .sidebar {
			width: 100%;
			padding-top: 20px;
			border-top: 1px solid #3F3D3A;
		}
		
		#post .sidebar .print {
			display: none;
		}
	}




/* WHY */


#why .icono-grid .row {
		position: relative;
	}
	
	#why .icono-grid .right-text {
		text-align: right;
	}

	#why .icono-grid .text {
		text-align: center;
		width: 50%;
		display: inline-block;
		vertical-align: top;
	}
	
	#why .icono-grid .image {
		position: absolute;
		top: 0; bottom: 0;
		width: 50%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	#why .icono-grid .image .parallax {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	#why .icono-grid .left-text .image {
		right: 0;
	}
	
	#why .icono-grid .right-text .image {
		left: 0;
	}
	
	@media screen and (max-width: 767px) {
		#why .icono-grid .text {
			width: 100%;
		}
	
		#why .icono-grid .image {
			position: static;
			width: 100%;
			height: 300px;
		}
	}




/* PRIVACY */

#privacy {
		background: #F3F1EE;
		color: #3F3D3A;
	}
	
	#privacy .align {
		max-width: 750px;
		padding-bottom: 100px;
	}
	
	#privacy h2 {
		font-family: 'Dala Floda Web';
		font-size: 35px;
		margin: 20px 0px;
	}
	
	#privacy p {
		font-size: 16px;
		line-height: 1.25;
		margin: 20px 0px;
	}
	
	#privacy ul {
		font-size: 16px;
		line-height: 1.25;
		margin: 20px 0px;
	}
	
	#privacy p + h2 {
		margin-top: 40px;
	}
	
	@media screen and (max-width: 767px) {
		#privacy {
			text-align: center;
		}
		
		#privacy h2 {
			font-size: 28px;
		}
	}
	

	
	
/* PRESS */

.button-c {
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	padding: 10px;
	text-transform: uppercase;
	text-decoration: underline;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
	cursor: pointer;
}

.cell:hover .button-c {
	opacity: 1;
}

@media screen and (max-width: 767px) {
		#press-media .intro-c h1 {
			font-size: 35px;
		}
	
		#press-media #image-gal .cell {
			width: 100%;
		}
	}
	
	


/* OVERVIEW */



#ov-grid-a {
	background-image: url(resources/artwork/pattern_grey.png);
	background-position: top center;
	background-repeat: repeat;
	background-size: 68px 68px;
	padding: 40px 0px;
}

#ov-grid-a .align {
	max-width: 1120px;
}

#ov-grid-b {
	background-color: #EBE8E2;
	padding-bottom: 40px;
}

#ov-grid-b .align {
	max-width: 1120px;
}

#ov-grid-c {
	background-color: #262626;
	padding-bottom: 40px;
}

#ov-grid-c .align {
	max-width: 1120px;
}

#overview .slideshow h1 {
	font-size: 65px;
}

@media screen and (max-width: 767px) {
	#overview .slideshow h1 {
		font-size: 35px;
	}
}




/* LIFESTYLE / NEIGBOURHOOD */

#lifestyle-scape {
		font-size: 0;
		background-color: #EBE8E2
	}
	
	#lifestyle-scape img {
		width: 100%;
		/*max-width: 1800px;*/
		margin: 0 auto;
		display: block;
	}
	
	/*@media screen and (min-width: 1800px) {
		#lifestyle-scape {
			padding-bottom: 80px;
		}
	}*/
		
	#lifestyle-map {
		background: white;
		position: relative;
	}

	#lifestyle-map .bounds {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 25%;
		z-index: 1;
	}

	#lifestyle-map .canvas {
		width: 100%; height: 100%;
	}

	#lifestyle-map .sidebar {
		width: 25%;
		padding: 20px 40px 20px 40px;
		background-color: white;
		z-index: 2;
		position: relative;
	}
	
	#lifestyle-map .sidebar h2 {
		font-family: 'Dala Floda Web';
		font-size: 35px;
		padding-top: 20px;
	}
	
	#lifestyle-map .sidebar p {
		font-size: 18px;
		margin: 10px 0px;
	}
	
	#lifestyle-map .sidebar ul {
		border-top: 2px solid #C5C5C4;
		border-bottom: 2px solid #C5C5C4;
		margin: 40px 0px;
		list-style: none;
		padding: 10px 0px;
	}
	
	#lifestyle-map .sidebar li {
		padding: 10px 20px 10px 0px;
		font-size: 18px;
		color: #555555;
		overflow: hidden;
		cursor: pointer;
		-webkit-transition: -webkit-transform 500ms;
		transition: -webkit-transform 500ms;
		transition: transform 500ms;
		transition: transform 500ms, -webkit-transform 500ms;
	}
	
	#lifestyle-map .sidebar li:hover {
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
	}
	
	#lifestyle-map .sidebar li:last-of-type:hover {
		-webkit-transform: none;
		        transform: none;
	}
	
	#lifestyle-map .sidebar li img {
		float: left;
		margin-bottom: 15px;
		margin-right: 10px;
		position: relative;
		top: -2px;
	}
	
	#lifestyle-map .sidebar li img.selected {
		display: none;
	}
	
	#lifestyle-map .sidebar li.selected img.normal {
		display: none;
	}
	
	#lifestyle-map .sidebar li.selected img.selected {
		display: block;
	}

	#lifestyle-map .sidebar li.selected.attg {
		color: #D4622A;
	}
	
	#lifestyle-map .sidebar li.selected.green {
		color: #00B6AD;
	}
	
	#lifestyle-map .sidebar li.selected.light-blue {
		color: #539BC1;
	}
	
	#lifestyle-map .sidebar li.selected.pink {
		color: #A4689C;
	}
	
	#lifestyle-map .sidebar li.selected.orange {
		color: #DD964B;
	}
	
	#lifestyle-map .sidebar li.selected.blue {
		color: #34618C;
	}
	
	#lf-grid-d {
		background-color: #AFA59C;
		padding-bottom: 40px;
	}
	
	#lf-grid-d .align {
		max-width: 1120px;
	}
	
	#lf-grid-e {
		display: none;
	}
	
	#lf-intro-z {
		display: none;
	}
	
	@media screen and (max-width: 1024px) {
		#lifestyle-map {
			background: white;
			position: relative;
		}
	
		#lifestyle-map .bounds {
			position: static;
			height: 400px;
		}

		#lifestyle-map .sidebar {
			width: auto;
		}
		
		#lifestyle-map .sidebar li {
			display: inline-block;
			vertical-align: top;
			width: 16%;
			font-size: 14px;
		}
		
		#lifestyle-map .sidebar li img {
			float: none;
			margin-bottom: 10px;
			margin-right: 10px;
			top: 0;
			display: block;
		}
	}
	
	@media screen and (max-width: 767px) {
		#lifestyle-map .sidebar {
			padding: 20px;
		}
		
		#lifestyle-map .bounds {
			padding: 20px;
			text-align: center;
		}
		
		#lifestyle-map .sidebar h2 {
			font-size: 28px;
			text-align: center;
		}
	
		#lifestyle-map .sidebar p {
			font-size: 14px;
			text-align: center;
		}
		
		#lifestyle-map .sidebar ul {
			margin-bottom: 0;
			text-align: center;
			border: 0;
			padding: 0;
			margin: 0;
		}
		
		#lifestyle-map .sidebar li {
			font-size: 0;
			width: auto;
			padding: 5px;
		}
		
		#lifestyle-map .sidebar li img {
			margin: 0;
		}
		
		#lf-grid-d {
			display: none;
		}
		
		#lf-grid-e {
			display: block;
			background: #3F3D3A;
		}
		
		#lf-grid-e .align {
			padding: 10px;
		}
		
		#lf-grid-e .cell {
			border: 10px solid #3F3D3A;
		}
		
		#lf-intro-y {
			display: none;
		}
		
		#lf-intro-z {
			display: block;
		}
	}
	
	
	
/* IMAGERY */

@media screen and (max-width: 767px) {
		#imgry-image-grid .column {
			width: 100%;
		}
	}
	
	
	
/* CONTACT */


.contact-slides {
		background: white;
	}
	
	.contact-slides.cream {
		background: #EBE8E2;
	}
	
	.contact-slides .align {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 0;
	}
	
	.contact-slides .column {
		padding: 15px;
	}
	
	.contact-slides .slides {
		position: relative;
	}
	
	.contact-slides .slides:after {
		content: '';
		display: block;
		padding-top: 75%;
	}
	
	.contact-slides .slides .slick-view-b {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
	}
	
	.contact-slides .slides .frame {
		width: 100%; height: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.contact-slides .text {
		text-align: center;
		padding: 20px;
	}

	.contact-slides .text h2 {
		font-family: 'Dala Floda Web';
		font-size: 35px;
		line-height: 1;
		font-weight: 600;
		margin: 10px 0px;
		color: #3F3D3A;
	}
	
	.contact-slides .text.double-space h2 {
		margin: 30px 0px;
	}
	
	.contact-slides .text p {
		font-size: 16px;
		line-height: 1.4;
		margin: 10px 0px;
		color: #3F3D3A;
	}
	
	.contact-slides .text.double-space p {
		margin: 30px 0px;
	}
	
	.contact-slides p a {
		color: #575450;
	}
	
	.contact-slides p a:hover {
		color: #3F3D3A;
	}
	
	@media screen and (max-width: 767px) {
		#contact-intro.intro-c h1 {
			font-size: 35px;
		}
		
		.contact-slides .column {
			width: 100%;
		}
		
		.contact-slides .text {
			padding: 20px 0px;
		}
		
		.contact-slides .text.double-space {
			padding: 20px 0px;
		}
		
		.contact-slides .text.double-space h2 {
			margin: 10px 0px;
		}
		
		.contact-slides .text.double-space p {
			margin: 20px 0px;
		}
	
		#contact-text .column {
			padding: 0;
		}
		
		#contact-text img {
			margin: 20px 0px;
		}
	}
	
.team-button {
	padding: 5px;
	border: 1px solid #3F3D3A;
	color: #3F3D3A;
	font-size: 1.25rem;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.team-button:hover {
	background: white;
	color: black;
}

	




/* INFO */

#info {
	background-color: #E8E4E2;
}

#info .align {
	padding: 20px 0px 40px 0px;
}

#info .column {
	width: 33%;
	padding: 20px;
	text-align: center;
	-webkit-transition: -webkit-transform 2s, opacity 2s;
	-webkit-transition: opacity 2s, -webkit-transform 2s;
	transition: opacity 2s, -webkit-transform 2s;
	transition: transform 2s, opacity 2s;
	transition: transform 2s, opacity 2s, -webkit-transform 2s;
	-webkit-transform: translateY(10%);
	transform: translateY(10%);
	opacity: 0;
}

#info .column.show {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

#info .column img.pic {
	width: 100%;
	margin-bottom: 20px;
}

#info .column h1 {
	font-family: 'Dala Floda Web';
	font-size: 30px;
	line-height: 1;
	font-weight: 600;
	margin: 10px 0px;
}

#info .column p {
	font-size: 18px;
	line-height: 1.25;
	padding: 0px 25px;
	margin-top: 10px;
}

#info .column p a {
	text-decoration: underline;
	color: #383838;
}

#info .column p a:hover {
	color: #ce6430;
}
/* 
#info .column p a.orange {
	color: #D4622A;
}

#info .column p a.orange:hover {
	color: #723437;
}
 */


.align.two-col {
	position: relative;
	padding: 120px 20px 120px 20px;
}

.align.two-col .left {
	position: absolute;
	top: 120px; left: 20px; bottom: 120px;
	width: 290px;
	border-top: 1px solid black;
	padding-right: 20px;
}

.align.two-col .right {
	padding-left: 320px;
}

.align.two-col h1 {
	font-family: 'Dala Floda Web';
	font-size: 30px;
	line-height: 1;
	font-weight: 600;
	margin: 10px 0px;
	color: #D4622A;
}

.align.two-col p {
	font-size: 18px;
	line-height: 1.25;
	margin-top: 10px;
}

.align.two-col .left ul {
	position: absolute;
	bottom: 0;
}

.align.two-col .left ul img {
	width: 18px;
	position: relative;
	top: 4px;
	margin-right: 5px;
}

.align.two-col .left li {
	list-style: none;
	margin: 10px 0px;
	font-size: 14px;
	cursor: default;
}

.align.two-col .gallery {
	position: relative;
	font-size: 0;
}

.align.two-col .gallery:after {
	content: '';
	display: block;
	padding-top: 90%;
}

.align.two-col .gallery .bounds {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

.align.two-col .gallery .col-66 {
	width: 66.66%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

.align.two-col .gallery .col-50 {
	width: 50%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

.align.two-col .gallery .col-33 {
	width: 33.33%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

.align.two-col .gallery .row-66 {
	height: 66.66%;
}

.align.two-col .gallery .row-50 {
	height: 33.33%;
}

.align.two-col .gallery .row-33 {
	height: 33.33%;
}

.align.two-col .cycle {
	width: 100%;
}

.align.two-col .cycle .frame {
	width: 100%; height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}






/* LOCATION */


#location {
	background-image: url(resources/artwork/pattern_w.png);
	background-position: top center;
	background-repeat: repeat;
	background-size: 40px 40px;
}

#location ul {
	list-style: none;
}

#location .scape {
	position: relative;
}

#location .scape .bg {
	width: 100%;	
}

#location .scape .point {
	width: 4%;
	position: absolute;
	min-width: 30px;
}

#location .scape .point img {
	width: 100%;
}

#location .scape .point.p0 { top: 36%; left: 50%; width: 6%; }
#location .scape .point.p1 { top: 30%; left: 46%; }
#location .scape .point.p2 { top: 26%; left: 62%; }
#location .scape .point.p3 { top: 38%; left: 57%; }
#location .scape .point.p4 { top: 42%; left: 35%; }
#location .scape .point.p5 { top: 46%; left: 43%; }
#location .scape .point.p6 { top: 55%; left: 37%; }
#location .scape .point.p7 { top: 68%; left: 68%; }
#location .scape .point.p8 { top: 80%; left: 49%; }

#location li img:nth-child(1) {
	display: inline;
}

#location li img:nth-child(2) {
	display: none;
}

#location li:nth-child(1) {
	color: #D4622A;
}

#location li:nth-child(1) img:nth-child(1) {
	display: none;
}

#location li:nth-child(1) img:nth-child(2) {
	display: inline;
}

#location .hover li:nth-child(1) {
	color: #7f7f7f;
}

#location .hover li:nth-child(1) img:nth-child(1) {
	display: inline;
}

#location .hover li:nth-child(1) img:nth-child(2) {
	display: none;
}

#location .hover li.hover img:nth-child(1) {
	display: none;
}

#location .hover li.hover img:nth-child(2) {
	display: inline;
}

#location .hover li.hover {
	color: #D4622A;
}



/* #location ul:hover li:first-of-type,
#location ul.hover li:first-of-type {
	color: #7f7f7f;
}

#location ul li:hover,
#location ul li.hover {
	color: #D4622A;
}

#location ul li:hover img,
#location ul li.hover img {
	opacity: 0.5;
}

#location ul li:hover:first-of-type img {
	opacity: 1;
}

#location ul li:hover:first-of-type {
	color: #D4622A;
}
 */




/* AMENITY */

#amenity {
	background-color: #E8E4E2;
}

#amenity .cycle.a { height: 65%; }
#amenity .cycle.b { height: 35%; }
#amenity .cycle.c { height: 35%; }
#amenity .cycle.d { height: 30%; }
#amenity .cycle.e { height: 35%; }
#amenity .cycle.f { height: 100%; }
#amenity .cycle.g { height: 35%; }
#amenity .cycle.h { height: 25%; }
#amenity .cycle.i { height: 40%; }





/* TRANSPORT */

#transport .right img {
	width: 100%;
}




/* AVAILABILITY */

#availability {
	background-image: url(resources/artwork/pattern_b.png);
	background-position: top center;
	background-repeat: repeat;
	background-size: 40px 40px;
}

#availability .right img {
	width: 100%;
}



/* PRODUCTIVITY */

#productivity {
	background-color: #A49F9A;
}

#productivity .left {
	border-color: white;
}

#productivity h1,
#productivity p {
	color: white;
}

#productivity .cycle.a { height: 50%; }
#productivity .cycle.b { height: 50%; }
#productivity .cycle.c { height: 25%; }
#productivity .cycle.d { height: 25%; }
#productivity .cycle.e { height: 50%; }
#productivity .cycle.f { height: 25%; }
#productivity .cycle.g { height: 50%; }
#productivity .cycle.h { height: 25%; }







/* FEATURES */

#features {
	background-color: #E8E4E2;
}

#features .right {
	font-size: 0;
}

#features .col-33 {
	width: 33.33%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	padding: 0px 10px 50px 10px;
}

#features .col-33 img {
	width: 130px;
	margin-bottom: 30px;
}

#features .col-33 h2 {
	font-family: 'Dala Floda Web';
	font-size: 30px;
	line-height: 1;
	font-weight: 600;
	margin: 10px 0px;
	color: #743335;
}

#features .col-33 p {
	font-size: 18px;
	line-height: 1.25;
	padding: 0px 25px;
	margin-top: 10px;
	color: #743335;
}





/* MORE */

#more {
	background-image: url(resources/artwork/pattern_o.png);
	background-position: top center;
	background-repeat: repeat;
	background-size: 40px 40px;
}

#more .layer {
	max-width: 500px;
	margin: 0 auto;
	background-image: url(resources/artwork/more.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	padding: 20px;
}

#more h1 {
	font-family: 'Dala Floda Web';
	font-size: 30px;
	line-height: 1;
	font-weight: 600;
	display: inline-block;
	vertical-align: top;
	border-bottom: 2px solid white;
	padding-bottom: 0px;
	cursor: pointer;
}

#more h1:hover {
	color: #3F3D3A;
	border-color: #3F3D3A;
}

#more p {
	font-size: 18px;
	line-height: 1.25;
	padding: 0px 25px;
	margin-top: 5px;
}


/* DETAILS */
#details .intro .align {
    padding: 0;
    max-width: none;
}

    #floorplans {
        background-color: #EBE8E2;
    }
    #floorplans h2 {
        font-family: 'Dala Floda Web';
        font-size: 36px;
        line-height: 1;
        font-weight: 600;
        color: #3F3D3A;
        padding-bottom: 13px;
    } 
    #floorplans p {
        font-size: 18px;
        line-height: 24px;
        color: #3F3D3A;
        padding-bottom: 12px;
    }   
    #floorplans .align {
        padding: 35px 20px;
    }
    #floorplans .column.w36 {
        width: 36%;
        padding-right: 70px;
    }
    #floorplans .column.w64 {
        width: 64%;
    }
    .button-b {
        color: #3F3D3A;
        border: 1px solid #3F3D3A;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 1.2;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        padding: 10px;
		margin-top: 20px;
		cursor: pointer;
		text-decoration: none !important;   
	}
	.button-b:hover {
        color: white !important;
        background: #3F3D3A;
    }

    #sustainable {
        background-image: url(resources/artwork/pattern_grey.png);
        background-position: top center;
        background-repeat: repeat;
        background-size: 68px 68px;
    }
    #sustainable .align {
        font-size: 0;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 60px;

    }
    #sustainable .column {
        width: 33.33%;
        padding:25px;
    }
    #sustainable img {
        margin-bottom: 40px;
    }
    #sustainable .sml {
        max-width:155px;
        padding-top:30px;
    }    
    #sustainable .med {
        max-width: 190px;
    }  
    #sustainable h2 {
        font-family: 'Dala Floda Web';
        font-size: 36px;
        line-height: 1;
        font-weight: 600;
        color: #D4622A;
        padding-bottom: 13px;
    }
    #sustainable p {
        font-size: 18px;
        line-height: 24px;
        color: white;
        padding-bottom: 12px; 
    }
    #floorplans .align {
        font-size: 0;
    }
    .stackplan-nav {
        position: relative;
        max-width: 704px; 
        overflow: hidden;
    }
/*    .stackplan-nav .stackplan-bg {
        position: absolute;
    }
*/ 
    .stack-nav {
        position: absolute;
        top:126px;
    }
    .stackplan-bg {
    	width:704px;
    	height:auto;
    }
    .stackplan ul {
        margin:0;
        padding:0;
        list-style: none;
    }

    .stack-nav .stack-row {
        height:42px;
        line-height: 40px;
        border-top: 1px solid #ffffff;
        border-left: 2px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        border-right: 2px solid #ffffff;
    }
    .stack-nav .stack-row:first-child {
        height:51px;
        line-height: 49px;
    }
    .stack-nav .stack-row:last-child {
        height:50px;
        line-height: 49px;
        width:162px;
    }

/*    #level01-nav, #level02-nav, #level03-nav, #level03-nav {
        background: #743335;
    }
    #level04-nav, #level05-nav {
        background: #D36229;
    }
*/
    .row-group li {
        display:inline-block;
        vertical-align: top;
    }
    .stack-col1 {
        font-family: 'Dala Floda Web';
        color: #ffffff;
        font-size: 20px;
        font-weight: 700;
        width:100px;
        padding: 0 10px;
    }
    .stack-col2 {
        color: #ffffff;
        font-size: 12px;
        font-weight: 600;
        width:176px;
        padding:0 10px;
    }
    .stack-col3 {
        font-size: 12px;
        font-weight: 600;
        color: #743335;
        width:167px;
        text-align: center;
    }    
    .stack-col4 {
        color: #ffffff;
        font-size: 12px;
        font-weight: 600;
        width:257px;
        text-align: center;
    }
    .stack-nav .stack-row:last-child .stack-col1 {
        color:#999999;
        font-size: 12px;
        padding-left:65px;
        width:158px;
    }
    .stack-nav .stack-row:last-child .stack-col2, .stack-nav .stack-row:last-child .stack-col3, .stack-nav .stack-row:last-child .stack-col4 {
        display:none;
    }
/* HOVER STYLES */
    .stack-row a .row-group {
        -webkit-transition: background-color 500ms ease;
        transition: background-color 500ms ease;
    }
    .stack-row a .row-group .stack-col3  {
        -webkit-transition: color 500ms ease;
        transition: color 500ms ease;
    }
    .stack-row a:hover .row-group {
        background: #494947;
    }
    .stack-row a:hover .row-group .stack-col3  {
        color: #ffffff;
    }	


#mob-stackplan {
	display: none;
}






/* GALLERY */	
#gallery .intro .align {
    padding: 0;
    max-width: none;
}
#gallery .intro-b H2 {
    font-family: 'Dala Floda Web';
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
    color: #D4622A;
    margin: 0;
}
#gallery .intro-b .align {
    padding-top: 30px;
    padding-bottom: 30px;
}
#gallery .grid-system {
	background: #EBE8E2;
}
#gallery .grid-system .cell .bounds .centre {
    max-width: 230px;
}
#gallery .grid-system .column.w36 {
	width: 36%;
}
#gallery .grid-system .column.w28 {
	width: 28%;
}

#gallery .grid-system .cell.rect-port:after {
	content: '';
	display: block;
	padding-top: 126%;
}
#gallery .grid-system .cell.rect-land:after {
	content: '';
	display: block;
	padding-top: 63%;
}
#gallery .grid-system .cell.rect-port-narrow:after {
	content: '';
	display: block;
	padding-top: 162%;
}






/* FADEINS */

.fadein-on-scroll {
	-webkit-transform: translateY(25px);
	        transform: translateY(25px);
	opacity: 0;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, -webkit-transform 1s;
	transition: transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s, -webkit-transform 1s;
	-webkit-transition-delay: 500ms;
	        transition-delay: 500ms;
}

.fadein-on-scroll.ani-in {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}







/* OVERVIEW VIDEO */


.overview-video {
	position: relative;
}

.overview-video:after {
	padding-top: 56.25%;
	content: '';
	display: block;
}

.overview-video-bounds {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-image: url('resources/images/video-placeholder.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.overview-video video {
	width: 100%;
	height: 100%;
	opacity: 0;
}

.overview-video-button {
	position: absolute;
	bottom: 40px; right: 0; left: 0;
	text-align: center;
}