/* 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: 16px;}
button {border:0;outline:0;}
* { box-sizing: border-box; outline:none;letter-spacing:inherit;}
section[style*="z-index:"] {-webkit-transform: translate3d(0,0,0);}
body {line-height: 1;}
a {color:inherit;}
main section a[href*="faq"]:not(.btn) {text-decoration:underline;}
section#page {overflow: clip;}
img {max-width:100%;}
picture {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}
.hidden {  display: none !important; }

/* FONT ASSIGNMENT
======================================================= */
body { font:var(--p1); text-align: left; overflow-x: hidden; color:var(--black)}

main section { margin-top: -1px;}

@media(max-width:768px){
	body.mega-open{height:100vh; height:100dvh; overflow:hidden;}
}

b, strong, .strong { font-weight:700; }
.strong { font-weight:700 !important; }
h1, .h1 {font:var(--h1); text-transform: uppercase; letter-spacing:var(--ls07); }
h2, .h2 {font:var(--h2); text-transform: none; letter-spacing: normal; }
.h2l {font:var(--h2l); text-transform: uppercase; letter-spacing:var(--ls07); }
h3, .h3 {font:var(--h3);  text-transform: uppercase; letter-spacing:var(--ls07);}
h4, .h4 {font:var(--h4); letter-spacing:var(--ls07); }
.sub {font:var(--sub); letter-spacing:var(--ls05); text-transform: uppercase; }
.btn-font{font:var(--btn)}
.icon-font{font:var(--icons); text-transform: uppercase; letter-spacing: var(--ls05);}
.signature{font:var(--signature); letter-spacing: -0.003em;}

.ls07{letter-spacing:var(--ls07)}

.title{font:var(--title); text-transform: uppercase; letter-spacing:var(--ls07); }

hgroup:not(:last-child),
hgroup > :not(:last-child){margin-bottom:var(--spacing);}

@media(max-width:768px){
    .m-h1 {font:var(--h1); }
    .m-h2 {font:var(--h2);  }
    .m-h3 {font:var(--h3); letter-spacing:var(--lsn01)}
    .m-h4 {font:var(--h4); letter-spacing:var(--ls02); }
    .m-sub {font:var(--sub); letter-spacing:var(--ls05); text-transform: uppercase; }
    .m-btn-font{font:var(--btn)}
    .m-icon-font{font:var(--icons)}
    
    hgroup:not(:last-child),
    hgroup > :not(:last-child){margin-bottom:var(--spacing-s);}
}

@media(min-width:769px){ 
}

@media(min-width:1513px){
}


p, .p1, .copy, .copy li {font:var(--p1); text-transform: none;}
.p2, .copy.p2 p, .copy.p2 li {font:var(--p2); letter-spacing:normal; text-transform:none;}
.ps, .copy.ps p {font:var(--ps); }
.pxs, .copy.pxs p {font:var(--p-xs); }
hgroup{width:100%;}

@media(max-width:768px){
	.m-p1, .copy.m-p1 p {font:var(--p1); text-transform: none; }
	.m-p2, .copy.m-p2 p {font:var(--p2); text-transform:none;}
	.m-ps, .copy.m-ps p {font:var(--ps); }
	.m-pxs, .copy.m-pxs p {font:var(--pxs); }
	
	.penthouse:before{ width:calc(var(--ss)*135vw); height:calc(var(--ss)*135vw); top:calc(var(--ss)*-45vw); right:calc(var(--ss)*-2vw); z-index: -1}
}

h1 span, .h1 span,
h2 span, .h2 span,
h3 span, .h3 span,
h4 span, .h4 span {display:block; width:100%; letter-spacing: inherit; font:inherit;  }

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;}

/* COOKIE BUTTON
======================================================= */
@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(--black); }

.red-bg { background-color: var(--red); }
.orange-bg { background-color: var(--orange); }
.pink-bg { background-color: var(--pink); }
.chalk-bg { background-color: var(--chalk); }
.green-bg { background-color: var(--green); }


.fc-black{color:var(--black);}
.fc-white{color:var(--white);}
.fc-red{color:var(--red);}
.fc-orange{color:var(--orange);}

@media(max-width:768px){
	.mob-white-bg { background-color: var(--white); }
	.mob-black-bg { background-color: var(--black); }
    
    .mob-red-bg { background-color: var(--red); }
    .mob-orange-bg { background-color: var(--orange); }
    .mob-pink-bg { background-color: var(--pink); }
    .mob-chalk-bg { background-color: var(--chalk); }
    .mob-green-bg { background-color: var(--green); }
    
    
    .mob-fc-black{color:var(--black);}
    .mob-fc-white{color:var(--white);}
    .mob-fc-orange{color:var(--orange);}
}


/* 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([class*="-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([class*="-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([class*="-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;}

.container{width:100%;  padding:var(--vpad) var(--hpad);}

.container .indent{width:100% !important;}
@media(max-width:768px){
    .container .indent.flex .copy:not(:last-child){margin-bottom:var(--spacing)}
}

@media(min-width:769px){
	.container .indent{padding-left:calc(var(--ss)*360vw);}
	.container .indent-right{padding-right:calc(var(--ss)*360vw);}
    
    .container .indent.flex{gap:calc(var(--ss)*75vw);}
    .container .indent.flex .copy{width:calc(var(--ss)*356vw)}
}


@media(min-width:1513px){
	body.fixed-width .container{max-width:calc(1512/16*1rem); margin-left: auto; margin-right: auto;}
	body.fixed-width .container .indent{padding-left:calc(360/16*1rem);}
	body.fixed-width .container .indent-right{padding-right:calc(360/16*1rem);}
    body.fixed-width .container .indent.flex{gap:calc(75/16*1rem);}
    body.fixed-width .container .indent.flex .copy{width:calc(356/16*1rem)}
}


main{position:relative; z-index: 2002;}

menu, menu li{list-style: none;}
ul.list,
.copy ul{list-style: disc; padding-left: 0.95em}
ol.list,
.copy ol{list-style: decimal; padding-left: 0.95em}

.copy li{margin-bottom:0.3em;}

.copy ul{margin-bottom: 1em}
.copy ul:last-child{margin-bottom:0}

.copy table, .copy th, .copy td{border:var(--border);}
.copy th, .copy td{padding:calc(var(--ss)*2vw) calc(var(--ss)*5vw);}

@media(min-width:1513px){
    .copy th, .copy td{padding:calc(2/16*1rem) calc(5/16*1rem);}
}

@media(max-width:768px){

}



.br{border-radius:var(--radius);}

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-r{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}

.jcfs{justify-content: flex-start;}
.jcfe{justify-content: flex-end;}
.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}
.jcsa{justify-content: space-around;}
.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(min-width:769px){
	.d-flex{display: flex;}
	.d-wrap{flex-wrap: wrap; }
	.d-flex-column{display:flex; flex-direction:column !important;}
	.d-flex-column-r{display:flex; flex-direction:column-reverse !important;}
	
	.djcfs{justify-content: flex-start;}
	.djcfe{justify-content: flex-end;}
	.djcc{justify-content: center;}
	.djcsb{justify-content: space-between;}
    .djcsa{justify-content: space-around;}

	.daifs{align-items: flex-start;}
	.daife{align-items: flex-end;}
	.daic{align-items: center;}
	.daisb{align-items: space-between;}
	
	.dfg-0{flex-grow: 0}
	
	.d-flex-0{flex: unset}
}

@media(max-width:768px){
	.mob-flex{display: flex;}
	.mob-wrap, .mob-flex-wrap{flex-wrap: wrap; }
	.mob-flex-column{display:flex; flex-direction:column !important;}
	.mob-flex-column-r{display:flex; flex-direction:column-reverse !important;}
	
	.mjcfs{justify-content: flex-start;}
	.mjcfe{justify-content: flex-end;}
	.mjcc{justify-content: center;}
	.mjcsb{justify-content: space-between;}
    
    .mjcsa{justify-content: space-around;}

	.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}
}

.grid{display:grid; grid-template-columns: repeat(1,minmax(0,1fr));}
.grid > *{width:100% !important} 

.grid-1{grid-template-columns: repeat(1,minmax(0,1fr));}
.grid-2{grid-template-columns: repeat(2,minmax(0,1fr));}
.grid-3{grid-template-columns: repeat(3,minmax(0,1fr));}
.grid-4{grid-template-columns: repeat(4,minmax(0,1fr));}
.grid-5{grid-template-columns: repeat(5,minmax(0,1fr));}
.grid-8{grid-template-columns: repeat(6,minmax(0,1fr));}

.grid-col-3-1{grid-column: 3 / 1}

@media(max-width:768px){
    .m-grid{display:grid; grid-template-columns: repeat(1,minmax(0,1fr));}
    .m-grid > *{width:100% !important} 
	.m-grid-1{grid-template-columns: repeat(1,minmax(0,1fr));}
	.m-grid-2{grid-template-columns: repeat(2,minmax(0,1fr));}
	.m-grid-3{grid-template-columns: repeat(3,minmax(0,1fr));}
	.m-grid-4{grid-template-columns: repeat(4,minmax(0,1fr));}
	.m-grid-5{grid-template-columns: repeat(5,minmax(0,1fr));}
	.m-grid-6{grid-template-columns: repeat(6,minmax(0,1fr));}
}

@media(min-width:769px){
    .d-grid{display:grid; grid-template-columns: repeat(1,minmax(0,1fr));}
    .d-grid > *{width:100% !important} 
	.d-grid-1{grid-template-columns: repeat(1,minmax(0,1fr));}
	.d-grid-2{grid-template-columns: repeat(2,minmax(0,1fr));}
	.d-grid-3{grid-template-columns: repeat(3,minmax(0,1fr));}
	.d-grid-4{grid-template-columns: repeat(4,minmax(0,1fr));}
	.d-grid-5{grid-template-columns: repeat(5,minmax(0,1fr));}
	.d-grid-6{grid-template-columns: repeat(6,minmax(0,1fr));}
}

@media(min-width:1513px){
    body.fixed-width .xl-grid{display:grid; grid-template-columns: repeat(1,minmax(0,1fr));}
    body.fixed-width .xl-grid > *{width:100% !important} 
	body.fixed-width .xl-grid-1{grid-template-columns: repeat(1,minmax(0,1fr));}
	body.fixed-width .xl-grid-2{grid-template-columns: repeat(2,minmax(0,1fr));}
	body.fixed-width .xl-grid-3{grid-template-columns: repeat(3,minmax(0,1fr));}
	body.fixed-width .xl-grid-4{grid-template-columns: repeat(4,minmax(0,1fr));}
	body.fixed-width .xl-grid-5{grid-template-columns: repeat(5,minmax(0,1fr));}
	body.fixed-width .xl-grid-6{grid-template-columns: repeat(6,minmax(0,1fr));}
}


.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;}
.tt-c{text-transform:capitalize;}
.tt-l{text-transform:lowercase;}
.tt-0{text-transform:none;}
.ul{text-decoration: underline;}
.w-100{width:100%;}
.h-100{height:100%;}
.h-fc{height:fit-content}
.w-fc{width: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(max-width:768px){
    .m-mtauto{margin-top: auto;}
    .m-mlauto{margin-left: auto;}
    .m-mbauto{margin-bottom: auto;}
    .m-mrauto{margin-right: auto;}
/*	.copy-fw .copy{max-width:100% !important; width:100% !important;}*/
	.m-mt-0{margin-top:0 !important;}
	.m-mb-0{margin-bottom:0 !important;}
	
	.m-w-100{width:100% !important;}
	.m-w-90{width:90% !important;}
	.m-w-80{width:80% !important;}
	.m-w-70{width:70% !important;}
	.m-w-60{width:60% !important;}
	.m-w-50{width:50% !important;}
	.m-w-40{width:40% !important;}
	.m-w-30{width:30% !important;}
	.m-w-20{width:20% !important;}
	.m-w-10{width:10% !important;}
	
	.m-w-95{width:95% !important;}
	.m-w-85{width:85% !important;}
	.m-w-75{width:75% !important;}
	.m-w-65{width:65% !important;}
	.m-w-55{width:55% !important;}
	.m-w-45{width:45% !important;}
	.m-w-35{width:35% !important;}
	.m-w-25{width:25% !important;}
	.m-w-15{width:15% !important;}
}

