/* //////////////////////////////////////////////////////////// */
/* // Type , vars, main */
/* //////////////////////////////////////////////////////////// */
:root {
	--white              : #FFF;
	--black              : #000;
	--primary            : #BB9069;
	--primary-lighter    : #F7F0E2;
	--primary-darker     : #A77750;
	--secondary          : #80A0B5;
	--secondary-lighter  : #CFB196;
	--secondary-darker   : #F1E5CB;
	--tertiary           : #99C5C1;
	--tertiary-lighter   : #F7956D;
	--tertiary-darker    : #E6F1F6;
	--preloader-bg       : #F7F0E2;
	--preloader-circle   : rgba(187, 144, 105, 0.54);
	--form-error         : #690207;
	--input-label        : #000;
	--input-color        : #000;
	--input-placeholder  : #000;
	--input-bg           : #F7F0E2;
	--input-borders      : #000;
	--header-size-large  : 0px;
	--header-size-medium : 0px;
	--header-size-small  : 0px;
	--swiper-theme-color : #FFF;
	--swiper-bullet      : #FFF;
	--swiper-bullet-off  : #000;
	--swiper-bullet-on   : #FFF;
	--nav-large          : 0px;
	--nav-small          : 0px;
	--alt-font           : Times;
	--popup-bg           : #000;
	--popup-colour       : #FFF;
	--padding-x          : 50px;
	--padding-y          : 50px;
}

html,
body {
	widows    : 3;
	text-wrap : balance; /* fallback */
	text-wrap : pretty; /* best if supported */
}

html, body {
	scroll-behavior : auto !important;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-weight : 500;
}

h1, .h1 {
	font-size      : var(--step-2);
	line-height    : 1.2em;
	margin-bottom  : 1.5rem;
	font-family    : 'TTLivretDisplayTrl-Rg';
	font-weight    : normal;
	font-style     : normal;
	letter-spacing : -0.5;
}

h2, .h2 {
	font-size     : var(--step-4);
	line-height   : 1.1em;
	margin-bottom : 1.3rem;
	font-family   : 'TTLivretDisplayTrl-Rg';
	font-weight   : normal;
	font-style    : normal;
}

h3, .h3 {
	font-size     : var(--step-5);
	line-height   : 1.1em;
	margin-bottom : 1.3rem;
	font-family   : 'TTLivretDisplayTrl-Rg';
	font-weight   : normal;
	font-style    : normal;
}

h4, .h4 {
	font-size     : var(--step-6);
	margin-bottom : 1rem;
}

.sub-title {
	font-size   : var(--step-5);
	font-family : 'TTLivretSubheadTrl-LtIt';
	font-weight : normal;
	font-style  : normal;
	line-height : 1.4em !important;
}

.sub-heading {
	font-size   : 18px;
	font-family : 'TTLivretSubheadTrl-LtIt';
	font-weight : normal;
	font-style  : normal;
	line-height : 1.2em;
}

h1.header {
	font-family    : 'TTLivretSubheadTrl-LtIt';
	font-weight    : normal;
	/*font-style: normal;*/
	letter-spacing : 0px;
	font-weight    : 100;
}

h1.header.shadowed {
	text-shadow : 0px 0px 30px #00000054;
}

.display {
	font-family : 'TTLivretDisplayTrl-Rg';
	font-weight : normal;
	/*font-style: normal;*/
	font-size   : 105% !important;
}

/* //////////////////////////////////////////////////////////// */
/* // Header and Main Navigation */
/* //////////////////////////////////////////////////////////// */
nav {
	width     : 100%;
	max-width : 100vw;
	padding   : 0 var(--padding-x);
}

/*body:not(.scrolled) nav {
	opacity    : 0;
	visibility : hidden;
}

body.scrolled nav {
	opacity    : 1;
	visibility : visible;
}*/
nav {
	background : transparent;
	box-shadow : none;
	/*box-shadow : 0px 0px 15px rgba(0, 0, 0, 0.2);*/
}

.nav-buttons {
	position      : relative;
	/*z-index       : 4;*/
	border-bottom : 1px solid rgba(255, 255, 255, 0.5);
	padding-left  : 10px;
	padding-right : 10px;
}

