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

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

.baskvl {
    font-family: 'baskvl';
}

.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: 40%;
				max-width: 604px;
}
.grid_6 {
                width: 48%;
}
.grid_7 {
                width: 57%;
				max-width: 861px;
}
.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 {
                display: block;
}
 
a {
	text-decoration: none;
	cursor: pointer;
	color: #003348;

}
img {
	border: none;
	display: block;
	max-width: 100%;
}
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 */
body {
	font-family: 'baskvl', sans-serif;
	font-size: 35px;
	font-size: 33px;
	background: #fff;
	color: #003348;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
.img {
	width: 100%;
	margin: 0;
	display: block;
}
 
/* Headings */
h1, h2, h3, h4, h5 {
	margin: 0;
	font-weight: normal;
}



p {
	text-align: left;
	margin: 0;
}
h1 {
	font-family: 'baskervilleitalic';
	font-size: 50px;
	font-size: 48px;
	color: #003348;
	line-height: 56px;
}
h2 {
	
	font-family: 'baskervilleitalic';
	font-size: 50px;
	font-size: 48px;
	color: #003348;
	color: #fff;
	line-height: 56px;
}
h3 {
	font-size: 30px;
	font-family: 'baskervilleitalic';
	text-align: center;
}
.fs35 {
	font-size: 35px;
	font-size: 21px;
	font-size: 18px;
	color: #2A3851;
	text-align: center;
    font-family: 'baskvl';
	margin-top:40px;

}

.address_wrapper {
	max-width: 1041px;
    width: calc(100% - 60px);
    margin: 75px auto 0;
}

.address_wrapper h2 {
	font-size: 43px;
	text-align: center;
	color: #2A3851;
}


.italic {
	font-family: 'baskervilleitalic';
}

/* Navigation */ 
header {
	margin: 0 auto;
	width: 100%;
	display: block;
	position: fixed;
	top:0;
	left: 0;
	text-align: center;
	background: #fff;
	/* background: red; */
	z-index: 9;
}

header .flex {
	padding: 20px 30px;
	justify-content: center;
}


#logo {
	width: 100px;
	position: absolute;
	height: 50px;
	left: 30px;
	top:0;
	bottom: 0%;
	margin: auto;
}

#logo img {
	width: 100%;
}


#nav li {
	list-style: none;
	display: inline-block;
	padding: 0 50px;
	position: relative;
	border-right: 1px solid #003348;
	/* height: 24px; */
}


#nav li:first-child {
	padding-left: 0;
}
#nav li:last-child {
	padding-right: 0;
	border-right: none;
}

#nav li a {
	color: #003348;
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	font-size: 14px;
}

#nav li a:hover, #nav li.active a {
	font-weight: bold;
}
/* nav-toggle */
#nav-toggle {
	cursor: pointer;
	width: 30px;
	height: 23px;
	display: none;
	position: relative;
}
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {
	cursor: pointer;
	height: 3px;
	width: 30px;
	background: #003348;
	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;
}
#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 */

#enquire {
	background: #F6F0EB;
	padding: 90px 0;
}

.register {
	max-width: 1041px;
	width: calc(100% - 60px);
	margin: 0 auto;
	background: #003348;
	position: relative;
}

.register::after {
	border: 1px solid #fff;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: '';
	z-index: 1;
	position: absolute;
}


.formbox, .enq_frm {
	max-width: 780px;
	width: calc(100%);
	margin: 0 auto;
	padding: 90px 130px 75px;
	position: relative;
	z-index: 2;

}


input, select {
    font-family: 'baskvl';

	font-size: 30px;
	font-size: 28px;
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
	color: #fff;
	border: 0 none;
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border-bottom: 1px solid #fff;
	text-align: left;
	margin-bottom: 30px;
}

.b_submit {
	width: 170px;
	margin:50px auto 36px;
	display: block;
	border: 1px solid #fff;
	text-align: center;
}

select {
	padding: 10px 0;
	text-align-last: left; text-align: left;

-ms-text-align-last: left;
}
	select option {
		padding: 10px 0;
		color: #000;
		text-align-last: left;
		text-align: left;
		-ms-text-align-last: left;
	}

.privacy {
	font-size: 20px;
	font-size: 18px;
	font-family: 'baskervilleitalic';
	color: #fff;
	text-align: center;
}
.chk_holder {
	margin: 10px auto ;
	color: #fff;
}
#chkInternational {
   border: 0 none;
   clip: rect(0px, 0px, 0px, 0px);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   cursor: pointer;
   display: inline-block;
   line-height: 25px;
   width: 20px;
   text-align: center;
 }
 #chkInternational + label {
   padding: 2px 0 2px 30px;
   position: relative;
   text-align: left;
   display: block;
   color: #fff;
   font-size: 14px;
   letter-spacing: 3px;
   font-family: inherit;
   text-transform: uppercase;
   display: block;
   margin: auto;
 }
 #chkInternational + label:before {
   position: absolute;
   left: 0;
   width: 20px;
   height: 20px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   border: 2px solid #fff;
   content: '';
   display: block;
 }
 #chkInternational + label:after {
   position: absolute;
   left: 0;
   width: 5px;
   height: 11px;
   top: 50%;
   left: 8px;
   -webkit-transform: translateY(-60%) rotate(45deg) scale(0);
   transform: translateY(-60%) rotate(45deg) scale(0);
   border-bottom: 2px solid #fff;
   border-right: 2px solid #fff;
   content: '';
   display: block;
   -webkit-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
 }
 #chkInternational:checked + label:after {
   -webkit-transform: translateY(-60%) rotate(45deg) scale(1);
   transform: translateY(-60%) rotate(45deg) scale(1);
 }

