/* 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:0.03em;}
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.03em;}
.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}
html{height:100%;}

/* FONT ASSIGNMENT
======================================================= */
body { font:var(--p1); text-align: left; color:var(--fc1); background: var(--cream); overflow-x: hidden;}

main{min-height:calc(100vh - var(--footer__height));}
b, strong { font-weight:600; }
h1, .h1 {font:var(--h1); letter-spacing:0.04em;}
h2, .h2 {font:var(--h2);  letter-spacing:0.04em;}
h3, .h3 {font:var(--h3); letter-spacing:0.04em;}
h4, .h4 {font:var(--h4); letter-spacing:0.04em;}
.title{font:var(--title); text-transform: uppercase;  letter-spacing:0.04em;}
p, .p1, .copy {font:var(--p1);}
.copy.p2 p, .p2 {font:var(--p2);}
.p3 {font:var(--p3);}
.nav {font:var(--nav);}
.sub {font:var(--nav);  text-transform: uppercase}
span.p1 {display:inline-block;}
.italic{font-style: italic;}
sup{vertical-align: super; font-size: 0.7em; }
.small{font:var(--small);}
.smaller{font:var(--smaller);}
.large{font:var(--large);}
.pre-wrap{white-space:pre-wrap;}

/* COLOURING IN
======================================================= */
.white-bg { background-color: var(--white); }
.black-bg { background-color: var(--dgrey); }
.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(--fc1);}
.fc-white{color:var(--fc2);}
.black-bg *{color:var(--fc2)}

main section{margin-top:-1px;}

/*section#page{transform:translateY(100vh);transition:0.6s transform linear;}*/
/*
body.no-splash section#page{transform:translateY(0vh);}
body.legal section#page{transform:translateY(0vh);}
*/

section#splash{transform:translateY(0vh);transition:1s transform linear; transition-delay: 2s;}
body.loaded section#splash{transform:translateY(-101%);}
body.legal section#splash, 
body.menu-id-142 section#splash,
body.menu-id-142 section#page header{display:none;}

/* SNAP
======================================================= */
@media(max-width:599px) {
	.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), .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), 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);
}

/* STRUCTURE
======================================================= */
/*main section{margin-top:calc(var(--ss)*-1vw);}*/
section > div {width:100%;}
section * p:last-child {margin-bottom: 0;}



@media(max-width:1023px){
	.btn-wrap{gap:0; flex-wrap:wrap;}
	.btn{height:calc(var(--ss)*23vw); padding:calc(var(--ss)*2vw) calc(var(--ss)*13vw) 0; min-width:calc(var(--ss)*100vw);}

	
}

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;}

.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;}

.cover{object-fit: cover}
.contain{object-fit: contain}

@media(max-width:768px){
	.mob-wrap{flex-wrap: wrap; }
	.mob-flex-column{flex-direction:column !important;}
	.mob-flex-column-r{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;}
}

.mtauto{margin-top: auto;}
.mlauto{margin-left: auto;}
.mbauto{margin-bottom: auto;}
.mrauto{margin-right: auto;}

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;}


.btn{border:1px solid var(--black); display:flex; font:var(--btn); text-transform: uppercase; width:calc(var(--ss)*157vw); height:calc(var(--ss)*32vw); justify-content: center; align-items:center; background:transparent; color:var(--fc1); transition: 0.3s color, 0.3s border, 0.3s background; cursor: pointer; padding-top: calc(var(--ss)*4vw); /*padding-top: calc(var(--ss)*9vw); display:block; text-align:center; line-height: 0.9*/}
.mac .btn{padding-top: 0 !important;}
.black-bg .btn{border-color: var(--white);  color:var(--fc2);}
.btn:hover{border-color: var(--white); background: var(--orange); color:var(--fc2);}
.copy + .btn{margin-top: calc(var(--ss)*40vw);}

@media(max-width:768px){
	.btn{width:calc(var(--ss)*128vw); height:calc(var(--ss)*24.5vw); padding: calc(var(--ss)*3vw) 0 0 0;}

	p + .btn{margin-top: calc(var(--ss)*30vw);}
}

/* SPLASH
======================================================= */
#splash{ height:100vh; width:100vw; position:fixed; z-index:10000; overflow:hidden}
#splash header{height:100%; width:100%;}
#splash header .header-titanic p{font:normal 600 calc(var(--ss)*48vw) / 1.1em var(--ff); letter-spacing:0.12em; padding-left: calc(var(--ss)*1vw);}

.menu-id-427 #splash{display:none;}