.colour-red-darker {
	color : #9C344A;
}

nav ul ul {
	margin  : 5px 0 15px;
	opacity : 0.75;
}

body.nav-open .nav-close,
body .nav-menu {
	display : block;
}

body:not(.nav-open) .nav-close,
body.nav-open .nav-menu {
	display : none;
}

.nav-draw {
	position   : fixed;
	max-width  : 75vw;
	width      : 100%;
	height     : 100vh;
	top        : 0;
	right      : 100vw;
	background : var(--primary);
	transition : all 0.5s ease-in-out;
	z-index    : 5;
	overflow   : hidden;
	opacity    : 0;
	box-shadow : 0px 0px 30px #0000004d;
}

.op-fix {
	transition : all 0.5s ease-in-out;
}

body.nav-open .nav-draw {
	right   : 25vw;
	opacity : 1;
}

.toggle-menu {
	min-width : 76px;
	display   : inline-block;
	position  : relative;
	z-index   : 11;
}

.nav-tile {
	position  : absolute;
	bottom    : -23px;
	height    : auto;
	width     : 17%;
	min-width : 80px;
	right     : 20%;
	filter    : invert(54%) sepia(18%) saturate(1072%) hue-rotate(345deg) brightness(89%) contrast(87%);
}

nav ul * {
	transition : all 0.15s ease-in-out;
}

nav ul.h1 {
	line-height : 1.1;
}

nav ul li:hover > a,
nav ul li a.active {
	color : #d9bfa6;
}

body[folder='masterplan'] .nav-buttons,
body[folder='masterplan-stage'] .nav-buttons,
body[folder='news'] .nav-buttons {
	color         : var(--primary);
	border-bottom : 1px solid rgb(187 144 104 / 50%)
}

body[folder='masterplan'] .nav-buttons img,
body[folder='masterplan-stage'] .nav-buttons img,
body[folder='news'] .nav-buttons img {
	content : url("/resources/images/logo-theworks-c.svg");
	/*filter: invert(47%) sepia(41%) saturate(483%) hue-rotate(345deg) brightness(96%) contrast(87%);*/
}

body[folder='masterplan'] .grad-undernav,
body[folder='masterplan-stage'] .grad-undernav,
body[folder='news'] .grad-undernav {
	display : none;
}

.tbs-block-forced,
.swiper-wrapper .tbs-block {
	top        : 10px !important;
	right      : 17px !important;
	width      : 50px !important;
	position   : absolute;
	z-index    : 8;
	margin     : 0 !important;
	text-align : center;
}

/* //////////////////////////////////////////////////////////// */
/* // Content */
/* //////////////////////////////////////////////////////////// */
body,
.freight,
.generic {
	font-size   : var(--step-7);
	line-height : 1.5em;
	font-family : "freight-sans-pro", sans-serif;
	font-weight : 400;
	font-style  : normal;
}

.generic p {
	line-height : 1.3em;
}

.tile {
	margin-left  : auto;
	margin-right : auto;
	width        : 120px;
}

.tile-1 {
	position : absolute;
	left     : 59%;
	bottom   : 5%;
}

.tile-2 {
	position : absolute;
	left     : 44%;
	bottom   : 17%;
}

.tile-3 {
	position : absolute;
	left     : 72%;
	bottom   : 88%;
	z-index  : 1;
}

.tile-4 {
	position : absolute;
	left     : 72%;
	bottom   : 88%;
	z-index  : 1;
}

.tile-5 {
	position : absolute;
	left     : 94%;
	bottom   : 50%;
	z-index  : 1;
}

.tile-6 {
	position : absolute;
	left     : 33%;
	top      : -45px;
	z-index  : 3;
	height   : 90px;
}

.tile-7 {
	position : absolute;
	left     : -8%;
	top      : 3%;
	z-index  : 1;
}

.tile-8 {
	position : absolute;
	left     : -8%;
	top      : 3%;
	z-index  : 1;
}

.tile-9 {
	position : absolute;
	right    : 3rem;
	bottom   : 3rem;
}

body, html, #wrapper {
	background-color : #fff;
}

