/*! Humaan CSS v4.0 */

@font-face {
	font-family: "Icons";
	src: url("fonts/Icons.eot");
	src: url("fonts/Icons.eot?#iefix") format("eot"), url("fonts/Icons.woff") format("woff"), url("fonts/Icons.ttf") format("truetype"), url("fonts/Icons.svg#Icons") format("svg");
}

.icon:before {
	font-family: "Icons";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal; /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
	text-decoration: none;
	text-transform: none;
}

.icon-icn_01-logo:before {
	content: "\E001";
}

.icon-icn_02-arr-left:before {
	content: "\E002";
}

.icon-icn_03-arr-right:before {
	content: "\E003";
}

.icon-icn_04-arr-up:before {
	content: "\E004";
}

.icon-icn_05-arr-down:before {
	content: "\E005";
}

.icon-icn_06-arr-left-sm:before {
	content: "\E006";
}

.icon-icn_07-arr-right-sm:before {
	content: "\E007";
}

.icon-icn_08-arr-up-sm:before {
	content: "\E008";
}

.icon-icn_09-arr-down-sm:before {
	content: "\E009";
}

.icon-icn_10-search:before {
	content: "\E00A";
}

.icon-icn_11-mail:before {
	content: "\E00B";
}

.icon-icn_12-facebook:before {
	content: "\E00C";
}

.icon-icn_13-twitter:before {
	content: "\E00D";
}

.icon-icn_14-youtube:before {
	content: "\E00E";
}

.icon-icn_15-grid:before {
	content: "\E00F";
}

.icon-icn_16-list:before {
	content: "\E010";
}

.icon-icn_17-close:before {
	content: "\E011";
}

.icon-icn_18-award:before {
	content: "\E012";
}

.icon-icn_19-comment:before {
	content: "\E013";
}

.icon-icn_20-brochure:before {
	content: "\E014";
}

.icon-icn_21-process-apartment:before {
	content: "\E015";
}

.icon-icn_22-process-contract:before {
	content: "\E016";
}

.icon-icn_23-process-scheme:before {
	content: "\E017";
}

.icon-icn_24-process-settlement:before {
	content: "\E018";
}

.icon-icn_25-hammer:before {
	content: "\E019";
}

.icon-icn_25-play:before {
	content: "\E01A";
}

.icon-icn_26-hammer:before {
	content: "\E01B";
}

.icon-icn_26-linkedin:before {
	content: "\E01C";
}

.icon-icn_27-logo-old:before {
	content: "\E01D";
}

.icon-icn_28-mfinance:before {
	content: "\E01E";
}

.icon-icn_29-mproperty:before {
	content: "\E01F";
}

.icon-icn_30-mconstruction:before {
	content: "\E020";
}

.icon-icn_31-mgroup:before {
	content: "\E021";
}

.icon-icn_32-mgroup-full:before {
	content: "\E022";
}

@font-face {
	font-family: 'AlternateGothicNo2BT-Regular';
	src: url("fonts/2E81E5_0_0.eot");
	src: url("fonts/2E81E5_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/2E81E5_0_0.woff2") format("woff2"), url("fonts/2E81E5_0_0.woff") format("woff"), url("fonts/2E81E5_0_0.ttf") format("truetype");
}

@font-face {
	font-family: 'DepotNew-Bold';
	src: url("fonts/2E81E5_1_0.eot");
	src: url("fonts/2E81E5_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/2E81E5_1_0.woff2") format("woff2"), url("fonts/2E81E5_1_0.woff") format("woff"), url("fonts/2E81E5_1_0.ttf") format("truetype");
}

@font-face {
	font-family: 'DepotNew-Regular';
	src: url("fonts/2E81E5_2_0.eot");
	src: url("fonts/2E81E5_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/2E81E5_2_0.woff2") format("woff2"), url("fonts/2E81E5_2_0.woff") format("woff"), url("fonts/2E81E5_2_0.ttf") format("truetype");
}

@font-face {
	font-family: 'DepotNew-Light';
	src: url("fonts/2E81E5_3_0.eot");
	src: url("fonts/2E81E5_3_0.eot?#iefix") format("embedded-opentype"), url("fonts/2E81E5_3_0.woff2") format("woff2"), url("fonts/2E81E5_3_0.woff") format("woff"), url("fonts/2E81E5_3_0.ttf") format("truetype");
}

/* normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */ /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

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

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.row:after,
.clearfix:after {
	clear: both;
}

.row,
.clearfix {
	zoom: 1;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
@mixin font-scale($vw, $px: 1.6) {
	@media only screen and (max-width: 1200px) {
		font-size: ($vw) + vw;
	}
	@media only screen and (max-width: 769px) {
		font-size: ($px) + px;
		font-size: $px + rem;
	}
}
*/

.site-green { /*
	.filter-bar .has-drop.hover:hover a,
	.filter-bar .has-drop.hover:active a,
	.filter-bar ul a.active {
		background-color: $site_color;
		color: white;
	}


	.filter-bar .has-drop.light.active .drop a:hover,
	.filter-bar .has-drop.light.active .drop a:active,
	.filter-bar .has-drop.light.active .drop a:focus,
	.filter-bar .has-drop.light.active .drop a.active {
		color: $site_color;
	}
*/
}

.site-green .header-shape-area svg polygon {
	fill: #8db84c;
}

.site-green.page-internal.projects-landing-page .project-detail .sidebar .intro .title:after {
	background-color: #8db84c;
}

.site-green label.error {
	color: #8db84c;
}

.site-green ::-moz-selection,
.site-green .btn:hover,
.site-green .btn:active,
.site-green .enquire-button,
.site-green .popout-enquire .divider,
.site-green .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #8db84c;
	opacity: 1;
}

.site-green ::selection,
.site-green .btn:hover,
.site-green .btn:active,
.site-green .enquire-button,
.site-green .popout-enquire .divider,
.site-green .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #8db84c;
	opacity: 1;
}

.site-green ::-moz-selection:hover,
.site-green ::-moz-selection:active,
.site-green .btn:hover:hover,
.site-green .btn:hover:active,
.site-green .btn:active:hover,
.site-green .btn:active:active,
.site-green .enquire-button:hover,
.site-green .enquire-button:active,
.site-green .popout-enquire .divider:hover,
.site-green .popout-enquire .divider:active,
.site-green .enquire-form button:hover,
.site-green .enquire-form button:active {
	background-color: #80a843;
}

.site-green ::selection:hover,
.site-green ::selection:active,
.site-green .btn:hover:hover,
.site-green .btn:hover:active,
.site-green .btn:active:hover,
.site-green .btn:active:active,
.site-green .enquire-button:hover,
.site-green .enquire-button:active,
.site-green .popout-enquire .divider:hover,
.site-green .popout-enquire .divider:active,
.site-green .enquire-form button:hover,
.site-green .enquire-form button:active {
	background-color: #80a843;
}

.site-green a,
.site-green .select:after,
.site-green .footer-newsletter .submit:before,
.site-green .register-interest button:after,
.site-green .header-nav .active a {
	transition: color 0.2s ease-in-out;
	color: #8db84c;
}

.site-green .popout-enquire .enquire-button:after {
	transition: all 0.2s ease-in-out;
	border-right-color: #8db84c;
}

.site-green .popout-enquire .enquire-button:hover:after,
.site-green .popout-enquire .enquire-button:active:after {
	border-right-color: #80a843;
}

.site-green input:focus,
.site-green textarea:focus {
	transition: all 0.2s ease-in-out;
	border-color: #8db84c;
	box-shadow: 0 0 10px #8db84c;
	outline: none;
}

.site-green .page-internal .page-nav .shape-color {
	fill: #8db84c;
}

.site-green .project-post:hover aside,
.site-green .project-post:active aside,
.site-green .register-interest .status-message,
.site-green .enquire-form .status-message {
	color: #8db84c;
}

.site-green .register-interest .title,
.site-green .popout-enquire .status-message {
	background-color: #8db84c;
}

.site-green .back-link:before {
	color: #8db84c;
}

.site-green .btn {
	background-color: #8db84c;
}

.site-green.page-internal .page-nav .btn.med {
	border-top: 0;
	background-color: #8db84c;
}

.site-green .filter-bar .view.active {
	color: #8db84c;
}

.site-green .filter-bar .has-drop.click > a:after,
.site-green .filter-label:after,
.site-green .multi-wrap .ms-choice:after {
	color: #8db84c;
}

.site-green .contact-info:after {
	background-color: #8db84c;
}

.site-green .contact-info:before {
	border-color: transparent transparent #8db84c transparent;
}

.site-green .about-intro .intro-title {
	color: #8db84c;
}

.site-green .news-single ul.slick-dots li.slick-active,
.site-green .news-modal ul.slick-dots li.slick-active {
	background-color: #8db84c;
}

.site-green .news-single .slider-wrap:after,
.site-green .news-modal .slider-wrap:after {
	border-color: transparent transparent #8db84c transparent;
}

.site-green .completion-filter ul li a.active,
.site-green .filter-bar .ms-drop ul li.selected {
	color: #8db84c !important;
}

.site-green .site-color {
	color: #8db84c;
}

.site-green .project-detail .title:not(.white),
.site-green .project-brochure .btn:before {
	color: #8db84c;
}

.site-green .project-gallery-header:before {
	background-color: #8db84c;
}

.site-green .project-detail .project-sticky-bar a:hover,
.site-green .project-detail .project-sticky-bar a:focus {
	color: #8db84c;
}

.site-green .project-detail .project-sticky-bar .nav-active a {
	border-bottom: 1px solid #8db84c;
}

.site-green .gallery-pager .slick-active .background:after {
	background-color: #8db84c;
}

.site-green .project-features {
	background-color: #8db84c;
}

.site-green .project-detail .title.grey {
	color: #333 !important;
}

.site-green .project-about .title strong {
	color: #8db84c !important;
}

.site-green .btn.grey:hover,
.site-green .btn.grey:focus {
	color: #8db84c;
}

.site-green .btn.white {
	color: #8db84c;
}

.site-green .btn.white,
.site-green .btn.white:hover,
.site-green .btn.white:focus {
	transition: color .2s ease-in-out;
}

.site-green .btn.white:hover,
.site-green .btn.white:focus {
	color: #333;
}

.site-green .btn.outline {
	color: #333;
	transition: color .2s ease-in-out;
}

.site-green .btn.outline:hover,
.site-green .btn.outline:focus {
	color: #8db84c;
}

.site-green .btn.rounded:after {
	color: #8db84c;
}

.site-green .btn.brochure:before {
	color: #8db84c !important;
}

.site-green .filter-bar a.btn-enquiries:hover .number,
.site-green .filter-bar a.btn-enquiries:focus .number {
	color: #8db84c !important;
}

.site-green .project-detail .project-location .map-wrap .btn.grey:before {
	color: #8db84c;
}

.site-green .project-detail .project-download-list a:hover .sub-title,
.site-green .project-detail .project-download-list a:focus .sub-title {
	color: #8db84c;
}

.site-green .project-detail .horizontal-list li:before {
	background-color: #8db84c;
}

.site-green .project-detail .emblem.no-img {
	background-color: #8db84c;
}

.site-orange { /*
	.filter-bar .has-drop.hover:hover a,
	.filter-bar .has-drop.hover:active a,
	.filter-bar ul a.active {
		background-color: $site_color;
		color: white;
	}


	.filter-bar .has-drop.light.active .drop a:hover,
	.filter-bar .has-drop.light.active .drop a:active,
	.filter-bar .has-drop.light.active .drop a:focus,
	.filter-bar .has-drop.light.active .drop a.active {
		color: $site_color;
	}
*/
}

.site-orange .header-shape-area svg polygon {
	fill: #ff7626;
}

.site-orange.page-internal.projects-landing-page .project-detail .sidebar .intro .title:after {
	background-color: #ff7626;
}

.site-orange label.error {
	color: #ff7626;
}

.site-orange ::-moz-selection,
.site-orange .btn:hover,
.site-orange .btn:active,
.site-orange .enquire-button,
.site-orange .popout-enquire .divider,
.site-orange .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #ff7626;
	opacity: 1;
}

.site-orange ::selection,
.site-orange .btn:hover,
.site-orange .btn:active,
.site-orange .enquire-button,
.site-orange .popout-enquire .divider,
.site-orange .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #ff7626;
	opacity: 1;
}

.site-orange ::-moz-selection:hover,
.site-orange ::-moz-selection:active,
.site-orange .btn:hover:hover,
.site-orange .btn:hover:active,
.site-orange .btn:active:hover,
.site-orange .btn:active:active,
.site-orange .enquire-button:hover,
.site-orange .enquire-button:active,
.site-orange .popout-enquire .divider:hover,
.site-orange .popout-enquire .divider:active,
.site-orange .enquire-form button:hover,
.site-orange .enquire-form button:active {
	background-color: #ff660d;
}

.site-orange ::selection:hover,
.site-orange ::selection:active,
.site-orange .btn:hover:hover,
.site-orange .btn:hover:active,
.site-orange .btn:active:hover,
.site-orange .btn:active:active,
.site-orange .enquire-button:hover,
.site-orange .enquire-button:active,
.site-orange .popout-enquire .divider:hover,
.site-orange .popout-enquire .divider:active,
.site-orange .enquire-form button:hover,
.site-orange .enquire-form button:active {
	background-color: #ff660d;
}

.site-orange a,
.site-orange .select:after,
.site-orange .footer-newsletter .submit:before,
.site-orange .register-interest button:after,
.site-orange .header-nav .active a {
	transition: color 0.2s ease-in-out;
	color: #ff7626;
}

.site-orange .popout-enquire .enquire-button:after {
	transition: all 0.2s ease-in-out;
	border-right-color: #ff7626;
}

.site-orange .popout-enquire .enquire-button:hover:after,
.site-orange .popout-enquire .enquire-button:active:after {
	border-right-color: #ff660d;
}

.site-orange input:focus,
.site-orange textarea:focus {
	transition: all 0.2s ease-in-out;
	border-color: #ff7626;
	box-shadow: 0 0 10px #ff7626;
	outline: none;
}

.site-orange .page-internal .page-nav .shape-color {
	fill: #ff7626;
}

.site-orange .project-post:hover aside,
.site-orange .project-post:active aside,
.site-orange .register-interest .status-message,
.site-orange .enquire-form .status-message {
	color: #ff7626;
}

.site-orange .register-interest .title,
.site-orange .popout-enquire .status-message {
	background-color: #ff7626;
}

.site-orange .back-link:before {
	color: #ff7626;
}

.site-orange .btn {
	background-color: #ff7626;
}

.site-orange.page-internal .page-nav .btn.med {
	border-top: 0;
	background-color: #ff7626;
}

.site-orange .filter-bar .view.active {
	color: #ff7626;
}

.site-orange .filter-bar .has-drop.click > a:after,
.site-orange .filter-label:after,
.site-orange .multi-wrap .ms-choice:after {
	color: #ff7626;
}

.site-orange .contact-info:after {
	background-color: #ff7626;
}

.site-orange .contact-info:before {
	border-color: transparent transparent #ff7626 transparent;
}

.site-orange .about-intro .intro-title {
	color: #ff7626;
}

.site-orange .news-single ul.slick-dots li.slick-active,
.site-orange .news-modal ul.slick-dots li.slick-active {
	background-color: #ff7626;
}

.site-orange .news-single .slider-wrap:after,
.site-orange .news-modal .slider-wrap:after {
	border-color: transparent transparent #ff7626 transparent;
}

.site-orange .completion-filter ul li a.active,
.site-orange .filter-bar .ms-drop ul li.selected {
	color: #ff7626 !important;
}

.site-orange .site-color {
	color: #ff7626;
}

.site-orange .project-detail .title:not(.white),
.site-orange .project-brochure .btn:before {
	color: #ff7626;
}

.site-orange .project-gallery-header:before {
	background-color: #ff7626;
}

.site-orange .project-detail .project-sticky-bar a:hover,
.site-orange .project-detail .project-sticky-bar a:focus {
	color: #ff7626;
}

.site-orange .project-detail .project-sticky-bar .nav-active a {
	border-bottom: 1px solid #ff7626;
}

.site-orange .gallery-pager .slick-active .background:after {
	background-color: #ff7626;
}

.site-orange .project-features {
	background-color: #ff7626;
}

.site-orange .project-detail .title.grey {
	color: #333 !important;
}

.site-orange .project-about .title strong {
	color: #ff7626 !important;
}

.site-orange .btn.grey:hover,
.site-orange .btn.grey:focus {
	color: #ff7626;
}

.site-orange .btn.white {
	color: #ff7626;
}

.site-orange .btn.white,
.site-orange .btn.white:hover,
.site-orange .btn.white:focus {
	transition: color .2s ease-in-out;
}

.site-orange .btn.white:hover,
.site-orange .btn.white:focus {
	color: #333;
}

.site-orange .btn.outline {
	color: #333;
	transition: color .2s ease-in-out;
}

.site-orange .btn.outline:hover,
.site-orange .btn.outline:focus {
	color: #ff7626;
}

.site-orange .btn.rounded:after {
	color: #ff7626;
}

.site-orange .btn.brochure:before {
	color: #ff7626 !important;
}

.site-orange .filter-bar a.btn-enquiries:hover .number,
.site-orange .filter-bar a.btn-enquiries:focus .number {
	color: #ff7626 !important;
}

.site-orange .project-detail .project-location .map-wrap .btn.grey:before {
	color: #ff7626;
}

.site-orange .project-detail .project-download-list a:hover .sub-title,
.site-orange .project-detail .project-download-list a:focus .sub-title {
	color: #ff7626;
}

.site-orange .project-detail .horizontal-list li:before {
	background-color: #ff7626;
}

.site-orange .project-detail .emblem.no-img {
	background-color: #ff7626;
}

.site-pink { /*
	.filter-bar .has-drop.hover:hover a,
	.filter-bar .has-drop.hover:active a,
	.filter-bar ul a.active {
		background-color: $site_color;
		color: white;
	}


	.filter-bar .has-drop.light.active .drop a:hover,
	.filter-bar .has-drop.light.active .drop a:active,
	.filter-bar .has-drop.light.active .drop a:focus,
	.filter-bar .has-drop.light.active .drop a.active {
		color: $site_color;
	}
*/
}

.site-pink .header-shape-area svg polygon {
	fill: #be5470;
}

.site-pink.page-internal.projects-landing-page .project-detail .sidebar .intro .title:after {
	background-color: #be5470;
}

.site-pink label.error {
	color: #be5470;
}

.site-pink ::-moz-selection,
.site-pink .btn:hover,
.site-pink .btn:active,
.site-pink .enquire-button,
.site-pink .popout-enquire .divider,
.site-pink .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #be5470;
	opacity: 1;
}

.site-pink ::selection,
.site-pink .btn:hover,
.site-pink .btn:active,
.site-pink .enquire-button,
.site-pink .popout-enquire .divider,
.site-pink .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #be5470;
	opacity: 1;
}

.site-pink ::-moz-selection:hover,
.site-pink ::-moz-selection:active,
.site-pink .btn:hover:hover,
.site-pink .btn:hover:active,
.site-pink .btn:active:hover,
.site-pink .btn:active:active,
.site-pink .enquire-button:hover,
.site-pink .enquire-button:active,
.site-pink .popout-enquire .divider:hover,
.site-pink .popout-enquire .divider:active,
.site-pink .enquire-form button:hover,
.site-pink .enquire-form button:active {
	background-color: #b44462;
}

.site-pink ::selection:hover,
.site-pink ::selection:active,
.site-pink .btn:hover:hover,
.site-pink .btn:hover:active,
.site-pink .btn:active:hover,
.site-pink .btn:active:active,
.site-pink .enquire-button:hover,
.site-pink .enquire-button:active,
.site-pink .popout-enquire .divider:hover,
.site-pink .popout-enquire .divider:active,
.site-pink .enquire-form button:hover,
.site-pink .enquire-form button:active {
	background-color: #b44462;
}

.site-pink a,
.site-pink .select:after,
.site-pink .footer-newsletter .submit:before,
.site-pink .register-interest button:after,
.site-pink .header-nav .active a {
	transition: color 0.2s ease-in-out;
	color: #be5470;
}

.site-pink .popout-enquire .enquire-button:after {
	transition: all 0.2s ease-in-out;
	border-right-color: #be5470;
}

.site-pink .popout-enquire .enquire-button:hover:after,
.site-pink .popout-enquire .enquire-button:active:after {
	border-right-color: #b44462;
}

.site-pink input:focus,
.site-pink textarea:focus {
	transition: all 0.2s ease-in-out;
	border-color: #be5470;
	box-shadow: 0 0 10px #be5470;
	outline: none;
}

.site-pink .page-internal .page-nav .shape-color {
	fill: #be5470;
}

.site-pink .project-post:hover aside,
.site-pink .project-post:active aside,
.site-pink .register-interest .status-message,
.site-pink .enquire-form .status-message {
	color: #be5470;
}

.site-pink .register-interest .title,
.site-pink .popout-enquire .status-message {
	background-color: #be5470;
}

.site-pink .back-link:before {
	color: #be5470;
}

.site-pink .btn {
	background-color: #be5470;
}

.site-pink.page-internal .page-nav .btn.med {
	border-top: 0;
	background-color: #be5470;
}

.site-pink .filter-bar .view.active {
	color: #be5470;
}

.site-pink .filter-bar .has-drop.click > a:after,
.site-pink .filter-label:after,
.site-pink .multi-wrap .ms-choice:after {
	color: #be5470;
}

.site-pink .contact-info:after {
	background-color: #be5470;
}

.site-pink .contact-info:before {
	border-color: transparent transparent #be5470 transparent;
}

.site-pink .about-intro .intro-title {
	color: #be5470;
}

.site-pink .news-single ul.slick-dots li.slick-active,
.site-pink .news-modal ul.slick-dots li.slick-active {
	background-color: #be5470;
}

.site-pink .news-single .slider-wrap:after,
.site-pink .news-modal .slider-wrap:after {
	border-color: transparent transparent #be5470 transparent;
}

.site-pink .completion-filter ul li a.active,
.site-pink .filter-bar .ms-drop ul li.selected {
	color: #be5470 !important;
}

.site-pink .site-color {
	color: #be5470;
}

.site-pink .project-detail .title:not(.white),
.site-pink .project-brochure .btn:before {
	color: #be5470;
}

.site-pink .project-gallery-header:before {
	background-color: #be5470;
}

.site-pink .project-detail .project-sticky-bar a:hover,
.site-pink .project-detail .project-sticky-bar a:focus {
	color: #be5470;
}

.site-pink .project-detail .project-sticky-bar .nav-active a {
	border-bottom: 1px solid #be5470;
}

.site-pink .gallery-pager .slick-active .background:after {
	background-color: #be5470;
}

.site-pink .project-features {
	background-color: #be5470;
}

.site-pink .project-detail .title.grey {
	color: #333 !important;
}

.site-pink .project-about .title strong {
	color: #be5470 !important;
}

.site-pink .btn.grey:hover,
.site-pink .btn.grey:focus {
	color: #be5470;
}

.site-pink .btn.white {
	color: #be5470;
}

.site-pink .btn.white,
.site-pink .btn.white:hover,
.site-pink .btn.white:focus {
	transition: color .2s ease-in-out;
}

