/* RESET
======================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {font-size: calc(var(--ss)*24vw);}
button {border:0;outline:0;}
* { box-sizing: border-box; outline:none;letter-spacing:normal;}
section[style*="z-index:"] {-webkit-transform: translate3d(0,0,0);}
body {line-height: 1;}
a {color:inherit;}
main section a[href*="faq"] {text-decoration:underline;}
section#page {overflow: clip;}
img {max-width:100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
p { margin-bottom: 1em; /*letter-spacing: 0.010em;*/}
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.softhide {display:none;}
u {text-decoration:underline;}
iframe { border:0; outline: none; width:100%;}
.video{background-size:cover; background-position: center; background-repeat:no-repeat}

/* FONT ASSIGNMENT
======================================================= */
body { font:var(--p1); text-align: left; overflow-x: hidden;}

main{height:100vh; height:100dvh;}
main section { margin-top: -1px;}

@media(max-width:768px){
	body.mega-open{height:100vh; height:100dvh; overflow:hidden;}
}

b, strong { font-weight:500; }
h1, .h1 {font:var(--h1); letter-spacing: var(--lsn08);}
h2, .h2 {font:var(--h2); }
h3, .h3 {font:var(--h3);}
h4, .h4 {font:var(--h4); }
p, .p1, .copy {font:var(--p1); text-transform: none;}
.p2, .copy.p2 p {font:var(--p2); letter-spacing:-0.03125em; text-transform:none;}
.ps, .copy.ps p {font:var(--ps); }
.pxs, .copy.pxs p {font:var(--pxs); }
span.p1 {display:inline-block;}
sup{vertical-align: super; font-size: 0.7em; }

.pre-wrap{white-space:pre-wrap;}

.copy a:not(.btn):not(.link){text-decoration: underline;}

.lh-0{line-height:0;}
.fs-0{font-size:0;}

/* COLOURING IN
======================================================= */
@media(min-width:769px){
	.cookie-button{padding:0; width:2.5vw !important; height:2.5vw !important;left:calc(var(--ss)*30vw) !important; bottom:calc(var(--ss)*30vw) !important;}
	.cookie-button svg{width:2vw !important; height:2vw !important;}
}

@media(max-width:768px){
	.cookie-button{left:calc(var(--ss)*16vw) !important; bottom:calc(var(--ss)*80vw) !important; }
}

/* COLOURING IN
======================================================= */
.white-bg { background-color: var(--white); }
.black-bg { background-color: var(--dgrey); }
.stone-bg { background-color: var(--stone); }
.olive-bg { background-color: var(--olive); }
.blue-bg { background-color: var(--blue); }
.orange-bg { background-color: var(--orange); }
.pink-bg { background-color: var(--pink); }
.green-bg { background-color: var(--green); }
.brown-bg { background-color: var(--brown); }
.cream-bg { background-color: var(--cream); }

.fc-black{color:var(--fc1);}
.fc-white{color:var(--fc2);}
.fc-stone{color:var(--stone);}
.fc-olive{color:var(--olive);}
.fc-blue{color:var(--blue);}
.fc-orange{color:var(--orange);}
.fc-pink { color: var(--pink); }
.fc-green{color:var(--green);}
.fc-brown{color:var(--brown);}
.fc-cream{color:var(--cream);}

@media(max-width:768px){
	.mob-white-bg { background-color: var(--white); }
	.mob-black-bg { background-color: var(--dgrey); }
	.mob-green-bg { background-color: var(--green); }
	.mob-dgreen-bg { background-color: var(--dgreen); }
	.mob-lime-bg { background-color: var(--lime); }
	.mob-teal-bg { background-color: var(--teal); }
	.mob-cream-bg { background-color: var(--cream); }
	.mob-pcream-bg { background-color: var(--pcream); }
	.mob-lblue-bg { background-color: var(--lblue); }

	.mob-fc-black{color:var(--fc1);}
	.mob-fc-white{color:var(--fc2);}
	.mob-fc-green{color:var(--green);}
	.mob-fc-dgreen{color:var(--dgreen);}
	.mob-fc-lime{color:var(--lime);}
	.mob-fc-teal{color:var(--teal);}
	.mob-fc-cream{color:var(--cream);}
	.mob-fc-pcream{color:var(--pcream);}
}