/* //////////////////////////////////////////////////////////// */
/* // Footer */
/* //////////////////////////////////////////////////////////// */
.nav-social {
	transition : all 0.25s ease-in-out;
	width      : 32px;
}

.nav-social:hover {
	filter : invert();
}

.footer-bottom {
	padding-left  : 10px;
	padding-right : 10px;
}

.footer-middle {
	border-top    : 1px solid rgba(255, 255, 255, 0.5);
	border-bottom : 1px solid rgba(255, 255, 255, 0.5);
	display       : block;
	text-align    : center;
}

.footer-middle-beta {
	border-top : 1px solid rgba(255, 255, 255, 0.5);
	display    : block;
	text-align : center;
}

form .sub-title {
	font-size : 18px;
}

/* //////////////////////////////////////////////////////////// */
/* // Buttons */
/* //////////////////////////////////////////////////////////// */
.button {
	transition : all .25s ease-in-out;
	font-size  : 14px;
	padding    : 7px 25px;
	border     : 1px solid var(--primary);
	color      : var(--primary);
}

.button.inverse {
	color            : #fff;
	border           : 1px solid var(--primary);
	background-color : var(--primary);
}

.button.inverse:hover {
	background-color : #fff;
	border           : 1px solid var(--primary);
	color            : var(--primary);
}

.button-small {
	display   : inline-block;
	padding   : 3px 15px;
	min-width : 160px;
}

.button:hover {
	background-color : var(--primary);
	color            : #fff;
}

.button-white {
	border : 1px solid #fff;
	color  : #fff;
}

.button-white:hover {
	background-color : #fff;
	color            : #5FC090;
}

.bg-green {
	background-color : #5FC090;
}

nav .button-small {
	display   : inline-block;
	padding   : 3px 15px;
	right     : 106px;
	position  : absolute;
	top       : 16px;
	min-width : auto;
	font-size : inherit;
}

body[folder="news"] .button-small {
	min-width : auto;
}

/* //////////////////////////////////////////////////////////// */
/* // Forms */
/* //////////////////////////////////////////////////////////// */
.form-box input:not([type=checkbox]):not([type=radio]), .form-box select, .form-box textarea {
	text-align : center;
}

.suggestions div {
	text-align : center;
}

.form-box > label, .fl-label {
	display : none !important;
}

.fl-form input.fl-input, .fl-form select.fl-select, .fl-form textarea.fl-textarea {
	margin-bottom : 10px;
}

.fl-wrap .error-message {
	max-width  : 100%;
	text-align : center;
}

/* //////////////////////////////////////////////////////////// */
/* // Custom */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
.team-logos {
	height    : 54px;
	width     : auto;
	max-width : 180px;
	margin    : 25px 0;
}

.swiper-pagination-bullet {
	width         : 26px;
	height        : 26px;
	display       : inline-block;
	border-radius : 0;
	background    : none;
	position      : relative;
}

.swiper-pagination-bullet::after {
	content       : "";
	width         : 100%;
	height        : 2px;
	background    : #fff;
	margin-top    : auto;
	top           : 0;
	bottom        : 0;
	position      : absolute;
	margin-bottom : auto;
	left          : 0;
}

.swiper-pagination-bullet-active {
	opacity : 1 !important;
}

.swipe-holder {
	max-width : calc(100% - var(--padding-x));
}

.swiper-arrows {
	position    : absolute;
	bottom      : 30px;
	right       : 0px;
	width       : auto;
	text-align  : right;
	z-index     : 20;
	line-height : 0;
}

.arrow-down {
	position : absolute;
	bottom   : 25px;
	left     : 10px;
	width    : 25px;
	height   : auto;
	z-index  : 20;
}

.swiper-arrows img {
	position : relative;
	display  : inline-block;
	/* padding: 10px; */
	height   : 18px;
	width    : auto;
	margin   : 0 11px;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom      : 20px;
	line-height : 0;
}

.downsizer-nav {
	text-align    : center;
	color         : var(--primary-darker);
	max-width     : calc(100% - 100px);
	margin        : 0 auto;
	left          : 0;
	right         : 0;
	top           : 63px;
	bottom        : auto;
	padding-right : 0px;
	background    : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%);
	z-index       : 90;
}

