@font-face {
    font-family: 'SaolDisplayLight';
    src: url('/fonts/SaolDisplayLight.eot');
    src: url('/fonts/SaolDisplayLight.eot') format('embedded-opentype'),
         url('/fonts/SaolDisplayLight.woff2') format('woff2'),
         url('/fonts/SaolDisplayLight.woff') format('woff'),
         url('/fonts/SaolDisplayLight.ttf') format('truetype'),
         url('/fonts/SaolDisplayLight.svg#SaolDisplayLight') format('svg');
}


 @font-face {
    font-family: 'Brown';
    src: url('/fonts/Brown-BoldAlt.eot');
    src: url('/fonts/Brown-BoldAlt.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Brown-BoldAlt.woff2') format('woff2'),
        url('/fonts/Brown-BoldAlt.woff') format('woff'),
        url('/fonts/Brown-BoldAlt.ttf') format('truetype'),
        url('/fonts/Brown-BoldAlt.svg#Brown-BoldAlt') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'BrownRegular';
    src: url('/fonts/BrownRegular.eot');
    src: url('/fonts/BrownRegular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/BrownRegular.woff2') format('woff2'),
        url('/fonts/BrownRegular.woff') format('woff'),
        url('/fonts/BrownRegular.ttf') format('truetype'),
        url('/fonts/BrownRegular.svg#BrownRegular') format('svg');
    font-weight: bold;
    font-style: normal;
}

.clear, * html .clearfix, *:first-child + html .clearfix {
    clear: both; 
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

 .clearfix:after {
        clear: both;
        content: ' ';
        display: block;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
        width: 0;
        height: 0;
    }

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

.grid_1 {
                width: 8.33%;
}
.grid_2 {
                width: 16.67%;
}
.grid_3 {
                width: 25%;
}
.grid_4 {
                width: 33.33%;
}
.grid_5 {
                width: 41.67%;
}
.grid_6 {
                width: 50%;
	width: calc(50% - 5rem);
	margin-right: 10rem;
}
.grid_7 {
                width: 58.33%;
}
.grid_8 {
                width: 66.67%;
}
.grid_9 {
                width: 75%;
}
.grid_10 {
                width: 83.33%;
}
.grid_11 {
                width: 91.67%;
}
.grid_12 {
                width: 100%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
                float: left;
                display: block;
				position: relative;
}
 
a {
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}
img {
	border: none;
	max-width: 100%;
	display: block;
}
a, img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
textarea:focus, input:focus, select:focus {
	outline: none;
}
/* General */
html{
	height: 100%;
	font-size: 16px;
}
body {
	font-family: 'Brown';
	font-size: 1rem;
	background: #fff;
	/* background: #7EAFD4; */
	color: #fff;
	margin: 0;
	padding: 0;
	height: 100%;
}
 
 
/* Headings */
h1, h2, h3, h4, h5 {
	margin: 0;
	font-weight: normal;
	
}

p {
	font-family: 'BrownRegular';
	font-size: 1rem;
	color: #7A7C81;
	line-height: 1.4;
	
}
p.large{
	font-size: 1.375rem;
	letter-spacing: 5px;
	line-height: 2.2rem;
	line-height: 1.5;
	text-transform: uppercase;
}

h1 {
	font-family: 'SaolDisplayLight';
	font-weight: 100;
	display: block;
    position: relative;
    font-size: 2rem;
    color: #ffffff;
    /* letter-spacing: 0.5rem; */
    text-transform: uppercase;
    margin-top: 1rem;
    text-align: center;
}

h2 {
	color: #7A7C81;
	font-family: 'Brown';
	font-family: 'SaolDisplayLight';
	font-weight: 100;
	font-size: 3.75rem;
	/* letter-spacing: 13.33px; */
	line-height: 4.75rem;
	text-align: center;
	text-transform: capitalize;
	width: 100%;
	display: block;
}

h3 {
	color: #FFFFFF;
	font-family: 'Brown';
	font-family: 'SaolDisplayLight';
	font-size: 1.875rem;
	font-weight: 100;
	/* letter-spacing: 6.25px; */
	line-height: 2.25rem;
	text-align: center;
	text-transform: uppercase;
}

h4 {
	font-size: 1.25rem;
	letter-spacing: 0.2em;
	font-family: 'Brown';
	font-weight:700;
	text-transform:uppercase
}

h5 {
	
}

/* Navigation */
#banner {
	position: fixed;
	top: 0;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 0.875rem;
	letter-spacing: 0.2em;
	font-family: 'Brown';
	text-align: center;
	background: #7A7C81;
	color: #fff;
	width: 100%;
	z-index: 50;
	text-transform: uppercase;
}
	#banner .close {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		display: block;
	}

	header {
		margin: 0 auto;
		width: 100%;
		display: block;
		position: fixed;
		background: transparent;
		text-align: center;
		top: 0;
		left: 0;
		z-index: 3;
		transition: 0.5s all;
		z-index: 100;
	}