/* SNAP
======================================================= */
@media(max-width:768px) {
	.item-1 {order:1 !important;}
	.item-2 {order:2 !important;}
	.item-3 {order:3 !important;}
	.item-4 {order:4 !important;}
	.item-5 {order:5 !important;}
	.item-6 {order:6 !important;}
	.item-7 {order:7 !important;}
	.item-8 {order:8 !important;}
}

main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized):not(.mob-slider-arrows):not(.fade-slider):not(.icons-slider):not(.ti-panel-slider):not(.panel-slider), .revealus { transform: translateY(15px); transition: transform .45s cubic-bezier(.39,.575,.565,1), opacity .45s cubic-bezier(.47,0,.745,.715); opacity: 0; }

body.iOS main .fade-up-effect, body.iOS div[class*="-slider"]:not(.slick-initialized):not(.mob-slider-arrows):not(.fade-slider):not(.icons-slider):not(.ti-panel-slider):not(.panel-slider), body.iOS .revealus { opacity: 1; transform: translateY(0px);}

main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized) { transition-delay: .1s; }

main .fade-in, main .fade-in.slick-initialized, body.loaded .revealus,main .no-fade .fade-up-effect, body.legal  .fade-up-effect{ opacity: 1; transform: translateY(0px);}


@media (scripting: none) {
 	main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized):not(.mob-slider-arrows):not(.fade-slider):not(.icons-slider):not(.ti-panel-slider):not(.panel-slider), .revealus { transform: translateY(0px); transition: transform .45s cubic-bezier(.39,.575,.565,1), opacity .45s cubic-bezier(.47,0,.745,.715); opacity: 1; }
}
	

/* STRUCTURE
======================================================= */
section > div {width:100%;}
section * p:last-child {margin-bottom: 0;}

@media(min-width:769px){
	section .indent{padding-left:calc(var(--ss)*118vw);}
	section .indent-right{padding-right:calc(var(--ss)*118vw);}
}

menu, menu li{list-style: none;}
ul.list,
.copy ul{list-style: disc;padding-left: calc(var(--ss)*16vw);}
ol.list,
.copy ol{list-style: decimal; padding-left: calc(var(--ss)*16vw);}

@media(max-width:768px){
	ul.list,
	.copy ul{padding-left: calc(var(--ss)*14vw);}
	
	ol.list,
	.copy ol{padding-left: calc(var(--ss)*14vw);}
}

img, .img-wrap, .image{line-height:0;}
.img-wrap
.img-center img{object-position:center;}
.img-top img{object-position:top;}
.img-bottom img{object-position:bottom;}
.img-left img{object-position:left;}
.img-right img{object-position:right;}

picture img{
	transform: translateY(15px);
	transition: transform .45s cubic-bezier(.39,.575,.565,1), opacity .45s cubic-bezier(.47,0,.745,.715);	
	opacity: 0;
}
picture.loaded img{
	opacity: 1;
	transform: translateY(0px);
}

.flex{display: flex;}
.flex.reverse{flex-direction: row-reverse;}

.flex-wrap{flex-wrap: wrap;}

.flex-row{flex-direction:row}
.flex-column{flex-direction:column}
.flex-column.reverse{flex-direction:column-reverse}

.jcfe{justify-content: flex-start;}
.jcfe{justify-content: flex-end;}
.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}
.jcse{justify-content: space-evenly;}

.aifs{align-items: flex-start;}
.aife{align-items: flex-end;}
.aic{align-items: center;}
.aisb{align-items: space-between;}

.fg-1{flex-grow: 1}
.flex-1{flex: 1}
.flex-2{flex: 2}

.cover{object-fit: cover}
.contain{object-fit: contain}