.downsizer-nav ul {
	list-style : none;
	padding    : 1.5rem;
	margin     : 0;
}

.downsizer-nav ul li {
	padding     : 0;
	margin      : 0;
	display     : inline-block;
	line-height : 1;
	border-left : 1px solid var(--primary-darker);
}

.downsizer-nav ul li:first-of-type {
	border-left : 0px solid var(--primary-darker);
}

.downsizer-nav ul li a {
	padding : 0 8px 0 10px;
	margin  : 0;
}

.downsizer-nav ul li:hover a {
	color : #000;
}

.downsizer-nav ul li.active a {
	text-decoration : underline;
}

.bottom-bit {
	background    : rgba(187, 144, 105, 0.71);
	padding       : 15px 0;
	font-size     : 1.7em;
	font-family   : 'TTLivretDisplayTrl-Rg';
	font-weight   : normal;
	font-style    : normal;
	margin-bottom : 8px;
}

.bottom-bit-holder {
	display : none;
}

.bottom-bit.bottom-bit-a {
	font-size : 1.6em;
	padding   : 15px 15px;
}

.bottom-bit.bottom-bit-b {
	background-color : rgba(95, 192, 144, 0.8);
	font-size        : 1.6em;
}

.bottom-bit.bottom-bit-b a {
	border-bottom : 1px solid #fff;
}

body[folder="home-stage"] .bottom-bit-holder,
body[folder="apartments"] .bottom-bit-holder,
body[folder="home"] .bottom-bit-holder {
	display : block;
}

/*section:first-of-type .artist-impression,*/
section:first-of-type .swiper-pagination,
section:first-of-type .swiper-arrows {
	margin-bottom : 63px;
}

.bottom-line {
	height     : 8px;
	border-top : 1px solid #fff;
}

.grad {
	transition : all 1s ease-in-out;
	position   : absolute;
	z-index    : 20;
	top        : 0;
	left       : 0;
	height     : calc(100% - 180px);
	width      : 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.21+0,0+100;Neutral+Density */
	background : linear-gradient(to bottom, rgba(0, 0, 0, 0.21) 0%, rgba(0, 0, 0, 0) 100%);
}

body[folder="penthouse"] nav .grad {
	opacity : 1;
	z-index : 50;
}

body[folder="penthouse"] nav {
	z-index : 60;
}

body[folder="penthouse"] .grad {
	opacity : 0.3
}

body[folder="penthouse"]:not(.scrolled) nav {
	opacity : 0 !important;
}

.grad.grad-undernav {
	position   : fixed;
	height     : 100px;
	opacity    : 1;
	visibility : visible;
	background : linear-gradient(to bottom, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0) 100%);
}

body:not(.scrolled) .grad.grad-undernav {
	opacity    : 0;
	visibility : hidden;
}

.padding-x {
	padding-left  : var(--padding-x);
	padding-right : var(--padding-x);
}

.padding-y {
	padding-top    : var(--padding-x);
	padding-bottom : var(--padding-x);
}

.padding-l {
	padding-left : var(--padding-x);
}

.padding-r {
	padding-right : var(--padding-x);
}

.padding-t {
	padding-top : var(--padding-x);
}

.padding-b {
	padding-bottom : var(--padding-x);
}

.padding-x-half {
	padding-left  : calc(var(--padding-x) / 2);
	padding-right : calc(var(--padding-x) / 2);
}

.padding-y-half {
	padding-top    : calc(var(--padding-x) / 2);
	padding-bottom : calc(var(--padding-x) / 2);
}

.padding-l-half {
	padding-left : calc(var(--padding-x) / 2);
}

.padding-r-half {
	padding-right : calc(var(--padding-x) / 2);
}

.padding-t-half {
	padding-top : calc(var(--padding-x) / 2);
}

.padding-b-half {
	padding-bottom : calc(var(--padding-x) / 2);
}

.v-text {
	font-size      : 13px;
	font-family    : 'TT Livret Display Trl';
	text-transform : uppercase;
	top            : 0;
	position       : absolute;
	height         : 100%;
	width          : var(--padding-x);
	/*background     : rgba(43, 108, 176, 0.34);*/
	display        : flex;
	align-content  : center;
	align-items    : center;
	line-height    : 1;
}