input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
color: #fff;
opacity: 1;
}
 input::-moz-placeholder, textarea::-moz-placeholder {
color: #fff;
opacity: 1;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
 input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: transparent;
}
 input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color: transparent;
}
 input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: transparent;
}
 input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color: transparent;
}

/* Token Style */

div#int_postcode input {
	margin-bottom: 0;
}
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 #fff;
	clear: both;
	margin-bottom: 30px;
}
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 {
	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;
}

li.token-input-token-project p {
	display: inline;
	padding: 0;
	margin: 0 5px 0 0;
	line-height: 20px;
	font-size: 11px
}
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: relative;
	text-align: left;
	top: 0;
}
ul.parsley-errors-list.filled li, ul.parsley-errors-list li {
	padding:0;
	text-align: left;
	color: #F00D0D;
	position: absolute;
    margin-top: -20px;
}
*{
	text-size-adjust: none;
	-webkit-text-size-adjust: none
}


.w1920, .w1520 {
	width: 1920px;
	max-width: calc(100% - 60px);
	margin-left: auto;
	margin-right: auto;
}

.w1520 {
	width: 1520px;
}

.w1000 {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

main {
	padding-top: 80px;
}

section {
	display: block;
	width: 100%;
	overflow: auto;
}

#landing {
	width: 100%;
}



#vision {
	background: #F6F0EB;
	padding: 65px 0 135px;
}

.mlrauto {
	display: block;
	margin-left: auto;
	margin-right: auto;
} 
.mlauto {
	margin-left: auto;
} 

.mb35 {
	margin-bottom: 35px;
}

.mb20 {
	margin-bottom: 20px;
}
.mb50 {
	margin-bottom: 50px;
}

.mb80 {
	margin-bottom:80px;
}

.mb100 {
	margin-bottom:100px;
}
.mb125 {
	margin-bottom: 125px;
}
.mb200 {
	margin-bottom: 200px;
}

.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mlr150 {
	margin-left:110px;
	margin-right:110px;
}

.mt65 {
	margin-top: 65px;
}

.mb40 {
	margin-bottom: 40px;

}


.find {
	font-size: 38px;
	font-size: 36px;
	width: 181px;
	text-decoration: underline;
	font-family: 'baskervilleitalic';
	color: #003348;
	text-align: center;
}

.w975 {
	width: 975px;
	max-width: 100%;
}

.inBlock {
	display: inline-block;
}

.block {
	display: block;
}

.center_align {
	text-align: center;
}


#lifestyle {
	padding: 100px 0 120px;
}


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

.align_end {
	align-items: flex-end;
}

 .w1180 {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.vl {
	display: block;
	width: 1px;
	height: 85px;
	background: #003348;

}

.vl.sml {
	height: 46px;
}


#enquire h1 {
	color: #fff;
	text-align: center;
}

footer .flex{
	border-bottom: 2px solid #A7A7A7;
}

.align_end {
	align-items: flex-end;
}

.p30 {
	padding: 30px;
}

.ruby {
	padding: 30px 0;
	font-size: 20px;
	font-size: 18px;
	font-family:'baskvl';
	color: #A7A7A7;
	width: 137px;
	display: block;
	margin: auto;

}

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

#living img {
	margin-bottom: 40px;
}

.mob {
	display: none!important;
}

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

#vip_wrapper {
    width: 746px;
    background: #003348;
    text-align: center;
    padding: 100px 0;
    position: relative;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	max-width: 100%;
}

#vip_wrapper > div {
	border: 1px solid #fff;
	width: 100%;
	padding: 40px;
}

.bar {
	height: 60px;
	width: 2px;
	background: #fff;
	margin: 40px auto;
	display: block;
}

.btn {
	font-family: 'baskervilleitalic';
	color: #fff;
	border: 1px solid;
	font-size: 24px;
	display: inline-block;
	padding: 5px 25px;
}

#video {
	overflow: hidden;
	position: relative;
	height: calc(100vh - 80px);
	position: relative;
}

#video:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background: #000;
	z-index: -1;
	opacity: 0.4;
}


.fullyvideo{
    position: absolute;
width: 100vw;
height: 100vh;
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
}


#playvideo
{
    display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
 	width: 136px;
	 margin: auto;
	 position: absolute;
	 top:0%;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 height: 136px;
}

#playvideo span {
	color: #fff;
	text-align: center;
font-size: 24px;
font-family: 'baskervilleitalic';
display: block;
margin-bottom: 10px;
}

#playvideo img {
	/* width: 50px; */
	width: 100%;
}