#page-home
header
{
	top:40px
}
	#page-home
	header.to-top {
		top: 0
	}

.sticky header {
	background-color: #ffffff;
}
.sticky #nav li a{
	color: #7EAFD4;
	color: #7A7C81;
}

#page-Floorplan header, #page-news header {
	background: #ffffff !important;
}
#page-enquire header {
	/* background: #7EAFD4 !important; */
}
/* #page-enquire .Rw 
{
    background-image:url(/images/Rw.png);
    background-size:150px 56px
} */
#page-enquire .Rw img
{
    opacity:0;
}

#logo {
	display: none;
}

#page-home #logo {
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 750px;
    max-width: 70%;
	z-index: 5;
}

#main-logo{
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 3rem;
	width: 200px;
	transition: 0.5s all;
}


#page-home.sticky header #main-logo{
	opacity: 1;
}
header.menu #main-logo{
    opacity: 1 !important;

}
nav {
	margin: 0 auto;
	padding: 0;
}

#nav li {
list-style: none;
display: inline-block;
padding: 30px 20px;
position: relative;
}

#nav li a {
color: #FFFFFF;
font-family: 'Brown';
font-size: 14px;
font-size: 0.825rem;
font-weight: bold;
letter-spacing: 3px;
padding-bottom: 5px;
position: relative;
text-align: center;
text-transform: uppercase;
transition: 0.5s all;
}

#page-Floorplan #nav li a, #page-news #nav li a {
	color: #7EAFD4;
	color: #7A7C81;
}

#page-enquire #nav li a {
	color: #7A7C81;
}


#page-enquire #nav li a.enquire:after {
	background-color: #7A7C81;
}



#nav li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 1px;
	background-color: #ffffff;
	width: 0;
	transition: 0.3s all;
}
.sticky #nav li a::after{
	background-color: #7EAFD4;
	background-color: #7A7C81;
}

#page-Floorplan #nav li a::after, #page-news #nav li a::after {
	background-color: #7EAFD4;
	background-color: #7A7C81;
}

#nav li a::after{
	left: 0;
}

 



#page-Residences #nav li a.residences::after,  #page-Lifestyle #nav li a.lifestyle::after,  #page-Team #nav li a.team::after,  #page-Floorplan #nav li a.floorplan::after,   #page-enquire #nav li a.enquire::after,  #page-home #nav li a.home::after,  #page-news #nav li a.news::after {
	width: 100%;
}

/* nav-toggle */
#nav-toggle {
	position: fixed;
	top: 20px;
	right: 1.5rem;
	z-index: 101;
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: none;
}

#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {
	cursor: pointer;
	height: 2px;
	width: 30px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	top: 10px;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}
#page-Floorplan #nav-toggle span, #page-Floorplan #nav-toggle span:after, #page-Floorplan #nav-toggle span:before, #page-news #nav-toggle span, #page-news #nav-toggle span:after, #page-news #nav-toggle span:before {
		background: #7EAFD4;
}
#nav-toggle span:before {
	top: -10px
}