@media(max-width:768px){
	.mob-flex{display: flex;}
	.mob-wrap{flex-wrap: wrap; }
	.mob-flex-column{display:flex; flex-direction:column !important;}
	.mob-flex-column-r{display:flex; flex-direction:column-reverse !important;}
	
	.mjcfe{justify-content: flex-start;}
	.mjcfe{justify-content: flex-end;}
	.mjcc{justify-content: center;}
	.mjcsb{justify-content: space-between;}

	.maifs{align-items: flex-start;}
	.maife{align-items: flex-end;}
	.maic{align-items: center;}
	.maisb{align-items: space-between;}
	
	.mfg-0{flex-grow: 0}
	
	.m-flex-0{flex: unset}
}

.mtauto{margin-top: auto;}
.mlauto{margin-left: auto;}
.mbauto{margin-bottom: auto;}
.mrauto{margin-right: auto;}
.mb-0{margin-bottom:0;}
.mt-0{margin-top:0 !important;}

button, a{cursor: pointer;}
.uc{text-transform: uppercase;}
.ul{text-decoration: underline;}
.w-100{width:100%;}
.h-fc{height:fit-content}
.w-fc{height:fit-content}

.rel{position:relative;}
.fixed{position:fixed;}
.abs{position:absolute;}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}

@media(min-width:769px){
	.copy-fw .copy{max-width:100% !important; width:100% !important;}
	.d-mt-0{margin-top:0 !important;}
	.d-mb-0{margin-bottom:0 !important;}
	
	.d-w-100{width:100% !important;}
	.d-w-90{width:90% !important;}
	.d-w-80{width:80% !important;}
	.d-w-70{width:70% !important;}
	.d-w-60{width:60% !important;}
	.d-w-50{width:50% !important;}
	.d-w-40{width:40% !important;}
	.d-w-30{width:30% !important;}
	.d-w-20{width:20% !important;}
	.d-w-10{width:10% !important;}
	
	.d-w-95{width:95% !important;}
	.d-w-85{width:85% !important;}
	.d-w-75{width:75% !important;}
	.d-w-65{width:65% !important;}
	.d-w-55{width:55% !important;}
	.d-w-45{width:45% !important;}
	.d-w-35{width:35% !important;}
	.d-w-25{width:25% !important;}
	.d-w-15{width:15% !important;}
}

@media(max-width:768px){
	.mob-text-left{text-align:left}
	.mob-text-right{text-align:right}
	.mob-text-center{text-align:center}
}

.pb-0{padding-bottom:0 !important;}
.pt-0{padding-top:0 !important;}
.pl-0{padding-left:0 !important;}
.pr-0{padding-right:0 !important;}

@media(min-width:769px){
	section.d-pb-0 > div{padding-bottom:0 !important;}
	section.d-pt-0 > div{padding-top:0 !important;}
	section.d-pl-0 > div{padding-left:0 !important;}
	section.d-pr-0 > div{padding-right:0 !important;}
}

@media(max-width:768px){
	section.m-pb-0 > div{padding-bottom:0 !important;}
	section.m-pt-0 > div{padding-top:0 !important;}
	section.m-pl-0 > div{padding-left:0 !important;}
	section.m-pr-0 > div{padding-right:0 !important;}
}

/* BUTTONS
======================================================= */
.btn{ display:flex; font:var(--btn); text-transform: uppercase; width:fit-content; height:calc(var(--ss)*51vw); justify-content: center; align-items:center; background:transparent; color:var(--brown);  transition: 0.3s all; cursor: pointer; padding:calc(var(--ss)*3vw) calc(var(--ss)*18vw) 0; letter-spacing: 0.05em; border-radius:calc(var(--ss)*3vw); border:calc(var(--ss)*2vw) solid var(--brown);}

.btn.btn-olive{background:var(--olive); border-color:var(--olive); color:var(--brown);}
.btn.btn-olive:hover{background:transparent; border-color:var(--brown); color:var(--brown);}

a{transition: 0.3s all;}

@media(min-width:769px){
	.btn-wrap{gap:calc(var(--ss)*30vw)}
}

@media(max-width:768px){
	.btn{padding-bottom:calc(var(--ss)*1.5vw);}
	.btn-wrap .btn:not(:last-of-type){margin-bottom:calc(var(--ss)*24vw);}
}