@media(min-width:769px){
    .d-mtauto{margin-top: auto;}
    .d-mlauto{margin-left: auto;}
    .d-mbauto{margin-bottom: auto;}
    .d-mrauto{margin-right: auto;}
/*	.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, .m-text-left{text-align:left}
	.mob-text-right, .m-text-right{text-align:right}
	.mob-text-center, .m-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-l,section.d-bp-l{padding-bottom:calc(var(--ss)*40vw)}
	section.d-pb-0 .container, .container.d-pb-0{padding-bottom:0 !important;}
	section.d-pt-0 .container, .container.d-pt-0{padding-top:0 !important;}
	section.d-pl-0 .container, .container.d-pl-0{padding-left:0 !important;}
	section.d-pr-0 .container, .container.d-pr-0{padding-right:0 !important;}
	
	section.d-pt-s .container{padding-top:calc(var(--vpads)) !important;}
	section.d-pb-s .container{padding-bottom:calc(var(--vpads)) !important;}
}

@media(max-width:768px){
	section.m-pt-s .container{padding-top:calc(var(--vpads)) !important;}
	section.m-pb-s .container{padding-bottom:calc(var(--vpads)) !important;}
	
	section.m-pb-l{padding-bottom:calc(var(--ss)*35vw)}
	section.m-pb-0 .container, .container.m-pb-0{padding-bottom:0 !important;}
	section.m-pt-0 .container, .container.m-pt-0{padding-top:0 !important;}
	section.m-pl-0 .container, .container.m-pl-0{padding-left:0 !important;}
	section.m-pr-0 .container, .container.m-pr-0{padding-right:0 !important;}
}

@media(min-width:1513px){
	body.fixed-width section.d-pb-l,body.fixed-width section.d-bp-l{padding-bottom:3.125rem}
}

/* BORDERS
======================================================= */
.border{border:var(--border)}
.border-t{border-top:var(--border)}
.border-b{border-bottom:var(--border)}
.border-l{border-left:var(--border)}
.border-r{border-right:var(--border)}

@media(max-width:768px){
    .m-border{border:var(--border)}
    .m-border-t{border-top:var(--border)}
    .m-border-b{border-bottom:var(--border)}
    .m-border-l{border-left:var(--border)}
    .m-border-r{border-right:var(--border)}
}

@media(min-width:769px){
	.d-border{border:var(--border)}
    .d-border-t{border-top:var(--border)}
    .d-border-b{border-bottom:var(--border)}
    .d-border-l{border-left:var(--border)}
    .d-border-r{border-right:var(--border)}
}


/* BUTTONS
======================================================= */
.btn{ display:flex; font:var(--btn); border:var(--borderw); width:100%; height:calc(var(--ss)*44vw); justify-content: center; align-items:center; background:var(--white); color:var(--black); transition: 0.3s all; cursor: pointer; padding:0 calc(var(--ss)*14vw) calc(var(--ss)*1vw); border-radius:0; letter-spacing: var(--ls07); position:relative; text-align: center; text-transform: uppercase;}

.btn-white, .btn-primary{background:var(--white); color:var(--black);}
.btn-white30, .btn-secondary{background:var(--white30); color:var(--white);}
.btn-border, .btn-menu{background:transparent; color:var(--white);}
.btn-black{background:var(--black); color:var(--white);}
.btn-red, .btn-key{background:var(--red); color:var(--white);}
.btn-green{background:var(--green); color:var(--white);}

.btn-icon{padding:0 calc(var(--ss)*10vw); width:fit-content;}
.btn-icon svg{height:calc(var(--ss)*25vw); width:calc(var(--ss)*25vw)}


/* Hover */
.btn:hover, .btn-white:hover, .btn-primary:hover,
.btn:focus, .btn-white:focus, .btn-primary:focus,
.btn-border:hover, .btn-menu:hover, .btn-black:hover,
.btn-border:focus, .btn-menu:focus, .btn-black:focus{background:var(--white30); color:var(--white);}

.btn-white30:hover, .btn-secondary:hover,
.btn-white30:focus, .btn-secondary:focus{background:var(--white); color:var(--black);}

.btn-red:hover, .btn-key:hover,
.btn-red:focus, .btn-key:focus{background:var(--red30); color:var(--white);}

.btn-green:hover, .btn-green:focus{background:var(--green30); color:var(--white);}


/* Active */
.btn:active, .btn-white:active, .btn-primary:active,
.btn-white30:active, .btn-secondary:active,
.btn-red:active, .btn-key:active,
.btn-green:active{background:var(--black); color:var(--white);}

.btn-border:active, .btn-menu:active, .btn-black:active{background:var(--white); color:var(--black);}

.btn.w-100{width:100%;}

/* ARROWS */
.btn-arrow svg{width:calc(var(--ss)*18.3vw); height:calc(var(--ss)*20vw); margin-left:calc(var(--ss)*10vw)}
.btn-arrow svg *{transition:all 0.3s}

.btn-arrow:active svg > *,
.btn-white30:hover svg > *{fill:var(--black)}

.btn-wrap.btn-main .btn span{white-space: nowrap;}


/* hover states */

a, button{transition: 0.3s all;}


.btn-wrap{gap:calc(var(--ss)*3vw)}

@media(max-width:768px){
    .mob-btn-100 > .btn{width:100%;}
}

@media(min-width:769px){
    .btn-wrap{gap:calc(var(--ss)*5vw)}
    .btn-wrap.btn-main .btn{min-width:calc(var(--ss)*290vw);}
    .btn{padding-bottom:calc(var(--ss)*2vw);}
}


@media(min-width:1513px){
    body.fixed-width .btn-wrap.grid{gap:calc(5/16*1rem)}
    
    body.fixed-width .btn-wrap.btn-main{gap:calc(5/16*1rem)}
    body.fixed-width .btn-main .btn{min-width:calc(290/16*1rem)}
    
	body.fixed-width .btn{height:calc(44/16*1rem); padding:0 calc(14/16*1rem) calc(2/16*1rem);}
    
    /* ARROWS */
	body.fixed-width .btn-arrow svg{width:calc(18.3/16*1rem); height:calc(20/16*1rem); margin-left:calc(10/16*1rem)}
}


.link{text-transform: uppercase; font:var(--link); letter-spacing: var(--ls05); display:flex; align-items: center; color:inherit; position:relative;}

@media(min-width:769px){
}

@media(max-width:768px){
}

@media(min-width:1513px){
}


/*
BOUNCE ANIMATION
========================================================== */
@keyframes bounceright {
  0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
  40% { transform: translateX(30%); }
  60% { transform: translateX(15%); }
}
@keyframes bounceleft {
  0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
  40% { transform: translateX(-30%); }
  60% { transform: translateX(-15%); }
}
@keyframes bouncedown {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(30%); }
  60% { transform: translateY(15%); }
}


.bounce-down:after{animation:var(--bounce-down)}
.bounce-left:before{animation:var(--bounce-left)}
.bounce-right:after{animation:var(--bounce-right)}


/* 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 */
.slick-nav{padding:0; width:100%; margin-top:calc(var(--ss)*27vw);}

/* Slick Arrows */
.slick-arrow{width:calc(var(--ss)*44vw); min-width:calc(var(--ss)*44vw); height:calc(var(--ss)*44vw); background:transparent; padding:0; transition:0.3s all; display:flex; align-items: center; justify-content: center; border:var(--border);}
.slick-arrow.slick-disabled{opacity:0; pointer-events:none;}
.slick-arrow:hover{background:var(--white30);}
.slick-arrow:active{background:var(--white);}

.slick-arrow svg{height:calc(var(--ss)*19vw); width:calc(var(--ss)*20vw); object-fit: contain;}
.slick-arrow svg > *{transition:0.3s all;}
.slick-arrow:active svg > *{fill:var(--black);}

.slick-nav.has-dots .slick-prev{order:1;}
.slick-nav.has-dots .slick-next{order:3;}

.chalk-bg .slick-arrow{border-color:var(--black);}
.chalk-bg .slick-arrow:hover{background:var(--white);}
.chalk-bg .slick-arrow:active{background:var(--black);}
.chalk-bg .slick-arrow svg > *{fill:var(--black); }
.chalk-bg .slick-arrow:active svg > *{fill:var(--white); } 

/* Slick Counter */
.slick-counter{ font-size:calc(var(--ss)*13vw); line-height:1em; font-weight:400}

/* Slick Dots */
.slick-dots {display:flex !important; align-items: center; justify-content: center; width:100%; order:2; gap:calc(var(--ss)*22vw)}
.slick-dots button{display:none;}
.slick-dots li { font-size: 0; line-height: 0; text-indent: -200vw; height: calc(var(--ss)*8vw); width:calc(var(--ss)*8vw); min-width: calc(var(--ss)*8vw);  background:var(--white30); padding:0; cursor:pointer; transition: all  0.3s; aspect-ratio:1 / 1;}
.slick-dots .slick-active{background:var(--white);}

.chalk-bg .slick-dots li {background:var(--black30);}
.chalk-bg .slick-dots .slick-active{background:var(--black);}

/* Slick Captions */
.slick-captions{position:absolute; left:50%; bottom:calc(var(--ss)*30vw); transform:translateX(-50%); height:calc(var(--ss)*44vw); display:flex; align-items: center; justify-content: center; padding:0 calc(var(--ss)*14vw) calc(var(--ss)*1vw); transition:0.3s width; font:var(--title); color:var(--white); text-transform: uppercase; letter-spacing:var(--ls07); background:var(--white30);border: var(--borderw); box-shadow:var(--shadow); }
.slick-slider .img-captions{display:none;}