.v-text .inner {
	writing-mode     : vertical-rl;
	text-orientation : mixed;
	white-space      : nowrap;
	text-align       : center;
	width            : var(--padding-x);
	display          : flex;
	align-items      : center;
}

.v-text-left {
	left : 0;
}

.v-text-right {
	right : 0;
}

.square {
	object-fit   : cover;
	aspect-ratio : 1 / 1;
}

.arch {
	object-fit                      : cover;
	-webkit-border-top-left-radius  : 1000px;
	-webkit-border-top-right-radius : 1000px;
	-moz-border-radius-topleft      : 1000px;
	-moz-border-radius-topright     : 1000px;
	border-top-left-radius          : 1000px;
	border-top-right-radius         : 1000px;
}

body[folder="downsize"] .grid-2 {
	grid-gap : 3rem 3rem
}

.grid-2 > div {
	padding      : 15px;
	border-right : 1px solid rgb(187 144 104 / 50%);
}

.grid-2 {
	display               : grid;
	grid-template-columns : repeat(2, 1fr);
	grid-gap              : 30px 0;
}

.grid-3beta {
	display               : grid;
	grid-template-columns : 1fr 1fr 1fr;
	grid-gap              : 15px;
}

.grid-3 > div {
	padding      : 15px;
	border-right : 1px solid rgb(187 144 104 / 50%);
}

.grid-3 {
	display               : grid;
	grid-template-columns : repeat(3, 1fr);
	grid-gap              : 30px 0;
}

.grid-buttons {
	display               : grid;
	grid-template-columns : repeat(4, 1fr);
}

.grid-4 > div {
	padding      : 15px;
	border-right : 1px solid rgb(187 144 104 / 50%)
}

.grid-4 {
	display               : grid;
	grid-template-columns : repeat(4, 1fr);
	grid-gap              : 30px 0;
}

.grid-border-small {
	grid-gap : 15px;
}

.artist-impression {
	text-align     : left;
	text-transform : none;
	font-style     : italic;
	opacity        : 0.7;
	letter-spacing : 0px;
}

.rotate {
	animation : rotation 25s infinite linear;
}

.slider_1 {
	aspect-ratio : 3 / 2;
}

.news-images {
	object-fit   : cover;
	aspect-ratio : 16/9;
}

@keyframes rotation {
	from {
		transform : rotate(0deg);
	}
	to {
		transform : rotate(359deg);
	}
}

.max-w-8xl {
	max-width : 90rem;
}

.news-line {
	border-bottom : 1px solid rgb(187 144 104 / 50%)
}

body[folder='news'] .nav-buttons,
body[folder='community'] .nav-buttons {
	color         : var(--primary);
	border-bottom : 1px solid rgb(187 144 104 / 50%)
}

body[folder='news'] .nav-buttons img,
body[folder='community'] .nav-buttons img {
	content : url("/resources/images/logo-theworks-c.svg");
	/*filter: invert(47%) sepia(41%) saturate(483%) hue-rotate(345deg) brightness(96%) contrast(87%);*/
}

body[folder='news'] .grad-undernav,
body[folder='community'] .grad-undernav {
	display : none;
}

.news-date {
	font-size : 13px;
}

.title-width {
	max-width : 230px;
}

.ani-1.off {
	transform  : scale(1.3);
	filter     : blur(30px);
	transition : all 1.5s ease-out !important
}

.ani-1.off.on {
	transform : scale(1);
	filter    : blur(0);
}

.ani-3 nav {
	opacity : 0;
}

.ani-3 nav,
.ani-2 img {
	transition : all 1.5s ease-in-out !important
}

.v-text-left .inner {
	transform : rotate(180deg);
}

.suggestions#suburbs {
	z-index : 11;
}

/* //////////////////////////////////////////////////////////// */
.beer-slider,
.beer-reveal > img:first-child,
.beer-slider > img {
	height     : 100%;
	width      : 100%;
	object-fit : cover;
}