/* SLIDER
======================================================= */
.slider{width:100%; height:fit-content;}
.slick-track[class*="first-slide-"] > .slick-cloned:nth-child(2), 
.slick-slide { transition: .5s ease; }
.slick-slider, .slick-track { display:flex; flex-flow:row;}
.slick-list { overflow: hidden; }
.slick-track, .slick-list{height:100%;}
.slider img,.slider piture{width:100%; height:100%; object-fit: cover}

.slider:not(.slick-initialized) img:not(:first-child),
.image-slider:not(.slick-initialized) img:not(:first-child),
.nav-slider:not(.slick-initialized) .copy:not(:first-child){display:none;}

.slick-nav{padding:0 var(--hpad);}

.slick-arrow{width:calc(var(--ss)*43vw); height:calc(var(--ss)*21vw); background:transparent; border:0; padding:0; }
.slick-arrow.slick-prev{order:1;background:url('/templates/newacres2/images/icons/arrow-l-teal.svg') center / contain no-repeat;}
.slick-arrow.slick-next{order:3;background:url('/templates/newacres2/images/icons/arrow-r-teal.svg') center / contain no-repeat;}



.slick-dots {display:flex; align-items: center; justify-content: center; width:fit-content; order:2;  max-width:calc(var(--ss)*122vw);}
.slick-nav.dots-overflow .slick-dots{ justify-content: flex-start; overflow: hidden; position:relative;}

.slick-dots button{display:none;}
.slick-dots li { font-size: 0; line-height: 0; text-indent: -200vw; height: calc(var(--ss)*12vw); width: calc(var(--ss)*12vw); min-width: calc(var(--ss)*12vw); border-radius: 50%; background: transparent; border: calc(var(--ss)*1vw) solid var(--teal); padding: 0; margin:0 calc(var(--ss)*6vw);  cursor: pointer; transition: all  0.3s; aspect-ratio:1 / 1;}
.slick-dots:not(.slick-custom-dots) .slick-active,
.slick-custom-dots .slick-current{background:var(--teal);}


@media(min-width:769px){
	.slick-dots {margin:0 calc(var(--ss)*75vw)}
}

@media(max-width:768px){
	.slick-nav.dots-overflow:after{ right:calc(calc(var(--ss)*100vw) + var(--hpad));}

	.dots-below .slick-dots {order:4; width:100%; margin-top: calc(var(--ss)*24vw)}
}