@media(max-width:768px){
	#splash .header-inner .logo{ top:auto; bottom:calc(var(--ss)*415vw);}
	#splash header .header-titanic p{font:var(--title);}
	#splash header .header-titanic{width:100%;position:absolute; bottom:calc(var(--ss)*363vw); left:0;}
}

/* HEADER
======================================================= */
#page header{/* background:var(--dgrey) url("/images/loftlines/Header-Image.jpg") center / cover no-repeat; */ height:100vh}
header:before{position: absolute; content:''; display:block; height:calc(var(--ss)*2400vw); width:calc(var(--ss)*1531vw); background:url('/templates/loftlines/images/shared/header-bg.svg') center / contain no-repeat; left: 50%; top:auto; bottom:50%; transform: translateX(-50%) translateY(36.9%);}

.header-inner{position: absolute; content:''; display:block; height:calc(var(--ss)*2400vw); width:calc(var(--ss)*1531vw); left: 50%; top:auto; bottom:50%; transform: translateX(-50%) translateY(36.9%);}
.header-inner .logo{width:82.45%; height:auto; position:absolute; top:57.35%; left:8.8%}
.header-inner .logo img{width:100%}

.header-menu{position:absolute; width:82.45%; top:69.4%; left:8.8%}
.header-menu *{color:var(--fc2); font-weight: 600;  letter-spacing:0.04em;}
.header-menu .mod-menu.mod-list{width:52.4%;}
.header-menu .header-address{width:26.6%;}
.header-menu .header-slogan{width:21%;}
/*.header-menu .nav-item{margin-bottom:calc(var(--ss)*3vw);}*/
.header-menu .nav-item a{font:var(--nav); text-transform: uppercase; position:relative; display:flex; height:calc(var(--ss)*47vw); position: relative; width:fit-content;transform:perspective(0)}
.header-menu .nav-item a:hover{color:var(--orange) !important}

header p{transform:perspective(0)}

.header-menu .nav-item a:after,
.header-menu .nav-item a:before{content:''; display:block; width:calc(var(--ss)*20vw); height:calc(var(--ss)*20vw); transition:0.3s transform, 0.3s opacity; top:calc(var(--ss)*6vw);right:calc(var(--ss)*-30vw); position: absolute;} 

.header-menu .nav-item a:after{background:url('/templates/loftlines/images/shared/arrow.svg') center / contain no-repeat;} 
.header-menu .nav-item a:before{background:url('/templates/loftlines/images/shared/arrow-orange.svg') center / contain no-repeat; opacity:0;} 

.header-menu .nav-item a:hover:after,
.header-menu .nav-item a:hover:before{transform:rotate(45deg);}
.header-menu .nav-item a:hover:after{ opacity:0;}
.header-menu .nav-item a:hover:before{ opacity:1;}


@media(min-aspect-ratio:1512 / 828){
	header:before{ transform: translateX(-50%) translateY(34.9%);}
	.header-inner{ transform: translateX(-50%) translateY(34.9%);}
}
@media(max-width:768px){
	#page header{background:var(--dgrey) url("/images/loftlines/Header-Image.jpg") 30% center / cover no-repeat; height:100vh; height:100dvh;}
	header:before{width:100vw; height:calc(var(--ss)*857vw); background:url('/templates/loftlines/images/shared/header-bg-mob.svg') center / contain no-repeat; left:0; bottom:0; transform: translateX(0%) translateY(0%);}
	.header-inner{height:100%; width:100vw; left:0; bottom:0; transform: translateX(-50%) translateY(-63.1%); bottom:0; transform: translateX(0%) translateY(0%);}
	
	.header-inner .logo{width:calc(var(--ss)*354vw); height:auto; position:absolute; top:calc(var(--ss)*23vw); left:calc(var(--ss)*13vw)}
	.header-menu{position:absolute; width:calc(var(--ss)*354vw); top:auto; bottom:0; left:calc(var(--ss)*13vw); flex-wrap:wrap;}
	
	.header-menu .mod-menu.mod-list{width:100%;position:absolute; bottom:calc(var(--ss)*8vw)}
	.header-menu .header-address{width:50%;position:absolute; bottom:calc(var(--ss)*364vw); left:0;}
	.header-menu .header-slogan{width:50%;position:absolute; bottom:calc(var(--ss)*364vw); right:0;}
	.header-menu .header-address p, .header-menu .header-slogan p{font-size:calc(var(--ss)*16vw); line-height:1.1em; }
}

/* FOOTER
======================================================= */
footer *{color:var(--fc2); font:var(--footer); }
footer{ margin-top: calc(var(--ss)*-1vw); border-top:1px solid var(--white)}