.beer-range {
	z-index : 40;
}

.beer-reveal[data-beer-label]:after,
.beer-slider[data-beer-label]:after {
	display : none !important;
}

.beer-handle {
	color      : #FFF;
	border     : 2px solid #FFF;
	background : hsl(0, 0%, 100%) !important;
	z-index    : 30;
}

.beer-reveal {
	border-right : 6px solid #fff;
	left         : 0px;
}

.beer-handle:after,
.beer-handle:before {
	border-color : var(--tertiary);
}

.fix-6 {
	height : fit-content;
}

/* //////////////////////////////////////////////////////////// */
.downsizer-nav,
.bottom-bit-holder {
	opacity    : 1;
	visibility : visible;
	transition : all 0.5s ease-out;
}

body:not(.scrolled-to-first) .downsizer-nav {
	opacity    : 0;
	visibility : hidden;
}

body:not(.scrolled) .downsizer-nav.below-main-form,
.downsizer-nav.below-main-form,
.bottom-bit-holder.below-main-form {
	opacity    : 0;
	visibility : hidden;
}

.soldout {
	height     : 250px;
	max-height : 24%;
	width      : auto;
	top        : 64px;
	transition : all 1.5s ease-in-out;
}

.ani-starter {
	opacity    : 0;
	transition : all 1.5s ease-in-out;
}

.slider_ani {
	position   : absolute;
	width      : 192px;
	height     : auto;
	left       : 0;
	right      : 0;
	margin     : 0 auto;
	transition : all 1.5s ease-in-out;
	top        : 34px;
}

.slider_ani img {
	max-height : 180px;
	width      : auto;
	margin     : 0 auto;
}

.pent-tile {
	margin   : auto;
	position : absolute;
	left     : 0;
	right    : 0;
	top      : 0;
	bottom   : 0;
	z-index  : 30;
}

.button-fix {
	padding : 6px 10px 8px 10px;
}

.button-fix div {
	text-align  : center;
	display     : block;
	font-size   : var(--step-6);
	font-family : 'TTLivretSubheadTrl-LtIt';
	padding     : 6px 0 0px 0;
	line-height : 1.4;
}

.master-top .flex > div.generic p {
	max-width    : 500px;
	margin-left  : auto;
	margin-right : auto;
}

@media (min-width : 1600px) {
}

@media (min-width : 1200px) {
	.generic.fix-4 .display {
		font-size : 15px !important;
	}

	.grid-3 > div:nth-child(3n) {
		border-right : none;
	}

	.grid-4 > div:nth-child(4n) {
		border-right : none;
	}
}

@media (min-width : 769px) {
	.master-fix {
		padding : 125px 0px 10px 0;
	}

	body[folder="downsize"] :target:before {
		height : 134px;
		margin : calc(134px * -1) 0 0 0;
	}

	.fix-13 {
		padding-left : 30px;
	}

	footer .desktop-only {
		display : inline-block;
	}

	.height-fix,
	.height-fix > div:not(.artist-impression),
	.height-fix > div img.main-image {
		max-height : calc(80vh - (var(--padding-x) * 2));
		height     : 100%;
	}

	.beer-fix {
		max-height   : calc(100vh - (var(--padding-x) * 2));
		height       : 100%;
		aspect-ratio : 1600 / 1415;
	}

	/*.slider_1 div{
		height: 100%;
	}*/
	/*.slider_1.wider{
		width: calc(100% + var(--padding-x));
	}
	.slider_1.wider .swiper-wrapper{
		width: calc(100% - var(--padding-x));
	}*/
	.fix-11 {
		flex-direction : row-reverse;
	}
}

@media (max-width : 1400px) {
	.fix-2 br {
		display : none;
	}
}

@media (max-width : 1300px) and (min-width : 1200px) {
	.partners .display {
		font-size : 93% !important;
	}
}

@media (max-width : 1300px) {
	.master-top .flex {
		display : block;
	}

	.master-top .flex .w-1\/2 {
		width : 100%;
	}
}