#nav-toggle span:after {
	bottom: -10px
}

#nav-toggle.active span {
	background-color: transparent !important;
}

#nav-toggle.active span:after, #nav-toggle.active span:before {
	top: 0
}

#nav-toggle.active span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: a rotate(45deg)
}

#nav-toggle.active span:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: a rotate(-45deg)
}

/* enquiry */
.mb20{
	margin-bottom:20px
}
.mb30 {
	margin-bottom: 30px
}
.register {
 
}

.formbox, .form_holder{
	width: 600px;
	max-width: 96%;
	margin: auto;
}

.input-holder{
	display: block;
	width: 100%;
	padding: 20px 10px 0 10px;
	position: relative;
}



input, select {
	font-family: 'Brown';
	margin: 0 auto 10px auto;
	padding: 0px 10px 5px 10px;
	width: 100%;
	border: 0 none;
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border-bottom: 1px solid #7A7C81;
	color: #7A7C81;
	font-size: 0.875rem;
	letter-spacing: 3px;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
}

input.b_submit{
	border: 1px solid #7A7C81;
	padding: 0.8rem 0.5rem;
	transition: 0.5s all;
	cursor: pointer;
}
 input:-webkit-autofill {
    -webkit-text-fill-color: #7A7C81 !important;

}

input:-webkit-autofill,
 input:-webkit-autofill:hover, input:-webkit-autofill:focus, 

input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #7EAFD4 inset !important;
}
#page-Floorplan input:-webkit-autofill {
    -webkit-text-fill-color: #7EAFD4 !important;

}

#page-Floorplan input:-webkit-autofill,

#page-Floorplan input:-webkit-autofill:hover, 

#page-Floorplan input:-webkit-autofill:focus, 

#page-Floorplan input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
input.b_submit:hover{
	border: 1px solid #ffffff;
	color: #7EAFD4;
	background-color: #ffffff;
}

#page-Floorplan input, #page-Floorplan select  {
	border-bottom: 1px solid #7A7C81;
	color: #7A7C81;
}

label{
	font-family: 'Brown';
	    font-family: 'BrownRegular';
	margin: 0 auto;
	padding: 0 10px;
	width: 100%;
	border: 0 none;
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	color: #7A7C81;
	font-size: 0.875rem;
	letter-spacing: 3px;
	line-height: 22px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	position: relative;
	text-align: center;
 
}
#page-Floorplan label{
color: #7A7C81;
}
select {
	padding: 5px 7px;
	text-align-last: center;
	text-align: center;
	-ms-text-align-last: center;
	-moz-text-align-last: center;
	text-align-last: center;
}

select option {
	padding: 7px 5px;
	background: #fff;
	color: #7A7C81;
	text-align-last: center;
	text-align: center;
	-ms-text-align-last: center;
	-moz-text-align-last: center;
	text-align-last: center;
}

.privacy {
	font-size: 10px;
}

.chk_holder {
	margin: 10px auto 0 auto;
	color: #7A7C81;
}

#chkInternational {
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	color: #7A7C81;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	line-height: 25px;
	width: 20px;
	text-align: left;
}

#chkInternational + label {
	background: url("/images/buttons/uncheck.png") no-repeat left center;
	color: #7A7C81;
	padding: 2px 0 2px 26px;
}

#chkInternational:checked + label {
	background: url(/images/buttons/check.png) no-repeat left center;
}

input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {
color: #7A7C81;
opacity: 1;  
}

 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #7A7C81;
opacity: 1;  
}

 input:-moz-placeholder, textarea:-moz-placeholder {
color: #7A7C81;
opacity: 1;  
}

 input::-moz-placeholder, textarea::-moz-placeholder {
color: #7A7C81;
opacity: 1; 
}

 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: $form-field-text;