.site-pink .btn.white:hover,
.site-pink .btn.white:focus {
	color: #333;
}

.site-pink .btn.outline {
	color: #333;
	transition: color .2s ease-in-out;
}

.site-pink .btn.outline:hover,
.site-pink .btn.outline:focus {
	color: #be5470;
}

.site-pink .btn.rounded:after {
	color: #be5470;
}

.site-pink .btn.brochure:before {
	color: #be5470 !important;
}

.site-pink .filter-bar a.btn-enquiries:hover .number,
.site-pink .filter-bar a.btn-enquiries:focus .number {
	color: #be5470 !important;
}

.site-pink .project-detail .project-location .map-wrap .btn.grey:before {
	color: #be5470;
}

.site-pink .project-detail .project-download-list a:hover .sub-title,
.site-pink .project-detail .project-download-list a:focus .sub-title {
	color: #be5470;
}

.site-pink .project-detail .horizontal-list li:before {
	background-color: #be5470;
}

.site-pink .project-detail .emblem.no-img {
	background-color: #be5470;
}

.site-purple { /*
	.filter-bar .has-drop.hover:hover a,
	.filter-bar .has-drop.hover:active a,
	.filter-bar ul a.active {
		background-color: $site_color;
		color: white;
	}


	.filter-bar .has-drop.light.active .drop a:hover,
	.filter-bar .has-drop.light.active .drop a:active,
	.filter-bar .has-drop.light.active .drop a:focus,
	.filter-bar .has-drop.light.active .drop a.active {
		color: $site_color;
	}
*/
}

.site-purple .header-shape-area svg polygon {
	fill: #794fe4;
}

.site-purple.page-internal.projects-landing-page .project-detail .sidebar .intro .title:after {
	background-color: #794fe4;
}

.site-purple label.error {
	color: #794fe4;
}

.site-purple ::-moz-selection,
.site-purple .btn:hover,
.site-purple .btn:active,
.site-purple .enquire-button,
.site-purple .popout-enquire .divider,
.site-purple .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #794fe4;
	opacity: 1;
}

.site-purple ::selection,
.site-purple .btn:hover,
.site-purple .btn:active,
.site-purple .enquire-button,
.site-purple .popout-enquire .divider,
.site-purple .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #794fe4;
	opacity: 1;
}

.site-purple ::-moz-selection:hover,
.site-purple ::-moz-selection:active,
.site-purple .btn:hover:hover,
.site-purple .btn:hover:active,
.site-purple .btn:active:hover,
.site-purple .btn:active:active,
.site-purple .enquire-button:hover,
.site-purple .enquire-button:active,
.site-purple .popout-enquire .divider:hover,
.site-purple .popout-enquire .divider:active,
.site-purple .enquire-form button:hover,
.site-purple .enquire-form button:active {
	background-color: #6839e1;
}

.site-purple ::selection:hover,
.site-purple ::selection:active,
.site-purple .btn:hover:hover,
.site-purple .btn:hover:active,
.site-purple .btn:active:hover,
.site-purple .btn:active:active,
.site-purple .enquire-button:hover,
.site-purple .enquire-button:active,
.site-purple .popout-enquire .divider:hover,
.site-purple .popout-enquire .divider:active,
.site-purple .enquire-form button:hover,
.site-purple .enquire-form button:active {
	background-color: #6839e1;
}

.site-purple a,
.site-purple .select:after,
.site-purple .footer-newsletter .submit:before,
.site-purple .register-interest button:after,
.site-purple .header-nav .active a {
	transition: color 0.2s ease-in-out;
	color: #794fe4;
}

.site-purple .popout-enquire .enquire-button:after {
	transition: all 0.2s ease-in-out;
	border-right-color: #794fe4;
}

.site-purple .popout-enquire .enquire-button:hover:after,
.site-purple .popout-enquire .enquire-button:active:after {
	border-right-color: #6839e1;
}

.site-purple input:focus,
.site-purple textarea:focus {
	transition: all 0.2s ease-in-out;
	border-color: #794fe4;
	box-shadow: 0 0 10px #794fe4;
	outline: none;
}

.site-purple .page-internal .page-nav .shape-color {
	fill: #794fe4;
}

.site-purple .project-post:hover aside,
.site-purple .project-post:active aside,
.site-purple .register-interest .status-message,
.site-purple .enquire-form .status-message {
	color: #794fe4;
}

.site-purple .register-interest .title,
.site-purple .popout-enquire .status-message {
	background-color: #794fe4;
}

.site-purple .back-link:before {
	color: #794fe4;
}

.site-purple .btn {
	background-color: #794fe4;
}

.site-purple.page-internal .page-nav .btn.med {
	border-top: 0;
	background-color: #794fe4;
}

.site-purple .filter-bar .view.active {
	color: #794fe4;
}

.site-purple .filter-bar .has-drop.click > a:after,
.site-purple .filter-label:after,
.site-purple .multi-wrap .ms-choice:after {
	color: #794fe4;
}

.site-purple .contact-info:after {
	background-color: #794fe4;
}

.site-purple .contact-info:before {
	border-color: transparent transparent #794fe4 transparent;
}

.site-purple .about-intro .intro-title {
	color: #794fe4;
}

.site-purple .news-single ul.slick-dots li.slick-active,
.site-purple .news-modal ul.slick-dots li.slick-active {
	background-color: #794fe4;
}

.site-purple .news-single .slider-wrap:after,
.site-purple .news-modal .slider-wrap:after {
	border-color: transparent transparent #794fe4 transparent;
}

.site-purple .completion-filter ul li a.active,
.site-purple .filter-bar .ms-drop ul li.selected {
	color: #794fe4 !important;
}

.site-purple .site-color {
	color: #794fe4;
}

.site-purple .project-detail .title:not(.white),
.site-purple .project-brochure .btn:before {
	color: #794fe4;
}

.site-purple .project-gallery-header:before {
	background-color: #794fe4;
}

.site-purple .project-detail .project-sticky-bar a:hover,
.site-purple .project-detail .project-sticky-bar a:focus {
	color: #794fe4;
}

.site-purple .project-detail .project-sticky-bar .nav-active a {
	border-bottom: 1px solid #794fe4;
}

.site-purple .gallery-pager .slick-active .background:after {
	background-color: #794fe4;
}

.site-purple .project-features {
	background-color: #794fe4;
}

.site-purple .project-detail .title.grey {
	color: #333 !important;
}

.site-purple .project-about .title strong {
	color: #794fe4 !important;
}

.site-purple .btn.grey:hover,
.site-purple .btn.grey:focus {
	color: #794fe4;
}

.site-purple .btn.white {
	color: #794fe4;
}

.site-purple .btn.white,
.site-purple .btn.white:hover,
.site-purple .btn.white:focus {
	transition: color .2s ease-in-out;
}

.site-purple .btn.white:hover,
.site-purple .btn.white:focus {
	color: #333;
}

.site-purple .btn.outline {
	color: #333;
	transition: color .2s ease-in-out;
}

.site-purple .btn.outline:hover,
.site-purple .btn.outline:focus {
	color: #794fe4;
}

.site-purple .btn.rounded:after {
	color: #794fe4;
}

.site-purple .btn.brochure:before {
	color: #794fe4 !important;
}

.site-purple .filter-bar a.btn-enquiries:hover .number,
.site-purple .filter-bar a.btn-enquiries:focus .number {
	color: #794fe4 !important;
}

.site-purple .project-detail .project-location .map-wrap .btn.grey:before {
	color: #794fe4;
}

.site-purple .project-detail .project-download-list a:hover .sub-title,
.site-purple .project-detail .project-download-list a:focus .sub-title {
	color: #794fe4;
}

.site-purple .project-detail .horizontal-list li:before {
	background-color: #794fe4;
}

.site-purple .project-detail .emblem.no-img {
	background-color: #794fe4;
}

.site-blue { /*
	.filter-bar .has-drop.hover:hover a,
	.filter-bar .has-drop.hover:active a,
	.filter-bar ul a.active {
		background-color: $site_color;
		color: white;
	}


	.filter-bar .has-drop.light.active .drop a:hover,
	.filter-bar .has-drop.light.active .drop a:active,
	.filter-bar .has-drop.light.active .drop a:focus,
	.filter-bar .has-drop.light.active .drop a.active {
		color: $site_color;
	}
*/
}

.site-blue .header-shape-area svg polygon {
	fill: #21b9d0;
}

.site-blue.page-internal.projects-landing-page .project-detail .sidebar .intro .title:after {
	background-color: #21b9d0;
}

.site-blue label.error {
	color: #21b9d0;
}

.site-blue ::-moz-selection,
.site-blue .btn:hover,
.site-blue .btn:active,
.site-blue .enquire-button,
.site-blue .popout-enquire .divider,
.site-blue .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #21b9d0;
	opacity: 1;
}

.site-blue ::selection,
.site-blue .btn:hover,
.site-blue .btn:active,
.site-blue .enquire-button,
.site-blue .popout-enquire .divider,
.site-blue .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #21b9d0;
	opacity: 1;
}

.site-blue ::-moz-selection:hover,
.site-blue ::-moz-selection:active,
.site-blue .btn:hover:hover,
.site-blue .btn:hover:active,
.site-blue .btn:active:hover,
.site-blue .btn:active:active,
.site-blue .enquire-button:hover,
.site-blue .enquire-button:active,
.site-blue .popout-enquire .divider:hover,
.site-blue .popout-enquire .divider:active,
.site-blue .enquire-form button:hover,
.site-blue .enquire-form button:active {
	background-color: #1ea5ba;
}

.site-blue ::selection:hover,
.site-blue ::selection:active,
.site-blue .btn:hover:hover,
.site-blue .btn:hover:active,
.site-blue .btn:active:hover,
.site-blue .btn:active:active,
.site-blue .enquire-button:hover,
.site-blue .enquire-button:active,
.site-blue .popout-enquire .divider:hover,
.site-blue .popout-enquire .divider:active,
.site-blue .enquire-form button:hover,
.site-blue .enquire-form button:active {
	background-color: #1ea5ba;
}

.site-blue a,
.site-blue .select:after,
.site-blue .footer-newsletter .submit:before,
.site-blue .register-interest button:after,
.site-blue .header-nav .active a {
	transition: color 0.2s ease-in-out;
	color: #21b9d0;
}

.site-blue .popout-enquire .enquire-button:after {
	transition: all 0.2s ease-in-out;
	border-right-color: #21b9d0;
}

.site-blue .popout-enquire .enquire-button:hover:after,
.site-blue .popout-enquire .enquire-button:active:after {
	border-right-color: #1ea5ba;
}

.site-blue input:focus,
.site-blue textarea:focus {
	transition: all 0.2s ease-in-out;
	border-color: #21b9d0;
	box-shadow: 0 0 10px #21b9d0;
	outline: none;
}

.site-blue .page-internal .page-nav .shape-color {
	fill: #21b9d0;
}

.site-blue .project-post:hover aside,
.site-blue .project-post:active aside,
.site-blue .register-interest .status-message,
.site-blue .enquire-form .status-message {
	color: #21b9d0;
}

.site-blue .register-interest .title,
.site-blue .popout-enquire .status-message {
	background-color: #21b9d0;
}

.site-blue .back-link:before {
	color: #21b9d0;
}

.site-blue .btn {
	background-color: #21b9d0;
}

.site-blue.page-internal .page-nav .btn.med {
	border-top: 0;
	background-color: #21b9d0;
}

.site-blue .filter-bar .view.active {
	color: #21b9d0;
}

.site-blue .filter-bar .has-drop.click > a:after,
.site-blue .filter-label:after,
.site-blue .multi-wrap .ms-choice:after {
	color: #21b9d0;
}

.site-blue .contact-info:after {
	background-color: #21b9d0;
}

.site-blue .contact-info:before {
	border-color: transparent transparent #21b9d0 transparent;
}

.site-blue .about-intro .intro-title {
	color: #21b9d0;
}

.site-blue .news-single ul.slick-dots li.slick-active,
.site-blue .news-modal ul.slick-dots li.slick-active {
	background-color: #21b9d0;
}

.site-blue .news-single .slider-wrap:after,
.site-blue .news-modal .slider-wrap:after {
	border-color: transparent transparent #21b9d0 transparent;
}

.site-blue .completion-filter ul li a.active,
.site-blue .filter-bar .ms-drop ul li.selected {
	color: #21b9d0 !important;
}

.site-blue .site-color {
	color: #21b9d0;
}

.site-blue .project-detail .title:not(.white),
.site-blue .project-brochure .btn:before {
	color: #21b9d0;
}

.site-blue .project-gallery-header:before {
	background-color: #21b9d0;
}

.site-blue .project-detail .project-sticky-bar a:hover,
.site-blue .project-detail .project-sticky-bar a:focus {
	color: #21b9d0;
}

.site-blue .project-detail .project-sticky-bar .nav-active a {
	border-bottom: 1px solid #21b9d0;
}

.site-blue .gallery-pager .slick-active .background:after {
	background-color: #21b9d0;
}

.site-blue .project-features {
	background-color: #21b9d0;
}

.site-blue .project-detail .title.grey {
	color: #333 !important;
}

.site-blue .project-about .title strong {
	color: #21b9d0 !important;
}

.site-blue .btn.grey:hover,
.site-blue .btn.grey:focus {
	color: #21b9d0;
}

.site-blue .btn.white {
	color: #21b9d0;
}

.site-blue .btn.white,
.site-blue .btn.white:hover,
.site-blue .btn.white:focus {
	transition: color .2s ease-in-out;
}

.site-blue .btn.white:hover,
.site-blue .btn.white:focus {
	color: #333;
}

.site-blue .btn.outline {
	color: #333;
	transition: color .2s ease-in-out;
}

.site-blue .btn.outline:hover,
.site-blue .btn.outline:focus {
	color: #21b9d0;
}

.site-blue .btn.rounded:after {
	color: #21b9d0;
}

.site-blue .btn.brochure:before {
	color: #21b9d0 !important;
}

.site-blue .filter-bar a.btn-enquiries:hover .number,
.site-blue .filter-bar a.btn-enquiries:focus .number {
	color: #21b9d0 !important;
}

.site-blue .project-detail .project-location .map-wrap .btn.grey:before {
	color: #21b9d0;
}

.site-blue .project-detail .project-download-list a:hover .sub-title,
.site-blue .project-detail .project-download-list a:focus .sub-title {
	color: #21b9d0;
}

.site-blue .project-detail .horizontal-list li:before {
	background-color: #21b9d0;
}

.site-blue .project-detail .emblem.no-img {
	background-color: #21b9d0;
}

.site-brown { /*
	.filter-bar .has-drop.hover:hover a,
	.filter-bar .has-drop.hover:active a,
	.filter-bar ul a.active {
		background-color: $site_color;
		color: white;
	}


	.filter-bar .has-drop.light.active .drop a:hover,
	.filter-bar .has-drop.light.active .drop a:active,
	.filter-bar .has-drop.light.active .drop a:focus,
	.filter-bar .has-drop.light.active .drop a.active {
		color: $site_color;
	}
*/
}

.site-brown .header-shape-area svg polygon {
	fill: #9c7c6a;
}

.site-brown.page-internal.projects-landing-page .project-detail .sidebar .intro .title:after {
	background-color: #9c7c6a;
}

.site-brown label.error {
	color: #9c7c6a;
}

.site-brown ::-moz-selection,
.site-brown .btn:hover,
.site-brown .btn:active,
.site-brown .enquire-button,
.site-brown .popout-enquire .divider,
.site-brown .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #9c7c6a;
	opacity: 1;
}

.site-brown ::selection,
.site-brown .btn:hover,
.site-brown .btn:active,
.site-brown .enquire-button,
.site-brown .popout-enquire .divider,
.site-brown .enquire-form button {
	transition: background-color 0.2s ease-in-out;
	background-color: #9c7c6a;
	opacity: 1;
}

.site-brown ::-moz-selection:hover,
.site-brown ::-moz-selection:active,
.site-brown .btn:hover:hover,
.site-brown .btn:hover:active,
.site-brown .btn:active:hover,
.site-brown .btn:active:active,
.site-brown .enquire-button:hover,
.site-brown .enquire-button:active,
.site-brown .popout-enquire .divider:hover,
.site-brown .popout-enquire .divider:active,
.site-brown .enquire-form button:hover,
.site-brown .enquire-form button:active {
	background-color: #8e705e;
}

.site-brown ::selection:hover,
.site-brown ::selection:active,
.site-brown .btn:hover:hover,
.site-brown .btn:hover:active,
.site-brown .btn:active:hover,
.site-brown .btn:active:active,
.site-brown .enquire-button:hover,
.site-brown .enquire-button:active,
.site-brown .popout-enquire .divider:hover,
.site-brown .popout-enquire .divider:active,
.site-brown .enquire-form button:hover,
.site-brown .enquire-form button:active {
	background-color: #8e705e;
}

.site-brown a,
.site-brown .select:after,
.site-brown .footer-newsletter .submit:before,
.site-brown .register-interest button:after,
.site-brown .header-nav .active a {
	transition: color 0.2s ease-in-out;
	color: #9c7c6a;
}

.site-brown .popout-enquire .enquire-button:after {
	transition: all 0.2s ease-in-out;
	border-right-color: #9c7c6a;
}

.site-brown .popout-enquire .enquire-button:hover:after,
.site-brown .popout-enquire .enquire-button:active:after {
	border-right-color: #8e705e;
}

.site-brown input:focus,
.site-brown textarea:focus {
	transition: all 0.2s ease-in-out;
	border-color: #9c7c6a;
	box-shadow: 0 0 10px #9c7c6a;
	outline: none;
}

.site-brown .page-internal .page-nav .shape-color {
	fill: #9c7c6a;
}

.site-brown .project-post:hover aside,
.site-brown .project-post:active aside,
.site-brown .register-interest .status-message,
.site-brown .enquire-form .status-message {
	color: #9c7c6a;
}

.site-brown .register-interest .title,
.site-brown .popout-enquire .status-message {
	background-color: #9c7c6a;
}

.site-brown .back-link:before {
	color: #9c7c6a;
}

.site-brown .btn {
	background-color: #9c7c6a;
}

.site-brown.page-internal .page-nav .btn.med {
	border-top: 0;
	background-color: #9c7c6a;
}

.site-brown .filter-bar .view.active {
	color: #9c7c6a;
}

.site-brown .filter-bar .has-drop.click > a:after,
.site-brown .filter-label:after,
.site-brown .multi-wrap .ms-choice:after {
	color: #9c7c6a;
}

.site-brown .contact-info:after {
	background-color: #9c7c6a;
}

.site-brown .contact-info:before {
	border-color: transparent transparent #9c7c6a transparent;
}

.site-brown .about-intro .intro-title {
	color: #9c7c6a;
}

.site-brown .news-single ul.slick-dots li.slick-active,
.site-brown .news-modal ul.slick-dots li.slick-active {
	background-color: #9c7c6a;
}

.site-brown .news-single .slider-wrap:after,
.site-brown .news-modal .slider-wrap:after {
	border-color: transparent transparent #9c7c6a transparent;
}

.site-brown .completion-filter ul li a.active,
.site-brown .filter-bar .ms-drop ul li.selected {
	color: #9c7c6a !important;
}

.site-brown .site-color {
	color: #9c7c6a;
}

.site-brown .project-detail .title:not(.white),
.site-brown .project-brochure .btn:before {
	color: #9c7c6a;
}

.site-brown .project-gallery-header:before {
	background-color: #9c7c6a;
}

.site-brown .project-detail .project-sticky-bar a:hover,
.site-brown .project-detail .project-sticky-bar a:focus {
	color: #9c7c6a;
}

.site-brown .project-detail .project-sticky-bar .nav-active a {
	border-bottom: 1px solid #9c7c6a;
}

.site-brown .gallery-pager .slick-active .background:after {
	background-color: #9c7c6a;
}

.site-brown .project-features {
	background-color: #9c7c6a;
}

.site-brown .project-detail .title.grey {
	color: #333 !important;
}

.site-brown .project-about .title strong {
	color: #9c7c6a !important;
}

.site-brown .btn.grey:hover,
.site-brown .btn.grey:focus {
	color: #9c7c6a;
}

.site-brown .btn.white {
	color: #9c7c6a;
}

.site-brown .btn.white,
.site-brown .btn.white:hover,
.site-brown .btn.white:focus {
	transition: color .2s ease-in-out;
}

.site-brown .btn.white:hover,
.site-brown .btn.white:focus {
	color: #333;
}

.site-brown .btn.outline {
	color: #333;
	transition: color .2s ease-in-out;
}

.site-brown .btn.outline:hover,
.site-brown .btn.outline:focus {
	color: #9c7c6a;
}

.site-brown .btn.rounded:after {
	color: #9c7c6a;
}

.site-brown .btn.brochure:before {
	color: #9c7c6a !important;
}

.site-brown .filter-bar a.btn-enquiries:hover .number,
.site-brown .filter-bar a.btn-enquiries:focus .number {
	color: #9c7c6a !important;
}

.site-brown .project-detail .project-location .map-wrap .btn.grey:before {
	color: #9c7c6a;
}

.site-brown .project-detail .project-download-list a:hover .sub-title,
.site-brown .project-detail .project-download-list a:focus .sub-title {
	color: #9c7c6a;
}

.site-brown .project-detail .horizontal-list li:before {
	background-color: #9c7c6a;
}

.site-brown .project-detail .emblem.no-img {
	background-color: #9c7c6a;
}

/* Default Margin */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	line-height: normal;
	margin: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
}

h1 {
	font-size: 40px;
	font-size: 4rem;
}

h2 {
	font-size: 38px;
	font-size: 3.8rem;
}

h3 {
	font-size: 32px;
	font-size: 3.2rem;
}

h4 {
	font-size: 28px;
	font-size: 2.8rem;
}

h5 {
	font-size: 22px;
	font-size: 2.2rem;
}

h6 {
	font-size: 18px;
	font-size: 1.8rem;
}

p {
	margin: 0;
}

section p:not(:last-child) {
	margin-bottom: 20px;
}

small {
	font-size: 80%;
}

strong {
	font-family: 'DepotNew-Bold';
	font-weight: normal;
	font-style: normal;
}

a {
	color: #8db84c;
	text-decoration: underline;
	transition: color 0.2s ease-in-out;
}

blockquote,
blockquote p {
	font-style: italic;
}

blockquote {
	margin: 0 0 20px;
	padding: 20px;
	padding-left: 40px;
	border-left: 2px solid #3597eb;
}

blockquote cite {
	display: block;
}

blockquote cite:before {
	content: "\2014 \0020";
}

figure {
	margin: 0;
}

.mob-vis-md,
.mob-vis-sm {
	display: none;
}

/*
Theme Name: 
Theme URI: 
Description: 
Author: Humaan
Author URI: 
Version: 1.0
Tags: 
*/

/* =WordPress Core - Do not remove these classes
-------------------------------------------------------------- */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-dots {
	list-style: none;
	padding: 0px;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	display: block;
	margin: 0;
	padding: 30px 40px;
	line-height: 1;
}

.slick-dots li {
	margin: 0px;
	padding: 0px;
}