@media (max-width : 1200px) {
	.fix-12 {
		display : none !important;
	}

	.fix-2 .w-1\/12 {
		display : none;
	}

	.fix-2 > div {
		width : 50%;
	}

	.fix-2:not(.flex-row-reverse) .w-4\/12 {
		width         : 50%;
		padding-right : 25px;
	}

	.fix-2.flex-row-reverse .w-4\/12 {
		width        : 50%;
		padding-left : 25px;
	}

	/*.grid-4 > div{
		border-right : 1px solid rgb(187 144 104 / 50%)
	}



	.grid-4 > div:nth-child(3n) {
		border-right: none;
	}*/
}

@media (max-width : 1200px) and (min-width : 769px) {
	.grid-3 {
		grid-template-columns : repeat(3, 1fr);
	}

	.grid-3 > div:last-child,
	.grid-3 > div:nth-child(3n) {
		border-right : none;
	}

	.grid-4 {
		grid-template-columns : repeat(3, 1fr);
	}

	.grid-buttons {
		grid-template-columns : repeat(2, 1fr);
	}

	.grid-4 > div:last-child,
	.grid-4 > div:nth-child(3n) {
		border-right : none;
	}
}

/*@media (max-width : 1024px) {
	.grid-4 {
		display               : grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap              : 30px 0;
	}

	.grid-4 > div:not(:nth-child(3n)) {
		border-right: none;
	}
}*/
@media (max-width : 768px) {
	.master-fix {
		padding : 125px 0px 30px 0;
	}

	body[folder="downsize"] :target:before {
		height : 141px;
		margin : calc(141px * -1) 0 0 0;
	}

	body[folder="downsize"] .grid-2 {
		grid-gap : 2rem 3rem
	}

	body[folder="downsize"] .grid-2 h3 {
		margin-top : 20px;
	}

	.downsizer-nav {
		text-align    : center;
		color         : #ffffff;
		max-width     : 100% !important;
		margin        : 0 auto;
		left          : 0;
		right         : 0;
		top           : 0;
		bottom        : auto;
		padding-right : 0px;
		padding-top   : 65px;
		/*background    : linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 100%);*/
		background    : linear-gradient(to bottom, rgba(187, 144, 105, 1) 0%, rgba(187, 144, 105, 0.75) 100%);
		z-index       : 20;
	}

	.downsizer-nav ul {
		padding     : 0.8rem 0px;
		line-height : 25px;
	}

	.downsizer-nav ul li a {
		padding : 0 4px 0 6px;
	}

	.downsizer-nav ul li:hover a {
		color : #fff;
	}

	.downsizer-nav ul li:nth-child(4) {
		border-left : none;
	}

	.downsizer-nav ul li.active a {
		text-decoration : underline;
		color           : #fff;
		font-weight     : bold;
	}

	section:first-of-type .swiper-pagination, section:first-of-type .swiper-arrows {
		margin-bottom : 106px;
	}

	.bottom-bit.bottom-bit-a {
		font-size : 1.2em;
		padding   : 10px 5px;
	}

	.bottom-bit.bottom-bit-b {
		font-size : 1.2em;
		padding   : 10px 5px;
	}

	.flex-row-reverse {
		flex-direction : row;
	}

	.fix-2 {
		display : block;
	}

	.fix-2 .w-7\/12 {
		padding-top : 40px;
	}

	.fix-2 .w-1\/12 {
		display : none;
	}

	.fix-2 > div {
		width : 100% !important;
	}

	.fix-2 .w-4\/12 {
		width         : 100%;
		padding-right : 0px !important;
		padding-left  : 0px !important;
	}

	.fix-5 {
		height : auto !important;
	}

	.fix-5 .max-w-8xl {
		padding-top    : 40px;
		padding-bottom : 40px;
	}

	:root {
		--padding-x : 40px;
		--padding-y : 40px;
	}

	.footer-bottom {
		text-align : center;
	}

	.footer-bottom .flex {
		align-content   : center;
		justify-content : center;
	}

	.grid-border-small {
		grid-gap : 50px;
	}

	.grid-3beta {
		grid-template-columns : 1fr;
	}

	.grid-buttons,
	.grid-3,
	.grid-4 {
		grid-template-columns : repeat(2, 1fr);
	}
}