@media(max-width:768px){
    .slick-nav.m-pad{padding:0 var(--hpad)}
    
    .mob-chalk-bg .slick-arrow{border-color:var(--black);}
    .mob-chalk-bg .slick-arrow:hover{background:var(--white);}
    .mob-chalk-bg .slick-arrow:active{background:var(--black);}
    .mob-chalk-bg .slick-arrow svg > *{fill:var(--black); }
    .mob-chalk-bg .slick-arrow:active svg > *{fill:var(--white); } 
    
    .mob-black-bg .slick-arrow, .mob-red-bg .slick-arrow, .mob-orange-bg .slick-arrow, .mob-pink-bg .slick-arrow, .mob-green-bg .slick-arrow{border-color:var(--white);}
    .mob-black-bg .slick-arrow:hover, .mob-red-bg .slick-arrow:hover, .mob-orange-bg .slick-arrow:hover, .mob-pink-bg .slick-arrow:hover, .mob-green-bg .slick-arrow:hover{background:var(--white30);}
    .mob-black-bg .slick-arrow:active, .mob-red-bg .slick-arrow:active, .mob-orange-bg .slick-arrow:active, .mob-pink-bg .slick-arrow:active, .mob-green-bg .slick-arrow:active{background:var(--white);} 
    .mob-black-bg .slick-arrow svg > *, .mob-red-bg .slick-arrow svg > *, .mob-orange-bg .slick-arrow svg > *, .mob-pink-bg .slick-arrow svg > *, .mob-green-bg .slick-arrow svg > *{fill:var(--white); }
    .mob-black-bg .slick-arrow:active svg > *, .mob-red-bg .slick-arrow:active svg > *, .mob-orange-bg .slick-arrow:active svg > *, .mob-green-bg .slick-arrow:active svg > *, .mob-pink-bg .slick-arrow:active svg > *{fill:var(--black); } 
    
    .mob-chalk-bg .slick-dots li {background:var(--black30);}
    .mob-chalk-bg .slick-dots .slick-active{background:var(--black);}
    
    
    .mob-black-bg .slick-dots li, .mob-red-bg .slick-dots li, .mob-orange-bg .slick-dots li, .mob-green-bg .slick-dots li, .mob-pink-bg .slick-dots li{background:var(--white30);}
    .mob-black-bg .slick-dots .slick-active, .mob-red-bg .slick-dots .slick-active, .mob-orange-bg .slick-dots .slick-active, .mob-green-bg .slick-dots .slick-active, .mob-pink-bg .slick-dots .slick-active{background:var(--white);}
}

@media(min-width:769px){
    /* Slick Nav */
    .slick-nav{ margin-top:calc(var(--ss)*50vw);}
    .slick-nav.d-pad{padding:0 var(--hpad)}
    
    .slick-arrow{position:absolute; top:calc(50% - calc(var(--ss)*29vw)); transform:translateY(-50%)}
    .slick-prev{left:0;}
    .slick-next{right:0;}

    .slick-captions{bottom:calc(var(--ss)*50vw); min-width:calc(var(--ss)*288vw);height:calc(var(--ss)*54vw); padding:0 calc(var(--ss)*20vw) calc(var(--ss)*1vw); }
}

@media(min-width:1513px){
    /* Slick Nav */
    body.fixed-width .slick-nav{ margin-top:calc(50/16*1rem);}
    
    /* Slick Arrows */
    body.fixed-width .slick-arrow{width:calc(44/16*1rem); min-width:calc(44/16*1rem); height:calc(44/16*1rem); top:calc(50% - calc(29/16*1rem));}
    body.fixed-width .slick-arrow svg{height:calc(19/16*1rem); width:calc(20/16*1rem);}
    
    /* Slick Dots */
    body.fixed-width .slick-dots {gap:calc(22/16*1rem)}
    body.fixed-width .slick-dots li { height:calc(8/16*1rem); width:calc(8/16*1rem); min-width:calc(8/16*1rem); }
    
    body.fixed-width .slick-captions{bottom:calc(50/16*1rem); min-width:calc(288/16*1rem);height:calc(54/16*1rem); padding:0 calc(20/16*1rem) calc(1/16*1rem); }

}


/* TITLES
======================================================= */
.title-block{  margin-bottom:var(--spacing);}
.title-block .title-wrap{border-bottom:var(--border);padding-bottom:calc(var(--ss)*18vw);}
.title-block .title{color:rgba(255, 255, 255, 0.40)}
.chalk-bg .title-block .title{color:rgba(30, 30, 30, 0.4)}

@media(max-width:768px){}

@media(min-width:769px){
	.title-block .title-wrap{padding-bottom:calc(var(--ss)*20vw);}
}

@media(min-width:1513px){
    body.fixed-width .title-block .title-wrap{padding-bottom:calc(20/16*1rem);}
}

/* IOS FIXES */
@media(max-width:768px){}


/* TOP CONTENT
======================================================= */
.top-content:not(:last-child){margin-bottom:var(--spacing);}
@media(max-width:768px){
}

@media(min-width:769px){
    .top-content hgroup{max-width:calc(var(--ss)*1079vw)}
}