ul.slick-dots li {
	transition: all 0.2s ease-in-out;
	margin: 0;
	display: inline-block;
	margin: 0 5px;
	border: 1px solid #c7c7c7;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	line-height: 1;
	cursor: pointer;
}

ul.slick-dots li:hover,
ul.slick-dots li:active {
	border-color: #aeaeae;
}

ul.slick-dots li.slick-active {
	background-color: #c7c7c7;
}

ul.slick-dots li.slick-active:hover,
ul.slick-dots li.slick-active:active {
	background-color: #aeaeae;
}

.slick-prev,
.slick-next {
	position: absolute;
	padding-top: 26px;
	cursor: pointer;
}

.slick-prev:before,
.slick-next:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-disabled {
	cursor: default;
	color: #bfbfbf;
	opacity: 0.5;
}

.slick-prev {
	left: 20px;
}

.slick-prev:before {
	content: '\E006';
}

.slick-next {
	right: 20px;
}

.slick-next:before {
	content: '\E007';
}

ul.slick-dots li span {
	display: block;
	width: 8px;
	height: 8px;
}

/* Multi select drop down */

.multi-wrap {
	width: 100%;
}

.ms-parent {
	display: block;
	width: 100% !important;
	position: relative;
	vertical-align: middle;
}

.ms-choice {
	font-size: 15px;
	font-size: 1.5rem;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
	color: #2e2d30;
	padding: 21px 20px;
	padding-right: 40px; /*
	& > div:before {
		@include icon;
		font-size: 5px;
		display: block;
		content: "\E019";
		line-height: 1;
		position: absolute;
		top: 18px;
		right: 20px;
		transform-origin: center;
	}
	
	& > div.open:before {
	    transform: rotate(-180deg);
	}
*/
}

.ms-choice:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E009';
	font-size: 5px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -2px;
}

.page-sale .initial-filter .ms-choice {
	height: 50px;
}

.ms-choice > span {
	display: block; /*
	    position: absolute;
	    top: 17px;
	    left: 20px;
	    right: 34px;
*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ms-choice > span.placeholder {
	transition: color 0.2s ease-in-out;
	color: #2e2d30;
}

.ms-choice:hover > span.placeholder {
	transition: color 0.2s ease-in-out;
	color: #dadada;
}

.ms-choice:focus {
	box-shadow: none;
	outline: none;
}

.filter-bar .ms-drop {
	width: 100%;
	overflow: hidden;
	display: none;
	padding: 0;
	position: absolute;
	z-index: 1 !important;
	background: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	z-index: 500;
	border-radius: 0;
	border: 0;
}

.filter-bar .ms-drop ul {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	letter-spacing: normal;
	overflow: auto;
	margin: 0;
	width: 180px;
	left: 50%;
	background-color: #303030;
	max-height: 275px !important;
}

.filter-bar .ms-drop ul li {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 11px 10px 9px;
	text-align: center;
	border: none;
	display: block;
	border-top: 1px solid #434343;
	color: #dadada;
}

.filter-bar .ms-drop ul li label {
	transition: color 0.2s ease-in-out;
}

.filter-bar .ms-drop ul li:hover label {
	color: #999999;
}

.filter-bar .ms-drop ul li:nth-last-child(2) {
	padding: 12px 10px 10px;
}

.filter-bar .ms-drop ul li:first-child {
	border: none;
}

.filter-bar .ms-drop ul label {
	cursor: pointer;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.filter-bar .ms-drop ul:before {
	position: absolute;
	left: 50%;
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border-color: rgba(48, 48, 48, 0);
	border-bottom-color: #303030;
	border-width: 5px;
	margin-left: -5px;
}

.filter-bar .ms-drop input[type=checkbox] {
	float: left;
	margin: 2px 10px 0 0;
	background: none;
	width: 10px;
}

.filter-bar .ms-drop input[type=checkbox]:focus {
	box-shadow: none;
}

.filter-bar .ms-drop:after {
	display: block;
	content: " ";
	position: absolute;
	top: 33px;
	height: 10px;
	width: 100%;
	opacity: 0.3;
}

.ms-drop.bottom {
	top: 61px;
	overflow: visible;
	width: 180px;
}

.page-sale .initial-filter .ms-drop.bottom {
	top: 50px;
}

.ms-drop.top {
	bottom: 100%;
	box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.ms-search {
	display: inline-block;
	margin: 0;
	min-height: 26px;
	padding: 4px;
	position: relative;
	white-space: nowrap;
	width: 100%;
	z-index: 10000;
}

.ms-search input {
	width: 100%;
	height: auto !important;
	min-height: 24px;
	padding: 0 20px 0 5px;
	margin: 0;
	outline: 0;
	font-family: sans-serif;
	font-size: 1em;
	border: 1px solid #aaa;
	border-radius: 0;
	box-shadow: none; /*
    background: #fff url('multiple-select.png') no-repeat 100% -22px;
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
*/
}

.ms-search,
.ms-search input {
	box-sizing: border-box;
}

.ms-drop ul > li {
	list-style: none;
	display: list-item;
	background-image: none;
	position: static;
}

.ms-drop ul > li .disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
	display: block;
	float: left;
}

.ms-drop ul > li.group {
	clear: both;
}

.ms-drop ul > li.multiple label {
	width: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*!
	Modaal - accessible modals - v0.3.1
	by Humaan, for all humans.
	http://humaan.com
 */

.modaal-noscroll {
	overflow: hidden;
}

.modaal-accessible-hide {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
}

.modaal-wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	transition: all 0.3s ease-in-out;
}

.modaal-wrapper * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
	border: none;
	background: transparent;
	padding: 0;
	-webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
	opacity: 0;
}

.modaal-wrapper *[tabindex="0"] {
	outline: none !important;
}

.modaal-wrapper.modaal-fullscreen {
	overflow: hidden;
}

.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
	display: block;
}

.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	vertical-align: top;
}

.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0px;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	cursor: auto;
}

.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden;
}

.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto;
}

.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: transparent;
	border-radius: 100%;
	transition: all 0.2s ease-in-out;
}

.modaal-close:focus,
.modaal-close:hover {
	outline: none;
	background: #fff;
}

.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #b93d0c;
}

.modaal-close span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-close:before,
.modaal-close:after {
	display: block;
	content: " ";
	position: absolute;
	top: 14px;
	left: 23px;
	width: 4px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	transition: background 0.2s ease-in-out;
}

.modaal-close:before {
	transform: rotate(-45deg);
}

.modaal-close:after {
	transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px;
}

.modaal-content-container {
	padding: 30px;
}

.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0;
}

.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: transparent;
}

.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	transition: background 0.2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
	background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
	text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f;
}

.modaal-instagram .modaal-container {
	width: auto;
	background: transparent;
	box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
	padding: 0;
	background: transparent;
}

.modaal-instagram .modaal-content-container > blockquote {
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}

.modaal-instagram iframe {
	opacity: 0;
	margin: -6px !important;
	border-radius: 0 !important;
	width: 1000px !important;
	max-width: 800px !important;
	box-shadow: none !important;
	animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
	padding-left: 140px;
	padding-right: 140px;
}

.modaal-image .modaal-container {
	width: auto;
	max-width: 100%;
}

.modaal-gallery-wrap {
	position: relative;
	color: #fff;
}

.modaal-gallery-item {
	display: none;
}

.modaal-gallery-item img {
	display: block;
}

.modaal-gallery-item.is_active {
	display: block;
}

.modaal-gallery-label {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 20px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff;
}

.modaal-gallery-label:focus {
	outline: none;
}

.modaal-gallery-control {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: transparent;
	border: none;
	border-radius: 100%;
	transition: all 0.2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
	opacity: 0;
	cursor: default;
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
	outline: none;
	background: #fff;
}

.modaal-gallery-control:focus:before,
.modaal-gallery-control:focus:after,
.modaal-gallery-control:hover:before,
.modaal-gallery-control:hover:after {
	background: #afb7bc;
}

.modaal-gallery-control span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
	display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	transition: background 0.2s ease-in-out;
}

.modaal-gallery-control:before {
	margin: -5px 0 0;
	transform: rotate(-45deg);
}

.modaal-gallery-control:after {
	margin: 5px 0 0;
	transform: rotate(45deg);
}

.modaal-gallery-next {
	left: 100%;
	margin-left: 40px;
}

.modaal-gallery-prev {
	right: 100%;
	margin-right: 40px;
}

.modaal-gallery-prev:before,
.modaal-gallery-prev:after {
	left: 22px;
}

.modaal-gallery-prev:before {
	margin: 5px 0 0;
	transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
	margin: -5px 0 0;
	transform: rotate(45deg);
}

.modaal-video-wrap {
	margin: auto 50px;
	position: relative;
}

.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modaal-iframe .modaal-content {
	width: 100%;
	height: 100%;
}

.modaal-iframe-elem {
	width: 100%;
	height: 100%;
	display: block;
}

.modaal-loading-spinner {
	background: none;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	transform: scale(0.25);
}

.modaal-loading-spinner > div {
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	position: absolute;
}

.modaal-loading-spinner > div > div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
	animation: modaal-loading-spinner 1s linear infinite;
	animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
	transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
	animation: modaal-loading-spinner 1s linear infinite;
	animation-delay: .12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
	transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
	animation: modaal-loading-spinner 1s linear infinite;
	animation-delay: .25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
	transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
	animation: modaal-loading-spinner 1s linear infinite;
	animation-delay: .37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
	transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
	animation: modaal-loading-spinner 1s linear infinite;
	animation-delay: .5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
	transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
	animation: modaal-loading-spinner 1s linear infinite;
	animation-delay: .62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
	transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
	animation: modaal-loading-spinner 1s linear infinite;
	animation-delay: .75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
	transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
	animation: modaal-loading-spinner 1s linear infinite;
	animation-delay: .87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
	transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

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

html {
	height: 100%;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
}

/*
html,
body{ height: 100%; }
*/

body {
	font-family: 'DepotNew-Regular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	font-size: 1.6rem;
	background: #1e1e21;
	color: #333;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}

::-moz-selection {
	color: white;
}

::selection {
	color: white;
}

.js-stepin {
	opacity: 0;
}

.accessibility-links {
	position: absolute;
	top: -9999em;
}

.page-container {
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.outer-container {
	background-color: #252525;
	width: 100%;
	position: relative;
	left: 0;
	z-index: 2;
	transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
	background: transparent;
}

/* initial defaults, js will handle them */

#content,
section.frontpage-hero {
	display: none;
}

/* This houses the loading animation */

span.site-loading {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
}

body.loading span.site-loading {
	display: block;
	background-image: url(../img/match-loading.gif);
	background-size: 182px 40px;
	background-position: center center;
	background-repeat: no-repeat;
}

.lazy {
	background-position: center center;
	background-image: url(../img/match-loading.gif);
	background-size: 182px 40px;
	background-repeat: no-repeat !important;
}

.container {
	max-width: 1400px;
	margin: 0 auto;
	padding-left: 100px;
	padding-right: 100px;
	position: relative;
}

.container-narrow {
	max-width: 1000px;
	margin: 0 auto;
}

.internal {
	margin-top: 120px;
}

.internal .container {
	padding-top: 50px;
	padding-bottom: 50px;
}

.page-search .internal ul {
	list-style: none;
	padding: 0px;
	margin-bottom: 40px;
}

.page-search .internal ul li {
	margin: 0px;
	padding: 0px;
}

.page-search .internal ul li:not(:last-child) {
	margin-bottom: 20px;
}

#content .shape {
	display: none;
}

.texture {
	background-image: url(../img/texture.jpg);
	background-repeat: repeat;
	background-position: center left;
}

.bg-zoom {
	overflow: hidden;
	position: relative;
}

.u-hidden {
	display: none;
}

nav ul {
	zoom: 1;
	list-style: none;
	padding: 0px;
	margin: 0;
	padding: 0;
}

nav ul:before,
nav ul:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

nav ul:after {
	clear: both;
}

nav ul li {
	margin: 0px;
	padding: 0px;
}

nav ul li {
	margin: 0;
	padding: 0;
}

.col2 {
	zoom: 1;
}

.col2:before,
.col2:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.col2:after {
	clear: both;
}

.col2 > .col {
	float: left;
}

.col3 {
	zoom: 1;
}

.col3:before,
.col3:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.col3:after {
	clear: both;
}

.col3 > .col {
	float: left;
}

.col4 {
	zoom: 1;
}

.col4:before,
.col4:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.col4:after {
	clear: both;
}

.col4 > .col {
	float: left;
}

.col5 {
	zoom: 1;
}

.col5:before,
.col5:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.col5:after {
	clear: both;
}

.col5 > .col {
	float: left;
}

.box-white {
	background-color: white;
	box-shadow: 0 2px 0 #efefef;
}

.page-404 .container.narrow {
	font-size: 18px;
	font-size: 1.8rem;
	max-width: 650px;
	margin: 0 auto;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}

.page-404 .container.narrow h1 {
	margin-bottom: 30px;
}

.page-nav {
	transition: all .3s ease-in-out;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	background-color: transparent;
}

.js-stickyNav .page-nav,
.page-internal .page-nav {
	background-color: #1e1e21;
}

.fixed-outer-container {
	position: relative;
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
}

.header-shape-area {
	transition: transform .2s ease-in-out;
	transform: translateY(-100%);
	position: absolute;
	left: 0;
	top: 0;
}

.header-shape-area.active {
	transition: transform 0.8s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	transform: translateY(0%);
}

.page-nav .container {
	zoom: 1;
	transition: padding .3s ease-in-out;
	padding-top: 50px;
	padding-bottom: 50px; /*
	.page-internal & {
		@media only screen and (min-width: 769px) {
			padding-top: 40px;
			padding-bottom: 40px;
		}
	}
*/
	padding-top: 55px;
	padding-bottom: 25px;
}

.page-nav .container:before,
.page-nav .container:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.page-nav .container:after {
	clear: both;
}

.page-nav .container .header-telephone {
	position: absolute;
	right: 100px;
	top: 20px;
	font-weight: bold;
	color: #ffffff;
}

.page-nav a {
	transition: opacity 0.2s ease-in-out;
	text-decoration: none;
	color: #ffffff;
	opacity: 1;
}

.page-nav a:hover,
.page-nav a:active {
	opacity: 0.8;
}

.header-logo {
	transition: opacity 0.2s ease-in-out;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 25px;
	color: white;
	opacity: 1;
	position: relative;
	z-index: 10;
}

.header-logo:hover,
.header-logo:active {
	opacity: 0.8;
	color: white;
}

.header-logo:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E001';
}

.hamburger {
	width: 75px;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 10;
	transform: translateY(-50%);
	transition: none;
	padding: 20px;
	cursor: pointer;
}

.hamburger:after {
	transition: opacity 0.2s ease-in-out;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/icn-close.svg) no-repeat center center;
	background-size: 30px;
	opacity: 0;
}

.is-mobOpen .hamburger:after {
	opacity: 1;
}

.hamburger .divider {
	transition: opacity 0.2s ease-in-out;
	background-color: white;
	width: 100%;
	height: 3px;
	display: block;
	opacity: 1;
}

.hamburger .divider:not(:last-child) {
	transition: margin-bottom 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	margin-bottom: 7px;
}

.is-mobOpen .hamburger .divider {
	opacity: 0;
}

.hamburger:hover,
.hamburger:active,
.page-nav a.hamburger:hover,
.page-nav a.hamburger:active {
	opacity: 1;
}

.hamburger:hover .divider:not(:last-child),
.hamburger:active .divider:not(:last-child),
.page-nav a.hamburger:hover .divider:not(:last-child),
.page-nav a.hamburger:active .divider:not(:last-child) {
	margin-bottom: 9px;
}

.header-nav {
	float: right;
}

.header-nav ul {
	list-style: none;
	padding: 0px;
	margin: 0;
}

.header-nav ul li {
	margin: 0px;
	padding: 0px;
}

.header-nav li {
	padding: 0;
	margin: 0;
	display: inline-block;
}

.header-nav li + li {
	transition: .3s ease-in-out;
	margin-left: 20px;
}

.page-home .header-nav li.home.active a {
	color: white;
}

.header-nav a {
	transition: all .3s ease-in-out;
	display: block;
	padding: 10px;
}

.header-search {
	position: relative;
}

.header-search input {
	transition: all .2s ease-in-out;
	font-size: 14px;
	font-size: 1.4rem;
	background: transparent;
	width: 115px;
	color: white;
	padding: 9px 18px;
	padding-right: 35px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	text-overflow: ellipsis;
}

.header-search input::-webkit-input-placeholder {
	transition: color 0.2s ease-in-out;
	font-size: 14px;
	font-size: 1.4rem;
	color: white;
	opacity: .5;
}

.header-search input:focus {
	width: 200px;
	border-color: transparent;
	background-color: white;
	outline: none;
	color: #2e2d30;
	box-shadow: none;
}

.header-search input:focus::-webkit-input-placeholder {
	color: rgba(46, 45, 48, 0.5);
}

.header-search .btn.search {
	position: absolute;
	right: 0;
	top: 0;
	background: transparent;
	padding: 8px 15px;
	opacity: .8;
	transition: opacity .3s ease-in-out;
	cursor: pointer;
}

.header-search .btn.search:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E00A';
	color: rgba(255, 255, 255, 0.5);
	font-size: 10px;
}

.header-search .btn.search:hover,
.header-search .btn.search:focus {
	background-color: transparent;
	opacity: 1;
}

.header-search input:focus + .btn.search:before {
	color: #2e2d30;
}

.page-footer {
	transition: opacity 0.2s ease-in-out;
	font-size: 14px;
	font-size: 1.4rem;
	background-color: #252525;
	color: #bdbdbd;
	opacity: 1;
}

.loading .page-footer {
	opacity: 0;
}

.page-footer .col2 {
	margin-left: -50px;
}

.page-footer .col2 .col {
	padding-left: 50px;
}

.page-footer .col2 .item {
	margin-bottom: 50px;
}

.page-footer .container {
	padding-top: 50px;
	padding-bottom: 50px;
}

.page-footer ul {
	list-style: none;
	padding: 0px;
	margin: 0;
}

.page-footer ul li {
	margin: 0px;
	padding: 0px;
}

.page-footer ul li {
	margin: 0;
	padding: 0;
}

.page-footer p {
	margin-bottom: 0;
	line-height: 1.6;
}

.page-footer p + p {
	margin: 0;
}

.page-footer a {
	text-decoration: none;
}

.page-footer .bottom-row {
	padding-top: 70px;
}

.page-footer .top-row p {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1;
}

a.footer-logo {
	transition: opacity 0.2s ease-in-out;
	float: left;
	margin-right: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 25px;
	color: white;
	opacity: 1;
	margin-bottom: 30px;
}

a.footer-logo:hover,
a.footer-logo:active {
	color: white;
	opacity: 0.8;
	color: white;
}

a.footer-logo:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E001';
}

.footer-newsletter {
	float: right;
	display: block;
	position: relative;
	zoom: 1;
	width: 100%;
	max-width: 450px;
	background-color: #1f1f1f;
}

.footer-newsletter:before,
.footer-newsletter:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.footer-newsletter:after {
	clear: both;
}

.footer-newsletter .title {
	font-size: 20px;
	font-size: 2rem;
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	background-color: white;
	color: #2e2d30;
	padding: 13px 0;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	text-align: center;
}