opacity: 1;
}

 input:focus::-webkit-input-placeholder  , textarea:focus::-webkit-input-placeholder   {
transform: translateY(-50px);
}

 input:focus:-moz-placeholder  , textarea:focus:-moz-placeholder   {
transform: translateY(-50px);
}

 input:focus::-moz-placeholder , textarea:focus::-moz-placeholder   {
 transform: translateY(-50px);
}

 input:focus:-ms-input-placeholder  , textarea:focus:-ms-input-placeholder  {
transform: translateY(-50px);	
}
input + label {
transform: translateY(-30px);
}



/*footer*/ 
footer {
display: block;
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	margin: auto;
	text-align: center;
	padding-bottom: 40px;
	/* background-color: #7EAFD4; */
	
}

#page-enquire footer {
	background: #fff;
}
#page-enquire footer *{
	color: #7A7C81 !important;
	
}
/* Token Style */
ul.token-input-list-project {
	border: none;
	width: 100%;
	margin: 0 auto;
	max-width: 100%;
	text-align: left;
	text-align-last: left;
	text-align: -moz-left;
	text-align: -webkit-left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border-bottom: 1px solid #525252;
	clear: both;
}
li.token-input-input-token-project {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%
}
ul.token-input-list-project li input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 100% !important;
	margin-bottom: 0;
}
li.token-input-token-project p {
	display: inline;
	padding: 0;
	margin: 0 5px 0 0;
	line-height: 20px;
	font-size: 11px
}
li.token-input-token-project {
	overflow: hidden;
	height: 25px;
	margin: 0;
	padding: 2px 5px;
	background-color: #ccc;
	color: #000;
	cursor: default;
	border: 1px solid #525252;
	font-size: 12px;
	white-space: nowrap;
	list-style: none;
	display: inline-block;
}
div.token-input-dropdown-project {
	position: absolute;
	width: 100%;
	background-color: #fff;
	overflow-x: hidden;
	cursor: default;
	font-size: 11px;
	z-index: 13;
	color: #000000;
}
div.token-input-dropdown-project ul {
	margin: 0;
	padding: 0;
	display: block !important;
	max-height: 205px;
}
div.token-input-dropdown-project ul li {
	background-color: #fff;
	font-size: 14px;
	padding: 3px;
	margin: 0;
	list-style-type: none;
	font-weight: 100 !important;
}
div.token-input-dropdown-project ul li.token-input-dropdown-item-project {
	background-color: #fff;
}
div.token-input-dropdown-project ul li.token-input-dropdown-item2-project {
	background-color: #fff;
}
div.token-input-dropdown-project ul li em {
	font-weight: bold;
	font-style: normal;
}
div.token-input-dropdown-project ul li.token-input-selected-dropdown-item-project {
	background-color: #ccc;
	color: #fff;
}
/* Parsley-error */
ul.parsley-errors-list.filled, ul.parsley-errors-list {
	font-size: 10px;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    text-align: left;
    bottom: 15px;
}
ul.parsley-errors-list.filled li, ul.parsley-errors-list li {
	padding:0;
	text-align: left;
	color: #F00D0D;
}
*{
	text-size-adjust: none;
	-webkit-text-size-adjust: none
}

section{
	display: block;
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}
.container{
	display: block;
	position: relative;
	 max-width: 75%;
	 width: 850px;
	margin-left: auto;
	margin-right: auto;
}
.container.medium{
width: initial;
max-width: 80%;
margin-left: auto;
margin-right: auto;

}
.container.large{
	  width: initial;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.container.x-lg {
	max-width: 100%;
	width: 100%;
}

.video{
	display: block;
}
.darklayer::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.15);
	z-index: 2;
	transition: 0.5s all;
}

video {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-size: cover !important;
}
.play-btn{
	position: absolute;
	bottom: 30%;
	left: 0;
	right: 0;
	transform: translateY(100%);
	z-index: 2;
	margin: 0 auto;
}
.play-btn img{
	width: 70px;
	margin: 0 auto;
}
.landing{
	min-height: 660px;
}
.center-words{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}