@media(min-width:1513px){
    body.fixed-width .top-content hgroup{max-width:calc(1079/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){
}




/* VIDEO
======================================================= */
.video, .video-wrap{width: 100%; height:100%; overflow:hidden;}
.video iframe{ height:auto; width:100.5%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.video[data-aspect="landscape"] iframe { height:100.5%; }
.video.portrait iframe{width:auto; height:100.5%;}
.hero-block .video.portrait iframe { width:auto; height:109.5%; }

.hero-block .apt-info{list-style: none; padding-left: 0;}

/* Custom controls */
.custom-controls-wrap{width:100%; height:100%; position: absolute; left:0; right:0; top:0; bottom:0; display:flex; align-items: center; justify-content: center; flex-direction: column; transition: 0.3s all; opacity:1; cursor:pointer;}

.custom-play{width:calc(var(--ss)*44vw); height:calc(var(--ss)*44vw); border:var(--borderw); background:var(--white30);transition: 0.3s all;opacity:1;backdrop-filter: blur(5px);z-index: 10; display:flex; align-items: center; justify-content:center; padding:0; }

.custom-play svg{width:calc(var(--ss)*25vw); height:calc(var(--ss)*24vw); margin-left:calc(var(--ss)*2vw);}
.custom-play svg path{transition:all 0.3s;}

.custom-play:hover{background:var(--white);}
.custom-play:hover svg path{fill:var(--black);stroke:var(--black)}

.bg-video .custom-play{z-index: 10000;}

.custom-title{display:flex; border:var(--borderw); width:fit-content; min-width:calc(var(--ss)*235vw); height:calc(var(--ss)*44vw); justify-content: center; align-items:center; background:var(--white30); color:var(--white); transition: 0.3s all;  padding:0 calc(var(--ss)*17vw) calc(var(--ss)*1vw); border-radius:0; letter-spacing: var(--ls07); position:relative; text-align: center; text-transform: uppercase; position: absolute; bottom:calc(var(--ss)*40vw); left:50%; transform:translateX(-50%); opacity:1;}

.video.playing + .custom-controls-wrap .custom-play,
.video.playing + .custom-controls-wrap .custom-title{opacity:0; pointer-events: 0;}


@media(max-width:768px){
    .hero-fh .custom-play{position: absolute; top: calc(var(--banner-height) + var(--header-height) + calc(var(--ss)*20vw)); right:calc(var(--ss)*10vw)}
}

@media(min-width:769px){
    .custom-play{width:calc(var(--ss)*54vw); height:calc(var(--ss)*54vw);}
    .hero-fh .custom-play{width:calc(var(--ss)*69vw); height:calc(var(--ss)*69vw);}
    .hero-fh .custom-play svg{width:calc(var(--ss)*39vw); height:calc(var(--ss)*39vw); margin-left:calc(var(--ss)*3vw);}
    .custom-play svg{width:calc(var(--ss)*30vw); height:calc(var(--ss)*30vw); margin-left:calc(var(--ss)*3vw);}
    
    .custom-title{ min-width:calc(var(--ss)*288vw); height:calc(var(--ss)*54vw); padding:0 calc(var(--ss)*17vw) calc(var(--ss)*1vw); bottom:calc(var(--ss)*49vw);}
}

@media(min-width:1513px){
    body.fixed-width .custom-play{width:calc(54/16*1rem); height:calc(54/16*1rem);}
    body.fixed-width .hero-fh .custom-play{width:calc(69/16*1rem); height:calc(69/16*1rem);}
    body.fixed-width .hero-fh .custom-play svg{width:calc(39/16*1rem); height:calc(39/16*1rem); margin-left:calc(3/16*1rem);}
    body.fixed-width .custom-play svg{width:calc(30/16*1rem); height:calc(30/16*1rem); margin-left:calc(3/16*1rem);}
    
    body.fixed-width .custom-title{ min-width:calc(288/16*1rem); height:calc(54/16*1rem); padding:0 calc(17/16*1rem) calc(1/16*1rem); bottom:calc(49/16*1rem);}
}


@media (min-aspect-ratio: 1 / 1) { 
/*	.video iframe{ height:auto; width:100.5%; }*/
}


/* SIDE STICKER TABS
======================================================= */
/*.side-sticker{ right:0; top:calc(var(--header-height) + var(--banner-height) + calc(var(--ss)*23vw)); z-index:2003}*/
.side-sticker img{width:calc(var(--ss)*48vw); height:calc(var(--ss)*48vw);}

.sticky-btns .container{ gap:calc(var(--ss)*5vw)}
.sticky-btns a{pointer-events: all;}

@media(max-width:768px){
    .sticky-btns{position:fixed; bottom:0; left:0; z-index:1000; height:fit-content; pointer-events: none; width:100%;}
    .sticky-btns .container{padding-bottom:calc(var(--ss)*20vw);}
}

@media(min-width:769px){
    
    .sticky-btns{position: absolute; height:100%; top:0; left:0; z-index:1000; pointer-events: none; width:100%;}
    .sticky-btns .container{position: sticky; top:0; left:0; height:100vh}
    .sticky-btns .btn{width:calc(var(--ss)*44vw); padding:0 !important;}
    .sticky-btns .btn svg{width:calc(var(--ss)*23vw); height:calc(var(--ss)*23vw)}
    
}

@media(min-width:1513px){
    body.fixed-width .sticky-btns .container{max-width:100%;}
    body.fixed-width .sticky-btns .btn{width:calc(44/16*1rem)}
    body.fixed-width .sticky-btns .btn svg{width:calc(23/16*1rem); height:calc(23/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){
    body[data-agent="safari"][data-platform="iPhone"][data-osV="14"] .sticky-btns .container{padding-bottom: calc(var(--ss)*18vw)}
    body[data-agent="safari"][data-platform="iPhone"][data-osV="26"] .sticky-btns .container{padding-bottom: 0;}
    body[data-agent="safari"][data-platform="iPhone"][data-osV="26"] .sticky-btns{bottom:calc(var(--ss)*5vw)}

    
}

/* TEMPLATE
======================================================= */
.contact-buttons .btn-wrap{max-width:calc(var(--ss)*235vw); margin:0 auto}
.contact-btn{padding-right:0 !important;}
.contact-btn span{white-space: nowrap;}
.contact-btn span.subtext{text-transform: none; font-weight: 300;}
.contact-btn .btn-icon{height:100%; width:calc(var(--ss)*44vw); display:flex; align-items: center; justify-content:center; border-left:var(--border);}

.contact-tel .btn-icon svg{width:calc(var(--ss)*18vw)}
.contact-whatsapp .btn-icon svg{width:calc(var(--ss)*23vw)}
.contact-vinny .btn-icon svg{width:calc(var(--ss)*25vw)}

.contact-btn .btn-icon svg *{transition:all 0.3s;}
.contact-btn:active .btn-icon svg path{stroke:var(--black)}
.contact-btn:active .btn-icon svg circle{fill:var(--black)}

@media(max-width:768px){
}

@media(min-width:769px){
	.contact-buttons .btn-wrap{max-width:calc(var(--ss)*572vw);}
}

@media(min-width:1513px){
    body.fixed-width .contact-buttons .btn-wrap{max-width:calc(572/16*1rem)}
    .contact-btn .btn-icon{width:calc(44/16*1rem);}

    .contact-tel .btn-icon svg{width:calc(19/16*1rem)}
    .contact-whatsapp .btn-icon svg{width:calc(23/16*1rem)}
    .contact-vinny .btn-icon svg{width:calc(23/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){
}


/* HOMEVIEWS BLOCK
======================================================= */
.homeviews-block{ text-decoration: none !important; line-height:1em;}
.homeviews-block .homeviews-images{margin-top:calc(var(--ss)*10vw); gap:calc(var(--ss)*33vw)}
.homeviews-block .stars{ width:calc(var(--ss)*100vw); height:calc(var(--ss)*15vw); }
.homeviews-block .homeviews{width:calc(var(--ss)*103.213vw); height:calc(var(--ss)*20.428vw); }

.text-center .homeviews-block .flex{align-items: center; justify-content: center;}

@media(max-width:768px){
}

@media(min-width:769px){
}

@media(min-width:1513px){
}


/* HOMEVIEWS BANNER
======================================================= */
.hv-banner-block{height:var(--vpad); z-index: 1;}

.hv-banner-wrap, .hv-wrap, .hv-banner-block .slick-track{gap:calc(var(--ss)*20vw)}

.hv-banner-block .stars{ width:auto; height:calc(var(--ss)*14vw); }
.hv-banner-block .homeviews{width:auto; height:calc(var(--ss)*16vw); margin-bottom:calc(var(--ss)*-2vw);}

.hv-banner-block .p1{font-weight: 500;}

@media(max-width:768px){
    .hv-banner-block .p1{font-size:calc(var(--ss)*14vw)}
}

@media(min-width:769px){
    .hv-banner-block .stars{ height:calc(var(--ss)*20vw); }
    .hv-banner-block .homeviews{height:calc(var(--ss)*23vw); margin-bottom:calc(var(--ss)*-2vw);}
}

@media(min-width:1513px){
    body.fixed-width .hv-banner-wrap, body.fixed-width .hv-wrap, body.fixed-width .hv-banner-block .slick-track{gap:calc(20/16*1rem)}

    body.fixed-width .hv-banner-block .stars{ height:calc(20/16*1rem); }
    body.fixed-width .hv-banner-block .homeviews{height:calc(23/16*1rem); margin-bottom:calc(-2/16*1rem);}
}

/* IOS FIXES */
@media(max-width:768px){
}



/* TOP BANNER
======================================================= */

@media(max-width:768px){
}

@media(min-width:769px){
	
}

@media(min-width:1513px){
}


/* SOCIAL ICONS
======================================================= */
.social-wrap{gap:calc(var(--ss)*30vw)}
.social-wrap a img{width:calc(var(--ss)*26vw); height:calc(var(--ss)*26vw); object-fit: contain;}
@media(max-width:768px){}

@media(min-width:769px){}

@media(min-width:1513px){
	body.fixed-width .social-wrap{gap:calc(30/16*1rem)}
	body.fixed-width .social-wrap a img{width:calc(26/16*1rem); height:calc(26/16*1rem);}
}

/* IOS FIXES */
@media(max-width:768px){
    body[data-agent="safari"][data-platform="iPhone"][data-version="14"] .social-wrap a img{margin:0 calc(var(--ss)*15vw)}
}

/* HEADER
======================================================= */
header{width:100% !important; z-index:2004; pointer-events: none; top:var(--banner-height); transition:0.3s top; padding:calc(var(--ss)*10vw); }

header > div{ pointer-events:all; height:var(--header-height); transition:height 0.3s;  width:100%; border: var(--border); }

header .main-menu menu li,
header .main-menu menu a {color:var(--white); letter-spacing: var(--ls07); font:var(--nav); text-transform: uppercase; }

header .logo img{width:calc(var(--ss)*174vw); height:auto;}

@media(max-width:768px){
    header > div{overflow:hidden;}
	.mobile-header-wrap{padding:calc(var(--ss)*20vw); min-height:var(--header-height);height:var(--header-height);}
	header .main-menu{padding:0 calc(var(--ss)*10vw) calc(var(--ss)*10vw); width:100%; margin-bottom:calc(var(--ss)*50vw); }
	.header-inner{height:100%;}
	
	header .mobile-scroll{width:100%; height:calc(100vh - calc(var(--header-height) + calc(var(--ss)*34vw))); overflow:scroll;}
	
	header .main-menu menu{width:100%;}
    header .main-menu menu > li{border:var(--border); overflow: hidden;}
	header .main-menu menu > li{width:100%; margin-top:calc(var(--ss)*3vw);height:fit-content; max-height:calc(var(--ss)*44vw); transition:0.3s all; }
	header .main-menu menu > li a {display:flex; flex-direction: column; justify-content: center; height:calc(var(--ss)*44vw); padding:calc(var(--ss)*16vw) calc(var(--ss)*14vw); position: relative;}
    header .main-menu menu > li.parent > a:after,
    header .main-menu menu > li.parent > a:before{position:absolute; display:block; content:''; top:0; right:0; width:calc(var(--ss)*44vw); height:100%; border-left:var(--border); transition:opacity 0.3s;}
    
    header .main-menu menu > li.parent > a:before{background:var(--black) url('/templates/loftlines/images/shared/nav-l1.svg') center / calc(var(--ss)*24vw) calc(var(--ss)*3vw) no-repeat;}
    header .main-menu menu > li.parent > a:after{background:url('/templates/loftlines/images/shared/nav-l2.svg') center / calc(var(--ss)*3vw) calc(var(--ss)*24vw) no-repeat;}
    header .main-menu menu > li.open > a{background:var(--white); color:var(--black)}
    header .main-menu menu > li.open > a:after{opacity:0;}
    
    header .main-menu menu > li.open{max-height:calc(var(--ss)*500vw);}
    
    header .main-menu menu > li:not(.open) > a:hover{background:var(--white30)}
    header .main-menu ul > li > a:hover{background:var(--white); color:var(--black)}
	
	/* subnav */
	header .main-menu menu ul{background:rgba(255,255,255,0.3)}
    header .main-menu menu ul > li{border-top:var(--border);}
    
    /* bottom buttons */
    header .btn-wrap{padding:calc(var(--ss)*10vw); width:100%; gap:calc(var(--ss)*3vw)}

    /* Mobile menu open	*/
	body.mega-open header > div{height:calc(calc(100vh) - calc(var(--ss)*20vw));}
	body.mega-open header .mobile-header-wrap .btn{opacity:0; pointer-events: none;}

}

@media(min-width:769px){
    header{ padding:var(--hpad); }
    header > div{ padding:calc(var(--ss)*21vw) }
    
    header .logo img{width:calc(var(--ss)*270vw); height:auto;}
    
    header menu, header menu ul, header .mobile-scroll{display:flex; gap:calc(var(--ss)*5vw)}
    
    header .main-menu li a{width:max-content; display:flex; border:var(--border); height:calc(var(--ss)*44vw); justify-content: center; align-items:center; background:var(--black); transition: 0.3s all; cursor: pointer; padding:0 calc(var(--ss)*14vw) calc(var(--ss)*1vw); border-radius:0; text-align: center;}
    
    header .main-menu li a:hover{background:var(--white30)}
    header .main-menu li a:active{background:var(--white); color:var(--black)}
    
    header menu li.parent{position:relative;}
    
    /* subnav */
    header menu li.parent ul{position:absolute; transition:all 0.3s; top:calc(var(--ss)*43vw); left: 0; opacity:0; pointer-events: none; padding-top:calc(var(--ss)*6vw);}
    header li.parent.open ul{opacity:1; pointer-events:all;}
    
/*    header menu li.parent:hover ul{opacity:1; pointer-events:all;}*/

}

@media(min-width:1513px){
    body.fixed-width header > div{max-width:calc(1442/16*1rem); margin:0 auto; padding:calc(21/16*1rem)}
    body.fixed-width header .logo img{width:calc(270/16*1rem); height:auto;}
    
    body.fixed-width header menu, body.fixed-width header menu ul, body.fixed-width header .mobile-scroll{ gap:calc(5/16*1rem)}
    body.fixed-width header .main-menu li a{height:calc(44/16*1rem); padding:0 calc(14/16*1rem) calc(1/16*1rem);}
    
    /* subnav */
    body.fixed-width header menu li.parent ul{top:calc(43/16*1rem); padding-top:calc(6/16*1rem);}
}

/* IOS FIXES */
@media(max-width:768px){
    body[data-agent="safari"][data-platform="iPhone"][data-version="14"] header .btn-wrap .btn:not(:last-child){margin-right:calc(var(--ss)*3vw);}
}



/* HAMBURGER
======================================================= */
@media(max-width:768px){
	#hamburger{display:block; width:calc(var(--ss)*24vw); height:calc(var(--ss)*20vw); position:relative; transition: .5s ease-in-out;pointer-events:all;z-index:1003; background:transparent; cursor: pointer; padding:0; }

	#hamburger span {display: block; position: absolute; height:calc(var(--ss)*3vw); width:100%; opacity:1; transform: rotate(0deg);transition:.3s ease-in-out;}
	
	#hamburger .hb1 { top:calc(var(--ss)*4.8vw); transform-origin:left; left:0; }
	#hamburger .hb2 { top:calc(var(--ss)*12.8vw);  transform-origin:right; right:0; }

	body.mega-open #hamburger .hb1{ transform: rotate(45deg); }
	body.mega-open #hamburger .hb2{transform: rotate(-45deg)}

	body.mega-open #hamburger .hb1 { left:calc(var(--ss)*3.5vw); top:calc(var(--ss)*0.5vw); }
	body.mega-open #hamburger .hb2 { right:calc(var(--ss)*3.5vw); top:calc(var(--ss)*0.5vw); }
}


/* FOOTER
======================================================= */
footer{z-index:2002;}
footer .container{padding-bottom:var(--vpad);}

footer .h4, footer h4{margin-bottom:calc(var(--ss)*20vw);}

footer .mod-menu li{margin-bottom:calc(var(--ss)*14vw)}
footer .mod-menu li, footer .mod-menu li a{font:var(--footer); text-decoration: underline;}

footer .bottom-row *{font:var(--p-xs)}

footer .lg-logo img{width:calc(var(--ss)*138vw); height:calc(var(--ss)*59vw);}
footer .legal-links a:not(:last-child){margin-right:calc(var(--ss)*24vw);}

@media(max-width:768px){
    footer .col:not(.col-2),
    footer .footer-logo,
    footer .footer-socials{margin-bottom:var(--vpad);}
    footer .col.col-2{margin-bottom:calc(var(--ss)*27vw);}
    
    footer .bottom-row .legal-text{padding-right:calc(var(--ss)*10vw); margin-bottom:calc(var(--ss)*10vw);}
}

@media(min-width:769px){
    footer .container{padding:var(--hpad)}
    footer .top-row{margin-bottom:calc(var(--ss)*200vw);}
    
    footer .h4, footer h4{margin-bottom:calc(var(--ss)*44vw);}
    
    footer .col{width:calc(var(--ss)*286vw); margin-right:calc(var(--ss)*80vw);}
    
    footer .footer-socials{height:fit-content;}
    footer .footer-socials svg{height:calc(var(--ss)*21vw); width:calc(var(--ss)*21vw)}

    footer .bottom-row .legal-text{gap:calc(var(--ss)*30vw)}
    footer .bottom-row .legal-text p{letter-spacing:var(--lsn02);}
    footer .lg-logo img{width:calc(var(--ss)*187vw); height:calc(var(--ss)*80vw);}
}

@media(min-width:1513px){
    body.fixed-width footer .container,
    footer .container{max-width:100%;}
    body.fixed-width footer .top-row{margin-bottom:calc(200/16*1rem);}
    body.fixed-width footer .h4, footer h4{margin-bottom:calc(44/16*1rem);}
    body.fixed-width footer .col{width:calc(286/16*1rem); margin-right:calc(80/16*1rem);}
    
    body.fixed-width footer .mod-menu li{margin-bottom:calc(14/16*1rem)}
    
    body.fixed-width footer .footer-socials svg{height:calc(21/16*1rem); width:calc(21/16*1rem)}
    
    body.fixed-width footer .bottom-row .legal-text{gap:calc(30/16*1rem)}
    body.fixed-width footer .lg-logo img{width:calc(187/16*1rem); height:calc(80/16*1rem);}
}

/* FORM BLOCKS
======================================================= */
.form-block{position: relative; z-index: 2}
.form-block .form.container{padding: 0;}
.form-block:first-child .container:not(.form){padding-top:calc(var(--ss)*135vw);}

.form-block .top-content:not(:last-child){margin-bottom:calc(var(--ss)*44vw)}

@media(max-width:768px){}

@media(min-width:769px){
    .form-block:first-child .container:not(.form){padding-top:calc(var(--ss)*211vw);}
}

@media(min-width:1513px){
	body.fixed-width .form-block .top-content:not(:last-child){margin-bottom:calc(44/16*1rem)}
    
    body.fixed-width .form-block:first-child .container:not(.form){padding-top:calc(211/16*1rem);}
}

/* TESTIMONIALS
======================================================= */
.testimonials-block .reviews-slide-wrap{padding-right:calc(var(--ss)*1vw); padding-bottom:calc(var(--ss)*1vw);}
.testimonials-block .reviews-slide{padding:calc(var(--ss)*20vw)}
.testimonials-block .stars{width:calc(var(--ss)*85vw); height:calc(var(--ss)*12vw); margin-bottom:calc(var(--ss)*27vw);}
.testimonials-block .review{margin-bottom:calc(var(--ss)*38vw);}

.testimonials-block .signature{transform-origin: left; transform:rotate(-5.421deg); margin-top: auto}

@media(max-width:768px){}

@media(min-width:769px){
	.testimonials-block .reviews-slide{padding:calc(var(--ss)*35vw) calc(var(--ss)*14vw)}
    .testimonials-block .stars{width:calc(var(--ss)*116vw); height:calc(var(--ss)*16vw); margin-bottom:calc(var(--ss)*37vw);}
    .testimonials-block .location{font-size:calc(var(--ss)*16vw)}
    .testimonials-block .slick-track{gap:calc(var(--ss)*5vw)}
    .testimonials-block .reviews-slider{padding:0 calc(var(--ss)*72vw)} 
}

@media(min-width:1513px){
    body.fixed-width .testimonials-block .reviews-slide-wrap{padding-right:1px; padding-bottom:1px;}
	body.fixed-width .testimonials-block .reviews-slide{padding:calc(35/16*1rem) calc(14/16*1rem)}
    body.fixed-width .testimonials-block .stars{width:calc(116/16*1rem); height:calc(16/16*1rem); margin-bottom:calc(37/16*1rem);}
    body.fixed-width .testimonials-block .review{margin-bottom:calc(38/16*1rem);}
    body.fixed-width .testimonials-block .location{font-size:calc(16/16*1rem)}
    body.fixed-width .testimonials-block .slick-track{gap:calc(5/16*1rem)}
    body.fixed-width .testimonials-block .reviews-slider{padding:0 calc(72/16*1rem)} 
}

/* IOS FIXES */
@media(max-width:768px){}

/* HERO BLOCK
======================================================= */
.hero-block .hero-content .hero-content-inner{padding:var(--vpad) var(--hpad)}
.hero-block img, .hero-block picture{width:100%; height:100%; object-fit: cover;}
.hero-block hgroup:not(:last-child),
.hero-block hgroup > :not(:last-child){margin-bottom:var(--spacing-s);}

/* Hero Default */
.hero-block.hero-default > div{height:100%;}
.hero-block.hero-default{height:calc(var(--ss)*544vw); max-height:100vh; max-height:100dvh;}
.hero-block.hero-default .hero-bg,
.hero-block.hero-fh .hero-bg{position: absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%}
.hero-block.hero-default .hero-content{z-index:1;height:100%; width:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%); padding-top:calc(var(--header-height) + var(--banner-height) + calc(var(--ss)*10vw)); }
.hero-block.hero-default .hero-content-inner{align-items:center;}
.hero-block.hero-default .copy{max-width:calc(var(--ss)*428vw)}


/* Hero Full- Height (Home) */
.hero-block.hero-fh{height:100vh; height:100dvh;}
.hero-block.hero-fh .hero-content{z-index:1;height:100vh; height:100dvh; width:100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 90%);}
.hero-block.hero-fh .copy p{font-size:calc(var(--ss)*22vw)}

/* Hero Half & Half */
.hero-half-overlay{z-index:1;height:calc(100vh - calc(var(--ss)*254vw)); height:calc(100dvh - calc(var(--ss)*254vw)); width:100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%); padding:var(--vpad) var(--hpad)}
.hero-half-bottom{padding:var(--vpad) var(--hpad)}
.hero-half-bottom .btn-wrap:not(:last-child){margin-bottom:var(--spacing);}

@media (max-aspect-ratio: 1610 / 889) { 
    .hero-block.hero-fh .video.landscape iframe { width:auto; height:100.5%; }
}

@media(max-width:768px){
    .hero-block .hero-content .hero-content-inner{padding-bottom:calc(var(--ss)*68vw)}
    
    /* Hero Default */
    
    /* Hero Full- Height (Home) */
    .hero-block.hero-fh hgroup,
    .hero-block.hero-fh .btn-wrap{margin-top: auto;}
    
    /* Hero Half & Half */
    .hero-block.hero-half .hero-bg{height:calc(100vh - calc(var(--ss)*254vw)); height:calc(100dvh - calc(var(--ss)*254vw)); max-height:calc(var(--ss)*544vw);width:100%;}
    .hero-half-overlay{max-height: calc(var(--ss)*544vw);}
    .hero-block.hero-half .hero-bg:not(.video-wrapper):not(.hero-press){position: absolute; top:0; bottom:0; left:0; right:0;}
    
}

@media(min-width:769px){
    .hero-block:not(.hero-default) .hero-content .hero-content-inner{ padding-left:calc(var(--ss)*74vw);}
    
    /* Hero Default */
    .hero-block.hero-default{height:calc(var(--ss)*565vw);}
    .hero-block.hero-default .hero-content{padding-top:calc(var(--header-height) + var(--banner-height) + calc(var(--ss)*35vw))}
    .hero-block.hero-default .hero-content .hero-content-inner{justify-content: center;}
    
    /* Hero Full- Height (Home) */
    .hero-block.hero-fh .hero-content{width:100%; }
    .hero-block.hero-fh .hero-content .hero-content-inner{width:50%; margin-left:auto; min-width:50% !important}
    .hero-block.hero-fh .hero-content .copy,
    .hero-block.hero-fh .hero-content .btn-wrap{width:calc(var(--ss)*427vw);}
    
    .hero-block.hero-fh .hero-content .copy:not(:last-child){margin-bottom:var(--spacing-s);}
    
    /* Hero Half & Half */
    .hero-block.hero-half{height: 100vh}
    .hero-block.hero-half .hero-content {width:50%;}
    .hero-block.hero-half > div{display:flex; height:100vh;}
    .hero-block.hero-half > div > div{width:50%;}
    .hero-block.hero-half .hero-content-inner > *:not(hgroup){width:calc(var(--ss)*355vw);}
    .hero-block.hero-half .copy:not(:last-child){margin-bottom:var(--spacing);}
    
    .hero-block.hero-half .copy p{font-size:calc(var(--ss)*22vw)}
    
    .hero-block.hero-half > .reverse .hero-content-inner{margin-left: auto; padding-left:var(--hpad); padding-right:calc(var(--ss)*74vw);}
    
}

@media(min-width:1513px){
    body.fixed-width .hero-block:not(.hero-default) .hero-content .hero-content-inner{ padding-left:calc(74/16*1rem);max-width:calc(756/16*1rem)}
    
    /* Hero Default */
    body.fixed-width .hero-block.hero-default{height:calc(565/16*1rem);}
    body.fixed-width .hero-block.hero-default .hero-content{padding-top:calc(var(--header-height) + var(--banner-height) + calc(35/16*1rem))}
    body.fixed-width .hero-block.hero-default .hero-content .hero-content-inner{max-width:calc(1512/16*1rem); margin-left: auto; margin-right: auto;}
    
    
    /* Hero Full- Height (Home) */
    body.fixed-width .hero-block.hero-fh .copy p{font-size:calc(22/16*1rem)}
    body.fixed-width .hero-block.hero-fh hgroup{max-width:calc(647/16*1rem)}
    body.fixed-width .hero-block.hero-fh .hero-content .copy,
    body.fixed-width .hero-block.hero-fh .hero-content .btn-wrap{width:calc(427/16*1rem);}
    
    /* Hero Half & Half */
    body.fixed-width .hero-block.hero-half .hero-content-inner > *:not(hgroup){width:calc(355/16*1rem);}
    body.fixed-width .hero-block.hero-half .copy p{font-size:calc(22/16*1rem)}
    
    
    body.fixed-width .hero-block.hero-half > .reverse .hero-content-inner{padding-right:calc(74/16*1rem);}
    
    
}

@media(min-aspect-ratio: 1931/1100){
    .hero-block.hero-half .video.portrait iframe{height: auto; width: 100.5%;}
}


/* DESKTOP SHALLOW SCREENS */
@media (min-width: 769px) and (max-height: 700px) {
    .hero-block.hero-half .copy:not(:last-child){margin-bottom:var(--spacing-s)}
    .hero-block.hero-half.apartments .hero-content .hero-content-inner{padding-bottom:calc(var(--vpad) / 2);}
}

/* IOS FIXES */
@media(max-width:768px){
    body[data-agent="safari"][data-platform="iPhone"][data-osV="14"] .hero-block.hero-fh,
    body[data-agent="safari"][data-platform="iPhone"][data-osV="14"] .hero-block.hero-fh .hero-content{height:86vh}
    
    body[data-agent="safari"][data-platform="iPhone"][data-osV="26"] .hero-block.hero-fh{height:108vh}
    body[data-agent="safari"][data-platform="iPhone"][data-osV="26"] .hero-block.hero-fh .rel{height:100%}
    body[data-agent="safari"][data-platform="iPhone"][data-osV="26"] .hero-block.hero-fh .container{padding-bottom:calc(var(--ss)*119vw);}
/*    body[data-agent="safari"][data-platform="iPhone"][data-osV="26"] .hero-block.hero-fh .btn-wrap{transition:0.3s margin;}*/
    body[data-agent="safari"][data-platform="iPhone"][data-osV="26"] .hero-block.hero-fh .btn-wrap{margin-bottom:calc(var(--ss)*89vw);}
    
    
    
}

/* COLUMNS BLOCKS
======================================================= */
.category-columns-block .columns-slider{width:100%; height:calc(var(--ss)*343vw)}

.category-columns-block .columns-slider .slick-track{gap:calc(var(--ss)*3vw)}

.category-columns-block .columns-slider .column{width:calc(var(--ss)*353vw); height:calc(var(--ss)*343vw)}

.category-columns-block .columns-slider picture,
.category-columns-block .columns-slider img,
.category-columns-block .columns-slider .column-content{width:100%; height:100%}

.category-columns-block .columns-slider .column-content{background:rgba(0, 0, 0, 0.2); padding:var(--hpad);}

.category-columns-block .columns-slider picture,
.category-columns-block .columns-slider img{position:absolute; top:0; bottom:0; left:0; right:0; object-fit: cover;}

.category-columns-block .column hgroup:not(:last-child),
.category-columns-block .column .copy:not(:last-child){margin-bottom:calc(var(--ss)*27vw);}
.category-columns-block .column li{margin-bottom:0;}
.category-columns-block .column-content > * {width:calc(var(--ss)*235vw)}

@media(max-width:768px){
    .category-columns-block .container{padding-left:0; padding-right:0}
    .category-columns-block .title-block,
    .category-columns-block .top-content{padding-left:var(--hpad); padding-right:var(--hpad)}
}

@media(min-width:769px){
	.category-columns-block .columns-slider,
    .category-columns-block .columns-slider .slick-track{gap:calc(var(--ss)*5vw)}
    .category-columns-block .columns-slider,
    .category-columns-block .columns-slider .column{height:calc(var(--ss)*357vw)}
    
    /* Desktop slider */
    .category-columns-block .columns-slider-wrap.desk-slider{padding:0 calc(var(--ss)*72vw)}
}

@media(min-width:1513px){
    body.fixed-width .category-columns-block .columns-slider,
    body.fixed-width .category-columns-block .columns-slider .slick-track{gap:calc(5/16*1rem)}
    body.fixed-width .category-columns-block .columns-slider,
    body.fixed-width .category-columns-block .columns-slider .column{ height:calc(357/16*1rem)}
    
    body.fixed-width .category-columns-block .column-content > * {width:calc(235/16*1rem)}
    
    body.fixed-width .category-columns-block .column hgroup:not(:last-child),
    body.fixed-width .category-columns-block .column .copy:not(:last-child){margin-bottom:calc(27/16*1rem);}
    
    
    /* Desktop slider */
    body.fixed-width .category-columns-block .columns-slider-wrap.desk-slider{padding:0 calc(72/16*1rem)}
    
}

/* IOS FIXES */
@media(max-width:768px){}

/* SLIDER BLOCK
======================================================= */
.slider-block .basic-slider,
.slider-block .basic-slider picture,
.slider-block .basic-slider img{width:100vw; height:calc(var(--ss)*343vw); object-fit: cover;}

/* Slick Captions */
.slider-block .slick-captions{bottom:calc(var(--ss)*vw);}

@media(max-width:768px){
    .slider-block .container{padding-left:0; padding-right:0}
}

@media(min-width:769px){
    .slider-block .basic-slider,
    .slider-block .basic-slider picture,
    .slider-block .basic-slider img{width:100%; height:calc(var(--ss)*357vw);}
    
	.slider-block .slider-wrap.desk-slider{padding:0 calc(var(--ss)*72vw)}
    .slider-block .slider-wrap,
    .slider-block .slider-wrap .slick-track{gap:calc(var(--ss)*5vw); object-fit: cover;}

    /* Slick Captions */
    .slider-block .slick-captions{bottom:calc(var(--ss)*35vw);}
}

@media(min-width:1513px){
    body.fixed-width .slider-block .basic-slider,
    body.fixed-width .slider-block .basic-slider picture,
    body.fixed-width .slider-block .basic-slider img{height:calc(357/16*1rem);}
    
	body.fixed-width .slider-block .slider-wrap.desk-slider{padding:0 calc(72/16*1rem)}
    body.fixed-width .slider-block .slider-wrap,
    body.fixed-width .slider-block .slider-wrap .slick-track{gap:calc(5/16*1rem)}
    
    /* Slick Captions */
    body.fixed-width .slider-block .slick-captions{bottom:calc(35/16*1rem);}
}

/* IOS FIXES */
@media(max-width:768px){}

/* TEXT MEDIA BLOCK
======================================================= */
.text-image-block .media-wrap{width:100%;}
.text-image-block picture,
.text-image-block img{width:100%; height:calc(var(--ss)*323vw); object-fit: cover}
.text-image-block .copy:not(:last-child){margin-bottom:var(--spacing);}

/* Video */
.text-image-block .video-wrap{height:calc(var(--ss)*614vw)}

/* SLider */


@media(max-width:768px){
    .text-image-block .top-content:not(:last-child){margin-bottom:var(--spacing-s);}
    .text-image-block .ti-wrap.mob-flex-column .text-content{margin-bottom:var(--spacing);}
    .text-image-block .ti-wrap.mob-flex-column-r .text-content{margin-top:var(--spacing);}
    
    .text-image-block .img-wrap img.contain{height:auto;}
    
    
    
    /* Video */ /* Slider */
    .ti-video-block .container,
    .ti-slider-block .container{padding-left:0; padding-right:0}
    .ti-video-block .text-content,
    .ti-video-block .title-block,
    .ti-slider-block .text-content,
    .ti-slider-block .title-block{padding-left: var(--hpad); padding-right:var(--hpad); width:100%;}
    
    .text-image-block .copy .title-block{padding-left:0; padding-right: 0}
    
    /* Slider */
}

@media(min-width:769px){
    .text-image-block .ti-wrap{gap:calc(var(--ss)*75vw)}
    .text-image-block .text-content{padding-top:var(--vpad); width:calc(var(--ss)*352vw)}
    .text-image-block .media-wrap{width:calc(var(--ss)*934vw);} 
    
    .text-image-block picture,
    .text-image-block img{height:calc(var(--ss)*587vw);}
    
    .text-image-block .copy:not(:last-child){margin-bottom:var(--spacing);}
    
    .text-image-block .copy .title-block{margin-bottom:var(--spacing-s)}
    .text-image-block .copy p + .title-block{margin-top:var(--spacing-s)}
    
    .text-image-block .img-wrap img.contain{object-fit: contain; }
    
    /* Video */
    .text-image-block .media-wrap.video-wrap{height:calc(var(--ss)*753vw); margin-left:calc(var(--ss)*72vw); width:calc(var(--ss)*654vw)}
    .text-image-block .media-wrap.video-wrap > .video-wrap{height:calc(var(--ss)*753vw); width:calc(var(--ss)*654vw)}
    .ti-video-block .copy:not(:last-child){margin-bottom:var(--spacing-s);}
    
    #video-tour.ti-video-block .text-content{ width:calc(var(--ss)*504vw)}
    #video-tour.ti-video-block .text-content .copy .title-block,
    #video-tour.ti-video-block .text-content .copy ul,
    #video-tour.ti-video-block .text-content .copy + .btn-wrap{ width:calc(var(--ss)*357vw)}
    
    /* Slider */
    .text-image-block .slider-wrap{padding:0 calc(var(--ss)*72vw)}
    
}

@media(min-width:1513px){
    body.fixed-width .text-image-block .ti-wrap{gap:calc(75/16*1rem)}
    body.fixed-width .text-image-block .text-content{width:calc(352/16*1rem)}
    body.fixed-width .text-image-block .media-wrap{width:calc(934/16*1rem);} 
    
    body.fixed-width .text-image-block picture,
    body.fixed-width .text-image-block img{height:calc(587/16*1rem);}
    
    /* Video */
    body.fixed-width .text-image-block .media-wrap.video-wrap{height:calc(753/16*1rem); margin-left:calc(72/16*1rem); width:calc(654/16*1rem)}
    body.fixed-width .text-image-block .media-wrap.video-wrap > .video-wrap{height:calc(753/16*1rem); width:calc(654/16*1rem)}
    
    body.fixed-width #video-tour.ti-video-block .text-content{ width:calc(504/16*1rem)}
    body.fixed-width #video-tour.ti-video-block .text-content .copy .title-block,
    body.fixed-width #video-tour.ti-video-block .text-content .copy ul,
    body.fixed-width #video-tour.ti-video-block .text-content .copy + .btn-wrap{ width:calc(357/16*1rem)}
    
    /* Slider */
    body.fixed-width .text-image-block .slider-wrap{padding:0 calc(72/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}

/* DEFAULT BLOCK
======================================================= */
.default-block:first-child .container{padding-top:calc(var(--ss)*125vw)}
.default-block.copy-fw .top-content hgroup{max-width:100% !important;}
.default-block.copy-fw .indent.flex .copy{width:100% !important}

@media(max-width:768px){
    .default-block .top-content hgroup:not(:last-child){margin-bottom:var(--spacing-s);}
    .default-block .top-content .copy:not(:last-child){margin-bottom:var(--spacing);}
}

@media(min-width:769px){
    .default-block:first-child .container{padding-top:calc(var(--ss)*211vw)}
}

@media(min-width:1513px){
    .default-block:first-child .container{padding-top:calc(211/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}

/* AMENITIES BLOCK
======================================================= */
.amenities-slider,
.amenities-slider img{height:calc(var(--ss)*323vw)}

.amenities-block .amenities-btn-wrap{border-bottom:calc(var(--ss)*1vw) solid var(--grey);}
.amenities-block .amenities-btn{background:transparent; border:0; border-top:calc(var(--ss)*1vw) solid var(--grey); height:calc(var(--ss)*50vw);transition:all 0.3s}
.amenities-block .amenities-btn img{margin-right:calc(var(--ss)*5vw); width:calc(var(--ss)*30vw); object-fit: contain; object-position:left;transition:all 0.3s}
.amenities-block .amenities-btn span{color:var(--white);transition:all 0.3s; text-align: left;}

.amenities-block .amenities-btn.no-slide{cursor:default}

/*.amenities-block .amenities-btn:not(.no-slide):hover{background:var(--white30)}*/

.amenities-block .amenities-btn.active{background:var(--white)}
.amenities-block .amenities-btn.active img{filter:brightness(0)}
.amenities-block .amenities-btn.active span{color:var(--black);}

.amenities-btn img[data-icon="gym"]{height:calc(var(--ss)*13vw)}
.amenities-btn img[data-icon="pets"]{height:calc(var(--ss)*19vw)}
.amenities-btn img[data-icon="bike"]{height:calc(var(--ss)*19vw)}
.amenities-btn img[data-icon="dining"]{height:calc(var(--ss)*14vw)}
.amenities-btn img[data-icon="lounges"]{height:calc(var(--ss)*12vw)}
.amenities-btn img[data-icon="wifi"]{height:calc(var(--ss)*18vw)}
.amenities-btn img[data-icon="sun"]{height:calc(var(--ss)*27vw)}
.amenities-btn img[data-icon="games"]{height:calc(var(--ss)*20vw)}
.amenities-btn img[data-icon="yoga"]{height:calc(var(--ss)*17vw)}
.amenities-btn img[data-icon="work"]{height:calc(var(--ss)*20vw)}

@media(max-width:768px){    
    .amenities-slider{margin-bottom:calc(var(--ss)*4vw);}
    
    .amenities-block .amenities-btn:nth-child(odd){border-right:calc(var(--ss)*1vw) solid var(--grey); padding-right:calc(var(--ss)*10vw);}
    .amenities-block .amenities-btn:nth-child(even){padding-left:calc(var(--ss)*10vw);}
    .amenities-block .amenities-btn span{font-size:calc(var(--ss)*14vw)}
}

@media(min-width:769px){
    
    .amenities-slider,
    .amenities-slider img{height:100%}
    
    .amenities-wrap{gap:calc(var(--ss)*5vw)}
    
    .amenities-wrap > div{width:calc(50% - calc(var(--ss)*2.5vw)); height:calc(var(--ss)*640vw)}
    .amenities-block .amenities-btn{ height:calc(var(--ss)*64vw); padding:0 calc(var(--ss)*35vw)}
    .amenities-block .amenities-btn img{margin-right:calc(var(--ss)*43vw); width:calc(var(--ss)*48vw);}
    
    .amenities-btn img[data-icon="gym"]{height:calc(var(--ss)*23vw)}
    .amenities-btn img[data-icon="pets"]{height:calc(var(--ss)*29vw)}
    .amenities-btn img[data-icon="bike"]{height:calc(var(--ss)*30vw)}
    .amenities-btn img[data-icon="dining"]{height:calc(var(--ss)*24vw)}
    .amenities-btn img[data-icon="lounges"]{height:calc(var(--ss)*18vw)}
    .amenities-btn img[data-icon="wifi"]{height:calc(var(--ss)*25vw)}
    .amenities-btn img[data-icon="sun"]{height:calc(var(--ss)*39vw)}
    .amenities-btn img[data-icon="games"]{height:calc(var(--ss)*31vw)}
    .amenities-btn img[data-icon="yoga"]{height:calc(var(--ss)*26vw)}
    .amenities-btn img[data-icon="work"]{height:calc(var(--ss)*37vw)}
}

@media(min-width:1513px){
    body.fixed-width .amenities-wrap{gap:calc(2.5/16*1rem)}
    
    body.fixed-width .amenities-wrap > div{width:calc(50% - calc(2.5/16*1rem)); height:calc(640/16*1rem)}
    body.fixed-width .amenities-block .amenities-btn-wrap{border-width:1px;}
    
    body.fixed-width .amenities-block .amenities-btn{ height:calc(64/16*1rem); padding:0 calc(35/16*1rem); border-width:1px}
    body.fixed-width .amenities-block .amenities-btn img{margin-right:calc(43/16*1rem); width:calc(48/16*1rem);}
    
    body.fixed-width .amenities-btn img[data-icon="gym"]{height:calc(23/16*1rem)}
    body.fixed-width .amenities-btn img[data-icon="pets"]{height:calc(29/16*1rem)}
    body.fixed-width .amenities-btn img[data-icon="bike"]{height:calc(30/16*1rem)}
    body.fixed-width .amenities-btn img[data-icon="dining"]{height:calc(24/16*1rem)}
    body.fixed-width .amenities-btn img[data-icon="lounges"]{height:calc(18/16*1rem)}
    body.fixed-width .amenities-btn img[data-icon="wifi"]{height:calc(25/16*1rem)}
    body.fixed-width .amenities-btn img[data-icon="sun"]{height:calc(39/16*1rem)}
    body.fixed-width .amenities-btn img[data-icon="games"]{height:calc(31/16*1rem)}
    body.fixed-width .amenities-btn img[data-icon="yoga"]{height:calc(26/16*1rem)}
    body.fixed-width .amenities-btn img[data-icon="work"]{height:calc(37/16*1rem)}
    
}

/* IOS FIXES */
@media(max-width:768px){
}

/* ZOOM IMAGE BLOCK
======================================================= */
.zoom-img-block .zi-wrap{margin-bottom: var(--spacing);}

.zoomwrap{width:100%; height:calc(var(--ss)*353vw);overflow: hidden;  cursor:move; poition:relative; }
.imagezoom{width:100%;height:calc(var(--ss)*353vw);display: flex; justify-content: center; align-items: center; }
.zoom-img-wrap img{height:auto; width:100%;position:relative;z-index:1;}

.zoom-img-block .zoom-btns{position:absolute; bottom:calc(var(--ss)*35vw); right:calc(var(--ss)*35vw); gap:calc(var(--ss)*5vw); z-index:2}
.zoom-img-block .zoom-btn{width:calc(var(--ss)*44vw); height:calc(var(--ss)*44vw); padding:0; position:relative; background:var(--white); border:var(--borderb);display:flex; align-items: center; justify-content: center; transition:all 0.3s;}
.zoom-img-block .zoom-btn svg{width:calc(var(--ss)*24vw); height:auto;}
.zoom-img-block .zoom-btn svg rect{transition:all 0.3s;}

.zoom-img-block .zoom-btn:hover{background:var(--chalk)}
.zoom-img-block .zoom-btn:active{background:var(--black)}
.zoom-img-block .zoom-btn:active svg rect{fill:var(--white)}

.zoom-img-block .list-items{border-top:var(--border);}
.zoom-img-block .list-items li{border-bottom:var(--border); width:100%; padding:calc(var(--ss)*17vw) 0;}


@media(max-width:768px){
    .zoom-img-block .bottom-content .copy:not(:last-child){margin-bottom:var(--spacing-s);}
    .zoom-img-block .list-items{margin-bottom:var(--spacing);}
    
    .zoom-img-block .list-items span{display:block}
    .zoom-img-block .list-items li{padding:0;}
    .zoom-img-block .list-items li .title{padding:calc(var(--ss)*27vw) 0; cursor:pointer; position:relative;}
    .zoom-img-block .list-items .text span{padding-bottom:calc(var(--ss)*27vw)}
    
    .zoom-img-block .list-items .text{height:fit-content; max-height:0; overflow: hidden; transition:all 0.3s;}
    .zoom-img-block .list-items .open .text{height:fit-content; max-height:calc(var(--ss)*500vw); overflow: hidden; transition:all 0.3s;}
/*    .zoom-img-block .list-items li.open .title span{display:inline !important;}*/
    
    .zoom-img-block .list-items li .title:before,
    .zoom-img-block .list-items li .title:after{content:''; right:0; top:50%; transform:translateY(-50%); background:var(--black); width:calc(var(--ss)*24vw); height:calc(var(--ss)*3vw); display:block; position:absolute; transition:all 0.3s;}
    .zoom-img-block .list-items li .title:after{right:calc(var(--ss)*11vw); width:calc(var(--ss)*3vw); height:calc(var(--ss)*24vw)}
    
    .zoom-img-block .list-items .open .title:after{opacity:0;}
}

@media(min-width:769px){
    .zoomwrap,
    .imagezoom{height:calc(var(--ss)*750vw); }
    
    /* Location */
    .zoom-img-block .bottom-content.list-content .copy:not(:last-child){margin-bottom:var(--spacing-s);}
    .zoom-img-block .bottom-content.list-content{padding:0 calc(var(--ss)*72vw)}
    .zoom-img-block .text-content{width:calc(var(--ss)*357vw)}
    .zoom-img-block .list-items{width:calc(var(--ss)*861vw);}
    .zoom-img-block .list-items li{width:100%; padding:calc(var(--ss)*25vw) 0;}
    
    .zoom-img-block .bottom-content.list-content{gap:calc(var(--ss)*75vw)}

}

@media(min-width:1513px){
    body.fixed-width .zoomwrap,
    body.fixed-width .imagezoom{height:calc(750/16*1rem); }    
    body.fixed-width .zoom-img-block .zoom-btns{bottom:calc(35/16*1rem); right:calc(35/16*1rem); gap:calc(5/16*1rem); }
    
    /* Location */
    body.fixed-width .zoom-img-block .bottom-content.list-content{padding:0 calc(var(--ss)*72vw)}
    body.fixed-width .zoom-img-block .list-items li{padding:calc(25/16*1rem) 0;}
    body.fixed-width .zoom-img-block .bottom-content.list-content{gap:calc(75/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}

/* TEMPLATE
======================================================= */
.faqs-block .inner{max-width:calc(var(--ss)*1008vw); margin:0 auto;}

.faqs-block .search-container{margin-bottom:var(--spacing);}
.faqs-block .search-container input{padding:calc(var(--ss)*10vw) 0 calc(var(--ss)*10vw) calc(var(--ss)*25vw); border:0; border-bottom:var(--border); box-shadow:none; border-radius:0; margin-bottom:0; font:var(--title); height:fit-content; display:flex; align-items: center; line-height:1; color:var(--black); width:100%; text-align: left;background: transparent url('/templates/loftlines/images/shared/search.svg') left center / calc(var(--ss)*15vw) no-repeat !important; max-width:calc(var(--ss)*709vw); text-transform:uppercase;letter-spacing:var(--ls07)}

.faq-item{padding:var(--spacing) 0; border-bottom:var(--border);}
.faq-item:first-child{padding-top:0;}

.faq-q.title{margin-bottom:0; display:flex; align-items: center; justify-content:space-between; position: relative; cursor:pointer;}
.faq-q.title svg{width:calc(var(--ss)*16vw); height:calc(var(--ss)*16vw); pointer-events:none;}
.faq-q.title svg *{transition: all 0.3s;}
.open .faq-q.title svg .opacity{opacity:0;}

.faq-a > div{padding-top:calc(var(--ss)*20vw);}

.faq-a{height:fit-content; overflow: hidden; max-height:0px; transition: all 0.3s}
.faq-item.open .faq-a{max-height:calc(var(--ss)*1000vw); transition: all 0.3s}

.faq-item{padding:calc(var(--ss)*24vw) 0;}
.faq-q.title{padding:calc(var(--ss)*20vw) 0}

@media(max-width:768px){
    .faqs-block .search-container{margin-bottom:calc(var(--ss)*24vw);}
}

@media(min-width:769px){
    .faq-q.title svg{width:calc(var(--ss)*18vw); height:calc(var(--ss)*18vw);}
	
}

@media(min-width:1513px){
    body.fixed-width .faqs-block .inner{max-width:calc(1008/16*1rem);}
    body.fixed-width .faqs-block .search-container input{padding:calc(10/16*1rem) 0 calc(10/16*1rem) calc(25/16*1rem);background-size:calc(15/16*1rem); max-width:calc(709/16*1rem);}
    body.fixed-width .faq-a > div{padding-top:calc(20/16*1rem);}
    
    body.fixed-width .faq-item.open .faq-a{max-height:calc(1000/16*1rem)}
    body.fixed-width .faq-q.title svg{width:calc(18/16*1rem); height:calc(18/16*1rem);}
    body.fixed-width .faq-item{padding:calc(24/16*1rem) 0;}
    body.fixed-width .faq-q.title{padding:calc(20/16*1rem) 0}
}

/* IOS FIXES */
@media(max-width:768px){
}

/* NEXT BLOCK
======================================================= */

.next-block .next-columns{gap:calc(var(--ss)*27vw)}
.next-block .next-columns picture,
.next-block .next-columns img{width:100%; height:calc(var(--ss)*116vw); object-fit:cover; margin-bottom:calc(var(--ss)*3vw);}

@media(max-width:768px){
}

@media(min-width:769px){
    .next-block .title-block{margin-bottom:calc(var(--ss)*26vw);}
	.next-block .next-columns{gap:calc(var(--ss)*5vw)}
    .next-block .next-columns picture,
    .next-block .next-columns img{height:calc(var(--ss)*353vw); margin-bottom:calc(var(--ss)*5vw);}
}

@media(min-width:1513px){
    .next-block .title-block{margin-bottom:calc(26/16*1rem);}
    .next-block .next-columns{gap:calc(5/16*1rem)}
    
    .next-block .next-columns picture,
    .next-block .next-columns img{height:calc(353/16*1rem); margin-bottom:calc(5/16*1rem);}
}

/* IOS FIXES */
@media(max-width:768px){
}


/* PRESS BLOG
======================================================= */
.press-block .container{padding-top:calc(var(--ss)*125vw);}
.press-block .press-title{margin-bottom:var(--spacing);}
.press-block .press-article{padding:calc(var(--ss)*44vw) 0}


.press-block .press-image img{height:calc(var(--ss)*323vw); object-fit: cover; margin-bottom:calc(var(--ss)*44vw);}


.press-block .press-article hgroup{margin-bottom:calc(var(--ss)*27vw);}
.press-block .press-article h3{line-height:1.1em; letter-spacing:var(--ls07); font:var(--title);}
.press-block .press-article .copy{margin-bottom:calc(var(--ss)*44vw); max-width:calc(var(--ss)*318vw)}

.press-block .press-article .title{color:var(--black30)}
.press-block .press-logo{height:calc(var(--ss)*48vw); width:auto; margin-bottom:var(--spacing-s);} 

@media(max-width:768px){
    .press-block .press-article{border-bottom:var(--border);}
    .press-block .press-article:first-child{padding-top:0;}
}

@media(min-width:769px){
    .press-block .press-article{border-top:var(--border);}
    .press-block .press-article:nth-child(odd){padding-right:calc(var(--ss)*2.5vw);}
    .press-block .press-article:nth-child(even){padding-left:calc(var(--ss)*2.5vw);}
	.press-block .container{padding-top:calc(var(--ss)*211vw);}
    .press-block .press-image img{height:calc(var(--ss)*586vw);}
    
    .press-block .press-article hgroup{max-width:calc(var(--ss)*501vw);}
    .press-block .press-article .btn{width:calc(var(--ss)*359vw)}
    .press-block .press-logo{height:calc(var(--ss)*73vw);} 
}

@media(min-width:1513px){
    body.fixed-width .press-block .container{padding-top:calc(211/16*1rem);}
    body.fixed-width .press-block .press-article{padding:calc(44/16*1rem) 0}

    body.fixed-width .press-block .press-image img{height:calc(586/16*1rem); margin-bottom:calc(44/16*1rem);}
    
    body.fixed-width .press-block .press-article:nth-child(odd){padding-right:calc(2.5/16*1rem);}
    body.fixed-width .press-block .press-article:nth-child(even){padding-left:calc(2.5/16*1rem);}
    
    body.fixed-width .press-block .press-article .copy{margin-bottom:calc(44/16*1rem); max-width:calc(318/16*1rem)}
    
    body.fixed-width .press-block .press-article hgroup{width:calc(501/16*1rem);margin-bottom:calc(27/16*1rem);}
    body.fixed-width .press-block .press-article .btn{width:calc(359/16*1rem)}
    body.fixed-width .press-block .press-logo{height:calc(73/16*1rem);} 
    
}

/* IOS FIXES */
@media(max-width:768px){
}
    

/* PRESS ARTICLE
======================================================= */
.press-page .copy{max-width:calc(var(--ss)*645vw)}

.press-hero p:last-of-type{margin-bottom:var(--spacing-s);}
.press-hero h1{font:var(--title); letter-spacing:var(--ls07);line-height:1.1em;}


.press-nav{gap:calc(var(--ss)*5vw)}

.press-nav .slick-arrow.slick-close{position:absolute;top:calc(var(--ss)*108vw); right:var(--hpad)}
.press-nav .slick-close{background:var(--black); }
.press-nav .slick-close:hover{background:var(--white30)}

.press-hero .hero-content-inner picture{height:auto}
.press-hero .press-logo{object-fit:contain; object-position: left bottom; width:100%; max-width:calc(var(--ss)*255vw); height:auto; filter:brightness(0) invert(1); margin-bottom:var(--spacing);}


.press-page .copy .btn-wrap{margin-top:var(--spacing);}

@media(max-width:768px){
    .press-hero .press-logo{margin-bottom:var(--spacing-s); max-height:calc(var(--ss)*75vw)}

}

@media(min-width:769px){
    .press-hero hgroup{max-width:calc(var(--ss)*501vw)}
    .press-hero .hero-content-inner{position: relative;}
    .press-nav .slick-arrow{position:unset;transform:translateY(0)}
    .press-nav .slick-arrow.slick-close{position:absolute;top:calc(var(--ss)*156vw); right: calc(var(--ss)*-722vw);}
    
    .press-page .copy .btn{width:fit-content;}
    
}

@media(min-width:1513px){
    .press-hero hgroup{max-width:calc(501/16*1rem)}
    body.fixed-width .press-nav{gap:calc(5/16*1rem)}
    body.fixed-width .press-page .copy{max-width:calc(645/16*1rem)}
    body.fixed-width .press-nav .slick-arrow.slick-close{position:absolute;top:calc(156/16*1rem); right:calc(-722/16*1rem)}
    
    body.fixed-width .press-hero .press-logo{ max-width:calc(255/16*1rem); height:auto;}
}

/* IOS FIXES */
@media(max-width:768px){
}


/* INSTAGRAM
======================================================= */
.instagram-block .copy{margin-bottom:var(--spacing);}
.instagram-block .instagram-slider img{width:calc(var(--ss)*115vw); height:calc(var(--ss)*115vw); object-fit: cover;}
.instagram-block .instagram-slider .slick-track{gap:calc(var(--ss)*3vw)}

@media(max-width:768px){
    .instagram-block .container{padding-left:0; padding-right:0;}
    .instagram-block .title-block,
    .instagram-block .left-col{padding-left: var(--hpad); padding-right:var(--hpad)}
    .instagram-block .instagram-slider{margin-top:var(--spacing);}
}

@media(min-width:769px){
    .instagram-block .instagram-slider .slick-track{gap:calc(var(--ss)*5vw)}
	.instagram-block .copy{margin-bottom:var(--spacing-s);}
    .instagram-block .left-col{width:calc(var(--ss)*286vw); margin-right:calc(var(--ss)*75vw);}
    .instagram-block .instagram-slider{width:calc(100% - calc(var(--ss)*361vw));}
    .instagram-block .instagram-slider .slick-list,
    .instagram-block .instagram-slider .slick-track{width:100%;}
    
    .instagram-block .instagram-slider a,
    .instagram-block .instagram-slider img{width:calc(var(--ss)*210vw); height:auto; aspect-ratio:1 / 1; object-fit: cover;}
}

@media(min-width:1513px){
    .instagram-block .instagram-slider .slick-track{gap:calc(5/16*1rem)}
    .instagram-block .left-col{width:calc(286/16*1rem); margin-right:calc(75/16*1rem);}
    .instagram-block .instagram-slider{width:calc(100% - calc(361/16*1rem));}
    .instagram-block .instagram-slider img{width:calc(210/16*1rem); height:auto; aspect-ratio:1 / 1; object-fit: cover;}
}

/* IOS FIXES */
@media(max-width:768px){
}