/* VIDEO
======================================================= */
.video, .video-wrap{width: 100%; height:100%; overflow:hidden;}
.video iframe{ height:100.5%; width:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.video.portrait iframe{width:100.5%; height:auto;}

@media (min-aspect-ratio: 1 / 1) { 
/*	.video iframe{ height:auto; width:100.5%; }*/
}

/* HEADER
======================================================= */
header{padding:calc(var(--ss)*50vw); width:100%; z-index:2003; pointer-events: none; top:0; transition:0.3s top;}
header > div{pointer-events:all; border-radius:calc(var(--ss)*4vw); padding:calc(var(--ss)*12vw) calc(var(--ss)*35vw); height:var(--header-height); gap:calc(var(--ss)*vw)}

/* Logo */
header .logo img{width:calc(var(--ss)*121vw); height:calc(var(--ss)*28vw);}

/* Main menu */
header .mod-menu{display:flex; gap:calc(var(--ss)*35vw); align-items: center;pointer-events: all; transition:0.5s all;}
header .mod-menu li, header .mod-menu li a{font:var(--nav); color:var(--brown); line-height:1em; letter-spacing: -0.0225em;min-width: max-content; list-style: none;}
header .mod-menu li:hover, header .mod-menu li:hover > a,
header .mod-menu li.active, header .mod-menu li.active > a{color:var(--olive)}

/* Dropdown */
header .parent{position:relative;}
header .parent ul{opacity:0; position: absolute; height:fit-content; transition:0.5s all; pointer-events:none; border-radius:calc(var(--ss)*4vw); left:50%; top:calc(var(--ss)*57vw); transform:translateX(-50%); text-align: center; width:calc(var(--ss)*145vw); background:var(--cream); padding:calc(var(--ss)*22vw)}
header .parent ul a{pointer-events: none;}
header ul.mod-menu:not(.menu-open){transition-delay: 0.2s;}
header .parent.open ul{ pointer-events: all; opacity:1;transition:0.5s all;transition-delay: 0.2s;}
header .parent.open ul a{pointer-events: all;}
header .parent ul li:not(:last-child){margin-bottom:calc(var(--ss)*22vw);}

.btn-booking{height:calc(var(--ss)*43vw); padding:calc(var(--ss)*2vw) calc(var(--ss)*18vw) 0;}
.btn-booking svg{margin-right:calc(var(--ss)*10vw); width:calc(var(--ss)*21vw); height:calc(var(--ss)*21vw)}
header .btn-portal img{width:calc(var(--ss)*30vw); height:calc(var(--ss)*30vw)}

@media(min-width:769px){
	header > div{ gap:calc(var(--ss)*75vw)}
	header .btn-wrap{gap:calc(var(--ss)*50vw)}
}

@media(max-width:768px){
	header{padding:calc(var(--ss)*14vw); }
	header > div{border-radius:calc(var(--ss)*3vw); padding:calc(var(--ss)*0vw) calc(var(--ss)*24vw)}
	
	/* Logo */
	header .logo img{width:calc(var(--ss)*95vw); height:calc(var(--ss)*22vw);}
	
}

/* HAMBURGER
======================================================= */
@media(max-width:768px){
	#hamburger{display:block; width:calc(var(--ss)*19vw); height:calc(var(--ss)*15vw); position:relative; transition: .5s ease-in-out;pointer-events:all;z-index:1003; background:transparent; cursor: pointer}

	#hamburger span {display: block; position: absolute; height:calc(var(--ss)*2vw); width:50%; background-color: var(--brown); opacity:1; transform: rotate(0deg);transition:.25s ease-in-out;top:0;left:0;}

	#hamburger span:nth-child(even){ left:49%; }
	
	#hamburger .hb3, #hamburger .hb4 { top:calc(var(--ss)*6vw); }
	#hamburger .hb5, #hamburger .hb6 { top:calc(var(--ss)*12.5vw); }

	body.mega-open #hamburger .hb1,body.mega-open #hamburger .hb6{ transform: rotate(45deg); }
	body.mega-open #hamburger .hb2,body.mega-open #hamburger .hb5 {transform: rotate(-45deg)}

	body.mega-open #hamburger .hb1 { left:calc(var(--ss)*1.75vw); top:calc(var(--ss)*5.5vw); }
	body.mega-open #hamburger .hb2 { left: calc(50% - calc(var(--ss)*1.75vw)); top:calc(var(--ss)*5.5vw); }
	body.mega-open #hamburger .hb3 { left: -50%; opacity: 0; }
	body.mega-open #hamburger .hb4 { left: 100%; opacity: 0; }
	body.mega-open #hamburger .hb5 { left:calc(var(--ss)*1.75vw); top:calc(var(--ss)*11.5vw); }body.mega-open #hamburger .hb6 { left: calc(50% - calc(var(--ss)*1.75vw)); top:calc(var(--ss)*11.5vw); }
}

/* MOBILE MENU 
======================================================= */
@media(max-width:768px){
	.mega-menu{top:0; left:0;z-index:200; width:100vw; height:100vh; height:100dvh; transform:translateY(-100%); opacity:0; transition: transform 0.5s, opacity 0.5s; padding: calc(var(--ss)*20vw) var(--hpad) calc(var(--ss)*120vw); overflow-x: auto; background:var(--stone);}
	body.mega-open .mega-menu{transform:translateY(0%); opacity:1;}
	
}
	


/* NEWSLETTER POPUP
======================================================= */


/* HERO
======================================================= */



/* HERO
======================================================= */
@media(min-width:769px){
	
}

@media(max-width:768px){
	
}