.center-words h2 {
	color: #ffffff;
	font-size: 6.25rem;
	line-height: 1.125;
	text-transform: capitalize;
}

#disclaimer{
	display: none;
}
#map{
	width: 900px;
	max-width: 80%;
	height: 500px;
	margin: auto;
}
#page-Lifestyle #map{
	height: 70vh;
	max-height: 650px;
	width: 100%;
	max-width: 100%;
}

.btn {
width: 200px;
    color: #FFFFFF;
    font-family: 'Brown';
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1rem;
    text-align: center;
	background-color: #7A7C81;
    /* background: #7EAFD4; */
    padding: 12px 0;
    display: block;
    margin: 0 auto;
    margin-bottom: 3rem;
	text-transform: uppercase;
}
.btn-w {
	width: max-content;
	background: #fff;
	color: #7A7C81;
	margin: 0;
	padding: 7px 17px;
}

#page-enquire .btn {
	display: none
}
 
.display {
	color: #7EAFD4;
	color: #7A7C81;
	font-family: 'BrownRegular';

	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 4px;
	line-height: 1.875rem;
	text-align: center;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}

footer h3 {
	color: #7A7C81;
	font-size: 60px;
	margin: 0 auto 40px auto;
	text-transform: none;
	max-width: 9em;
	line-height: 1.1;
}

.address, .gd {
	color: #7EAFD4;
	color: #7A7C81;
	font-family: 'BrownRegular';
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: 4px;
	line-height: 1.875rem;
	text-align: center;
	margin-bottom: 1rem;
}

#page-home .address, #page-Residences .address, #page-home .gd, #page-Residences .gd {

}

.gd{
	display: block;
	text-decoration: underline;
	margin-bottom: 3rem;
	text-transform: uppercase;
}
 .colliers{
	display: block;
	position: relative;
	text-align: center;
	 margin-bottom: 3rem;
}
.colliers img{
	margin: auto;
}
.disclaimer, .siteby {
	height: 22px;
	width: 920px;
	color: #7A7C81;
	    font-family: 'BrownRegular';
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.86px;
	line-height: 30px;
	text-align: center;
}
.half{
	display: block;
	position: relative;
	float: left;
	width: 50%;
}
.half p{
	max-width: 580px;
	line-height: 1.4;
    font-weight: 100;

}
.middle-words{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.map-pointss-holder{
	display: block;
	
}
ul.map-pointss-holder {
    display: block;
    position: relative;
    text-align: left;
}
ul.map-pointss-holder li {
	font-family: 'BrownRegular';
    display: block;
    position: relative;
    text-align: left;
	color: #7A7C81;
	line-height: 1.5;
}

ul.map-pointss-holder ol{
display: block;
position: relative;
list-style: none;
color: #7A7C81;
padding-bottom: 1rem;
text-transform: uppercase;
letter-spacing: 3px;

}
#page-Team .grid_6 p{
	width: 500px;
	max-width: 90%;
	padding-bottom: 1rem;
}
.team-logo{
	width: 175px;
    padding-bottom: 2rem;
    display: block;
}
.team-logo.w250{
	width: 250px;
}

#page-enquire{
	background-color: #fff;
}
#main-logo .cls-1{
	fill: #ffffff; 
}
.sticky #main-logo .cls-1{
	fill: #7A7C81; 
}
#preloader #logo .cls-1, #logo .cls-1{
	fill: #ffffff !important; 
}
#page-Floorplan #main-logo svg, #page-Floorplan #main-logo svg .cls-1, #page-news #main-logo svg, #page-news #main-logo svg .cls-1{
	 fill: #7EAFD4;
	 fill: #7A7C81;
}

#page-enquire #main-logo .cls-1 {
    fill: #7A7C81;
}