.footer-top{ gap:calc(var(--ss)*220vw); padding:calc(var(--ss)*18vw) calc(var(--ss)*70vw) calc(var(--ss)*45vw) calc(var(--ss)*50vw); }
.footer-top *{text-transform: uppercase; letter-spacing:0.03em;}

.footer-lg img{width:calc(var(--ss)*149vw);height:calc(var(--ss)*52vw);}
footer .mod-menu{display:flex; justify-content:flex-start; align-items: center; padding-top:calc(var(--ss)*33vw); gap:calc(var(--ss)*36vw)}
.footer-copyright{padding-top:calc(var(--ss)*33vw); gap:calc(var(--ss)*98vw)}

.footer p{margin-bottom: 0;}
.footer-top p, .footer-top a{margin-bottom: 0; min-width: max-content;}

.footer-bottom{border-top:1px solid var(--white); padding:calc(var(--ss)*36vw) var(--hpad) calc(var(--ss)*47vw);}

@media(max-width:768px){
	.footer-top, .footer-menu, .footer-copyright, footer .mod-menu{ gap:0}
	footer .mod-menu, .footer-copyright{padding-top: 0;}
	
	.footer-top{padding:calc(var(--ss)*20vw) var(--hpad);}
	footer .mod-menu li{width:calc(var(--ss)*74vw); display:flex; justify-content: center; margin:0 calc(var(--ss)*4vw)}
	.footer-menu, .footer-copyright a{margin-bottom:calc(var(--ss)*20vw);}
	.footer-copyright img{width:calc(var(--ss)*129vw); height:calc(var(--ss)*45vw)}
	
	.footer-bottom{padding:calc(var(--ss)*20vw) var(--hpad);}
}