.footer-newsletter .field {
	margin: 0;
	position: relative;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.footer-newsletter input {
	font-size: 13px;
	font-size: 1.3rem;
	transition: all .2s ease-in-out;
	line-height: 1.3;
	background-color: #1f1f1f;
	padding: 16px 20px;
	display: block;
	color: #fff;
	z-index: 3;
	width: 50%;
	float: right;
	padding-right: 55px;
	text-overflow: ellipsis;
	border-color: transparent; /*
	&.error {
		border-color: rgba(225, 0, 0, .5);
	}
	&.error:focus {
		border-color: rgba(225, 0, 0, 1);
		box-shadow: 0 0 10px rgba(225, 0, 0, .8);
	}
*/
}

.footer-newsletter input::-webkit-input-placeholder {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.3;
	color: #bdbdbd;
}

.footer-newsletter input:focus {
	outline: none;
	width: 100%;
}

.footer-newsletter label.error {
	font-family: 'DepotNew-Regular';
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-size: 1.2rem;
	position: absolute;
	right: 0;
	top: 100%;
	text-transform: none;
	padding-top: 10px;
}

.footer-newsletter .submit {
	font-size: 10px;
	background: transparent;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.footer-newsletter .submit:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E007';
}

.footer-newsletter .status-message {
	top: 60px;
	position: absolute;
}

ul.footer-credits {
	zoom: 1;
	font-size: 13px;
	font-size: 1.3rem;
	color: #5c5a5a;
	padding-top: 25px;
}

ul.footer-credits:before,
ul.footer-credits:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

ul.footer-credits:after {
	clear: both;
}

.footer-credits a {
	color: #868282;
}

.footer-credits a:hover,
.footer-credits a:active {
	color: #bdbdbd;
}

.footer-credits li {
	float: left;
}

.footer-credits li + li {
	margin-left: 30px;
}

.footer-social {
	text-align: right;
}

.footer-social li {
	display: inline-block;
}

.footer-social li + li {
	margin-left: 10px;
}

.footer-social li a {
	transition: all 0.2s ease-in-out;
	background-color: #1f1f1f;
	color: #bdbdbd;
	position: relative;
	width: 40px;
	height: 40px;
	display: block;
}

.footer-social li a:hover,
.footer-social li a:active {
	color: #fff;
}

.footer-social li a:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E00E';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.footer-social .facebook a:hover,
.footer-social .facebook a:active {
	background-color: #3b5998;
}

.footer-social .youtube a:hover,
.footer-social .youtube a:active {
	background-color: #b31217;
}

.footer-social .facebook a:before {
	content: '\E00C';
	font-size: 17px;
}

.footer-social .youtube a:before {
	content: '\E00E';
	font-size: 13px;
}

.footer-lower {
	position: relative;
	margin-top: 70px;
	zoom: 1;
}

.footer-lower:before,
.footer-lower:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.footer-lower:after {
	clear: both;
}

.footer-lower .copyright {
	float: left;
	margin-top: 0;
}

.footer-lower .copyright a {
	color: #868282;
}

.footer-lower .copyright a:hover,
.footer-lower .copyright a:focus {
	color: #bdbdbd;
}

.footer-lower .copyright a + a {
	margin-left: 30px;
}

.footer-lower__social {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-lower__social li {
	display: inline-block;
}

.footer-lower__social li + li {
	margin-left: 7px;
}

.footer-lower__social a {
	display: block;
	transition: opacity .2s ease-in-out;
}

.footer-lower__social a:hover,
.footer-lower__social a:focus {
	opacity: .65;
}

.footer-lower__social .icon {
	width: 24px;
	height: 24px;
	display: block;
}

.hero {
	position: relative;
}

.hero .slider .slide {
	transition: max-height .3s ease-in-out;
	display: block;
	width: 100%;
	height: 100vh;
	max-height: 1200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.hero .slider .slide:before,
.hero .slider .slide:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.hero .slider .slide:before {
	z-index: 2;
	background-color: rgba(43, 43, 43, 0.3);
}

.hero .slider .slide:after {
	z-index: 3;
	background: linear-gradient(to bottom, rgba(46, 45, 48, 0) 0%, rgba(0, 0, 0, 0.67) 99%, rgba(0, 0, 0, 0.68) 100%); /* W3C */
}

.slide .cloneable,
.slide .shape,
.slide .hero-shapes {
	display: none;
}

.hero-controls {
	padding: 65px;
	padding-top: 0;
	padding-right: 100px;
	display: block;
	color: #efefef;
	width: 100%;
	max-width: 540px;
	position: absolute;
	bottom: 0;
	right: 0;
	display: none;
}

.hero-controls .clonearea {
	transition: all .3s ease-in-out;
	position: relative;
	opacity: 0;
	right: -50px;
}

.hero-controls.active .clonearea {
	right: 0;
	opacity: 1;
	transition: all .6s ease-in-out;
}

.hero-controls a {
	text-decoration: none;
}

.hero-controls .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 46px;
	font-size: 4.6rem;
	line-height: 1;
	color: #efefef;
	margin-bottom: 35px;
}

.hero-controls .title strong {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: inherit;
}

.hero-controls .read-more {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 16px;
	font-size: 1.6rem;
	color: #efefef;
}

.prevnext {
	zoom: 1;
	display: block;
	position: absolute;
	top: -100px;
	width: 100%;
	z-index: 5;
	padding-top: 10px;
}

.prevnext:before,
.prevnext:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.prevnext:after {
	clear: both;
}

.prevnext .prev,
.prevnext .next {
	transition: border .3s ease-in-out;
	width: 48px;
	height: 48px;
	display: block;
	border: 1px solid #808081;
	border: 1px solid rgba(255, 255, 255, 0.5);
	float: left;
	color: #fff;
	position: relative;
}

.prevnext .prev:hover,
.prevnext .prev:active,
.prevnext .next:hover,
.prevnext .next:active {
	border: 1px solid rgba(255, 255, 255, 0.8);
}

.prevnext .prev:before,
.prevnext .next:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 22px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.prevnext .prev + .next {
	margin-left: 20px;
}

.prevnext .prev + .next:after {
	content: '';
	width: 20px;
	height: 1px;
	position: absolute;
	left: -20px;
	top: 50%;
	background-color: #808081;
	background-color: rgba(255, 255, 255, 0.5);
}

.prevnext .prev:before {
	content: '\E002';
}

.prevnext .next:before {
	content: '\E003';
}

.hero-controls .pager {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

.hero-controls ul.slick-dots,
.slider-wrap ul.slick-dots {
	padding: 0;
	padding-top: 7px;
}

.hero-controls ul.slick-dots li,
.slider-wrap ul.slick-dots li {
	background-color: transparent;
	border: 0;
	float: none;
	display: block;
	margin: 0;
	margin-bottom: 8px;
}

.hero-controls ul.slick-dots li span,
.slider-wrap ul.slick-dots li span {
	border-radius: 50%;
	display: block;
	width: 7px;
	height: 7px;
}

.hero-controls ul.slick-dots li:not(.slick-active) span,
.slider-wrap ul.slick-dots li:not(.slick-active) span {
	background-color: white !important;
}

.hero-controls .clonearea {
	position: relative;
	z-index: 2;
}

.shapearea {
	transition: transform .2s ease-in-out;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	transform: translateX(100%);
	transform-origin: bottom right;
}

.hero-controls.active .shapearea {
	transition: transform .4s .15s ease-in-out;
	transform: translateX(0);
}

.shapearea .shape {
	display: block;
}

.hero-shapes .shape1,
.hero-shapes .shape2 {
	position: absolute;
	display: block;
	z-index: 5;
}

.hero-shapes .shape1 {
	left: 0;
	bottom: -110px;
}

.hero-shapes .shape2 {
	right: 0;
	bottom: 480px;
}

.heroshapesarea {
	transition: all .3s ease-in-out;
	opacity: 0;
	transform: translateY(20px);
}

.heroshapesarea.active {
	transition: all .6s .2s ease-in-out;
	transform: translateY(0);
	opacity: 1;
}

.hero.internal {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.hero.internal:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.8);
}

.hero.internal .container-narrow {
	position: relative;
	z-index: 2;
	color: white;
}

.hero.internal .title {
	margin-bottom: 20px;
}

.mob-menu {
	display: none;
}

.is-mobOpen .mob-menu {
	display: block;
}

.panel {
	font-size: 20px;
	font-size: 2rem;
	font-family: 'DepotNew-Light';
	font-weight: normal;
	font-style: normal;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}

.panel.texture {
	background-size: auto;
	background-repeat: repeat;
}

.panel.light {
	color: white;
}

.panel .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 50px;
	font-size: 5rem;
	line-height: 1;
	margin-bottom: 50px;
	color: #424242;
}

.panel.light .title {
	color: #fff;
}

.about-intro {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.about-intro:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.05);
}

.panel .container {
	padding-top: 140px;
	min-height: 500px;
	height: 100vw;
	max-height: 800px;
	z-index: 2;
}

.panel .col2 {
	margin-left: -70px;
}

.panel .col2 .col {
	padding-left: 70px;
}

.panel .col2 .item {
	margin-bottom: 70px;
}

.about-intro .intro-title {
	margin-bottom: 15px;
	display: block;
}

.about-intro .title {
	font-size: 70px;
	font-size: 7rem;
}

.max-width {
	max-width: 750px;
	display: block;
}

.offset-wrap {
	zoom: 1;
	position: absolute;
	bottom: -50px;
	right: 0;
	width: 100%;
}

.offset-wrap:before,
.offset-wrap:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.offset-wrap:after {
	clear: both;
}

.offset-wrap img {
	float: right;
}

.panel2 .container {
	padding-bottom: 300px;
	max-height: none;
	height: auto;
}

.panel2 .col2 > .col {
	float: right;
	clear: both;
}

.panel3 {
	background-position: center top !important;
	position: relative;
}

.panel3:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	z-index: 1;
}

.panel3 .container {
	padding-top: 180px;
	padding-bottom: 30vw;
	max-height: 1100px;
	position: relative;
	z-index: 2;
}

.panel4 .container {
	padding-top: 0;
	padding-bottom: 0;
	min-height: 0;
	max-height: none;
	height: auto;
}

.panel4 img {
	width: 100%;
	height: auto;
	display: block;
}

.panel4 .col2 {
	margin-left: 0px;
}

.panel4 .col2 .col {
	padding-left: 0px;
}

.panel4 .col2 .item {
	margin-bottom: 0px;
}

.panel4 .col {
	float: right;
	zoom: 1;
	position: relative;
}

.panel4 .col:before,
.panel4 .col:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.panel4 .col:after {
	clear: both;
}

.panel4 .col:last-child {
	width: 55%;
	position: relative;
	top: 100px;
}

.panel4 .col:first-child {
	width: 45%;
}

.panel4 .content {
	padding: 140px 0 65px 65px;
}

.panel4 .mosaic-1 {
	float: right;
}

.panel4 .mosaic-2 {
	float: right;
}

.panel4 .mosaic-4 {
	position: absolute;
	top: 100%;
	z-index: 10;
}

.panel4 img.mob-vis-md {
	display: none;
}

.panel5 {
	position: relative;
	z-index: 1;
	background: #363334;
}

.panel5 .container {
	padding-top: 285px;
	padding-bottom: 180px;
	max-height: none;
	height: auto;
}

.panel5 .bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	filter: grayscale(1);
}

.panel5 .title {
	position: relative;
	padding-bottom: 20px;
}

.panel5 .title:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	opacity: 0.05;
	background-color: white;
	display: block;
}

.panel5 .col4 {
	margin-left: -70px;
	font-size: 18px;
	font-size: 1.8rem;
}

.panel5 .col4 .col {
	padding-left: 70px;
}

.panel5 .col4 .item {
	margin-bottom: 70px;
}

.panel5 .col4 .title {
	font-family: 'DepotNew-Bold';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	font-size: 1.8rem;
	text-transform: none;
	letter-spacing: normal;
	padding-bottom: 0;
	margin-bottom: 10px;
}

.panel5 .col4 .title:after {
	content: none;
}

.panel5 .company {
	font-size: 16px;
	font-size: 1.6rem;
}

/*
.award:before {
	@include icon();
	content: '\E012';
	color: #474445;
	font-size: 70px;
	margin-bottom: 20px;
}
*/

.award p:not(:last-child) {
	min-height: 90px;
}

.award img {
	margin-bottom: 20px;
}

.page-original-project.page-internal { /*
        Projects page
    */ /* active state for completion filter dropdown */
}

.page-original-project.page-internal .no-results {
	margin-bottom: 40px;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
}

.page-original-project.page-internal .project-header {
	position: relative;
	margin-bottom: 50px;
}

.page-original-project.page-internal .project-header .col:first-child {
	width: 55%;
}

.page-original-project.page-internal .project-header .col:last-child {
	width: 45%;
	text-align: right;
}

.page-original-project.page-internal .project-header .col:last-child p {
	margin: 0;
	margin-bottom: 5px;
}

.page-original-project.page-internal .project-header .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 40px;
	font-size: 4rem;
	line-height: 1;
	margin-bottom: 10px;
}

.page-original-project.page-internal .project-header address {
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
}

.page-original-project.page-internal .project-detail {
	font-size: 18px;
	font-size: 1.8rem;
	position: relative;
	top: -125px;
}

.page-original-project.page-internal .project-detail .content {
	zoom: 1;
	font-family: 'DepotNew-Light';
	font-weight: normal;
	font-style: normal;
	line-height: 1.4;
	position: relative;
}

.page-original-project.page-internal .project-detail .content:before,
.page-original-project.page-internal .project-detail .content:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.page-original-project.page-internal .project-detail .content:after {
	clear: both;
}

.page-original-project.page-internal .project-detail .content .btn {
	display: inline-block;
}

.page-original-project.page-internal .project-detail .content,
.page-original-project.page-internal .project-detail .sidebar {
	float: left;
	display: block;
	margin-bottom: 40px;
}

.page-original-project.page-internal .project-detail .content .btn,
.page-original-project.page-internal .project-detail .sidebar .btn {
	font-size: 18px;
	font-size: 1.8rem;
	display: inline-block;
	width: 100%;
	padding: 14px 15px;
}

.page-original-project.page-internal .project-detail .content .btn {
	max-width: none;
	text-align: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	transform-style: preserve-3d;
}

.page-original-project.page-internal .project-detail .content .btn:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E003';
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.page-original-project.page-internal .project-detail .sidebar .field {
	margin-bottom: 10px;
	display: block;
}

.page-original-project.page-internal .project-detail .sidebar input,
.page-original-project.page-internal .project-detail .sidebar textarea {
	background-color: white;
	border-color: transparent;
}

.page-original-project.page-internal .project-detail .sidebar input::-webkit-input-placeholder,
.page-original-project.page-internal .project-detail .sidebar textarea::-webkit-input-placeholder {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #2e2d30;
	font-size: 14px;
	font-size: 1.4rem;
	transition: opacity .2s ease-in-out;
	line-height: 1;
	position: relative;
	top: 4px;
}

.page-original-project.page-internal .project-detail .sidebar input:focus::-webkit-input-placeholder,
.page-original-project.page-internal .project-detail .sidebar textarea:focus::-webkit-input-placeholder {
	opacity: .5;
}

.page-original-project.page-internal .project-detail .sidebar .intro {
	font-size: 14px;
	font-size: 1.4rem;
	color: #bdbdbd;
	max-width: 200px;
}

.page-original-project.page-internal .project-detail .sidebar .intro .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 18px;
	font-size: 1.8rem;
	color: #2e2d30;
	margin-bottom: 10px;
	display: block;
}

.page-original-project.page-internal .project-detail .sidebar .intro a {
	display: block;
	margin: 0;
}

.page-original-project.page-internal .project-detail .sidebar .intro a:after {
	content: '';
	margin: 20px 0;
	width: 62px;
	height: 2px;
	display: block;
	background-color: currentColor;
}

.page-original-project.page-internal .project-detail .sidebar .btn {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 14px 15px;
	width: 100%;
}

.page-original-project.page-internal .project-hero {
	width: 100%;
	height: 40vw;
	min-height: 200px;
	max-height: 690px;
	margin-bottom: 80px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.page-original-project.page-internal .project-overflow {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}

.page-original-project.page-internal .project-overflow.is-dark {
	background-color: #222222;
}

.page-original-project.page-internal .project-overflow.is-dark,
.page-original-project.page-internal .project-overflow.is-dark .content .title,
.page-original-project.page-internal .project-overflow.is-dark .sidebar .intro .title {
	color: white;
}

.page-original-project.page-internal .project-overflow.is-dark .ms-drop.bottom ul li {
	color: #333;
}

.page-original-project.page-internal .project-slide {
	zoom: 1;
	position: relative;
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
}

.page-original-project.page-internal .project-slide:before,
.page-original-project.page-internal .project-slide:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.page-original-project.page-internal .project-slide:after {
	clear: both;
}

.page-original-project.page-internal .project-slide .container {
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
}

.page-original-project.page-internal .project-current {
	position: relative;
	z-index: 2;
}

.page-original-project.page-internal .project-slide .project-detail .container-narrow {
	max-width: none;
	margin: auto;
	padding: 0 70px;
}

.page-original-project.page-internal .projects-single .filter-bar .col:first-child,
.page-original-project.page-internal .page-projects-single .filter-bar .col:first-child,
.page-original-project.page-internal .page-news-single .filter-bar .col:first-child {
	width: 40%;
}

.page-original-project.page-internal .projects-single .filter-bar .col:last-child,
.page-original-project.page-internal .page-projects-single .filter-bar .col:last-child,
.page-original-project.page-internal .page-news-single .filter-bar .col:last-child {
	width: 60%;
}

.page-original-project.page-internal .projects-single .filter-bar .col .page-news-single .filter-bar .col:first-child,
.page-original-project.page-internal .projects-single .filter-bar .col .page-news-single .filter-bar .col:last-child,
.page-original-project.page-internal .projects-single .filter-bar .col .page-projects-single .filter-bar .col:first-child,
.page-original-project.page-internal .projects-single .filter-bar .col .page-projects-single .filter-bar .col:last-child,
.page-original-project.page-internal .page-projects-single .filter-bar .col .page-news-single .filter-bar .col:first-child,
.page-original-project.page-internal .page-projects-single .filter-bar .col .page-news-single .filter-bar .col:last-child,
.page-original-project.page-internal .page-projects-single .filter-bar .col .page-projects-single .filter-bar .col:first-child,
.page-original-project.page-internal .page-projects-single .filter-bar .col .page-projects-single .filter-bar .col:last-child,
.page-original-project.page-internal .page-news-single .filter-bar .col .page-news-single .filter-bar .col:first-child,
.page-original-project.page-internal .page-news-single .filter-bar .col .page-news-single .filter-bar .col:last-child,
.page-original-project.page-internal .page-news-single .filter-bar .col .page-projects-single .filter-bar .col:first-child,
.page-original-project.page-internal .page-news-single .filter-bar .col .page-projects-single .filter-bar .col:last-child {
	width: 100%;
	float: none;
}

.page-original-project.page-internal .projects-single .filter-bar .col .page-projects-single .filter-bar .col:first-child,
.page-original-project.page-internal .projects-single .filter-bar .col .page-news-single .filter-bar .col:first-child,
.page-original-project.page-internal .page-projects-single .filter-bar .col .page-projects-single .filter-bar .col:first-child,
.page-original-project.page-internal .page-projects-single .filter-bar .col .page-news-single .filter-bar .col:first-child,
.page-original-project.page-internal .page-news-single .filter-bar .col .page-projects-single .filter-bar .col:first-child,
.page-original-project.page-internal .page-news-single .filter-bar .col .page-news-single .filter-bar .col:first-child {
	border-bottom: 1px solid #f1f1f1;
}

.page-original-project.page-internal .projects-single .filter-bar .col .page-projects-single .filter-bar .title,
.page-original-project.page-internal .projects-single .filter-bar .col .page-news-single .filter-bar .title,
.page-original-project.page-internal .page-projects-single .filter-bar .col .page-projects-single .filter-bar .title,
.page-original-project.page-internal .page-projects-single .filter-bar .col .page-news-single .filter-bar .title,
.page-original-project.page-internal .page-news-single .filter-bar .col .page-projects-single .filter-bar .title,
.page-original-project.page-internal .page-news-single .filter-bar .col .page-news-single .filter-bar .title {
	float: left;
	padding-top: 18px;
}

.page-original-project.page-internal .enquire-mail-wrap .enquire-button {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 15px 20px;
	color: white;
	text-decoration: none;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 20px;
	max-width: 130px;
	display: block;
}

.page-original-project.page-internal #load-more-btn.working .u-hidden {
	display: inline;
}

.page-late-2016-project.page-internal .select-wrapper {
	position: relative;
}

.page-late-2016-project.page-internal .select-wrapper .hasCustomSelect {
	width: 100% !important;
	height: 100% !important;
}

.page-late-2016-project.page-internal .customSelect {
	-webkit-appearance: none !important;
}

.page-late-2016-project.page-internal .filter-bar a.btn-enquiries .number {
	color: #333;
	transition: color .2s ease-in-out;
}

.page-late-2016-project.page-internal .no-results {
	margin-bottom: 40px;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
}

.page-late-2016-project.page-internal .project-header {
	position: relative;
	margin-bottom: 50px;
}

.page-late-2016-project.page-internal .project-header .col:first-child {
	width: 55%;
}

.page-late-2016-project.page-internal .project-header .col:last-child {
	width: 45%;
	text-align: right;
}

.page-late-2016-project.page-internal .project-header .col:last-child p {
	margin: 0;
	margin-bottom: 5px;
}

.page-late-2016-project.page-internal .project-header .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 40px;
	font-size: 4rem;
	line-height: 1;
	margin-bottom: 10px;
}

.page-late-2016-project.page-internal .project-header address {
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
}

.page-late-2016-project.page-internal .project-header .prev-next .prev,
.page-late-2016-project.page-internal .project-header .prev-next .next {
	font-family: 'DepotNew-Bold';
	font-weight: normal;
	font-style: normal;
	position: absolute;
	top: 0;
	color: #2e2d30;
	text-decoration: none;
	transform: rotate(-90deg);
	padding-right: 25px;
}

.page-late-2016-project.page-internal .project-header .prev-next .prev:after,
.page-late-2016-project.page-internal .project-header .prev-next .next:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 8px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
	transition: margin-top .3s ease-in-out;
}

.page-late-2016-project.page-internal .project-header .prev-next .prev {
	left: -165px;
	top: 190px;
}

.page-late-2016-project.page-internal .project-header .prev-next .prev:after {
	content: '\E008';
}

.page-late-2016-project.page-internal .project-header .prev-next .prev:hover:after,
.page-late-2016-project.page-internal .project-header .prev-next .prev:active:after {
	margin-top: -8px;
}

.page-late-2016-project.page-internal .project-header .prev-next .next {
	right: -165px;
	top: 190px;
}

.page-late-2016-project.page-internal .project-header .prev-next .next:after {
	content: '\E009';
}

.page-late-2016-project.page-internal .project-header .prev-next .next:hover:after,
.page-late-2016-project.page-internal .project-header .prev-next .next:active:after {
	margin-top: 0;
}

.page-late-2016-project.page-internal .btn-enquiries {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 16px;
	font-size: 1.6rem;
	color: #2e2d30;
	line-height: 60px;
	letter-spacing: 0.15em;
}

.page-late-2016-project.page-internal .btn-enquiries .site-color:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E013';
	margin-right: 10px;
}

.page-late-2016-project.page-internal .project-detail {
	position: relative;
	display: block;
	line-height: 1.6;
}

.page-late-2016-project.page-internal .project-detail .text-center {
	text-align: center;
}

.page-late-2016-project.page-internal .project-detail .container {
	max-width: 1200px;
}

.page-late-2016-project.page-internal .project-detail .container.overshoot {
	max-width: 1400px;
}

.page-late-2016-project.page-internal .project-detail .list-reset {
	list-style: none;
	padding: 0px;
}

.page-late-2016-project.page-internal .project-detail .list-reset li {
	margin: 0px;
	padding: 0px;
}

.page-late-2016-project.page-internal .project-detail .list-reset li {
	margin-bottom: 20px;
}

.page-late-2016-project.page-internal .project-detail .container.narrow {
	max-width: 580px;
}

.page-late-2016-project.page-internal .project-detail .max-width-400 {
	max-width: 400px;
}

.page-late-2016-project.page-internal .project-detail .content p {
	margin: 0;
}

.page-late-2016-project.page-internal .project-detail .content p:not(:last-child) {
	margin-bottom: 20px;
}

.page-late-2016-project.page-internal .project-detail .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 20px;
}

.page-late-2016-project.page-internal .project-detail .project-sticky-bar {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
	width: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.page-late-2016-project.page-internal .project-detail .project-sticky-bar .page-container {
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	margin: 0 auto;
}

.page-late-2016-project.page-internal .project-detail .project-sticky-bar .container {
	padding-top: 0;
	padding-bottom: 0;
}

.page-late-2016-project.page-internal .project-detail .project-sticky-bar ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row wrap;
	flex-direction: row wrap;
	-ms-flex: 1 100%;
	flex: 1 100%;
}

.page-late-2016-project.page-internal .project-detail .project-sticky-bar li {
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.page-late-2016-project.page-internal .project-detail .project-sticky-bar a {
	display: block;
	text-align: center;
	color: white;
	line-height: 60px;
	text-decoration: none;
}

.page-late-2016-project.page-internal .project-detail .project-sticky-bar .nav-active a {
	border-bottom: 1px solid white;
}

.page-late-2016-project.page-internal .project-detail .project-hero {
	position: relative;
	display: block;
}

.page-late-2016-project.page-internal .project-detail .project-hero .hero-img {
	display: block;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	max-height: 790px;
	min-height: 300px;
}

.page-late-2016-project.page-internal .project-detail .project-hero .hero-img:before {
	content: '';
	width: 100%;
	padding-top: 65%;
	display: block;
}

.page-late-2016-project.page-internal .project-detail .project-hero .hero-img:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.4);
}

.page-late-2016-project.page-internal .project-detail .project-hero .overlay {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.6;
	color: white;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

.page-late-2016-project.page-internal .project-detail .project-hero .overlay .logo {
	display: block;
	margin-bottom: 30px;
}

.page-late-2016-project.page-internal .project-detail .project-hero .overlay p {
	margin-bottom: 30px;
}

.page-late-2016-project.page-internal .project-detail .project-hero .overlay .btn {
	display: inline-block;
}

.page-late-2016-project.page-internal .project-detail .project-hero .emblem {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
	z-index: 2;
	-webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%);
	clip-path: polygon(0% 100%, 100% 100%, 100% 0%);
	width: 33vw;
	height: 33vw;
}

.page-late-2016-project.page-internal .project-detail .project-hero .emblem image {
	display: block;
	width: 100%;
}

.page-late-2016-project.page-internal .project-detail .project-hero .emblem.no-img:before {
	content: '';
	width: 100%;
	display: block;
	padding-top: 125%;
}