.fadeIn{
	transform: translateY(2rem);
	opacity: 0;
	transition: 2s all;
}
.fadeIn.animate{
	animation-delay: 0.5s;
	opacity: 1;
	transform: translateY(0);
}
#disclaimer {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0,0,0,0.9);
    width: 100%;
    height: 100%;
	display: none;
}
#disclaimer p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #ffffff;
	font-size: 12px;
	width: 600px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 20px 10px;
	background-color: #000000;
}
.close_dis{
	
	display: block;
	position: relative;
	text-align: center;
	margin-bottom: 25px;
	text-decoration: underline;
	text-transform: uppercase;
}

#preloader {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 	background-color: #7A7C81;
	z-index: 1000;
}
.footer-logo {
    display: inline-block;
    position: relative;
	/* width: 20%; */
	height: 36px;
	padding: 0 10px;
	padding: 0 20px;
    margin: auto;
    text-align: center;
}
.footer-logo svg{
	/* width: 120px; */
	/* transform: translateY(-10px); */
	max-width: 100%;
	height: 100%;
	width: auto;
}
.footer-logo:nth-child(3) svg{
	/* transform: translateY(5px); */
}
.footer-logo img{
	text-align: center;
	margin: auto;
		
}
.greg_wrapper + div{
	display: block;
	padding-top: 2rem;
}
#enq-page,  #floorplan-page{
	display: none;
}

#page-Floorplan #floorplan-page{
	display: block;
}
#page-enquire #enq-page{
	display: block;
}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/



.abs{
	position: absolute;
	top: 0;
	height: 100%;
}
.rightside{
	right: 0;
}
.rightfloat{
	float: right;
}
*.white{
	color: #ffffff ;
}
.fullheight{
	height: 100%;
}
.fullwidth{
	width: 100%;
}
.pb2{
	padding-bottom: 2rem;
}
.pb3{
	padding-bottom: 3rem;
}
.pt4{
	padding-top: 4rem;
}
.pb4{
	padding-bottom: 4rem;
}
.pt8{
	padding-top: 8rem;
}
.pb8{
	padding-bottom: 8rem;
}
.pt-large{
	padding-top: 29.25rem;
}
.pb-large{
	padding-bottom: 29.25rem;
}
.centeralign{
	text-align: center;
}
.nomarginright{
	margin-right: 0 !important;
}
.bg{
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
}
.justmobile{
	display: none !important;
}
a.darklayer {
  cursor: url("../images/buttons/ozone-button.svg"), auto;	
}
a.mobile-enq {
    display: none;
}
.hide {
    display: none;
}

    .hide.show {
        display: block;
    }

    p#th{
        text-align:center;
        color: #fff;
    }

#page-Floorplan #th, #page-news #th {
				color: #7EAFD4;
}

#page-news {
	padding-top: 12rem;
}

#page-news .venobox {
	position: relative;
	display: block;
}

.play__btn {
    position: absolute;
    top: 0;
    width: 10%;
    height: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
	.news-title{
			font-family: 'BrownRegular';
	color: #7A7C81;
		display: block;
		position: relative;
		font-size: 1.2rem;
		letter-spacing: 4px;
		line-height: 1.5;
		text-transform: uppercase;
		/* max-width: 80%; */
		margin: auto;
		text-align: left;
	}
p.date{
	display: block;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	letter-spacing: 3px;
	padding-top: 1rem;
}
 a.website{
	color: #7A7C81;
	display: block;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	margin: auto;
	text-transform: uppercase;
	letter-spacing: 3px;
}
#page-news .grid_6{
	margin-bottom: 90px;
}
.highland_svg {
	/* width: 150px !important; */
}

.highland_svg + a > svg {
	/* width: 160px!important; */
}

.img-caption {
	margin-top: 10px;
}
.Sammut-logo{
	height: 30px
}

@media (hover: hover) { 
#nav li a:hover::before, #nav li a:hover::after {
	width: 100%;
}
	a.darklayer:hover::before{
	/* background: rgba(126, 174, 212, .6); */
	background: #7A7C81;
	opacity: 0.7;
}
	
}