#logo {
	width: 100px;
}

#logo img {
	width: 100%;
}

/*hubspot*/
.hs-form-private label {
	color: white;
}


	.hs-form-private label.hs-error-msg{
		color: red;	
		font-size:14px;
		
	}

.hs-form-private .hs-button {
	width: 170px;
	margin: 50px auto 36px;
	display: block;
	border: 1px solid #fff;
	text-align: center;
}

.submitted-message{
	color:white;
}

@media screen and (max-width : 1500px) {
	#playvideo img{
		width: 86px;
		height: 86px;
	}
}

@media screen and (max-width : 1440px) {
	#nav li {
		padding: 0 30px;
	}
}

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

	#video {
		height: calc(100vh - 68px);
	}
	main {
		padding-top: 68px;
	}

	h1, h2 {
		font-size: 40px;
		font-size: 38px;
		line-height: 1.2;
	}

	body {
		font-size: 25px;
		font-size: 23px;
	}

	.w1000 {
		max-width: 700px;
	}

	.find {
		font-size: 28px;
		font-size: 26px;
	}
}

@media screen and (max-width : 1200px) {
	#nav li {
		padding: 0 20px;
	}
	header .flex {
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#logo {
		position: static;
		margin: 0;
	}
}

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

	.formbox, .enq_frm {
		padding-left: 60px;
		padding-right: 60px;
	}

	.mlauto {
		margin-right: auto;
	}
	


	h1, h2 {
		font-size: 35px;
		font-size: 33px;
	}

	body {
		font-size: 20px;
		font-size: 18px;
	}

	.find {
		font-size: 23px;
		font-size: 21px;
	}
	.w1000 {
		max-width: 500px;
	}

	.vip {
		width: 400px!important;
	}

	.flex {
		flex-wrap: wrap;
	}

	.grid_6 {
		width: 100%;
	}
}

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

	#playvideo img{
		width: 56px;
	}

	h3 {
		font-size: 24px;
		font-size: 21px;
	}

	#vip_wrapper > div {
		padding: 20px;
	}

	.btn {
		font-size: 20px;
	}

	.bar {
		margin: 20px auto;
	}

	header .flex {
		padding:20px;
	}
	main {
		padding-top: 89px;
	}
	.w1520 {
		max-width: calc(100% - 40px);
	}
	.register {
		width: calc(100% - 40px);
	}
	#enquire {
		padding: 60px 0;
	}

	input, select {
		font-size: 20px;
		font-size: 18px;
		padding: 5px 0;
		margin-bottom: 20px;
	}

	#chkInternational + label {
		font-size: 10px;
	}

	.privacy {
		font-size: 14px;
	}

	.desk {
		display: none!important;
	}

	.mob {
		display: block!important;
	}
	.vip {
		width: 100%!important;
	}
	#landing > img {
		height: auto;
	}
	.mb125 {
		margin-bottom: 70px;
	}
	.mb200 {
		margin-bottom: 70px;
	}
	#vision {
		padding: 35px 0 60px;
	}

	#vision .vl:not(.mtb20) {
		width: 53px;
		height: 1px;
		margin:35px auto;

	}

	#vision .flex, footer .flex {
		flex-direction: column;
	}

	#vision img.w1520, #location img.w1520 {
		max-width: 100%;
	}

	#lifestyle {
		padding: 60px 0 60px;
	}

	.formbox, .enq_frm {
		padding-left: 45px;
		padding-right: 45px;
	}

	#enquire h1 {
		font-size: 25px;
		font-size: 23px;
	}

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

	.three_pg {
		margin-bottom: 40px;
	}
	

	.grid_7 {
		width: 100%;
		margin-bottom:30px;
	}

	.grid_5 {
		width: 100%;
	}

	.mb35 {
		margin-bottom: 20px;
	}
	.mb40 {
		margin-bottom:20px;
	}
	
	.mt65 {
		margin-top: 40px;
	}
	.mb50 {
		margin-bottom: 30px;
	}
	.mb80 {
		margin-bottom: 40px;
	}
	.mb100 {
		margin-bottom: 50px;
	}

	h1, h2 {
		font-size: 30px;
		font-size: 28px;
	}

	nav {
		position: fixed;
		top:89px;
		left: 0;
		width: 100%;
		height: calc(100vh - 89px);
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		transform: translateX(-100%);
		transition: all 0.6s ease;
	}

	header.active_nav nav {
		transform: translateX(0);

	}

	#nav li {
		display: block;
		border: none;
		padding: 20px 0;
	}

	#nav li:first-child {
		padding-top: 0;
	}

	#nav li:last-child {
		padding-bottom: 0;
	}

	#nav li:after {
		content: '';
		position: absolute;
		bottom: 0;
		width: 53px;
		height: 1px;
		background: #003348;
		left: 0;
		right: 0;
		margin: auto;
	}

	#nav li:last-child::after {
		display: none;
	}

	#nav li a{
		font-size: 24px;
	}

	#nav-toggle {
		display: block;
	}

	.fs35 {
		font-size: 16px;
	}
}

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

}

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