.page-late-2016-project.page-internal .project-detail .project-brochure {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .images img {
	width: 100%;
	display: block;
	max-width: 580px;
	float: right;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .video {
	position: relative;
	display: block;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .video:hover .play:before,
.page-late-2016-project.page-internal .project-detail .project-brochure .video:focus .play:before {
	opacity: .9;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .video:hover .play:after,
.page-late-2016-project.page-internal .project-detail .project-brochure .video:focus .play:after {
	border: 2px solid #fff;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .video img {
	float: none;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .play {
	margin-left: auto;
	margin-right: auto;
	width: 125px;
	height: 125px;
	z-index: 300;
	position: absolute;
	top: calc(50% - 62px);
	left: 0;
	right: 0;
	display: block;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .play:before {
	color: rgba(255, 255, 255, 0.9);
	font-family: Icons;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	transition: opacity .2s ease;
	content: "\E01A";
	color: #fff;
	position: absolute;
	width: 100%;
	font-size: 89px;
	text-align: center;
	top: 20px;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .play:after {
	border: 2px solid #fff;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.3);
	position: absolute;
	content: '';
	transition: border .2s ease;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list {
	list-style: none;
	padding: 0px;
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 18px;
	font-size: 1.8rem;
	zoom: 1;
	line-height: 1;
	margin: 0;
	position: relative;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list li {
	margin: 0px;
	padding: 0px;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list:before,
.page-late-2016-project.page-internal .project-detail .horizontal-list:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list:after {
	clear: both;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list:not(.icon) li:not(.logo) {
	position: relative;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list:not(.icon) li:not(.logo):before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	display: block;
	box-shadow: 0 0 0 10px #fcfbfa;
	margin-left: -5px;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.purchase-process {
	margin-top: 60px;
	margin-bottom: 40px;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.purchase-process li {
	position: relative;
	padding-top: 50px;
}

.page-late-2016-project.page-internal .project-detail .project-gallery .project-gallery-header {
	text-align: center;
	position: relative;
	padding: 60px 0;
}

.page-late-2016-project.page-internal .project-detail .project-gallery .project-gallery-header:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% + 40px);
	display: block;
	z-index: 1;
}

.page-late-2016-project.page-internal .project-detail .project-gallery .project-gallery-header .pre-title,
.page-late-2016-project.page-internal .project-detail .project-gallery .project-gallery-header .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	line-height: 1.4;
	position: relative;
	z-index: 2;
	margin-bottom: 0;
}

.page-late-2016-project.page-internal .project-detail .project-gallery .project-gallery-header .pre-title {
	color: rgba(255, 255, 255, 0.5);
	font-size: 16px;
	font-size: 1.6rem;
}

.page-late-2016-project.page-internal .project-detail .project-gallery .project-gallery-header .title {
	font-size: 30px;
	font-size: 3rem;
	color: white;
}

.page-late-2016-project.page-internal .project-detail .cover {
	background-size: cover;
}

.page-late-2016-project.page-internal .project-detail,
.page-late-2016-project.page-internal .project-detail:focus,
.page-late-2016-project.page-internal .project-detail *:focus {
	outline: none !important;
}

.page-late-2016-project.page-internal .project-detail .gallery-slider {
	position: relative;
	z-index: 8;
	overflow: visible !important;
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .background:before {
	content: '';
	width: 100%;
	padding-top: 56%;
	display: block;
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .slick-list {
	overflow: visible;
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .slide {
	outline: none;
	position: relative;
	width: calc(100vw - 40px) !important;
	max-width: 1200px;
	transition: all .6s ease-in-out;
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .slide:focus {
	outline: none;
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .slide.slick-center {
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	z-index: 10;
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .slide:not(.slick-center) {
	-webkit-clip-path: polygon(0% 5%, 100% 5%, 100% 95%, 0% 95%);
	clip-path: polygon(0% 5%, 100% 5%, 100% 95%, 0% 95%);
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .prev,
.page-late-2016-project.page-internal .project-detail .gallery-slider .next {
	font-family: 'DepotNew-Bold';
	font-weight: normal;
	font-style: normal;
	position: absolute;
	top: 0;
	z-index: 9;
	color: white;
	text-decoration: none;
	top: 50%;
	transform: translateY(-50%);
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .prev:after,
.page-late-2016-project.page-internal .project-detail .gallery-slider .next:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 36px;
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .prev {
	left: calc(50% - 650px);
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .prev:after {
	content: '\E002';
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .next {
	right: calc(50% - 650px);
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .next:after {
	content: '\E003';
}

.page-late-2016-project.page-internal .project-detail .gallery-pager {
	zoom: 1;
	list-style: none;
	padding: 0px;
	padding-top: 10px;
	margin: 0;
	margin-left: -10px;
	position: relative;
	z-index: 9;
}

.page-late-2016-project.page-internal .project-detail .gallery-pager:before,
.page-late-2016-project.page-internal .project-detail .gallery-pager:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.page-late-2016-project.page-internal .project-detail .gallery-pager:after {
	clear: both;
}

.page-late-2016-project.page-internal .project-detail .gallery-pager li {
	margin: 0px;
	padding: 0px;
}

.page-late-2016-project.page-internal .project-detail .gallery-pager li {
	padding-left: 10px;
	width: 16.6666667%;
	float: left;
	cursor: pointer;
}

.page-late-2016-project.page-internal .project-detail .gallery-pager li .background {
	display: block;
	overflow: hidden;
	position: relative;
}

.page-late-2016-project.page-internal .project-detail .gallery-pager li .background:before {
	content: '';
	width: 100%;
	display: block;
	padding-top: 56%;
}

.page-late-2016-project.page-internal .project-detail .gallery-pager li .background:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	width: 100%;
	height: 4px;
	transition: transform .2s ease-in-out;
}

.page-late-2016-project.page-internal .project-detail .gallery-pager li.slick-current .background:after {
	transform: translateY(-100%);
	z-index: 1;
}

.page-late-2016-project.page-internal .project-detail .project-floorplans {
	position: relative;
	z-index: 1;
}

.page-late-2016-project.page-internal .project-detail .project-floorplans > .container.med {
	z-index: 2;
}

.page-late-2016-project.page-internal .project-detail .project-floorplans .emblem {
	position: absolute;
	right: 0;
	top: -80px;
	display: block;
	z-index: 1;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul {
	zoom: 1;
	list-style: none;
	padding: 0px;
	margin: 0;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul:before,
.page-late-2016-project.page-internal .project-detail .project-download-list ul:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul:after {
	clear: both;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul li {
	margin: 0px;
	padding: 0px;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul li {
	float: left;
	display: block;
	margin-bottom: 20px;
}

.page-late-2016-project.page-internal .project-detail .project-download-list a {
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
	background-color: white;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.02);
	border: 1px solid #e8e8e8;
	border-radius: 2px;
	text-decoration: none;
	text-align: center;
	color: #333;
	overflow: hidden;
	position: relative;
}

.page-late-2016-project.page-internal .project-detail .project-download-list a .title:not(.white) {
	font-size: 18px;
	font-size: 1.8rem;
	color: #333;
	margin-bottom: 5px;
}

.page-late-2016-project.page-internal .project-detail .project-download-list a .sub-title {
	font-family: 'DepotNew-Bold';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	color: #bababa;
}

.page-late-2016-project.page-internal .project-detail .project-download-list a .title,
.page-late-2016-project.page-internal .project-detail .project-download-list a .sub-title {
	display: block;
	margin: 0;
	transition: all .2s ease-in-out;
}

.page-late-2016-project.page-internal .project-detail .project-download-list a.floorplan {
	padding: 20px;
}

.page-late-2016-project.page-internal .project-detail .project-download-list a.full {
	background-color: #383a35;
	color: white;
	padding: 20px;
	transition: background-color .2s ease-in-out;
}

.page-late-2016-project.page-internal .project-detail .project-download-list a.full .title {
	color: inherit;
}

.page-late-2016-project.page-internal .project-detail .project-features {
	color: white;
}

.page-late-2016-project.page-internal .project-detail .project-features .features-header {
	margin-bottom: 40px;
	display: block;
}

.page-late-2016-project.page-internal .project-detail .project-features .col2 {
	margin-left: -80px;
}

.page-late-2016-project.page-internal .project-detail .project-features .col2 .col {
	padding-left: 80px;
	position: relative;
	z-index: 3;
}

.page-late-2016-project.page-internal .project-detail .project-features .col.images img {
	max-width: 600px;
	width: 100%;
	display: block;
	margin-bottom: 1px;
	z-index: 2;
	position: relative;
}

.page-late-2016-project.page-internal .project-detail .project-features .col.images .emblem.left {
	position: absolute;
	right: calc(100% - 80px);
	bottom: 59px;
}

.page-late-2016-project.page-internal .project-detail .project-features .col.images .emblem.left img {
	width: auto;
}

.page-late-2016-project.page-internal .project-detail .project-features .col.images .emblem.right.no-img {
	z-index: 4;
	position: absolute;
	right: 0;
	top: 50%;
}

.page-late-2016-project.page-internal .project-detail .project-features .col.images .emblem.right:after {
	content: '';
	position: absolute;
	right: -1px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 60px 80px 0;
	background-color: transparent;
}

.page-late-2016-project.page-internal .project-detail .project-features .col.images .emblem.right:after.no-img:before {
	content: '';
	width: 100%;
	display: block;
	padding-top: 200%;
}

.page-late-2016-project.page-internal .project-detail .project-features h3.title {
	font-size: 20px;
	font-size: 2rem;
}

.page-late-2016-project.page-internal .project-detail .project-features .list-reset {
	zoom: 1;
	margin-bottom: 20px;
	display: block;
}

.page-late-2016-project.page-internal .project-detail .project-features .list-reset:before,
.page-late-2016-project.page-internal .project-detail .project-features .list-reset:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.page-late-2016-project.page-internal .project-detail .project-features .list-reset:after {
	clear: both;
}

.page-late-2016-project.page-internal .project-detail .project-features .list-reset li {
	margin-bottom: 15px;
}

.page-late-2016-project.page-internal .project-detail .project-location .map-wrap {
	display: block;
	width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	position: relative;
}

.page-late-2016-project.page-internal .project-detail .project-location .map-wrap:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	display: block;
	background-color: #383a35;
	z-index: 2;
}

.page-late-2016-project.page-internal .project-detail .project-location .map-wrap iframe {
	position: absolute;
	left: 0;
	top: 3px;
	width: 100%;
	height: calc(100% - 3px);
	z-index: 1;
}

.page-late-2016-project.page-internal .project-detail .project-location .map-wrap .btn.grey {
	font-size: 16px;
	font-size: 1.6rem;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	padding: 15px 30px;
}

.page-late-2016-project.page-internal .project-detail .project-about .container + .container {
	padding-top: 0;
}

.page-late-2016-project.page-internal .project-detail .project-about .container.narrow {
	padding: 0;
	margin-bottom: 40px;
}

.page-late-2016-project.page-internal .project-detail .project-about .divider {
	width: 100%;
	display: block;
	max-height: 300px;
	overflow: hidden;
}

.page-late-2016-project.page-internal .project-detail .project-about .divider:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 40%;
}

.page-late-2016-project.page-internal .project-detail .project-about .col2 {
	margin-left: -25px;
}

.page-late-2016-project.page-internal .project-detail .project-about .col2,
.page-late-2016-project.page-internal .project-detail .project-about .col2 .col {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.page-late-2016-project.page-internal .project-detail .project-about .col2 .col {
	padding-left: 25px;
}

.page-late-2016-project.page-internal .project-detail .project-about .white-box {
	display: block;
	width: 100%;
	background-color: white;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.03);
	text-align: center;
}

.page-late-2016-project.page-internal .project-detail .project-about .white-box .title {
	font-size: 16px;
	font-size: 1.6rem;
	color: #333 !important;
	margin-bottom: 20px;
}

.page-late-2016-project.page-internal .project-detail .project-about .white-box .title strong {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 26px;
	font-size: 2.6rem;
	display: block;
}

.page-late-2016-project.page-internal .project-detail .project-about .white-box .logo {
	max-width: 200px;
	width: 100%;
	margin-bottom: 30px;
}

.page-late-2016-project.page-internal .project-detail .project-about .white-box p {
	margin-bottom: 40px;
}

.page-late-2016-project.page-internal .project-detail .project-enquire {
	background-color: #252525;
	display: block;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col {
	display: block;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col.sidebar .details li {
	border-bottom: 3px solid #393939;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col.sidebar h3.title,
.page-late-2016-project.page-internal .project-detail .project-enquire .col.sidebar p {
	font-size: 20px;
	font-size: 2rem;
	display: block;
	line-height: 1.2;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col.sidebar .title {
	margin-bottom: 0;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col.sidebar p {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .text-white {
	color: white;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .btn.rounded {
	font-size: 16px;
	font-size: 1.6rem;
	color: #a7ae9e;
	background-color: #303030;
	border-radius: 40px;
	padding: 12px 22px;
	line-height: 1;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .btn.rounded:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E007';
	font-size: 11px;
	margin-left: 10px;
	transition: transform .2s ease-in-out;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .btn.rounded:hover:after,
.page-late-2016-project.page-internal .project-detail .project-enquire .btn.rounded:focus:after {
	transform: translateX(2px);
}

.page-late-2016-project.page-internal .project-detail .project-enquire label {
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'DepotNew-Regular';
	font-weight: normal;
	font-style: normal;
	color: #bbbbc3;
	text-transform: none;
	letter-spacing: normal;
}

.page-late-2016-project.page-internal .project-detail .project-enquire input,
.page-late-2016-project.page-internal .project-detail .project-enquire textarea {
	border-radius: 3px;
	box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.04);
}

.page-late-2016-project.page-internal .project-detail .project-enquire .customSelect {
	border-radius: 3px;
	background: linear-gradient(to bottom, #ffffff 0%, #efeeef 100%);
}

.page-late-2016-project.page-internal .project-detail .project-enquire .customSelect:after {
	font-size: 8px;
}

.page-late-2016-project.page-internal .project-detail .project-enquire textarea {
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.page-late-2016-project.page-internal .project-detail .project-enquire button.btn {
	width: 100%;
	display: block;
	padding: 20px 30px;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .mgroup-intro {
	max-width: 540px;
	margin-bottom: 50px;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .mgroup-intro .title {
	color: #d01f21;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .mgroup-intro a {
	color: #d01f21;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .mgroup-intro a:hover,
.page-late-2016-project.page-internal .project-detail .project-mgroup .mgroup-intro a:focus {
	color: #e65657;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .col4 {
	margin-left: -20px;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .col4 .col {
	padding-left: 20px;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .thumb {
	position: relative;
	width: 100%;
	overflow: hidden;
	max-height: 180px;
	display: block;
	text-align: center;
	color: white;
	transform-style: preserve-3d;
	margin-bottom: 20px;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .thumb:after {
	content: '';
	width: 100%;
	padding-top: 60%;
	display: block;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .thumb:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .66;
	display: block;
	z-index: 1;
	background-color: #252525;
	transition: background-color .2s ease-in-out;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .thumb:hover:before,
.page-late-2016-project.page-internal .project-detail .project-mgroup .thumb:focus:before {
	background-color: #0c0c0c;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .thumb .logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	max-width: 80%;
	z-index: 3;
}

.page-late-2016-project.page-internal .project-detail .project-mgroup .thumb .description {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	z-index: 2;
}

.page-late-2016-project.page-internal .emblem-under {
	position: absolute;
	z-index: 1;
	left: 80px;
	bottom: 100%;
	display: block;
	max-width: 50%;
}

.page-late-2016-project.page-internal .emblem-under img {
	display: block;
	width: auto;
	max-width: 100%;
}

.page-internal.projects-landing-page .page-title {
	font-size: 34px;
	font-size: 3.4rem;
}

.page-internal.projects-landing-page .project-hero {
	height: 40vw;
	min-height: 200px;
	max-height: 400px;
}

.page-internal.projects-landing-page .project-detail {
	top: 0;
}

.page-internal.projects-landing-page .cat-wall {
	padding-top: 40px;
	padding-bottom: 40px;
}

.page-internal.projects-landing-page .page-title:not(.white) {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #333;
	margin-bottom: 20px;
}

.page-internal.projects-landing-page .project-detail .sidebar .intro .title {
	padding-bottom: 10px;
	font-size: 24px;
}

.page-internal.projects-landing-page .project-detail .sidebar .intro .title:after {
	content: '';
	width: 50px;
	height: 2px;
	display: block;
	margin-top: 10px;
}

.page-internal.projects-landing-page .ms-choice {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 14px;
	font-size: 1.4rem;
	background: #fff;
	padding: 14px 10px;
	color: #666;
	line-height: 1;
}

.page-internal.projects-landing-page .ms-choice:hover > span.placeholder,
.page-internal.projects-landing-page .ms-choice:focus > span.placeholder {
	color: #666;
}

.page-internal.projects-landing-page .ms-drop.bottom {
	display: none;
	width: 100%;
}

.page-internal.projects-landing-page .ms-drop.bottom ul {
	list-style: none;
	background-color: white;
}

.page-internal.projects-landing-page .ms-drop.bottom ul,
.page-internal.projects-landing-page .ms-drop.bottom ul li {
	margin: 0;
	padding: 0;
}

.page-internal.projects-landing-page .ms-drop.bottom ul li {
	padding: 10px;
	border-top: 1px solid #ebebeb;
}

.page-internal.projects-landing-page .ms-drop.bottom input[type="checkbox"] {
	display: inline;
	margin-right: 10px;
	width: auto;
}

.page-internal.projects-landing-page .ms-drop.bottom label {
	font-family: 'DepotNew-Regular';
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: normal;
	text-transform: none;
	margin: 0;
}

.contact-info {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.6;
	color: white;
	position: relative;
	overflow: hidden;
	opacity: 0;
}

.contact-info:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -200px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 580px 400px;
	border-color: transparent;
	opacity: 0.6;
}

.contact-info:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: 1;
	margin-left: 200px;
	opacity: 0.6;
}

.contact-info .container {
	padding: 120px 100px;
	max-width: 1000px;
	min-height: 450px;
	height: 100vh;
	max-height: 580px;
}

.contact-info .col2 {
	position: relative;
	z-index: 2;
}

.contact-info .col:last-child {
	text-align: right;
}

.contact-info .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 40px;
	font-size: 4rem;
	margin-bottom: 50px;
}

.contact-info a {
	text-decoration: none;
	color: white;
	transition: opacity .2s ease-in-out;
	opacity: 1;
	position: relative;
}

.contact-info a:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: rgba(255, 255, 255, 0.2);
	margin-top: 2px;
}

.contact-info a:hover,
.contact-info a:active {
	opacity: 0.8;
}

.contact-info address {
	font-style: normal;
	margin-bottom: 20px;
}

.map {
	opacity: 0;
	height: 600px;
}

.map iframe {
	display: block;
	min-height: 600px;
}

.page-contact section.contact-info {
	opacity: 1;
}

.hasSidebar {
	padding-right: 250px;
	position: relative;
}

.sidebarNav {
	position: absolute;
	right: 0;
	top: 100px;
	width: 200px;
	z-index: 2;
}

.sidebarNav li {
	display: block;
	margin-bottom: 5px;
}

.sidebarNav .divider {
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ebebeb;
}

input,
textarea {
	transition: border-color 0.2s ease-in-out;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: "DepotNew-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: border-color .2s ease-out,-webkit-box-shadow .2s ease-out;
	background: #fff;
	border: 1px solid #ddd;
	color: #666;
	-webkit-appearance: none;
	width: 100%;
	padding: 10px;
}

select {
	transition: border-color 0.2s ease-in-out;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: "DepotNew-Regular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: border-color .2s ease-out,-webkit-box-shadow .2s ease-out;
	background: #fff;
	border: 1px solid #ddd;
	color: #666;
	-webkit-appearance: initial;
	width: 100%;
	padding: 10px;
}

input {
	text-overflow: ellipsis;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	-ms-appearance: checkbox !important;
	-o-appearance: checkbox !important;
	appearance: checkbox !important;
}

/*
input:focus,
textarea:focus {

	&.error {
		color: #d10000;
		border-color: #d10000;
		box-shadow: 0 0 10px #d10000;
	}
}
*/

label.error {
	font-family: 'DepotNew-Regular';
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 10px 0;
	text-transform: none;
	letter-spacing: 0;
}

.select {
	font-size: 15px;
	font-size: 1.5rem;
	background-color: white;
	padding: 11px;
	color: #2e2d30;
	border: 0;
	width: 100%;
	z-index: 2;
}

.select + .select {
	z-index: 1;
	padding-right: 45px;
	text-overflow: ellipsis;
	position: relative;
}

.select:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E009';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 5px;
	right: 20px;
}

.select.customSelectHover { /* Styles for when the select box is hovered */
}

.select.customSelectOpen { /* Styles for when the select box is open */
}

.select.customSelectFocus { /* Styles for when the select box is in focus */
}

.customSelectInner { /* You can style the inner box too */
	width: 100% !important;
}

form .field {
	margin-bottom: 15px;
	display: block;
}

form label {
	display: block;
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	margin-bottom: 5px;
}

button {
	background-color: transparent;
}

.register-interest {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 15px;
	padding-left: 315px;
	position: relative;
}

.register-interest .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 315px;
	height: 100%;
	padding: 30px 0;
	margin: 0;
	color: white;
}

.register-interest .title .vertical {
	position: relative;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	display: block;
}

.register-interest form {
	background-color: white;
	padding: 25px 30px;
}

.register-interest .field {
	margin: 0;
	position: relative;
}

.register-interest .field:last-child input {
	padding-right: 50px;
}

.register-interest .col3 {
	margin-left: -5px;
}

.register-interest .col3 .col {
	padding-left: 5px;
}

.register-interest .col3 .item {
	margin-bottom: 5px;
}

.register-interest .col3 .col {
	width: 30%;
}

.register-interest .col3 .col:first-child {
	width: 40%;
}

.register-interest .status-caption {
	padding-top: 7px;
	max-width: 350px;
}

.register-interest input,
.register-interest textarea {
	font-size: 13px;
	font-size: 1.3rem;
	color: #2e2d30;
	border-color: transparent;
	background-color: #f6f6f6;
	padding: 16px 25px;
}

.register-interest input ::-webkit-input-placeholder,
.register-interest textarea ::-webkit-input-placeholder {
	font-size: 13px;
	font-size: 1.3rem;
	color: #2e2d30;
}

.register-interest button {
	position: absolute;
	right: 0;
	top: 0;
	padding: 16px 22px;
}

.register-interest button:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E007';
	font-size: 10px;
}

.register-interest .status-message {
	padding-top: 5px;
}

.dummy-form {
	display: none !important;
}

.alert {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 12px 20px;
	margin-bottom: 10px;
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	border-radius: 4px;
	text-align: center;
}

.alert.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert.alert-nok {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.alert.alert-ok {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

button {
	border: none;
}

a.btn,
.btn {
	display: block;
	padding: 10px 15px;
	text-align: center;
	background-color: #333;
	color: #fff;
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	transition: opacity 0.2s ease-in-out;
	color: white;
	text-decoration: none;
}

a.btn:hover,
a.btn:active,
.btn:hover,
.btn:active {
	opacity: 0.8;
}

.btn.inline-block {
	display: inline-block;
}

.btn.block {
	font-size: 23px;
	font-size: 2.3rem;
	line-height: 1;
	padding: 27px 24px;
	padding-right: 65px;
	position: relative;
	max-width: 180px;
	text-align: left;
}

.btn.block:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	content: '\E003';
	color: #241f20;
	position: absolute;
	right: 30px;
	bottom: 32px;
}

.btn.grey {
	background-color: #383a35 !important;
	color: white;
}

.btn.grey,
.btn.grey:hover,
.btn.grey:focus {
	transition: color .2s ease-in-out;
}

.btn.white {
	background-color: white !important;
}

.btn.outline {
	font-size: 18px;
	font-size: 1.8rem;
	color: #333;
	border: 1px solid #f0f0f0;
	padding: 15px 30px;
}

.btn.loading {
	font-size: 26px;
	font-size: 2.6rem;
	max-width: 33.33333%;
	background-color: #c7c1bd;
	color: white;
	margin: 0 auto;
	padding: 20px;
	margin-top: 70px;
}

.btn.med {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 20px 30px;
	line-height: 1.2;
}

.btn.large {
	line-height: 1;
}

.btn.brochure:before {
	content: '\E014';
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 10px;
	font-size: 16px;
}

ul.dropDown {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 160px;
	display: block;
	padding: 0 20px;
	position: absolute;
	top: 56px;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(26, 53, 71, 0.1);
	border: 1px solid rgba(26, 53, 71, 0.12);
}

.dropDown.user {
	right: 0;
}

ul.dropDown.active {
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

.dropDown li {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.popout-enquire {
	transition: transform .2s ease-in-out;
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 99;
	width: 340px;
	height: auto;
	transform: translate(-100%, -50%);
	background-color: #373a3b;
	color: #bdbdbd;
	padding: 30px;
}

.popout-enquire.active {
	transition: transform .2s .2s ease-in-out;
	transform: translate(0, -50%);
}

.popout-enquire .intro {
	max-width: 230px;
}

.popout-enquire a {
	transition: opacity 0.2s ease-in-out;
	color: white;
	text-decoration: none;
	opacity: 1; /*
	&:hover,
	&:active {
		opacity: 0.8;
	}
*/
}

.popout-enquire .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 30px;
	font-size: 3rem;
	color: #ffffff;
	margin-bottom: 20px;
}

.popout-enquire .title:focus {
	outline: none;
}

.popout-enquire .divider {
	width: 60px;
	height: 2px;
	display: block;
	margin: 25px 0;
}

.popout-enquire textarea {
	min-height: 75px;
}

.popout-enquire button {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 18px;
	font-size: 1.8rem;
	color: white;
	padding: 15px;
	min-width: 170px;
	transition: opacity .3s ease-in-out;
	opacity: 1;
}

.popout-enquire button:hover,
.popout-enquire button:active {
	opacity: 0.8;
}

.enquire-form input,
.enquire-form textarea {
	background-color: #979797;
	border-color: transparent;
	color: #2e2d30;
}

#enquire-form .select-wrapper {
	position: relative;
}

#enquire-select {
	width: 100% !important;
	height: 100% !important;
}

.popout-enquire .enquire-button {
	font-size: 18px;
	font-size: 1.8rem;
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	display: block;
	color: white;
	position: absolute;
	right: 0;
	white-space: nowrap;
	padding: 14px 20px;
	opacity: 1;
	transform-origin: 100% 0;
	transform: rotate(-90deg);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: opacity .2s ease-in-out;
	transition: all .2s .2s ease-in-out, background-color .2s ease-in-out;
	top: 50%;
	margin-top: -95px;
}

.loading .popout-enquire .enquire-button {
	opacity: 0;
}

.popout-enquire .enquire-button:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E00B';
	font-size: 14px;
	margin-right: 10px;
}

.popout-enquire .enquire-button:after {
	content: '';
	position: absolute;
	right: 100%;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 22px 52px 0;
	border-color: transparent transparent transparent transparent;
	margin-right: -1px;
}

.popout-enquire .enquire-button:hover,
.popout-enquire .enquire-button:active {
	filter: brightness(0.95);
}

.popout-enquire.active .enquire-button {
	transition: all .2s ease-in-out;
	top: 0;
	margin-top: 0;
}

.popout-enquire .status-message {
	margin-top: 5px;
	color: white;
	padding: 10px;
	border-radius: 3px;
	text-align: center;
	width: 100%;
}

a.back-link {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 16px;
	font-size: 1.6rem;
	color: #2e2d30;
	text-decoration: none;
	position: relative;
	padding-left: 25px;
}

a.back-link:before {
	transition: left .2s ease-in-out;
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E006';
	font-size: 10px;
	margin-right: 20px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

a.back-link:hover:before,
a.back-link:active:before {
	left: -5px;
}

.filter-bar a.back-link {
	padding: 22px;
	padding-left: 25px;
	display: block;
	line-height: 1;
}

.filter-bar .col3 > .col {
	width: 20%;
}

.filter-bar .col3 > .col:first-child,
.filter-bar .col3 > .col:last-child {
	width: 40%;
}

.filter-bar .col3 > .col:last-child {
	float: right;
}

.filter-bar {
	background-color: white;
	font-size: 15px;
	font-size: 1.5rem;
}

.filter-bar a {
	text-decoration: none;
}

.filter-bar .container {
	padding-top: 0;
	padding-bottom: 0;
}

.filter-bar .col {
	text-align: center;
}

.filter-bar .col:first-child {
	text-align: left;
}

.filter-bar .col:last-child {
	text-align: right;
}

/*
.filter-bar.internal .col:last-child {
	display: none;
}
*/

.filter-bar ul {
	list-style: none;
	padding: 0px;
	margin: 0;
}

.filter-bar ul li {
	margin: 0px;
	padding: 0px;
}

.filter-bar ul li {
	padding: 0;
	margin: 0;
	display: inline-block;
}

.filter-bar ul ul {
	display: none;
}

.filter-bar ul a,
.filter-bar ul .drop-label {
	color: #2e2d30;
	padding: 21px 20px;
	display: block;
}

.filter-bar ul a {
	transition: opacity .2s ease-in-out;
	opacity: 1;
}

.filter-bar ul li:not(.has-drop):hover a,
.filter-bar ul li:not(.has-drop):active a {
	opacity: .8;
}

.filter-bar .grid-view .view,
.filter-bar .list-view .view {
	padding-left: 0;
	padding-right: 0;
	opacity: 1;
}

.filter-bar .grid-view .view:hover,
.filter-bar .grid-view .view:active,
.filter-bar .list-view .view:hover,
.filter-bar .list-view .view:active {
	opacity: .8;
}

.filter-bar .grid-view .view.active,
.filter-bar .list-view .view.active {
	background-color: transparent;
}

.filter-bar .grid-view,
.filter-bar .list-view {
	margin-left: 10px;
}

.filter-bar .grid-view .view:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	content: '\E00F';
}

.filter-bar .list-view .view:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	content: '\E010';
}

.filter-bar .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 18px;
	font-size: 1.8rem;
	color: #2e2d30;
	margin-right: 10px;
	display: none;
}

.filter-bar .has-drop {
	position: relative;
	z-index: 10;
}

.filter-bar .has-drop > a {
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
	background-color: transparent;
}

.filter-bar .has-drop.click > a:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E009';
	font-size: 5px;
	margin-left: 30px;
}

.filter-bar .has-drop.click > a.active:after {
	color: white;
}

.filter-bar .has-drop.dark:hover a,
.filter-bar .has-drop.dark:active a,
.filter-bar .has-drop.dark:focus a,
.filter-bar .has-drop.dark .drop a {
	color: #dadada;
}

.filter-bar .has-drop.hover > a:focus + .drop a {
	color: white;
}

.filter-bar .has-drop.dark:hover .drop,
.filter-bar .has-drop.dark:active .drop,
.filter-bar .has-drop.dark:focus .drop {
	z-index: 100;
}

.filter-bar .has-drop .drop {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	display: none; /*
		transition: all .2s cubic-bezier(0.6, -0.28, 0.735, 0.045);
		transform: scale(0);
*/
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
}

.filter-bar .has-drop .drop a {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 10px;
	text-align: center;
}

.filter-bar .has-drop .drop a:hover,
.filter-bar .has-drop .drop a:active {
	background-color: #3d3d3d;
}

.filter-bar .has-drop.hover:hover .drop,
.filter-bar .has-drop.hover:active .drop,
.filter-bar .has-drop.hover:focus .drop,
.filter-bar .has-drop.active .drop {
	display: block; /*
		transition: all .1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
		transform: scale(1);
*/
}

.filter-bar .has-drop.dark .drop {
	min-width: 200px;
	left: 50%;
	margin-left: -65px;
	background-color: #303030;
}

.filter-bar .has-drop.dark .drop li {
	display: block;
}

.filter-bar .has-drop.dark .drop li + li {
	border-top: 1px solid #434343;
}

.filter-bar .has-drop.dark .drop:before {
	position: absolute;
	left: 50%;
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border-color: rgba(48, 48, 48, 0);
	border-bottom-color: #303030;
	border-width: 5px;
	margin-left: -5px;
}

.filter-bar .has-drop.dark.hover:hover .drop a,
.filter-bar .has-drop.dark.hover:active .drop a,
.filter-bar .has-drop.dark.active .drop a {
	background-color: #303030;
}

.filter-bar .has-drop.light .drop {
	min-width: 130px;
	right: 0;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.filter-bar .has-drop.light .drop li {
	display: block;
}

.filter-bar .has-drop.light .drop li + li {
	border-top: 1px solid #e6e6e6;
}

.filter-bar .has-drop.light .drop:before {
	position: absolute;
	right: 24px;
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 5px;
	margin-right: -5px;
	z-index: 2;
}

.filter-bar .has-drop.light .drop:after {
	position: absolute;
	right: 24px;
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ccc;
	border-width: 6px;
	margin-right: -6px;
	z-index: 1;
}

.filter-bar .has-drop.light.hover:hover .drop a,
.filter-bar .has-drop.light.hover:active .drop a,
.filter-bar .has-drop.light.active .drop a {
	background-color: #fff;
	color: #333;
}

.page-projects { /* if using multipleSelect plugin */
}

.page-projects .filter-bar .col3 {
	position: relative;
}

.page-projects .filter-bar .col3 > .col {
	float: none;
	width: 175px;
	display: block;
	margin: 0 auto;
}

.page-projects .filter-bar .col3 > .col:first-child,
.page-projects .filter-bar .col3 > .col:last-child {
	position: absolute;
	top: 0;
	width: auto;
}

.page-projects .filter-bar .col3 > .col:first-child {
	left: 0;
}

.page-projects .filter-bar .col3 > .col:last-child {
	right: 0;
}

.page-projects .location-filter ul {
	display: block !important;
}

.fancy-title {
	font-size: 38px;
	font-size: 3.8rem;
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	max-width: 500px;
	margin: 0;
	margin-bottom: 40px;
	position: relative;
	z-index: 4;
}

.fancy-title span {
	position: relative;
	left: -25px;
	background-color: #181b1c;
	color: #fff;
	display: inline;
	padding: 20px 25px;
	line-height: 85px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	min-height: 83px;
}

.fancy-title span.end {
	display: inline;
	position: relative;
	padding: 0;
}

.fancy-title span.end:after {
	content: '';
	position: absolute;
	left: 49px;
	top: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 83px 38px 0 0;
	border-color: #181b1c transparent transparent transparent;
}

.fancy-title.garamond {
	font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
	font-weight: normal;
	font-style: none;
}

.date {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 10px;
}

.article-feature {
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 300px;
}

.article-feature a {
	text-decoration: none;
	color: #2e2d30;
	display: block;
	padding: 50px 0;
	position: relative;
}

.article-feature a .bg-zoom {
	overflow: hidden;
}

.article-feature a .bg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: transform 5s ease-in-out;
}

.article-feature a:hover .bg,
.article-feature a:active .bg {
	transform: scale(1.1, 1.1);
}

.article-feature .fancy-title {
	left: -300px;
}

.article-feature .text {
	max-width: 250px;
	position: relative;
	left: -300px;
	z-index: 3;
}

.article-feature .bg-zoom {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	filter: grayscale(46%);
}

.article-feature a .bg.lazy {
	background-size: 182px 40px !important;
}

.news-wall-leadin {
	border-top: 3px solid #f0f0f0;
	padding: 60px 0;
}

.news-wall-leadin .title {
	font-size: 30px;
	font-size: 3rem;
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 60px;
}

.news-wall-leadin .col3 {
	margin-left: -25px;
}

.news-wall-leadin .col3 .col {
	padding-left: 25px;
}

.news-wall-leadin .col3 .item {
	margin-bottom: 25px;
}

.page-internal .news-wall-leadin .col3 .item {
	margin-bottom: 40px;
}

.news-post {
	position: relative;
}

.news-post .bg-zoom {
	overflow: hidden;
}

.news-post .bg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: transform 5s ease-in-out;
}

.news-post:hover .bg,
.news-post:active .bg {
	transform: scale(1.1, 1.1);
}

.news-post a {
	display: block;
	text-decoration: none;
	opacity: 1;
	transition: opacity .3s ease-in-out;
}

.news-post a:hover,
.news-post a:active {
	opacity: 0.8;
}

.news-post .bg-zoom {
	width: 100%;
	height: 270px;
}

.news-post .bg.lazy {
	background-size: 182px 40px !important;
	background-position: center center;
	background-image: url(../img/match-loading-light.gif);
	background-color: #f1f1f1;
}

.news-post .text {
	background: url(../img/bg-dogear.png) no-repeat bottom right;
	padding: 20px 25px;
	color: white;
	font-family: 'DepotNew-Bold';
	font-weight: normal;
	font-style: normal;
	min-height: 100px;
}

.read-more {
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #f04e0d;
	opacity: 1;
	transition: opacity .3s ease-in-out;
}

.read-more:hover,
.read-more:active {
	opacity: 0.8;
}

.cat-wall .col3 {
	margin-left: -25px;
}

.cat-wall .col3 .col {
	padding-left: 25px;
}

.cat-wall .col3 .item {
	margin-bottom: 25px;
}

.cat-wall .col3 .item {
	margin-bottom: 35px;
}

.project-post .text {
	background: transparent;
	background-color: #2e2d30;
	padding: 10px 20px;
	position: relative;
	min-height: 0;
}

.project-post .text:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 60px 60px;
	border-color: transparent transparent #ffffff transparent;
}

.project-post .text .title {
	font-size: 22px;
	font-size: 2.2rem;
	font-family: Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
	font-weight: normal;
	font-style: none;
}

.project-post aside {
	font-size: 14px;
	font-size: 1.4rem;
	transition: color .2s ease-in-out;
	color: #2e2d30;
	padding: 15px 20px;
	min-height: 120px;
}

.project-post aside p {
	margin: 0;
}

.project-post aside p.type {
	margin-top: 5px;
	opacity: 0.3;
}

.project-post aside .title {
	font-size: 20px;
	font-size: 2rem;
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 10px;
	display: block;
}

.project-post p {
	margin: 0;
}

.list-view .project-post a {
	padding-left: 100px;
}

.list-view .project-post .bg-zoom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100%;
}

.list-view .project-post aside {
	padding: 15px 20px;
	min-height: 90px;
}

.list-view .project-post aside .title {
	font-size: 16px;
	font-size: 1.6rem;
}

.list-view .project-post aside .details {
	display: none;
}

.list-view .project-post .text {
	padding: 10px 20px;
	min-height: 0;
}

.list-view .project-post .text .title {
	font-size: 20px;
	font-size: 2rem;
}

.pagination ul {
	zoom: 1;
	text-align: center;
}

.pagination ul:before,
.pagination ul:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.pagination ul:after {
	clear: both;
}

.pagination ul li {
	display: inline-block;
	margin: 0 4px;
}

.pagination ul a {
	text-decoration: none;
	background-color: white;
}

.pagination ul .current {
	background-color: white;
	opacity: .5;
}

.pagination ul .current,
.pagination ul a {
	font-family: 'DepotNew-Bold';
	font-weight: normal;
	font-style: normal;
	padding: 10px 15px;
	display: inline-block;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.modal-open {
	overflow: hidden;
}

.modal {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 9999;
}

.scrim {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9998;
	background: rgba(0, 0, 0, 0.8);
	cursor: url(../img/icn-close-scrim.png), auto;
}

.scrim.working {
	background-image: url(../img/match-loading.gif);
	background-size: 182px 40px;
	background-position: center center;
	background-repeat: no-repeat;
}

.modal-open .modal-close {
	display: block;
	position: absolute;
	right: 25px;
	top: 25px;
	padding: 10px;
}

.modal-open .modal-close:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E011';
	color: white;
	font-size: 20px;
}

.news-single,
.news-modal {
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'DepotNew-Light';
	font-weight: normal;
	font-style: normal;
	line-height: 1.6;
	width: 100%;
	max-width: 880px;
	height: 1080px;
	margin-top: -540px;
	margin-left: -440px;
	overflow-y: auto;
	outline: 0 !important;
	-webkit-backface-visibility: hidden;
	padding: 0 25px;
}

.news-single {
	margin: 0 auto;
	padding: 0;
}

.news-single .container {
	padding: 0;
}

.news-single-header {
	background-color: #181b1c;
	color: white;
	padding: 30px;
}

.news-single-header .title {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 40px;
	font-size: 4rem;
	margin: 0;
	line-height: 1;
	margin-bottom: 5px;
	display: block;
}

.news-single-header .date {
	margin-bottom: 0;
	color: #b9b9b9;
}

.news-single p,
.news-modal p {
	margin-bottom: 30px;
}

.news-single .container,
.news-modal .container {
	padding-left: 20px;
	padding-right: 20px;
}

.news-single .content,
.news-modal .content {
	padding: 45px 70px;
	background-color: white;
}

.news-single .content {
	overflow-y: auto;
	max-height: none;
}

.news-single .max-width,
.news-modal .max-width {
	max-width: 600px;
}

.news-single .content a,
.news-modal .content a {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	text-decoration: none;
	opacity: 1;
	transition: opacity .2s ease-in-out;
}

.news-single .content a:hover,
.news-single .content a:active,
.news-modal .content a:hover,
.news-modal .content a:active {
	opacity: .8;
}

.news-single-header {
	padding-right: 60px;
}

.modal-open .news-modal .modal-close {
	text-decoration: none;
	right: 60px;
}

.slider-wrap {
	position: relative;
}

.slider-wrap:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 215px 200px;
}

.slider-wrap a {
	text-decoration: none;
}

.slider-wrap .prevnext {
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 2;
	width: auto;
	top: auto;
}

.slider-wrap .pager {
	position: absolute;
	left: -50px;
	bottom: -25px;
	padding: 25px;
}

.news-single-footer {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	background-color: #181b1c;
	position: relative;
	padding: 35px 70px;
	padding-right: 0;
}

.news-single-footer:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 55px 65px 0 0;
	border-color: #ffffff transparent transparent transparent;
}

.news-single-footer a {
	color: #929292;
	text-decoration: none;
}

.news-single-footer .share {
	list-style: none;
	padding: 0px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -2px;
}

.news-single-footer .share li {
	margin: 0px;
	padding: 0px;
}

.news-single-footer .share li {
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
}

.news-single-footer .share a {
	display: block;
}

.news-single-footer li.title {
	font-size: 24px;
	font-size: 2.4rem;
	color: #929292;
	padding-top: 2px;
	margin-right: 20px;
}

.news-single-footer .share a {
	color: #728084;
	padding: 11px;
}

.news-single-footer .share a:before {
	transition: color .2s ease-in-out;
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.news-single-footer .facebook a:hover:before,
.news-single-footer .facebook a:active:before {
	color: #3b5998;
}

.news-single-footer .facebook a:before {
	content: '\E00C';
	font-size: 20px;
}

.news-single-footer .twitter a:hover:before,
.news-single-footer .twitter a:active:before {
	color: #0084b4;
}

.news-single-footer .twitter a:before {
	content: '\E00D';
	font-size: 16px;
}

.news-single-footer .linkedin a:hover:before,
.news-single-footer .linkedin a:active:before {
	color: #0084b4;
}

.news-single-footer .linkedin a:before {
	content: '\E01C';
	font-size: 16px;
}

.news-prev-next {
	list-style: none;
	padding: 0px;
	margin: 0;
	padding: 0;
	text-align: right;
}

.news-prev-next li {
	margin: 0px;
	padding: 0px;
}

.news-prev-next li {
	margin: 0;
	display: inline-block;
}

.news-prev-next li a {
	display: block;
}

.article-prev,
.article-next {
	padding: 10px 20px;
}

.article-prev:before,
.article-next:after {
	transition: all 0.2s ease-in-out;
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 13px;
	margin-top: -3px;
	position: relative;
}

.article-prev:before {
	content: '\E002';
	margin-right: 15px;
	left: 0;
}

.article-next:after {
	content: '\E003';
	margin-left: 15px;
	right: 0;
}

.article-prev:hover:before,
.article-prev:active:before {
	left: 5px;
}

.article-next:hover:after,
.article-next:active:after {
	right: 5px;
}

.news-single .slider-wrap ul.slick-dots li:not(.slick-active) span {
	background-color: #181b1c !important;
}

.news-single-header {
	padding-right: 60px;
}

.modal-open .news-modal .modal-close {
	text-decoration: none;
	right: 60px;
}

/*
.panel-in {
	opacity: 0;
	visibility: hidden;
	transition: opacity 500ms ease-in-out;

	&.animate {
		opacity: 1;
		visibility: visible;
		transition: opacity 500ms ease-in-out;
	}

}
*/

/*
//.step-in .col,
.step-in-alt .col-alt {
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease-in-out, transform 200ms ease-in-out;
	
	&.animate {
		opacity: 1;
		visibility: visible;
		transition: opacity 500ms ease-in-out, transform 200ms ease-in-out;
	}
}

//.panel-in,
//.step-in .col,
.step-in-alt .col-alt  {
	
	@include breakpoint(0, $med) {
		opacity: 1;
		visibility: visible;
	}
	
}
*/

.project-mgroup .col4 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.project-mgroup .col4 .col {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.625em;
	margin-bottom: 20px;
	width: 100%;
}

.project-mgroup .col4 .col > a {
	display: block;
	text-decoration: none;
	background-color: #2e2e2e;
	color: #fff;
	text-align: center;
	height: 100%;
	background-image: inherit;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.project-mgroup .col4 .col > a > article {
	padding: 40px 30px 30px;
	height: 100%;
	transition: background 0.2s ease-in-out;
}

.project-mgroup .col4 .col > a:hover > article,
.project-mgroup .col4 .col > a:focus > article {
	background: rgba(0, 0, 0, 0.25);
}

.project-mgroup .col4 .col > a .title {
	color: #fff;
}

.project-mgroup .col4 .col > a.m-group .title,
.project-mgroup .col4 .col > a.m-finance .title,
.project-mgroup .col4 .col > a.m-construction .title,
.project-mgroup .col4 .col > a.m-property .title {
	line-height: 1em;
	margin-bottom: 10px;
}

.project-mgroup .col4 .col > a.m-group .title:before,
.project-mgroup .col4 .col > a.m-finance .title:before,
.project-mgroup .col4 .col > a.m-construction .title:before,
.project-mgroup .col4 .col > a.m-property .title:before {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	font-size: 1.2rem;
}

.project-mgroup .col4 .col > a.m-group .title:before {
	content: "";
}

.project-mgroup .col4 .col > a.m-finance .title:before {
	content: "";
}

.project-mgroup .col4 .col > a.m-construction .title:before {
	content: "";
}

.project-mgroup .col4 .col > a.m-property .title:before {
	content: "";
}

.project-mgroup .col4 .col .content {
	margin: 0;
}

.ui-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

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

.col2 > .col {
	width: 50%;
}

.col2 > .col:nth-child(2n+1) {
	clear: both;
}

.col3 > .col {
	width: 50%;
}

.col3 > .col:nth-child(2n+1) {
	clear: both;
}

.col4 > .col {
	width: 50%;
}

.col4 > .col:nth-child(2n+1) {
	clear: both;
}

.col5 > .col {
	width: 50%;
}

.col5 > .col:nth-child(2n+1) {
	clear: both;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul li {
	width: 50%;
}

}

@media only screen and (min-width: 481px) and (max-width: 1200px) {

.page-late-2016-project.page-internal .project-detail .project-mgroup .col4 .col {
	width: 50%;
}

}

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

.page-late-2016-project.page-internal .project-detail .project-download-list a.floorplan:after {
	font-size: 16px;
	font-size: 1.6rem;
}

}

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

.page-late-2016-project.page-internal .project-detail .project-download-list a.floorplan:hover .title,
.page-late-2016-project.page-internal .project-detail .project-download-list a.floorplan:hover .sub-title,
.page-late-2016-project.page-internal .project-detail .project-download-list a.floorplan:focus .title,
.page-late-2016-project.page-internal .project-detail .project-download-list a.floorplan:focus .sub-title {
	transform: translateY(-30px);
}

.page-late-2016-project.page-internal .project-detail .project-download-list a.floorplan:hover:after,
.page-late-2016-project.page-internal .project-detail .project-download-list a.floorplan:focus:after {
	transform: translateY(0);
}

.page-late-2016-project.page-internal .project-detail .project-download-list a.floorplan:after {
	content: 'Download Level Plan';
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: white;
	background-color: #333;
	padding: 12px;
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	transform: translateY(100%);
	transition: transform .2s ease-in-out;
}

.project-post .text {
	padding: 10px 30px;
}

.project-post .text:after {
	content: '';
}

.project-post aside {
	padding: 20px 30px;
}

.project-post .title {
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom: 0;
}

}

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

.page-late-2016-project.page-internal .project-detail .project-download-list ul {
	margin-left: -20px;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul li {
	padding-left: 20px;
}

.page-late-2016-project.page-internal .project-detail .project-download-list a.floorplan:after {
	font-size: 14px;
	font-size: 1.4rem;
}

.page-late-2016-project.page-internal .project-detail .project-features .col.content,
.page-late-2016-project.page-internal .project-detail .project-features .col.images {
	width: 100%;
	float: none;
}

}

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

.hero .slider .slide {
	min-height: 560px;
}

}

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

.page-late-2016-project.page-internal .filter-bar a.btn-enquiries {
	text-align: right;
	float: right;
}

}

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

.filter-bar .title {
	display: none;
}

}

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

.panel5 .col4 > .col {
	width: 100%;
}

.panel5 .col4 > .col:nth-child(1n+1) {
	clear: both;
}

}

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

.panel5 .col4 > .col {
	width: 50%;
}

.panel5 .col4 > .col:nth-child(2n+1) {
	clear: both;
}

}

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

.page-original-project.page-internal .project-detail .row {
	margin-left: -50px;
}

.page-original-project.page-internal .project-detail .content,
.page-original-project.page-internal .project-detail .sidebar {
	padding-left: 50px;
}

}

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

.site-green .filter-bar .has-drop.hover:hover a,
.site-green .filter-bar .has-drop.hover:active a,
.site-green .filter-bar ul a.active {
	background-color: #8db84c;
	color: white;
}

.site-green .filter-bar .has-drop.light.active .drop a:hover,
.site-green .filter-bar .has-drop.light.active .drop a:active,
.site-green .filter-bar .has-drop.light.active .drop a:focus,
.site-green .filter-bar .has-drop.light.active .drop a.active {
	color: #8db84c;
}

.site-orange .filter-bar .has-drop.hover:hover a,
.site-orange .filter-bar .has-drop.hover:active a,
.site-orange .filter-bar ul a.active {
	background-color: #ff7626;
	color: white;
}

.site-orange .filter-bar .has-drop.light.active .drop a:hover,
.site-orange .filter-bar .has-drop.light.active .drop a:active,
.site-orange .filter-bar .has-drop.light.active .drop a:focus,
.site-orange .filter-bar .has-drop.light.active .drop a.active {
	color: #ff7626;
}

.site-pink .filter-bar .has-drop.hover:hover a,
.site-pink .filter-bar .has-drop.hover:active a,
.site-pink .filter-bar ul a.active {
	background-color: #be5470;
	color: white;
}

.site-pink .filter-bar .has-drop.light.active .drop a:hover,
.site-pink .filter-bar .has-drop.light.active .drop a:active,
.site-pink .filter-bar .has-drop.light.active .drop a:focus,
.site-pink .filter-bar .has-drop.light.active .drop a.active {
	color: #be5470;
}

.site-purple .filter-bar .has-drop.hover:hover a,
.site-purple .filter-bar .has-drop.hover:active a,
.site-purple .filter-bar ul a.active {
	background-color: #794fe4;
	color: white;
}

.site-purple .filter-bar .has-drop.light.active .drop a:hover,
.site-purple .filter-bar .has-drop.light.active .drop a:active,
.site-purple .filter-bar .has-drop.light.active .drop a:focus,
.site-purple .filter-bar .has-drop.light.active .drop a.active {
	color: #794fe4;
}

.site-blue .filter-bar .has-drop.hover:hover a,
.site-blue .filter-bar .has-drop.hover:active a,
.site-blue .filter-bar ul a.active {
	background-color: #21b9d0;
	color: white;
}

.site-blue .filter-bar .has-drop.light.active .drop a:hover,
.site-blue .filter-bar .has-drop.light.active .drop a:active,
.site-blue .filter-bar .has-drop.light.active .drop a:focus,
.site-blue .filter-bar .has-drop.light.active .drop a.active {
	color: #21b9d0;
}

.site-brown .filter-bar .has-drop.hover:hover a,
.site-brown .filter-bar .has-drop.hover:active a,
.site-brown .filter-bar ul a.active {
	background-color: #9c7c6a;
	color: white;
}

.site-brown .filter-bar .has-drop.light.active .drop a:hover,
.site-brown .filter-bar .has-drop.light.active .drop a:active,
.site-brown .filter-bar .has-drop.light.active .drop a:focus,
.site-brown .filter-bar .has-drop.light.active .drop a.active {
	color: #9c7c6a;
}

.col2 > .col {
	width: 50%;
}

.col2 > .col:nth-child(2n+1) {
	clear: both;
}

.col3 > .col {
	width: 33.33333%;
}

.col3 > .col:nth-child(3n+1) {
	clear: both;
}

.col4 > .col {
	width: 25%;
}

.col4 > .col:nth-child(4n+1) {
	clear: both;
}

.col5 > .col {
	width: 20%;
}

.col5 > .col:nth-child(5n+1) {
	clear: both;
}

.panel5 .col4 .col {
	margin-bottom: 40px;
}

.page-original-project.page-internal .project-detail .content .btn,
.page-original-project.page-internal .project-detail .sidebar .btn {
	max-width: 180px;
}

.page-original-project.page-internal .project-detail .content {
	width: 70%;
}

.page-original-project.page-internal .project-detail .content .btn {
	max-width: 230px;
}

.page-original-project.page-internal .project-detail .sidebar {
	width: 30%;
}

.page-late-2016-project.page-internal .project-detail .container.med {
	padding-top: 100px;
	padding-bottom: 100px;
}

.page-late-2016-project.page-internal .project-detail .container.large {
	padding-top: 180px;
	padding-bottom: 180px;
}

.page-late-2016-project.page-internal .project-detail .title {
	font-size: 30px;
	font-size: 3rem;
}

.page-late-2016-project.page-internal .project-detail .project-hero .emblem {
	width: 300px;
	height: 300px;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .col2 {
	margin-left: -80px;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .col {
	padding-left: 80px;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .col:first-child {
	width: 40%;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .col:last-child {
	width: 60%;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .col .content {
	margin-bottom: 20px;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list {
	margin-top: 160px;
	text-align: center;
	border-top: 1px solid #ebeae9;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list li {
	float: left;
	width: 20%;
	padding: 30px 10px;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list li:not(.logo):before {
	left: 50%;
	top: -5px;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list li.logo {
	width: auto;
	position: absolute;
	left: 50%;
	top: 0;
	transform-style: preserve-3d;
	padding: 20px;
	transform: translate(-50%, -50%);
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.inc-logo li {
	width: 20%;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.inc-logo li:nth-child(3) {
	margin-right: 10%;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.inc-logo li:nth-child(4) {
	margin-left: 10%;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.purchase-process {
	margin-top: 120px;
	margin-bottom: 80px;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.purchase-process .icon {
	font-size: 60px;
	position: absolute;
	left: 0 !important;
	top: 0 !important;
	display: block;
	width: 100%;
	text-align: center;
	background-color: transparent;
	box-shadow: none;
	transform: translateY(-60%);
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.purchase-process .icon:before {
	background-image: url(../img/texture.jpg);
	background-repeat: repeat;
	background-position: center left;
	padding: 10px 20px;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.purchase-process li {
	float: none;
	width: auto;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 25%;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.purchase-process .icon-wrap {
	text-align: center;
	max-width: 300px;
	display: block;
	margin: 0 auto;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul li {
	width: 25%;
}

.page-late-2016-project.page-internal .project-detail .project-download-list a.floorplan {
	padding: 10px;
	min-height: 140px;
	padding-top: 50px;
}

.page-late-2016-project.page-internal .project-detail .project-location .container.med {
	padding-top: 130px;
	padding-bottom: 130px;
}

.page-late-2016-project.page-internal .project-detail .project-location .container.narrow {
	padding: 0;
	margin-bottom: 40px;
}

.page-late-2016-project.page-internal .project-detail .project-location .map-wrap #map {
	height: 600px;
}

.page-late-2016-project.page-internal .project-detail .project-about .white-box {
	padding: 80px;
}

.page-late-2016-project.page-internal .project-detail .project-about .white-box .title {
	margin-bottom: 40px;
}

.page-late-2016-project.page-internal .project-detail .project-about .white-box .title strong {
	font-size: 30px;
	font-size: 3rem;
}

.page-late-2016-project.page-internal .project-detail .project-about .white-box .logo {
	margin-bottom: 60px;
}

.btn.large {
	font-size: 24px;
	font-size: 2.4rem;
	padding: 20px 30px;
}

}

@media only screen and (max-height: 830px) and (min-width: 481px) {

.popout-enquire.active {
	transform: none;
	position: fixed;
	top: 5%;
	bottom: auto;
	right: auto;
	width: 340px;
	height: 90%;
	margin: 0;
	display: block;
	overflow-y: auto;
	z-index: 101;
}

.popout-enquire.active .enquire-button {
	display: none;
}

.scrim {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 100;
	display: none;
}

.modal-open .scrim {
	display: block;
}

}

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

.page-late-2016-project.page-internal .project-detail .project-enquire .col2 {
	margin-left: -40px;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col2 .col {
	padding-left: 40px;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col2 .col2 {
	margin-left: -20px;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col2 .col2 .col {
	padding-left: 20px;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col.sidebar {
	width: 30%;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col.main {
	width: 70%;
}

.page-late-2016-project.page-internal .project-detail .project-enquire h2.title {
	font-size: 30px;
	font-size: 3rem;
	margin-bottom: 60px;
}

.page-late-2016-project.page-internal .project-detail .project-enquire button.btn {
	font-size: 22px;
	font-size: 2.2rem;
	border-radius: 3px;
	padding: 25px;
}

}

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

.page-original-project.page-internal .project-detail .row {
	margin-left: -80px;
}

.page-original-project.page-internal .project-detail .content,
.page-original-project.page-internal .project-detail .sidebar {
	padding-left: 80px;
}

.page-original-project.page-internal .project-detail .sidebar .btn {
	max-width: 180px;
}

.page-late-2016-project.page-internal .project-detail .project-hero .overlay .container {
	padding-top: 115px;
	padding-bottom: 115px;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul {
	margin-left: -40px;
	display: -ms-flexbox;
	display: flex;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul li {
	padding-left: 40px;
	margin-bottom: 40px;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul li {
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.page-late-2016-project.page-internal .project-detail .project-features .col.images {
	position: absolute;
	left: 50%;
	bottom: -60px;
	width: 100%;
	z-index: 2;
	width: 680px;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col2 {
	margin-left: -100px;
}

.page-late-2016-project.page-internal .project-detail .project-enquire .col2 .col {
	padding-left: 100px;
}

}

@media (min-width: 1024px) {

.is-mobOpen .mob-nav-wrapper {
	opacity: 0;
	visibility: hidden;
}

}

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

.page-late-2016-project.page-internal .project-detail .project-mgroup .col4 .col {
	width: 25%;
}

}

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

.modaal-video-container {
	padding-bottom: 0;
	height: 731px;
}

}

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

.page-original-project.page-internal .project-hero {
	margin-bottom: 20px;
}

.page-original-project.page-internal .project-detail {
	top: 0;
}

}

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

.page-late-2016-project.page-internal .project-detail .gallery-slider .prev {
	left: 80px;
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .next {
	right: 80px;
}

}

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

h1 {
	font-size: 3.33333vw;
}

h2 {
	font-size: 3.16667vw;
}

h3 {
	font-size: 2.66667vw;
}

.hero-controls .title {
	font-size: 3.83333vw;
}

.hero .slider .slide {
	max-height: 1000px;
}

.panel .title {
	font-size: 4.16667vw;
}

.panel .container {
	height: auto;
	max-height: none;
}

.panel1 .container,
.panel2 .container {
	padding-bottom: 300px;
}

.panel3 .container {
	padding-top: 180px;
	padding-bottom: 35vw;
}

.panel3 .col2 > .col:first-child {
	width: 60%;
}

.panel3 .col2 > .col:last-child {
	width: 40%;
}

.page-original-project.page-internal .project-header .title {
	font-size: 3.33333vw;
}

.page-original-project.page-internal .project-slide .project-detail .container-narrow {
	padding-right: 20px;
}

.page-late-2016-project.page-internal .project-header .title {
	font-size: 3.33333vw;
}

.register-interest .col3 .col {
	width: 50%;
}

.register-interest .col3 .col:first-child {
	display: block;
	width: 100%;
}

.register-interest .status-caption {
	padding-top: 0;
	margin-bottom: 5px;
}

.register-interest .status-message {
	margin-bottom: 15px;
}

.news-single-header .title {
	font-size: 3.33333vw;
}

}

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

.modaal-image .modaal-inner-wrapper {
	padding-left: 25px;
	padding-right: 25px;
}

.modaal-gallery-control {
	top: auto;
	bottom: 20px;
	transform: none;
	background: rgba(0, 0, 0, 0.7);
}

.modaal-gallery-control:before,
.modaal-gallery-control:after {
	background: #fff;
}

.modaal-gallery-next {
	left: auto;
	right: 20px;
}

.modaal-gallery-prev {
	left: 20px;
	right: auto;
}

}

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

.footer-logo {
	margin-right: 30px;
}

}

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

.page-original-project.page-internal .cat-wall .col3 .col {
	width: 50%;
}

}

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

.site-green .register-interest form:before {
	color: #8db84c;
}

.site-orange .register-interest form:before {
	color: #ff7626;
}

.site-pink .register-interest form:before {
	color: #be5470;
}

.site-purple .register-interest form:before {
	color: #794fe4;
}

.site-blue .register-interest form:before {
	color: #21b9d0;
}

.site-brown .register-interest form:before {
	color: #9c7c6a;
}

.page-nav .container {
	max-width: 1400px;
	padding: 55px 20px 20px;
	position: relative;
}

.page-nav .container .header-telephone {
	right: 20px;
}

.header-nav li + li {
	margin-left: 10px;
}

.header-nav a {
	padding: 5px;
}

a.footer-logo {
	display: block;
	width: 100%;
}

.footer-logo {
	font-size: 18px;
	padding-top: 9px;
	padding-bottom: 9px;
	margin-right: 40px;
}

.page-footer {
	text-align: center;
}

.page-footer .container {
	padding: 20px;
}

.page-footer .top-row p {
	margin-bottom: 5px;
	line-height: 1.2;
}

.footer-logo {
	display: block;
	float: none;
	margin: 0 auto;
}

.page-footer .col2 {
	margin-left: 0px;
}

.page-footer .col2 .col {
	padding-left: 0px;
}

.page-footer .col2 .item {
	margin-bottom: 0px;
}

.page-footer .top-row.col2 > .col {
	width: 100%;
	float: none;
}

.page-footer .top-row.col2 > .col + .col {
	padding-top: 20px;
}

.footer-newsletter {
	float: none;
	margin: 0 auto;
	display: block;
}

.hero .slider .slide {
	max-height: 650px;
}

.hero-controls {
	padding: 35px;
	padding-top: 0;
	max-width: 400px;
}

.shapearea .shape {
	transform: scale(0.7);
	transform-origin: bottom right;
}

.hero-shapes .shape1,
.hero-shapes .shape2 {
	transform: scale(0.7);
}

.hero-shapes .shape1 {
	transform-origin: left bottom;
}

.hero-shapes .shape2 {
	bottom: 340px;
	transform-origin: right bottom;
}

.hero-controls .prevnext {
	padding-top: 0;
	top: -70px;
}

.hero-controls .prevnext .prev,
.hero-controls .prevnext .next {
	width: 36px;
	height: 36px;
}

.hero-controls .prevnext .prev:before,
.hero-controls .prevnext .next:before {
	font-size: 14px;
}

.page-late-2016-project.page-internal .project-detail .project-features .col.images .emblem {
	display: none;
}

.page-late-2016-project.page-internal .project-detail .project-about .col2 .col {
	width: 100%;
	margin-bottom: 20px;
}

.page-late-2016-project.page-internal .emblem-under {
	display: none;
}

.register-interest {
	padding-left: 0;
}

.register-interest .title {
	display: none;
}

.register-interest form:before {
	font-size: 26px;
	font-size: 2.6rem;
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	content: 'Register your interest';
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}

.fancy-title {
	font-size: 32px;
	font-size: 3.2rem;
	margin-bottom: 20px;
}

.fancy-title span {
	left: -20px;
	padding: 15px 20px;
	line-height: 70px;
}

.fancy-title span.end:after {
	border-width: 62px 38px 0 0;
	left: 40px;
	top: -15px;
}

.fancy-title {
	font-size: 32px;
	font-size: 3.2rem;
	margin-bottom: 20px;
}

.fancy-title span {
	left: -20px;
	padding: 15px 20px;
	line-height: 70px;
}

.fancy-title span.end:after {
	border-width: 62px 38px 0 0;
	left: 40px;
	top: -15px;
}

.article-feature {
	padding-top: 30px;
	padding-bottom: 30px;
}

.article-feature a {
	padding: 30px 0;
}

.news-wall-leadin {
	padding: 30px 0;
}

.news-wall-leadin .title {
	margin-bottom: 30px;
}

.news-post .bg-zoom {
	height: 200px;
}

.news-single-header {
	padding-right: 60px;
}

.modal-open .news-modal .modal-close {
	right: 40px;
}

.news-single,
.news-modal {
	width: 90%;
	max-width: none;
	margin-left: 0;
	left: 5%;
	padding: 0;
}

.news-single .content,
.news-modal .content {
	padding: 30px 45px;
}

.news-single-footer {
	text-align: center;
	padding: 20px;
}

.news-single-footer:before {
	content: none;
}

.news-single-footer .col2 > .col {
	width: 100%;
}

.news-single-header {
	padding-right: 60px;
}

.modal-open .news-modal .modal-close {
	right: 40px;
}

}

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

.modaal-instagram iframe {
	width: 500px !important;
}

}

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

.news-single {
	padding: 0;
}

.news-single .container,
.internal .news-single .container {
	padding: 0;
}

.news-single .content,
.news-modal .content {
	padding: 30px;
	overflow-y: visible;
	height: auto;
	max-height: none;
}

/*
	.news-single .news-single-footer {
		padding: 30px;
	}
	.news-single .news-single-footer:before {
		content: none;
	}

	.news-single .col2 > .col {
		&:first-child {
			width: 40%;
		}
		&:last-child {
			width: 60%;
		}
	}
*/

.news-single .slider-wrap .pager {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 25px;
}

.news-prev-next,
.news-single .news-single-footer .col,
.news-single .news-single-footer .col:first-child,
.news-single .news-single-footer .col:last-child {
	width: 100%;
	float: none;
	text-align: center;
}

}

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

.page-late-2016-project.page-internal .project-detail .project-enquire .col2 .col {
	width: 100%;
}

}

@media only screen and (max-height: 830px) and (max-width: 480px) {

.popout-enquire.active {
	transform: none;
	position: fixed;
	top: 5%;
	left: 5%;
	bottom: auto;
	right: auto;
	width: 90%;
	height: 90%;
	margin: 0;
	display: block;
	overflow-y: auto;
	z-index: 101;
}

.popout-enquire.active .enquire-button {
	display: none;
}

.scrim {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 100;
	display: none;
}

.modal-open .scrim {
	display: block;
}

}

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

h1 {
	font-size: 32px;
	font-size: 3.2rem;
}

h2 {
	font-size: 30px;
	font-size: 3rem;
}

h3 {
	font-size: 28px;
	font-size: 2.8rem;
}

.hero-controls .title {
	font-size: 38px;
	font-size: 3.8rem;
}

.panel .title {
	font-size: 40px;
	font-size: 4rem;
}

.page-original-project.page-internal .project-header .title {
	font-size: 30px;
	font-size: 3rem;
}

.page-late-2016-project.page-internal .project-header .title {
	font-size: 30px;
	font-size: 3rem;
}

.news-single-header .title {
	font-size: 30px;
	font-size: 3rem;
}

}

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

.site-green .filter-bar ul li.completion-filter-all a.active {
	color: #8db84c;
}

.site-orange .filter-bar ul li.completion-filter-all a.active {
	color: #ff7626;
}

.site-pink .filter-bar ul li.completion-filter-all a.active {
	color: #be5470;
}

.site-purple .filter-bar ul li.completion-filter-all a.active {
	color: #794fe4;
}

.site-blue .filter-bar ul li.completion-filter-all a.active {
	color: #21b9d0;
}

.site-brown .filter-bar ul li.completion-filter-all a.active {
	color: #9c7c6a;
}

.mob-vis-md {
	display: block;
}

.mob-hid-md {
	display: none;
}

.ms-choice {
	height: 60px;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
}

.ms-choice:after {
	right: 20px;
}

.ms-choice > span {
	left: 10px;
}

.filter-bar .ms-drop {
	z-index: 100 !important;
}

.filter-bar .ms-drop ul {
	width: 100%;
}

.ms-drop.bottom {
	width: 100%;
}

.container {
	padding-left: 25px;
	padding-right: 25px;
}

.internal {
	margin-top: 133px;
}

.internal .container {
	padding-top: 25px;
	padding-bottom: 25px;
}

.page-nav .container .header-telephone {
	display: none;
}

.page-nav .container {
	padding: 20px;
}

.page-nav {
	background: rgba(0, 0, 0, 0.3);
}

.page-nav .btn {
	transition: opacity 0.2s ease-in-out;
	opacity: 1;
	background-color: transparent;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 15px;
}

.is-mobOpen .page-nav .btn {
	opacity: 0;
}

.page-nav .col + .col .btn {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.header-shape-area.active {
	transform: translateY(-45%);
}

.footer-lower .copyright,
.footer-lower__social {
	text-align: center;
	float: none;
	clear: both;
	width: 100%;
}

.footer-lower .copyright {
	margin-bottom: 20px;
}

.hero .slider .slide {
	max-height: 350px;
}

.hero-controls {
	position: relative;
	width: 100%;
	max-width: 100%;
	padding: 40px 60px;
}

.hero-controls .title {
	margin-bottom: 20px;
}

.hero-controls .pager {
	top: 40px;
	left: 20px;
}

.heroshapesarea.active {
	z-index: 10;
	position: relative;
}

.shapearea .shape {
	transform: scale(0.4);
}

.hero-shapes .shape1,
.hero-shapes .shape2 {
	transform: scale(0.5);
}

.hero-shapes .shape1 {
	bottom: -140px;
}

.hero-shapes .shape2 {
	bottom: 180px;
}

.hero-controls {
	padding: 20px;
	padding-left: 60px;
}

.hero-controls .pager {
	top: 20px;
	left: 20px;
}

.shapearea .shape {
	transform: scale(0.3);
}

.hero-shapes .shape1 {
	transform: scale(0.3);
}

.hero-shapes .shape2 {
	transform: scale(0.5);
}

.hero-shapes .shape1 {
	bottom: -80px;
}

.hero-shapes .shape2 {
	bottom: 120px;
}

.panel4 img.mob-vis-md {
	display: block;
}

.panel,
.panel5 .col4 {
	font-size: 16px;
	font-size: 1.6rem;
}

.panel .container {
	padding: 40px 20px;
	max-height: none;
	height: auto;
	min-height: 0;
}

.offset-wrap {
	margin-top: 40px;
}

.offset-wrap img {
	float: none;
	margin: 0 auto;
	display: block;
	height: auto;
	width: 100%;
}

.offset-wrap {
	position: static;
}

.panel .col2 {
	margin-left: 0;
}

.panel .col2 > .col {
	float: none;
	width: 100%;
	padding-left: 0;
}

.panel .title {
	margin-bottom: 20px;
}

.panel1:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 2;
}

.panel3:before {
	content: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 2;
}

.panel4 {
	padding: 0;
}

.panel4 .mosaic-1,
.panel4 .mosaic-2 {
	float: left;
}

.panel4 .mosaic-4 {
	position: static;
}

.panel5 .container {
	padding-bottom: 0;
}

.panel5 .col4 > .col {
	margin-bottom: 40px;
}

.panel5 .col4 {
	zoom: 1;
	margin-left: 0px;
}

.panel5 .col4:before,
.panel5 .col4:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.panel5 .col4:after {
	clear: both;
}

.panel5 .col4 > .col {
	float: left;
}

.panel5 .col4 .col {
	padding-left: 0px;
}

.panel5 .col4 .item {
	margin-bottom: 0px;
}

.panel5 .col4 > .col {
	width: 100%;
}

.panel2,
.panel3 {
	background-image: none !important;
}

.panel3 .col2 > .col:first-child {
	width: 100%;
}

.panel3 .col2 > .col:last-child {
	display: none;
}

.panel4 .content {
	padding: 0;
}

.panel-image {
	width: 100%;
	display: block;
	height: auto;
	margin-top: 20px;
}

.page-original-project.page-internal .project-slide .project-detail .container-narrow {
	padding: 0 20px;
}

.page-original-project.page-internal .project-detail {
	font-size: 16px;
	font-size: 1.6rem;
}

.page-original-project.page-internal .internal .filter-bar .container {
	padding-top: 0;
	padding-bottom: 0;
}

.page-original-project.page-internal .project-header {
	margin-bottom: 20px;
}

.page-original-project.page-internal .project-header .col2 > .col {
	float: none;
	width: 100%;
	text-align: left;
}

.page-original-project.page-internal .project-header .col2 > .col + .col {
	margin-top: 20px;
}

.page-original-project.page-internal .project-detail .content {
	padding-right: 0;
}

.page-original-project.page-internal .project-detail .content .btn.block {
	position: relative;
	float: none;
	max-width: 300px;
	margin-top: 20px;
}

.page-original-project.page-internal .project-slide .fancy-title {
	position: static;
	font-size: 22px;
	font-size: 2.2rem;
}

.page-original-project.page-internal .project-slide .fancy-title span.end:after {
	border-width: 55px 38px 0 0;
}

.page-late-2016-project.page-internal .filter-bar a {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1;
}

.page-late-2016-project.page-internal .project-detail .project-sticky-bar {
	display: none;
}

.page-late-2016-project.page-internal .project-detail .project-hero .overlay {
	font-size: 16px;
	font-size: 1.6rem;
}

.page-late-2016-project.page-internal .project-detail .project-hero .overlay .logo {
	max-width: 20vw;
}

.page-late-2016-project.page-internal .project-detail .project-hero .overlay .logo,
.page-late-2016-project.page-internal .project-detail .project-hero .overlay p {
	margin-bottom: 20px;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .col {
	width: 100%;
	float: none;
}

.page-late-2016-project.page-internal .project-detail .project-brochure .col:first-child {
	margin-bottom: 40px;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list {
	border-left: 1px solid #ebeae9;
	margin-top: 40px;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list li:not(.logo) {
	margin-bottom: 20px;
	padding-left: 40px;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list li:not(.logo):before {
	left: 0;
	top: 0;
	box-shadow: 0 0 0 5px #fcfbfa;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list li.logo {
	padding-top: 40px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-left: -1px;
	display: block;
	position: relative;
	z-index: 3;
	text-align: center;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.inc-logo {
	margin-top: 0;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.purchase-process {
	text-align: left;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.purchase-process li {
	padding-top: 20px;
}

.page-late-2016-project.page-internal .project-detail .horizontal-list.purchase-process .icon {
	font-size: 40px;
	width: 60px;
	display: inline-block;
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .prev:after,
.page-late-2016-project.page-internal .project-detail .gallery-slider .next:after {
	font-size: 28px;
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .prev {
	left: 30px;
}

.page-late-2016-project.page-internal .project-detail .gallery-slider .next {
	right: 30px;
}

.page-late-2016-project.page-internal .project-detail .gallery-pager {
	display: none;
}

.page-late-2016-project.page-internal .project-detail .project-floorplans .emblem {
	display: none;
}

.page-late-2016-project.page-internal .project-detail .project-location .map-wrap #map {
	height: 300px;
}

.page-late-2016-project.page-internal .project-detail .project-location .map-wrap {
	padding-top: 50px;
}

.page-late-2016-project.page-internal .project-detail .project-location .map-wrap .btn.grey {
	left: 0;
	top: 0;
	padding: 0;
	line-height: 50px;
	transform: none;
	display: block;
	width: 100%;
}

.page-late-2016-project.page-internal .project-detail .project-location .map-wrap iframe {
	height: calc(100% - 50px);
	top: 50px;
}

.page-late-2016-project.page-internal .project-detail .project-about .white-box {
	padding: 40px;
}

.contact-info .title {
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 25px;
}

.contact-info .container {
	padding: 50px 25px;
	max-height: none;
	min-height: 0;
	height: auto;
}

.contact-info {
	font-size: 16px;
	font-size: 1.6rem;
}

.contact-info:before {
	margin-left: -250px;
}

.contact-info:after {
	margin-left: 150px;
}

.hasSidebar {
	padding-right: 0;
	padding-top: 80px;
}

.sidebarNav {
	top: 20px;
	right: auto;
	left: 0;
	width: 100%;
	border: 1px solid #ebebeb;
	background-color: #fff;
}

.sidebarNav ul {
	padding-top: 41px;
}

.sidebarNav li {
	display: none;
	margin: 0;
}

.sidebarNav:hover li {
	display: block;
}

.sidebarNav li.active {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.sidebarNav a {
	display: block;
	padding: 10px 20px;
}

.sidebarNav .title {
	padding: 10px 20px;
}

.register-interest .col3 .col {
	float: left;
	width: 50%;
	clear: none;
}

.btn.block,
.project-detail .content .btn.block {
	font-size: 20px;
	font-size: 2rem;
	padding: 20px 17px;
	padding-right: 30px;
}

.btn.block:after {
	top: 50%;
	margin-top: -7px;
	right: 17px;
}

.btn.loading {
	max-width: 300px;
	margin-top: 45px;
}

.btn.med {
	display: block;
}

.popout-enquire.active {
	transform: none;
	position: fixed;
	top: 5%;
	left: 5%;
	bottom: auto;
	right: auto;
	width: 90%;
	height: 90%;
	margin: 0;
	display: block;
	overflow-y: auto;
	z-index: 101;
}

.popout-enquire.active .enquire-button {
	display: none;
}

.modal-close {
	display: block;
	position: absolute;
	right: 25px;
	top: 25px;
	padding: 10px;
}

.modal-close:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E011';
	color: white;
	font-size: 20px;
}

.scrim {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	cursor: pointer;
	z-index: 100;
	display: none;
}

.modal-open .scrim {
	display: block;
}

.page-projects { /*

		.filter-bar .col3 > .col:first-child,
		.filter-bar .col3 > .col:last-child {
			width: 275px;
		}
*/ /* Mobile only please */
}

.page-projects .filter-bar .col3 > .col {
	text-align: left;
	width: 100%;
	display: block;
	float: none;
}

.page-projects .filter-bar .col3 .title { /*
			display: block;
			text-align: left;
			padding-left: 20px;
			padding-top: 21px;
			border-bottom: 1px solid #f1f1f1;
			padding-bottom: 10px;
			margin-right: 0;
*/
	min-width: 90px;
}

.page-projects .internal .filter-bar .container {
	padding: 0;
}

.page-projects .filter-bar .col3 > .col {
	position: static;
	width: 50%;
	float: left;
	display: block;
}

.page-projects .filter-bar .col3 > .col:first-child {
	position: static;
	width: 100%;
}

.page-projects .filter-bar .col3 > .col {
	position: static;
	width: 100%;
	float: left;
	display: block;
}

.page-projects .filter-bar .col3 > .col:nth-child(2n+1) {
	clear: none;
}

.page-projects .filter-bar .col3 > .col:first-child {
	position: static;
	width: 100%;
}

.page-projects .filter-bar .col3 > .col:last-child {
	position: static;
	width: 100%;
}

.page-projects .filter-bar .col2 > .col {
	width: 100%;
	text-align: left;
}

.page-projects .filter-bar .col2 > .col + .col {
	border-top: 1px solid #f1f1f1;
}

.page-projects .completion-filters.active {
	display: block;
}

.page-projects .completion-filters.active ul.drop {
	display: block;
}

.filter-toggle {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	color: #333;
	padding: 21px 10px;
	border-bottom: 1px solid #ebebeb;
}

.page-projects .filter-bar .col3 {
	display: none;
}

.filter-bar .col:last-child {
	text-align: left;
}

.filter-bar ul a,
.filter-bar ul .drop-label {
	padding-right: 40px;
}

.filter-label,
section p.filter-label:not(:last-child) {
	padding: 21px 20px;
	padding-right: 40px;
	display: block;
	margin: 0;
	cursor: pointer;
	transition: color .2s ease-in-out;
}

.filter-label:hover,
.filter-label:active,
section p.filter-label:not(:last-child):hover,
section p.filter-label:not(:last-child):active {
	color: #dadada;
}

.filter-label:after,
section p.filter-label:not(:last-child):after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\E009';
	font-size: 5px;
	right: 20px;
}

.filter-label + ul {
	display: none;
}

.filter-bar ul li {
	display: block;
	width: 100%;
}

.page-projects .filter-bar ul a,
.page-projects .filter-bar ul .drop-label,
.filter-label {
	border-bottom: 1px solid #ebebeb;
	position: relative;
}

.page-projects .filter-bar ul a:after,
.page-projects .filter-bar ul .drop-label:after,
.filter-label:after {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -2px;
}

.filter-label.active:after,
section p.filter-label.active:not(:last-child):after,
.filter-bar .has-drop.click.active > a:after {
	content: '\E008';
}

.filter-bar .has-drop.dark .drop {
	min-width: 0;
	left: 0;
	margin-left: 0;
	position: relative;
	top: 0;
	left: 0;
}

.filter-bar .has-drop.dark .drop a {
	border-bottom: 0;
}

.filter-bar ul li.grid-view,
.filter-bar ul li.list-view {
	width: 50%;
	float: left;
	margin-left: 0;
	text-align: center;
}

.page-projects .filter-bar .col3 > .col:first-child ul {
	background-color: #fafafa;
}

.page-projects .filter-bar .col3 > .col:first-child ul a {
	padding: 10px;
}

.page-projects .filter-bar .col3 > .col:first-child ul .drop {
	background-color: #303030;
}

.filter-bar ul li.completion-filter-all a {
	font-family: 'AlternateGothicNo2BT-Regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 16px;
	font-size: 1.6rem;
	color: #dadada;
	background-color: #303030;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	padding: 10px;
}

.filter-bar ul li.completion-filter-all a:before {
	position: absolute;
	left: 50%;
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border-color: rgba(48, 48, 48, 0);
	border-bottom-color: #303030;
	border-width: 5px;
	margin-left: -5px;
}

.article-feature .fancy-title {
	left: 0;
}

.news-wall-leadin .title {
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 20px;
}

.news-wall-leadin {
	padding: 20px 0;
}

.article-feature {
	padding: 20px 0;
}

.article-feature a {
	padding-top: 360px;
	padding-bottom: 0;
}

.article-feature .bg-zoom {
	height: 400px;
}

.article-feature .title,
.article-feature .text {
	left: 0;
	max-width: 500px;
}

.news-wall-leadin .col3 .col:last-child {
	display: none;
}

.news-wall-leadin .col3 .col:last-child .item {
	margin-bottom: 0;
}

.cat-wall .col3 .item {
	margin-bottom: 25px;
}

.news-single-header {
	padding-right: 60px;
}

.modal-open .news-modal .modal-close {
	right: 10px;
}

.news-single .content,
.news-modal .content {
	padding: 20px 30px;
}

.news-single-header {
	padding: 20px 30px;
}

.news-single .container,
.news-modal .container {
	padding: 0;
}

.news-single-header {
	padding-right: 60px;
}

.modal-open .news-modal .modal-close {
	right: 10px;
}

}

@media (max-width: 768px) {

.mob-menu {
	display: block;
}

.mob-nav-wrapper {
	zoom: 1;
	zoom: 1;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	transform: translateY(-20px);
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
	text-align: center;
	z-index: 5;
	right: 0;
	margin-top: 0;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 81px;
	background-color: #1e1e21;
}

.mob-nav-wrapper:before,
.mob-nav-wrapper:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.mob-nav-wrapper:after {
	clear: both;
}

.is-mobOpen .mob-nav-wrapper {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.mob-nav-wrapper .search {
	padding: 20px 40px;
	padding-top: 0;
}

.mob-nav-wrapper fieldset {
	border: none;
	position: relative;
	padding: 0;
	margin: 0;
}

.mob-nav-wrapper legend,
.mob-nav-wrapper label {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.mob-nav-wrapper input {
	color: #bdbdbd;
	background: none;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #363636;
	width: 100%;
}

.mob-nav-wrapper button {
	-webkit-appearance: none;
	position: absolute;
	right: 10px;
	top: 50%;
	padding: 0;
	transform: translateY(-50%);
	color: #fff;
	background: none;
}

.mob-nav-wrapper button:after {
	font-family: "Icons";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	content: "\E00A";
}

.mob-nav-wrapper .mob-nav {
	display: block;
	position: relative;
}

.mob-nav-wrapper .mob-nav nav {
	display: block;
}

.mob-nav-wrapper .mob-nav ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
	visibility: inherit;
	display: block;
}

.mob-nav-wrapper .mob-nav li {
	visibility: inherit;
	width: 100%;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-5px);
	transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
}

.mob-nav-wrapper .mob-nav li:first-child {
	display: block;
}

.mob-nav-wrapper .mob-nav .step-in {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.mob-nav-wrapper .mob-nav li a {
	padding: 12px;
	width: 100%;
	display: block;
	color: #fff;
}

}

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

.panel5 .col4 > .col {
	float: none;
}

}

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

.modaal-instagram iframe {
	width: 280px !important;
}

}

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

.hero .slider .slide {
	min-height: 350px;
}

}

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

h1 {
	font-size: 24px;
	font-size: 2.4rem;
}

h2 {
	font-size: 22px;
	font-size: 2.2rem;
}

h3 {
	font-size: 18px;
	font-size: 1.8rem;
}

.hero-controls .title {
	font-size: 22px;
	font-size: 2.2rem;
}

.panel .title {
	font-size: 30px;
	font-size: 3rem;
}

.page-original-project.page-internal .project-header .title {
	font-size: 22px;
	font-size: 2.2rem;
}

.page-late-2016-project.page-internal .project-header .title {
	font-size: 22px;
	font-size: 2.2rem;
}

.project-header .fancy-title span.end:after {
	border-width: 52px 38px 0 0 !important;
}

.news-single-header .title {
	font-size: 22px;
	font-size: 2.2rem;
}

}

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

.mob-vis-sm {
	display: block;
}

.mob-hid-sm {
	display: none;
}

.internal {
	margin-top: 124px;
}

.col2 > .col {
	float: none;
}

.col3 > .col {
	float: none;
}

.col4 > .col {
	float: none;
}

.col5 > .col {
	float: none;
}

.header-logo {
	font-size: 18px;
}

.page-nav .col {
	width: 50%;
	float: left;
	clear: none;
}

.header-shape-area.active {
	transform: translateY(-50%);
}

.page-footer .bottom-row.col2 > .col {
	width: 100%;
	float: none;
	text-align: center;
}

.footer-social {
	text-align: center;
}

.footer-credits {
	padding: 10px 0;
}

.footer-credits li {
	display: inline-block;
	float: none;
}

.footer-newsletter {
	background-color: transparent;
}

.footer-newsletter .title {
	background-color: transparent;
	color: #bdbdbd;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	padding: 15px;
	position: static;
	width: 100%;
}

.footer-newsletter .field {
	position: relative;
	width: 100%;
}

.footer-newsletter input {
	width: 100%;
	position: static;
	float: none;
}

.page-footer .bottom-row {
	padding-top: 0;
}

ul.footer-credits {
	padding: 35px 0 20px;
}

.footer-newsletter .status-message,
.page-footer .top-row p {
	position: static;
	margin: 10px 0;
}

.panel .container {
	padding: 20px;
}

.panel3 .col2 > .col:first-child,
.panel3 .col2 > .col:last-child {
	width: 100%;
}

.page-original-project.page-internal .project-slide .project-detail .container-narrow {
	padding: 0;
}

.page-original-project.page-internal .cat-wall .col3 .col {
	width: 100%;
}

.page-original-project.page-internal .project-slide .fancy-title {
	position: static;
	font-size: 18px;
	font-size: 1.8rem;
}

.page-original-project.page-internal .project-slide .fancy-title > span {
	left: 0;
}

.page-original-project.page-internal .project-slide .fancy-title span.end:after {
	border-width: 50px 38px 0 0;
}

.page-original-project.page-internal .enquire-mail-wrap .enquire-button {
	max-width: none;
}

.page-late-2016-project.page-internal .project-detail h2.title {
	font-size: 26px;
	font-size: 2.6rem;
}

.page-late-2016-project.page-internal .project-detail .project-download-list ul li {
	width: 100%;
}

.map {
	height: 350px;
}

.contact-info .container {
	padding: 20px;
}

.contact-info .col + .col {
	margin-top: 40px;
}

.contact-info .col:last-child {
	text-align: left;
}

.contact-info:before {
	content: none;
}

.contact-info:after {
	margin-left: 0;
	left: 0;
	bottom: 0;
	top: auto;
	width: 100%;
	height: 55%;
}

.map iframe {
	height: 100vw;
	min-height: 0;
}

.register-interest .col3 {
	margin-left: 0px;
}

.register-interest .col3 .col {
	padding-left: 0px;
}

.register-interest .col3 .item {
	margin-bottom: 0px;
}

.register-interest .col3 .col {
	width: 100%;
	clear: both;
	float: none;
}

.register-interest .col3 .col + .col {
	margin-top: 5px;
}

.alert {
	font-size: 12px;
	font-size: 1.2rem;
}

.btn.block,
.project-detail .content .btn.block {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 15px 12px;
	max-width: none;
	width: 100%;
}

.btn.loading {
	max-width: none;
}

.page-projects .filter-bar .col3 > .col,
.page-projects .filter-bar .col3 > .col:first-child,
.page-projects .filter-bar .col3 > .col:last-child {
	width: 100%;
}

.article-feature a {
	padding-top: 210px;
	padding-bottom: 0;
}

.article-feature .title {
	font-size: 22px;
	font-size: 2.2rem;
}

.article-feature .title span {
	line-height: 58px;
}

.article-feature .title span.end:after {
	border-width: 52px 28px 0 0;
}

.article-feature .bg-zoom {
	height: 200px;
}

.news-post .bg-zoom {
	height: 150px;
}

.news-single-header {
	padding: 20px;
}

.news-single .content {
	padding: 20px;
	font-family: 'DepotNew-Regular';
	font-weight: normal;
	font-style: normal;
}

.slider-wrap:after {
	border-width: 0 0 100px 180px;
}

.prevnext .prev,
.prevnext .next {
	width: 30px;
	height: 30px;
}

.prevnext .prev:before,
.prevnext .next:before {
	font-size: 14px;
}

}

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

.modaal-instagram iframe {
	width: 700px !important;
}

}

@media only screen and (max-height: 1080px) {

.news-single,
.news-modal {
	height: 90%;
	margin-top: 0;
	top: 5%;
}

}

@media screen and (max-height: 1000px) {

.modaal-inner-wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
}

.modaal-instagram iframe {
	width: 600px !important;
}

}

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

.page-late-2016-project.page-internal .project-detail .project-hero .hero-img {
	min-height: 0;
	height: calc(100vh - 180px);
}

}

@media screen and (max-height: 900px) {

.modaal-instagram iframe {
	width: 500px !important;
}

.modaal-video-container {
	max-width: 900px;
	max-height: 510px;
}

}

@media only screen and (max-height: 820px) {

.modaal-gallery-label {
	display: none;
}

}

@keyframes instaReveal {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes modaal-loading-spinner {

0% {
	opacity: 1;
	transform: scale(1.5);
}

100% {
	opacity: .1;
	transform: scale(1);
}

}