h1.intro {
    text-align: left;
    position: absolute;
    top: 30vh;
    z-index: 4;
    left: 115px;
	font-size: 100px;
	font-family: 'SaolDisplayLight';
	font-weight: 100;
}

.heading {
	/* font-size: 60px; */
	/* font-family: 'SaolDisplayLight'; */
	text-align: left;
	margin-bottom: 20px;
	text-transform: capitalize;

}

.bgblue {
	background-color: #7EAFD4;
}

.black {
	color: #7A7C81;
}

.w450 {
	width: 460px;
	max-width: 100%;
}

.left__align {
	text-align: left;
}

.fullWidth {
	width: 100%;
}

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

.mla{
	margin-left: auto;
}

.pl10vw {
	padding-left: 10vw;
}

.highland_svg svg path {
	fill:#7A7C81
}

.video__wrapper {
	width: 100%;
	height: 80vh;
}

.fullyvideo {
    position: absolute;
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: -2;
    /* background-image: url(/images/poster.jpg); */
    /* background-size: cover; */
}

@media screen and (max-width : 1360px) and (hover: none){
}




@media screen and (max-aspect-ratio: 1920/1080) {
    video {
        height: 100%;
    }
}

@media screen and (min-aspect-ratio: 1920/1080) {
    video{
        width: 100%;
    }
}

@media screen and (max-width : 1440px) {
	#main-logo{
		width: 150px;
		}
	#nav li {
   
    padding: 25px 20px;
  
}
	
 .grid_6 {
    width: 50%;
    width: calc(50% - 3rem);
    margin-right: 6rem;
}
	.pt-large{
	padding-top: 20rem;
}
.pb-large{
	padding-bottom: 20rem;
}
	
}

@media screen and (max-width : 1024px) {
	 #page-news {
	padding-top: 8rem;
}
	#nav li {
    padding: 24px 5px;
}
	#nav{
		transition: 1s all;
		padding-right: 1.5rem;
	}
	 
	#main-logo{
		left: 1.5rem;
		opacity: 0;
	}
	.pt-large {
    padding-top: 16rem;
}
	.pb-large {
    padding-bottom: 16rem;
}
	.news-title {
 letter-spacing: 4px;
    line-height: 1.875rem;
    text-align: center;
    max-width: 90%;
}
}

@media screen and (max-width : 768px) {
	a.mobile-enq {
    display: block;
    position: absolute;
    left: 0;
		right: 0;
 	font-size: 1.2rem;
    top: 25px;
    font-family: 'Brown';
    font-weight: bold;
    letter-spacing: 3px;
    padding-bottom: 0;
    text-transform: uppercase;
    transition: 0.5s all;
		margin: auto;
		width: 180px;
}
	#page-Floorplan a.mobile-enq, #page-news a.mobile-enq {
		color:  #7EAFD4;
	}
	#page-enquire a.mobile-enq {
		display: none;
	}
	.landing {
    min-height: initial;
}
	html{
		font-size: 14px;
	}