/* SLIDER
======================================================= */
.slider{width:100%; height:100%;}
.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{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-arrow{position:absolute; width:calc(var(--ss)*42vw); height:calc(var(--ss)*42vw); background:transparent; z-index: 1001; padding:0;}
.slick-arrow svg{width:100%; height:100%; object-fit: contain;}
.slick-arrow svg circle{transition:0.3s stroke;}
.slick-arrow svg path{transition:0.3s fill;}
.slick-arrow:hover svg circle{stroke:var(--orange)}
.slick-arrow:hover svg path{fill:var(--orange)}

@media(max-width:768px){
	.slick-arrow{width:calc(var(--ss)*30vw); height:calc(var(--ss)*30vw);}	
}


/* VIDEO
======================================================= */
.video{width: 100%; height:100%; overflow:hidden;}
iframe:not([title="reCAPTCHA"]){ height:100%; width:auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }

@media (min-aspect-ratio: 1 / 1) { 
	iframe:not([title="reCAPTCHA"]){ height:auto; width:100%; }
}

/* BLOCK TITLE
======================================================= */
.block-title{height:calc(var(--ss)*89vw); text-align: center; color:var(--fc1) !important;  border-top:var(--border); border-bottom:var(--border);}
.block-title h2{color:var(--fc1) !important; letter-spacing:0.04em;}
.black-bg .block-title{border-color:var(--dgray)}

@media(max-width:768px){
	.black-bg .block-title{border-color:var(--black)}
	.block-title{height:calc(var(--ss)*45vw);}
	
	.text-image-block + section .block-title{margin-top:calc(var(--ss)*-22vw);}
}

/* BLOCK Heading
======================================================= */
.block-heading{ padding:calc(var(--ss)*60vw) 0 calc(var(--ss)*60vw) calc(var(--ss)*43vw);}
.block-heading h2{letter-spacing:0.04em;}
@media(max-width:768px){
	.block-heading{padding:calc(var(--ss)*30vw) var(--hpad) calc(var(--ss)*25vw);}
}

/* HERO BLOCK
======================================================= */
.hero-block > div{height:100vh; width:100vw; }
	
@media(max-width:768px){
	.hero-block > div{height:calc(100vh - calc(var(--ss)*62vw)); width:100vw; }
}

/* DEFAULT BLOCK
======================================================= */
.default-block > div.content{padding:calc(var(--ss)*141vw) var(--hpad) calc(var(--ss)*130vw); text-align: center;}
.default-block .content h1, .default-block .content h2, .default-block .content h3{max-width:calc(var(--ss)*890vw); margin:0 auto calc(var(--ss)*80vw);}
.default-block .copy{max-width:calc(var(--ss)*935vw); margin:0 auto;}

@media(max-width:768px){
	.default-block > div.content{padding:var(--vpad) var(--hpad);}
	.default-block .content h1, .default-block .content h2, .default-block .content h3{ margin:0 auto calc(var(--ss)*20vw);}
}

/* TEXT IMAGE BLOCK
======================================================= */
.text-image-block .image-wide .image-content{max-width:calc(var(--ss)*981vw); width:100%; line-height:0;}
.text-image-block .image-medium .image-content{max-width:calc(var(--ss)*817vw); width:100%; line-height:0;}
.text-image-block .image-small .image-content{max-width:calc(var(--ss)*654vw); width:100%; line-height:0;}
.text-image-block .image-wide .text-content{max-width:calc(100vw - calc(var(--ss)*981vw)); width:100%; }
.text-image-block .image-medium .text-content{max-width:calc(100vw - calc(var(--ss)*817vw)); width:100%; }
.text-image-block .image-small .text-content{max-width:calc(100vw - calc(var(--ss)*654vw)); width:100%; }
.text-image-block .text-content-wrap{padding:calc(var(--ss)*38vw) calc(var(--ss)*40vw);}
.text-image-block{padding-bottom:calc(var(--ss)*40vw);}
.text-image-block .text-content h2,
.text-image-block .text-content h3{margin-bottom: 0.8em; text-transform: uppercase; letter-spacing:0.04em;}
.text-image-block .text-content-image{ line-height: 0;}
.text-image-block .image-content{height:auto; line-height:0; font-size:0; }
.text-image-block img{height:100%; object-fit: cover; width:100%;  min-height:auto}



@media(min-width:769px){
	.text-image-content{border-top:var(--border); border-bottom:var(--border);box-sizing: border-box;}
	.text-image-block .text-content-image{padding-right:calc(var(--ss)*40vw); border-bottom:var(--border); }
	.text-image-block .image-content{box-sizing: border-box;}
	.text-image-content .copy p{max-width:calc(var(--ss)*450vw)}
	.text-image-block .image-medium .text-content-wrap{padding:calc(var(--ss)*38vw) calc(var(--ss)*70vw) calc(var(--ss)*38vw) calc(var(--ss)*40vw)}
	.text-image-block .image-content{height:auto; line-height:0; font-size:0; border-right:var(--border);}
	.text-image-block .reverse .image-content{height:auto; line-height:0; font-size:0; border-left:var(--border); border-right: none;}
	.text-image-block .text-content-image img{border-left:var(--border);}
	.text-image-block .reverse .text-content-image img{border-right:var(--border); border-left:none;}
}

@media(max-width:768px){
	.text-image-block{padding-bottom:calc(var(--ss)*20vw);}
	.text-image-block .image-wide .image-content,
	.text-image-block .image-medium .image-content,
	.text-image-block .image-small .image-content,
	.text-image-block .image-wide .text-content,
	.text-image-block .image-medium .text-content,
	.text-image-block .image-small .text-content{max-width:100%; width:100%; }
	.text-image-block .text-content-wrap{padding:calc(var(--ss)*30vw) var(--hpad);}
	.text-image-block img{border-top:var(--border); border-bottom:var(--border);}
	.text-image-block .image-content{height:calc(var(--ss)*340vw)}
	.text-image-block img{height:calc(var(--ss)*340vw);}
}

/* IMAGE SLIDER BLOCK
======================================================= */
.image-slider-block .image-slide-wrap{border-top:var(--border);}
.image-slider-block .col-1{width:calc(var(--ss)*984vw);}
.image-slider-block .col-2{width:calc(100vw - calc(var(--ss)*984vw));}
.image-slider-block .image-content, .image-slider-block .slide-wrap{height:calc(var(--ss)*580vw); border-bottom:var(--border)}
.image-slider-block img{width:100%; height:100%; object-fit: cover;}

.image-slider-block .slide-wrap{border-left:var(--border);}
.image-slider{height:calc(var(--ss)*466vw);margin-left:calc(var(--ss)*40vw); width:calc(var(--ss)*486vw)}
.slide-footer{border-top:var(--border); padding:calc(var(--ss)*15vw) calc(var(--ss)*40vw);}
.slide-footer span{font:var(--h4);}
.slide-footer span.opacity{opacity: 0.7}
.image-slider-block .slide-wrap .slick-arrow{bottom:calc(var(--ss)*-49vw)}
.image-slider-block .slide-wrap .slick-prev{right:calc(var(--ss)*84vw)}
.image-slider-block .slide-wrap .slick-next{right:calc(var(--ss)*36vw)}
.image-slider-block .text-content{padding:calc(var(--ss)*38vw) calc(var(--ss)*40vw) calc(var(--ss)*96vw) calc(var(--ss)*37vw);}
.image-slider-block .text-content h2{margin-bottom:1.2em;}
.image-slider-block .text-content h2,
.image-slider-block .text-content h3{letter-spacing:0.04em;}

.image-slider-block .text-wrap .copy{padding:calc(var(--ss)*38vw) calc(var(--ss)*38vw) calc(var(--ss)*40vw) calc(var(--ss)*40vw)}

@media(min-width:769px){
	.image-slider{border-left:var(--border);}
}

@media(max-width:768px){
	.image-slider-block .col{width:100%;}
	.image-slider-block .image-content, .image-slider-block .image-slider{height:calc(var(--ss)*340vw); border-top:var(--border)}
	.image-slider-block .image-slider{margin-left:0; width:100%;}
	.image-slider-block .slide-wrap{border-left:none; height:fit-content; border-bottom:none;}
	.slide-footer{width:100%;display:flex; justify-content: center; padding:calc(var(--ss)*19vw) var(--hpad) 0;}
	.image-slider-block .text-content{padding:calc(var(--ss)*30vw) var(--hpad) calc(var(--ss)*35vw);}
	.image-slider-block .image-content img{object-fit:contain}
	.image-slider-block .slide-wrap .slick-arrow{bottom:calc(var(--ss)*-43vw)}
	.image-slider-block .slide-wrap .slick-prev{right:auto; left:var(--hpad)}
	.image-slider-block .slide-wrap .slick-next{right:var(--hpad);}
	
	.image-slider-block .text-wrap .copy{padding:calc(var(--ss)*30vw) var(--hpad) calc(var(--ss)*113vw)}
}

/* IMAGE BLOCK
======================================================= */
.image-block{padding-bottom:calc(var(--ss)*40vw);}
.image-block .image-content{height:calc(var(--ss)*832vw); line-height: 0;}

@media(max-width:768px){
	.image-block{padding-bottom:0;}
	.image-block .image-content{height:calc(var(--ss)*340vw)}
}

/* ACCORDION BLOCK
======================================================= */
.accordion-header{background:transparent !important; text-align: left; height:calc(var(--ss)*101vw); padding: calc(var(--ss)*4vw) 0 0 0;}
.mac .accordion-header{padding: 0;}
.accordion-header .title{letter-spacing:0.04em; font-weight:500; color:var(--fc1) !important;}
.black-bg .accordion-header .title{color:var(--fc2) !important;}
.accordion-group:before,
.accordion-group:after{position: absolute; display: block; content:''; background:var(--black); opacity:1; pointer-events:none; transition:0.6s opacity, 0.6s color, 0.6s transform;}
.black-bg .accordion-group:before,
.black-bg .accordion-group:after{background:var(--white);}

.accordion-group:before{width:calc(var(--ss)*26vw); height:calc(var(--ss)*2vw); top:calc(var(--ss)*49vw); right:calc(var(--ss)*20vw)}
.accordion-group:after{width:calc(var(--ss)*2vw); height:calc(var(--ss)*26vw); top:calc(var(--ss)*37vw); right:calc(var(--ss)*32vw)}
.accordion-group.active:after,
.accordion-group.active:before{transform:rotate(90deg);}
.accordion-group.active:before{ opacity:0;}
.accordion-group.active:before, .accordion-group.active:after,
.accordion-group:hover:before, .accordion-group:hover:after{background:var(--orange) !important;}

.accordion-wrap {border-top:var(--border)}
.accordion-wrap .accordion-group:not(:last-child){border-bottom:var(--border);}
.accordion-group{padding:0 calc(var(--ss)*10vw) 0 calc(var(--ss)*40vw)}
.accordion-text{height:fit-content; max-height:0px; overflow: hidden; transition: 1s max-height;}
.accordion-text .copy{padding-bottom:calc(var(--ss)*35vw);}

.accordion-group.active .accordion-text{ max-height:calc(var(--ss)*300vw); }
.accordion-block .image-content{width:calc(var(--ss)*658vw); line-height: 0; font-size: 0}
.accordion-block .image-content img{object-fit:cover; height:auto; max-height:100%; width:100%; line-height: 0;}
.accordion-block .text-content{width:calc(100vw - calc(var(--ss)*658vw));}

.accordion-block:not(.bg-black) + section{border-top:var(--border);}

@media(min-width:768px){
	.accordion-block .image-content{border-right:var(--border); border-top:var(--border)}
}

@media(max-width:768px){
	.accordion-block{padding-bottom: calc(var(--ss)*93vw);}
	.accordion-block .image-content{width:100%; height:calc(var(--ss)*340vw); border-top:var(--border)}
	.accordion-block .text-content{width:100%;}
	
	.accordion-header{height:calc(var(--ss)*68vw); padding: calc(var(--ss)*6vw) 0 0 0;}
	.accordion-group{padding:0 var(--hpad)}
	.accordion-group:before{width:calc(var(--ss)*13.5vw); height:calc(var(--ss)*1vw); top:calc(var(--ss)*33vw); right:calc(var(--ss)*20vw)}
	.accordion-group:after{width:calc(var(--ss)*1vw); height:calc(var(--ss)*13.5vw); top:calc(var(--ss)*27vw); right:calc(var(--ss)*26vw);}
}

/* MAP BLOCK
======================================================= */
.map-block{padding-bottom:calc(var(--ss)*40vw);}
.map-wrap{padding:0 calc(var(--ss)*42vw); border-top:var(--border); border-bottom:var(--border)}
#google-map{width:100%; height:calc(var(--ss)*902vw); border-left:var(--border); border-right:var(--border);}

.map-zoom-wrap{margin-top:calc(var(--ss)*23vw);  margin-left: calc(var(--ss)*25vw); display:flex;}
.map-zoom-button{width:calc(var(--ss)*42vw); height:calc(var(--ss)*42vw); background-color:var(--green); cursor:pointer; border:1px solid var(--white);}
.mapzoomout{background:var(--green) url('/templates/loftlines/images/map/zoom-out.svg') center / 60% no-repeat; margin-left: calc(var(--ss)*20vw);}
.mapzoomin{background:var(--green) url('/templates/loftlines/images/map/zoom-in.svg') center / 60% no-repeat}

@media(max-width:768px){
	.map-block{padding-bottom:calc(var(--ss)*20vw);}
	.map-wrap{padding:0 var(--hpad);}
	#google-map{height:calc(var(--ss)*350vw); }
	.map-zoom-wrap{margin-top:calc(var(--ss)*13vw);  margin-left: calc(var(--ss)*13vw);}
	.map-zoom-button{width:calc(var(--ss)*27vw); height:calc(var(--ss)*27vw);}
	.mapzoomout{ margin-left: calc(var(--ss)*14vw);}
}

/* FORM
======================================================= */
.contact-form{padding:calc(var(--ss)*107vw) var(--hpad) calc(var(--ss)*112vw); overflow:hidden; /*height:calc(var(--ss)*966vw)*/}
.contact-form:before{position: absolute; content:''; display:block; height:calc(var(--ss)*3049vw); width:calc(var(--ss)*1512vw); background:calc(var(--ss)*vw); background:url('/templates/loftlines/images/shared/form.svg') center / contain no-repeat; top: 50%; left: 50%; transform: translateX(-50%) translateY(-39%);}

.G3-body{background:var(--dgrey); border:var(--border); max-width:calc(var(--ss)*1127vw); width:100%; padding:calc(var(--ss)*54vw) calc(var(--ss)*49vw) calc(var(--ss)*79vw);position: relative;}
.contact-form > h3{display: none;}
.G3-body form.form.ui  h1{font:var(--h1); margin:0 0 calc(var(--ss)*30vw); letter-spacing:0.04em;}
.G3-body form.form.ui .text-content{margin-bottom:calc(var(--ss)*40vw)}


@media(max-width:768px){
	.contact-form{padding:calc(var(--ss)*90vw) calc(var(--ss)*20vw) calc(var(--ss)*94vw);}
	.contact-form:before{ height:calc(var(--ss)*1155vw); width:calc(var(--ss)*736vw); background:calc(var(--ss)*vw); background:url('/templates/loftlines/images/shared/form-bg-mob.svg') center / contain no-repeat; top: 0; left: 50%; transform: translateX(-50%) translateY(0%);}
	.G3-body{ max-width:100%; width:100%; padding:calc(var(--ss)*30vw) calc(var(--ss)*20vw) calc(var(--ss)*20vw);}
	.G3-body form.form.ui  h1{font:var(--h1); margin:0 0 calc(var(--ss)*29vw)}
}

form.form.ui .field{margin-bottom: 0; position:relative;}
form.form.ui .field > label,
form.form.ui .field.error > label,
form label{display:none}
form.ui.form input[type="text"],
form.ui.form input[type="text"]:focus,
form.ui.form input[type="text"]:hover,
form.ui.form .error input[type="text"],
form.ui.form textarea,
form.ui.form  #cols_1 > div .selection.dropdown,
form input[type="text"],
form textarea{padding:calc(var(--ss)*4vw) calc(var(--ss)*22vw) 0; border:var(--border) !important; box-shadow:none; border-radius:0 !important; background: var(--dgrey) !important; margin-bottom: calc(var(--ss)*22vw); font:var(--form); letter-spacing:0.03em; height:calc(var(--ss)*64vw); min-height:fit-content; display:flex; align-items: center; line-height:1; text-transform:uppercase; color:var(--fc2) !important;}
form input[type="text"],
form textarea{width:100%;}

form.ui.form textarea{height:calc(var(--ss)*152vw); padding-top:calc(var(--ss)*22vw); padding-bottom:calc(var(--ss)*22vw);}


@media(max-width:768px){
	form.ui.form input[type="text"],
	form.ui.form input[type="text"]:focus,
	form.ui.form input[type="text"]:hover,
	form.ui.form .error input[type="text"],
	form.ui.form textarea,
	form.ui.form  #cols_1 > div .selection.dropdown,
	form input[type="text"],
	form textarea{padding:calc(var(--ss)*3vw) calc(var(--ss)*11vw); margin-bottom: calc(var(--ss)*16vw);height:calc(var(--ss)*51vw);}
	
	form.ui.form textarea{height:calc(var(--ss)*205vw); padding-top:calc(var(--ss)*15vw); padding-bottom:calc(var(--ss)*17vw); color:var(--fc2) !important}
	
	
}

form.form.ui #cols_1{margin-bottom:calc(var(--ss)*12vw);}
form.form.ui #cols_1 .field .w-100,
form.form.ui #cols_1 .field .w-100.dropdown .menu,
form .field.w-100 input[type="text"],
form .field.w-100 textarea{width:calc(var(--ss)*1027vw);}
form.form.ui #cols_1 .field .w-50,
form.form.ui #cols_1 .field .w-50.dropdown .menum,
form .field.w-50 input[type="text"],
form .field.w-50 textarea{width:calc(var(--ss)*504vw);}

@media(max-width:768px){
	form.form.ui #cols_1 .field .w-100,
	form.form.ui #cols_1 .field .w-100.dropdown .menu,
	form .field.w-100 input[type="text"],
	form .field.w-100 textarea,
	form.form.ui #cols_1 .field .w-50,
	form.form.ui #cols_1 .field .w-50.dropdown .menu,
	form .field.w-50 input[type="text"],
	form .field.w-50 textarea{width:calc(var(--ss)*306vw);}
}

form.ui.form .mainfield{position:relative;}
form.ui.form span.ui.red.text {position:absolute;bottom:calc(var(--ss)*4vw); color:var(--orange)} 


.contact-form .ui.form .ui.checkbox label{display:flex !important;padding-left:calc(var(--ss)*34vw); font:var(--small); color:var(--fc2) !important; max-width: calc(var(--ss)*600vw); margin-bottom:calc(var(--ss)*24vw); align-items:center; padding-top:calc(var(--ss)*3.5vw);}

.contact-form .ui.form .ui.checkbox label:before{content:''; display:block; height:calc(var(--ss)*17vw); width:calc(var(--ss)*17vw); border-radius:0 !important; color:var(--fc2); background:transparent; border:var(--border) !important; z-index:1; transition:bo 0.3s; font-family: Checkbox;  display: flex; justify-content: center; align-items: center;}
.contact-form .ui.form .ui.checkbox.checked label:before{ content: "\e800";}
.contact-form .ui.form .ui.checkbox:after{display:none;}
.contact-form .ui.form .ui.checkbox label:after{display:none;}
.contact-form .ui.form .field.error .checkbox:not(.toggle):not(.slider) label::before{background:transparent;}

.contact-form .ui.form div[data-uid="79"]{margin-top:calc(var(--ss)*10vw);}

form.ui.form .ui.default.dropdown:not(.button) > .text,
form.ui.form .ui.dropdown:not(.button) > .default.text{color:var(--fc2) !important; font:var(--form);}
form.ui.form .ui.selection.dropdown .menu{background:var(--dgrey); border-radius:0;}
form.ui.form .ui.selection.active.dropdown .menu,
form.ui.form .ui.selection.active.dropdown:hover .menu{border:var(--border); min-width:fit-content; left:0; }
form.ui.form .field .dropdown .menu > .item{font:var(--form); color:var(--fc2) !important; border-top:1px solid var(--mgrey); text-transform:uppercase; padding:calc(var(--ss)*14vw) calc(var(--ss)*22vw)}
form.ui.form .ui.selection.active.dropdown:hover { box-shadow: none;}
form.ui.form .field > .selection.dropdown > .dropdown.icon:before{display:none;}


form.ui.form button[type="submit"],
input[type="submit"]{text-transform: uppercase; font:var(--h2); display: flex; justify-content:center; align-items: center; height:calc(var(--ss)*55vw); width:calc(var(--ss)*209vw); color:var(--white); background: var(--dgrey); border:1px solid var(--dgrey); transition:0.3s background, 0.3s border; padding:calc(var(--ss)*5vw) 0 0 0; position:relative;}
form.ui.form button[type="submit"]:hover,
input[type="submit"]:hover{border:var(--border); background:var(--orange)}
form.ui.form button[type="submit"]:after,
input[type="submit"]:after{content:''; display:block; background:url('/templates/loftlines/images/shared/arrow.svg') center / contain no-repeat; width:calc(var(--ss)*20vw); height:calc(var(--ss)*20vw); margin-left: calc(var(--ss)*8vw); margin-top:calc(var(--ss)*-4vw);transition:0.3s transform;}
form.ui.form button[type="submit"]:hover:after,
input[type="submit"]:hover:after{transform:rotate(45deg);}

form.ui.form .required.field > .checkbox + span.ui.red.text{position:absolute;bottom:calc(var(--ss)*3vw);}

.G3-message.warning,
.ui.text.red.field.quti.block{display:none;}

.ui.message .copy p{font:var(--p1)}
@media(max-width:768px){
	form.ui.form span.ui.red.text { bottom: calc(var(--ss)*10vw); }
	#cols_1, .recaptcha{margin-bottom:calc(var(--ss)*23vw);}
	.contact-form .ui.form .ui.checkbox label{display:flex !important;padding-left:calc(var(--ss)*34vw); font:var(--small); color:var(--fc2) !important; margin-bottom:calc(var(--ss)*26vw);  padding-top:0;}
	.contact-form .ui.form .ui.checkbox label:before{height:calc(var(--ss)*26vw); width:calc(var(--ss)*26vw);}
	
	
	form.ui.form button[type="submit"],
	input[type="submit"]{ margin:calc(var(--ss)*15vw) 0 0; height:calc(var(--ss)*42vw); width:calc(var(--ss)*134vw); padding: calc(var(--ss)*3vw ); }
	form.ui.form button[type="submit"]:after,
	input[type="submit"]:after{ width:calc(var(--ss)*15vw); height:calc(var(--ss)*15vw); margin-left: calc(var(--ss)*7vw); margin-top:calc(var(--ss)*-3vw);}
	
	.ui.message .copy{border:var(--border); background:var(--dgrey); padding:calc(var(--ss)*20vw)}
}

/*
PLACEHOLDERS :-(
========================================================== */
form.form.ui input::-webkit-input-placeholder { opacity:1; color:var(--fc2) !important; font:var(--form); text-transform:uppercase;}
form.form.ui input::-moz-placeholder { opacity:1; color:var(--fc2) !important; font:var(--form); padding:inherit; border-radius:inherit;  text-transform:uppercase;}
form.form.ui input:-ms-input-placeholder { opacity:1; color:var(--fc2) !important; font:var(--form); padding:inherit; border-radius:inherit; text-transform:uppercase;}
form.form.ui input:-moz-placeholder { opacity:1; color:var(--fc2) !important; font:var(--form); padding:inherit; border-radius:inherit; text-transform:uppercase;}
form.form.ui textarea::-webkit-input-placeholder { opacity:1; font:var(--form); color:var(--fc2) !important; padding:0; text-transform:uppercase;}
form.form.ui textarea::-moz-placeholder { opacity:1; font:var(--form); color:var(--fc2) !important; padding:0; border-radius:inherit;text-transform:uppercase;}
form.form.ui textarea:-ms-input-placeholder { opacity:1; font:var(--form); color:var(--fc2) !important; padding:0; border-radius:inherit;text-transform:uppercase;}
form.form.ui textarea:-moz-placeholder { opacity:1; font:var(--form); color:var(--fc2) !important; padding:0; border-radius:inherit;text-transform:uppercase;}


/* LEGAL PAGES
======================================================= */
.legal .default-block .content h2{margin-bottom:1.2em; max-width: 100%; margin-top: 2.4em; }
.legal .default-block .content h2:not(.no-border){border-top: 1px solid var(--black); padding-top:1.2em;}
.legal .default-block .copy { max-width: calc(var(--ss)*1080vw); }
.legal .copy ul li{font:var(--p1)}
.legal .copy ul{margin-bottom:1.2em; list-style: disc;margin-left:1.4em;}
.legal header ul li{display:none;}
.legal .copy{text-align: left;}
.legal table, .legal th, .legal td{border:1px solid var(--fc1);}
.legal th, .legal td{padding:calc(var(--ss)*2vw) calc(var(--ss)*5vw);}

@media(max-width:768px){
	.legal .copy ul{margin-left:1.4em;}
}