@media (max-width : 768px) and (min-width : 480px) {
	.grid-3 > div:last-child,
	.grid-3 > div:nth-child(2n) {
		border-right : none;
	}

	.grid-4 > div:last-child,
	.grid-4 > div:nth-child(2n) {
		border-right : none;
	}
}

@media (max-width : 640px) {
}

@media (min-width : 480px) {
	.fix-3 > div {
		margin : 0 -15px;
	}
}

@media (max-width : 480px) {
	.slider_ani {
		top   : 49px;
		width : 150px;
	}

	.slider_1 .swiper-arrows {
		bottom : 10px;
	}

	.slider_1 .swiper-horizontal > .swiper-pagination-bullets,
	.slider_1 .swiper-pagination-bullets.swiper-pagination-horizontal,
	.slider_1 .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom : 3px;
	}

	.grid-buttons,
	.grid-2 {
		display               : grid;
		grid-template-columns : 1fr;
	}

	.grid-3 {
		grid-template-columns : repeat(1, 1fr);
	}

	.grid-3 > div {
		padding : 10px 0px;
		border  : none !important;
	}

	.grid-buttons,
	.grid-4 {
		grid-template-columns : repeat(1, 1fr);
	}

	.grid-4 > div {
		padding : 10px 0px;
		border  : none !important;
	}

	/*.grid-2 > div {
		padding-bottom : 30px;
	}*/
	:root {
		--padding-x : 30px;
		--padding-y : 30px;
	}

	h1, .h1 {
		font-size   : var(--step-3);
		line-height : 1.2em;
	}

	.toggle-menu {
		min-width : 67px;
		display   : inline-block;
	}

	.nav-draw {
		max-width : 100vw;
	}

	body.nav-open .nav-draw {
		right : 0vw;
	}

	.swiper-arrows img {
		height : 15px;
		margin : 0 13px;
	}

	.arrow-down {
		bottom : 25px;
		width  : 15px;
	}

	.swiper-horizontal > .swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom, .swiper-pagination-fraction {
		bottom : 24px;
	}

	.tile-1 {
		left   : 70%;
		bottom : 47%;
		width  : 80px;
	}

	.tile-2 {
		left   : 69%;
		bottom : -6px;
		width  : 80px;
	}

	.tile-3 {
		left   : 5%;
		bottom : 47%;
		width  : 80px;
	}

	.tile-4 {
		left   : 75%;
		bottom : 113%;
		width  : 80px;
	}

	.tile-5 {
		left   : 71%;
		bottom : 14%;
		width  : 80px;
	}

	/*.tile-9 {
		position :relative;
		right    : 0;
		bottom   : 0;
		top    : 0;
		left   : 0;
		margin: auto;
	}*/
	body[folder='news'] h4.display {
		font-size : var(--step-5) !important;
		max-width : 100%;
	}

	.button-fix {
		padding : 10px 25px;
	}

	.button-fix div {
		padding : 1px 0;
	}

	.button {
		white-space : nowrap;
	}
}

/* ///  */
.colour-red {
	color : #9C344A;
}

.colour-red-bg {
	background-color : #9C344A;
}

.colour-blue {
	color : #CCE2ED;
}

.colour-blue-bg {
	background-color : #CCE2ED;
}

.colour-blue-darker {
	color : #1C3E4F;
}

.colour-blue-darker-bg {
	background-color : #1C3E4F;
}

.colour-red-bg .button {
	border : 1px solid var(--secondary-darker);
	color  : var(--secondary-darker);
}

.sub-heading-pent {
	font-size   : 18px;
	font-family : 'TTLivretSubheadTrl-LtIt';
	font-weight : normal;
	font-style  : normal;
	line-height : 1.4em;
}

.pent-bits p {
}

.pent-bits hr {
	margin : 20px 0 !important;
}

.pent-bits hr:last-of-type {
	margin-bottom : 0px !important;
}

#penthouse .mfp-close {
	color               : var(--secondary-darker);
	left                : 0;
	background-image    : url(/resources/images/icon-close.svg);
	background-repeat   : no-repeat;
	background-position : center;
	background-size     : 50%;
	overflow            : hidden;
	text-indent         : 999em;
}