header #main-logo {
    display: none !important;
}
	.justmobile{
		display: block !important;
	}
 #main-logo {
     top: 20px;
	 transform: none;
	}
	
	#nav-toggle {
	display: block;
	position: fixed;
}
	
	header{
	height: 60px;
	overflow: hidden;
	transition: 0.8s all;
	}
	
	header.menu{
		height: 100%;
	}
	
 nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 60px);
    left: 0;
}
	
	#nav{
    margin: 0 auto;
    text-align: center !important;
    padding: 0;
    margin-top: 50%;
    transform: translateY(-25%);
	}
	
	ul#nav li {
 	display: block;
	}
	
	ul#nav li a{
 font-size: 1.2rem;
	}
	h1{
		font-size: 1.5rem;
	}
	/* h2{
		letter-spacing: 6px;
	} */
	p{
		padding-left: 20px;
		padding-right: 20px;
	}
	.grid_4 {
    width: 50%;
		margin-top: 2rem;
}
	.container .grid_4:nth-child(3){
		clear: left;
	}
	.container.medium, #map {
    max-width: 90%;
		width: 90%;
}
	.grid_6 {
    width: 50%;
    width: calc(50% - 1rem);
		margin-right: 2rem;
	}

	body{
		overflow-x: hidden !important;
	}
	
	#page-Team .grid_6 {
    margin: auto !important;
    width: 80%;
    float: none;
	text-align: center;

}
	.team-logo {
    width: 175px;
    padding-bottom: 2rem;
    display: block;
    margin: 2rem auto 0 auto;
}
	#page-Team .grid_6 p {
    width: 500px;
    max-width: 100%;
    padding-bottom: 1rem;
			margin-left: auto;
    margin-right: auto;
}
	
	.footer-logo svg{
	transform: none
	}
	.sticky a.mobile-enq, header.menu a.mobile-enq{
 	color: #7EAFD4;
 
	}
	.sticky #nav-toggle span, .sticky #nav-toggle span:after, .sticky #nav-toggle span:before,  #nav-toggle.active span:before, #nav-toggle.active span:after, .sticky #nav-toggle.active  span:before{
	background: #7EAFD4;
	}
	#nav li a::after{
		background: #7EAFD4;
		height: 2px;
	}
 
	header.menu {
    height: 100%;
	background: #fff;
	}
	
	#nav li a{
		color: #7EAFD4;
	}
}

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

	.center-words h2 {
		font-size: 4.25rem;
		/* letter-spacing: 2px; */
	}

	.center-words h2 span {
		margin:0!important;
	}

	.container {
		padding-left: 15px;
		padding-right: 15px;
	}


	html {
    font-size: 12px;
}
 
	.footer-logo {
    width: 100%;
    margin-bottom: 2rem;
		vertical-align: middle;
	}
	h1{
		letter-spacing: 0.2rem;
	}
	p {
    padding-left:0;
    padding-right:0;
}
	.grid_6 {
    width: 100%;
    margin-right: 0;
}
	.pb-large {
    padding-bottom: 4rem;
}
	.pt-large {
    padding-top: 4rem;
}
	#nav li {
    padding: 12px 15px;
}
	#nav {
    transform: none;
}
	p.large {
		font-size: 1.2rem;
		letter-spacing: 4px;
		line-height: 1.5;
		text-transform: uppercase;

	}

	h2{
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.half{
		width: 100%;
	}
	.pb8 {
    padding-bottom: 4rem;
}

.pt8 {
    padding-top: 4rem;
}
	.abs {
    position: relative;
    top: initial;
    height: auto;
}
	.rightside {
    right: auto;
}
	.middle-words {
    position: relative;
    top: inherit;
    transform: none;
	padding-top: 4rem;
}
	.display{
		letter-spacing: 4px;
	
font-family: 'BrownRegular';
font-size: 20px;
font-size: 1.2rem;
font-weight: bold;
letter-spacing: 4px;
line-height: 1.875rem;
text-align: center;
margin-bottom: 1.5rem;
text-transform: uppercase;

	}
	
	.grid_4 {
    width: 100%;
    margin-top: 2rem;
}
	.team-logo{
		padding-top: 4rem;
		padding-left: 1rem;
	}
	.container.medium, #map {
    max-width: 100%;
    width: 100%;
}
a.mobile-enq {
    font-size: 12px;
    font-weight: 100;
  
}
		#page-Team .grid_6 {
    width: 100%;
        padding-left: 0;
    padding-right: 0;

}
	#page-Team .grid_6:first-child {
    padding-bottom: 40px

}
	.container{
		width: 100%;
		max-width: 100%;
	}
 
	footer{
		padding-left: 15px;
		padding-right: 15px;
	}

		footer h3 {
	
			font-size: 30px;
			margin: 0 auto 40px auto;
			
		}
}