@charset "UTF-8";

@import url("https://use.typekit.net/ait0hom.css");

@font-face {
   font-family: "sonar-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "sonar-sans", sans-serif;
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "sonar-sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "sonar-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "sonar-sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "sonar-sans", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

:root {
	
	--ss:100/1366;
	/*COLORS*/ 
	--pgreen:#829784; --dgreen:#3C523A; --dblue:#003B45; --pink:#D59D82; --cream:#F5E8CE; --orange:#EB9713; --dorange:#D15616; --black:#000000; --dbluea15:#003B4526; --white:#F5EEE3;
	--ff:"sonar-sans", sans-serif;
	--cover:center / cover no-repeat; --contain:center / contain no-repeat;
	/*HFONTS*/ 
	--h1:normal 400 calc(var(--ss)*55vw) / calc(var(--ss)*60vw) var(--ff); 
	--h2:normal 400 calc(var(--ss)*25vw) / calc(var(--ss)*30vw) var(--ff);
	/*PFONTS*/ 
	--p1:normal 400 calc(var(--ss)*16vw) / calc(var(--ss)*20vw) var(--ff);
	--nav:normal 600 calc(var(--ss)*16vw) / calc(var(--ss)*19vw) var(--ff); 
	--snav:normal 600 calc(var(--ss)*11vw) / calc(var(--ss)*17vw) var(--ff); 
	--hnav:normal 600 calc(var(--ss)*22vw) / calc(var(--ss)*22vw) var(--ff);
	--fnav:normal 400 calc(var(--ss)*20vw) / calc(var(--ss)*25vw) var(--ff); 
	--fnav2:normal 600 calc(var(--ss)*15vw) / calc(var(--ss)*19vw) var(--ff); 
	--tm:normal 400 calc(var(--ss)*19vw) / calc(var(--ss)*25vw) var(--ff);
	--ls:.15em; --ls0:-0.005em; --rem:1vw; --megals:.045em;
	
	--vpad:calc(var(--ss)*51vw); 
	--hpad:calc(var(--ss)*62vw); 
	--hpad2:calc(var(--ss)*99vw); 
	--hpad3:calc(var(--ss)*173vw); 
	--arroww:calc(var(--ss)*37.67vw); --arrowh:calc(var(--ss)*16.89vw); --chevsize:calc(var(--ss)*70vw); --r136:9.96vw;
	--circle:calc(var(--ss)*122vw);
	--fh:calc(var(--ss)*768vw);
	--fhc:clamp(50vh,calc(var(--ss)*768vw),100vh);
	/*IMAGES*/
	--chevl:url('/templates/towerworks/images/shared/chev-left.svg') var(--contain); --chevr:url('/templates/towerworks/images/shared/chev-right.svg') var(--contain); 
	--arrowl:url('/templates/towerworks/images/shared/arrow-left.svg') var(--contain); --arrowr:url('/templates/towerworks/images/shared/arrow-right.svg') var(--contain); --arrowrc:url('/templates/towerworks/images/shared/arrow-right-cream.svg') var(--contain);
	--arrowlb:url('/templates/towerworks/images/shared/arrow-left-black.svg') var(--contain); --arrowrb:url('/templates/towerworks/images/shared/arrow-right-black.svg') var(--contain);
	--gap1:1em; --gap2:2em; --gap3:3em; --gap4:4em; --border:.125em solid var(--cream);
	--dots:calc(var(--ss)*12vw);
	--hero:533vw;
	--homehero:768vw;
	--sbtnwidth:calc(var(--ss)*186vw); --sbtnheight:calc(var(--ss)*32vw);
	--dt2em:2em;
}

@media (max-width:768px) {
	:root {
		--ss:100/375;
		--h1:normal 400 calc(var(--ss)*39vw) / calc(var(--ss)*52vw) var(--ff);
		--h2:normal 400 calc(var(--ss)*22vw) / calc(var(--ss)*28vw) var(--ff);
		/*PFONTS*/ 
		--p1:normal 400 calc(var(--ss)*15vw) / calc(var(--ss)*20vw) var(--ff);
		--nav:normal 600 calc(var(--ss)*15vw) / calc(var(--ss)*18vw) var(--ff);
		--hnav:normal 400 calc(var(--ss)*35vw) / calc(var(--ss)*55vw) var(--ff);
		--fnav:normal 400 calc(var(--ss)*16vw) / calc(var(--ss)*24vw) var(--ff);
		--fnav2:normal 600 calc(var(--ss)*12vw) / calc(var(--ss)*17vw) var(--ff); 
		--tm:normal 400 calc(var(--ss)*17vw) / calc(var(--ss)*28vw) var(--ff);
		--rem:calc(1vw * 1.66); --vpad:calc(var(--ss)*49vw);
		--hpad:calc(var(--ss)*31vw);
		--fh:calc(var(--ss)*362vw);
		--hpad2:calc(var(--hpad) * 2.19); --arroww:10.05vw; --arrowh:4.5vw; 
		--chevsize:12.27vw; --r136:19.2vw; --dots:calc(var(--ss)*13vw);
		--hero:250vw;
		--homehero:347vw;
		--dt1em:0;
	}
}

/* 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: var(--rem);}
button {border:0;outline:0;}
* { box-sizing: border-box; outline:none;}
/*@media(max-width:768px) {
	* {-webkit-transform: translate3d(0,0,0);}	
	.video.model, header, header * {-webkit-transform: unset;}
}*/
/*section#page {overflow: hidden}*/
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;}

img {max-width:100%;}
ol:not(.list), ul:not(.list) {list-style: none;} ol { padding-left: 1em !important; }
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:not(.a) { text-align: center; }
.left:not(.a) { text-align: left; }
.softhide {display:none;}
u {text-decoration:underline;}
/* FONT ASSIGNMENT
======================================================= */
body { font:var(--p1); text-align: left; color:var(--cream); letter-spacing: 0.010em;background-color: var(--cream);}
b, strong { font-weight:600; }
h1, .h1:not(.a) {font:var(--h1);letter-spacing: -0.005em;}
h2, .h2:not(.a), div.h2 > p {font:var(--h2);}
h3, .h3:not(.a) {font:var(--h3);}
p, .p1:not(.a) {font:var(--p1);}
h3 {letter-spacing:.045em;}
.nav:not(.a) {font:var(--nav);}
.tm:not(.a) {font:var(--tm);}
span.p1 {display:inline-block;}
h1 {margin-bottom:calc(var(--ss)*45vw);}
h2 {margin-bottom:calc(var(--ss)*35vw);}
@media(max-width:768px) and (orientation:portrait) {
	h2, h2 + p:last-child {margin-bottom:calc(var(--ss)*24vw);}	
}
section * p:last-child {margin-bottom: 0;}
#page{overflow-x: clip;}

/* COLOURING IN
======================================================= */
body {transition:background .5s ease;}
.pgreen-bg, body[data-background="pgreen-bg"], body[data-background="pgreen-bg"] .change-bg, 
.pgreen-bg .anim::before, .pgreen-bg .anim::after { background-color: var(--pgreen); }
.dgreen-bg, body[data-background="dgreen-bg"], body[data-background="dgreen-bg"] .change-bg, 
.dgreen-bg .anim::before, .dgreen-bg .anim::after { background-color: var(--dgreen); }
.dblue-bg, body[data-background="dblue-bg"], body[data-background="dblue-bg"] .change-bg, 
.dblue-bg .anim::before, .dblue-bg .anim::after { background-color: var(--dblue); }
.pink-bg, body[data-background="pink-bg"], body[data-background="pink-bg"] .change-bg, 
.pink-bg .anim::before, .pink-bg .anim::after { background-color: var(--pink); }
.cream-bg, body[data-background="cream-bg"], body[data-background="cream-bg"] .change-bg, 
.cream-bg .anim::before, .cream-bg .anim::after { background-color: var(--cream); }
.orange-bg, body[data-background="orange-bg"], body[data-background="orange-bg"] .change-bg, 
.orange-bg .anim::before, .orange-bg .anim::after { background-color: var(--orange); }
.dorange-bg, body[data-background="dorange-bg"], body[data-background="dorange-bg"] .change-bg, 
.dorange-bg .anim::before, .dorange-bg .anim::after { background-color: var(--dorange); }
.change-bg {transition: background .5s ease .3s; }

div.cream-bg *, section.cream-bg *, section[data-background="cream-bg"] * {color: var(--black);}
div.pgreen-bg *, section.pgreen-bg *, 
div.dgreen-bg *, section.dgreen-bg *, 
div.dblue-bg *, section.dblue-bg *, 
div.pink-bg *, section.pink-bg *, 
div.orange-bg *, section.orange-bg *,
div.dorange-bg *, section.dorange-bg * {color: var(--cream);}

header ul li > a, p, h1, h2, h3, a {transition:color .33s ease;}
body.mega-open:not(.a) header #menu li > a, 
body.mega-open2:not(.a) header #menu li > a { color: var(--cream); }
/*body:not(.scroll-up) header.change-bg { background-color: transparent !important; }*/

.pgreen:not(.a), .pgreen a { color: var(--pgreen); }
.dgreen:not(.a), .dgreen a { color: var(--dgreen); }
.pink:not(.a), .pink a { color: var(--pink); }
.cream:not(.a), .cream a { color: var(--cream); }
.orange:not(.a), .orange a { color: var(--orange); }
.cream:not(.a), .cream a { color: var(--cream); }
.black:not(.a), .black a { color: var(--black); }

/* BIG NAV
======================================================= */
header #menu .ico-menu > li > .nav-icon::before {transform:translate(calc(var(--ss)*-60vw), calc(var(--ss)*-15vw));}

header > div#menu ul.mod-menu {padding-right:calc(var(--ss)*80vw)}

#fsm {opacity:0;pointer-events:none;z-index:9999;transition:1s ease;position:fixed;width:100%;height:100%;display:flex;align-items: center;justify-content: center;object-fit:cover;background:var(--dgreen);}
body.menu-open #fsm {opacity:1;pointer-events: auto;}
#fsm .nav-logo {width: calc(var(--ss)*64vw);height:calc(var(--ss)*64vw);}
.navbg {opacity:0;z-index:0;transition:1s ease;position:absolute;width:100%;height:100%;display:flex;align-items: center;justify-content: center;object-fit:cover;}
.navbg.ia {background:url('/templates/towerworks/images/brand/navbg-a.jpg') var(--cover);}
.navbg.ib {background:url('/templates/towerworks/images/brand/navbg-perks.jpg') var(--cover);}
.navbg.ic {background:url('/templates/towerworks/images/brand/navbg-c.jpg') var(--cover);}
.navbg.id {background:url('/templates/towerworks/images/brand/navbg-d.jpg') var(--cover);}
.navbg.ie {background:url('/templates/towerworks/images/brand/navbg-e.jpg') var(--cover);}
.navbg.active {opacity:1;}
.navbg::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3C523A;opacity:0.79;}
.fsm li {margin-bottom:1.25rem;text-align: center;}
.fsm li a {transition:font-weight .05s ease, color .6s ease;}
.fsm li a:hover {color:var(--orange);font-weight:600;}
#fsm > .col {height:100%;}
#fsm .row.top {position:absolute;width:100%;top:0;padding:1.83vw;}
#fsm .row.bottom {position:absolute;width:100%;bottom:0;padding:1.83vw;}
#fsm button {background:none;border:0;outline:none;color:var(--cream);cursor:pointer;font-size:2.64vw;position:absolute; right:1.83vw; top:1.83vw; }
#fsm .li-hide-sub-nav ul.mod-menu__sub{display:none;}

#fsm .nav-bgs{position: absolute; z-index: 2; background-color: #3C523A; opacity: 0.79; width:100%; height:100%; top:0; left:0;}
#fsm .nav-item img{position:fixed; z-index:1; width:100vw; height:100vh; object-fit: cover; top:0; left:0; opacity:0; transition:0.3s opacity;}
#fsm .nav-item a{font:var(--h1); letter-spacing: -0.005em;}
#fsm .nav-item a:hover span{color: var(--orange) !important; font-weight: 600; }
#fsm .nav-bgs:after{content: ''; position: absolute; top: 0;  left: 0; width: 100%; height: 100%; background-color: #3C523A; opacity: 0.79; z-index:3}
#fsm .nav-item img{display:none;}
#fsm > div.col{position: relative; z-index: 4;}
/*#fsm .fsm{width:100vw; height:100vh}*/

#fsm .navbg.active1{z-index:0;}
#fsm .navbg.active{z-index:1;}

@media(min-width:768px){
	#fsm ul ul.mod-menu__sub, #fsm .li-hide-mega-desk{display:none;}
}

.nav-icon {position:relative;display:block;font:var(--fnav);font-weight: 500;}
.nav-icon::before {content:'';position:absolute;width:calc(var(--ss)*30vw);height:calc(var(--ss)*30vw);transform:translate(calc(var(--ss)*-40vw));}
.nav-icon.account::before {background: url('/templates/towerworks/images/icons/account.svg') left / contain no-repeat;}
.nav-icon.findus::before {background: url('/templates/towerworks/images/icons/marker.svg') left / contain no-repeat;}
.nav-icon.telephone::before {background: url('/templates/towerworks/images/icons/phone.svg') left / contain no-repeat;}
.nav-icon.whatsapp::before {background: url('/templates/towerworks/images/icons/whatsapp.svg') left / contain no-repeat;}
.nav-icon-row li:first-child {transform:translate(calc(var(--ss)*52vw));}
.nav-icon-row li:nth-child(2) {transform:translate(calc(var(--ss)*20vw));}
.nav-icon-row li:last-child {transform:translate(calc(var(--ss)*-12vw));}

@media(max-width:768px) and (orientation:portrait) {
	.navbg.active1 {opacity:1;}
	.fsm li.active > a span {color:var(--orange);}
	#fsm .row.top {top:0;left:0;}
	#fsm {top:0;}
	#fsm .nav-item a {font:var(--h2); font-weight: 700;}
	#fsm .nav-item .mod-menu__sub a {font-weight:400;}
	#fsm * ul li a.bold {font-weight: 700;}
	#fsm .fsmi ul li a {font:var(--nav);}
	.fsm li {text-align: left;}
	.fsm .mob-nav > li:last-child a {font-weight: 700 !important;}
	#fsm .fsm {padding-top: calc(var(--ss)*65vw);padding-left:calc(var(--ss)*71vw - var(--hpad));}
	.fsmi.mobile {padding-left:calc(var(--ss)*71vw - var(--hpad));}
	.fsmi.mobile li {padding-bottom:1.75em;}
	.fsmi.mobile li > a {position:relative;left: 2em;}
	.fsmi.mobile li > a::before, .nav-icon::before {content:'';position:absolute;width:1.5em;height:1.5em;left: -2em;}
	.fsmi.mobile li .account::before, .nav-icon.account::before {background: url('/templates/towerworks/images/icons/account.svg') left / contain no-repeat;}
	.fsmi.mobile li .whatsapp::before {background: url('/templates/towerworks/images/icons/whatsapp.svg') left / contain no-repeat;}
	.fsmi.mobile li .findus::before, .nav-icon.findus::before {background: url('/templates/towerworks/images/icons/marker.svg') left / contain no-repeat;}
	.fsmi.mobile li .telephone::before, .nav-icon.telephone::before{background: url('/templates/towerworks/images/icons/phone.svg') left / contain no-repeat;}
	section#fsm > .col.aifsm {overflow: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
	body.iOS section#fsm > .col.aifsm{height:fit-content;}
	.fsm li {margin-bottom: 1.25em;}
	.fsm li .mod-menu__sub{margin-top: 1.25em;}
	#fsm .row.top {padding: calc(var(--ss)*13vw);}
	#fsm button { width: calc(var(--ss)*25vw) !important; height: calc(var(--ss)*25vw); right: calc(var(--ss)*20vw); top: calc(var(--ss)*20vw); font-size: calc(var(--ss)*30vw); display: flex; justify-content: center; align-items: center; font-weight: 400; }
	#fsm .li-hide-mega-mob{display:none;}
}


/* NEW BIG MENU
======================================================= */


/* HOME HERO
======================================================= */
.home-hero-block {background:var(--dgreen);background-attachment: fixed;height:calc(var(--ss)*var(--homehero));overflow: hidden;transition:.5s;}
/*body.home.video-open .home-hero-block {height:56vw;}*/
.home-padding {padding:0;display:flex;flex-direction: column;/*justify-content: center;align-items: center;*/width:100%;height:100%;}
.home-logo {width:100%;}
@media(max-width:768px) and (orientation:portrait) {
	.home-padding {padding-bottom:5.68vw;}
	.fsm li a:hover {color:inherit;font-weight:bold;}
}

#map-location ~ .half-slider-block {position:relative !important;top:0 !important;}
#map-location ~ .half-slider-block .sticky-corrector {height:2em !important;}

/* HEROS
======================================================= */
section[class*="hero"] > div {height:calc(var(--ss)*var(--hero));}
.mwtwlogo {width:calc(var(--ss)*232vw);height:calc(var(--ss)*209vw);}

/* SNAP
======================================================= */
@media(orientation:landscape) {
	div.content-article > section[data-snap="true"] {min-height:100vh;}
}
.scroll-slides {padding:0;}
.scroll-content {padding: 0;display: flex;flex-direction: column;height: 100%;justify-content: center;gap: 3em;align-items: flex-start;}
.img-wrap {height: 100%;display: flex;}
.sticky.top:not(.a) {position:sticky;position:-webkit-sticky;top:0;}
.sticky.infront {z-index:9;}



@media(min-width:769px) {
	div[class*="movedown"] {display: flex;flex-direction: column;justify-content: space-between;height: calc(var(--ss)*768vw);align-items: flex-start;padding: calc(var(--vpad) * 2.5) var(--hpad);}
	.scroll-block .side-img, .scroll-content {height: calc(var(--ss)*768vw);}
}
@media(max-width:768px) {
	#slides-home.row {display:block;}
	div[class*="movedown"] {padding-bottom:0;align-items: center;display: flex;flex-direction: column;justify-content: space-between;height:84%;}
	div[class*="movedown"] * {text-align:center;}
	.img-wrapper > img {object-fit:cover;aspect-ratio:1/.8;width:100%;}
	.movedown4 > h2 {letter-spacing:-0.05em !important;}
	.scroll-block  {width: 100%;}
	.scroll-content.sticky {position:relative}	
	.scroll-content h2 + p.h2:not(.a) {margin-bottom: calc(var(--ss)*44vw);}
	.scroll-block .scroll-content {height: auto;padding:0; width:100%;}
	.scroll-block .scroll-content > div {padding:calc(var(--ss)*10vw + var(--ss)78vw) calc(var(--ss)*30vw) calc(var(--ss)*44vw);max-width:100% ; }
	.scroll-block .side-img {height:calc(var(--ss)*457vw);}
	#slides-home div.scroll-content > div:not(.a) * {text-align: center;}
}
/*.transY50p {transform:translateY(35%);}
.spacerl {width:100%;height:20em;}
.home-intro-block {margin-bottom:-10em;}*/

.anim::before, .anim::after {transition:1.5s ease;content:'';position: absolute;width:100%; /* 70%;*/ height: 100%;top: 0;}
.anim::before {left: 0%;transform-origin: left; display:none;}
.anim::after {right: 0;transform-origin: right;width:102%;transform:translate(calc(var(--ss)*1vw));}
.anim {position: relative;overflow: hidden;}
.anim.reveala::before, .anim.reveala::after {width: 0;}

@keyframes revealAnimation {
	0% {width: 0;transform: translateX(0%);}
	100% {width: 100%;transform: translateX(100%);}
}

.anim.i2::before, .anim.i2::after {transition-delay: .2s;}
.anim.i3::before, .anim.i3::after {transition-delay: .4s;}
.anim.i4::before, .anim.i4::after {transition-delay: .6s;}

@media(max-width:768px) {
	.item1 {order:1;}
	.item2 {order:2;}
	.item3 {order:3;}
	.item4 {order:4;}
	.item5 {order:5;}
	.item6 {order:6;}
	.item7 {order:7;}
	.item8 {order:8;}
}

body.home .row.cs5.jcfs.gap1.mb5.aifs {transform:translate(var(--hpad));}


/* STRUCTURE
======================================================= */
section > div {width:100%;}
section > div.pad, section > div.row, section > div.col, div.npad, .pad {padding:var(--vpad) var(--hpad);}
section > div.padl, .padl {padding:var(--vpad) 0 var(--vpad) var(--hpad);}
section > div.padl2 {padding:var(--vpad) 0 var(--vpad) calc(var(--hpad) * 2);}
section > div.contact-top {padding-top: calc(var(--vpad) * 3);}


a.anchor {display: block;position: relative;visibility: hidden;z-index:-1;}
.logo-block {display:flex;flex-direction:column;}
.row {display:flex;flex-wrap: wrap;justify-content:center;align-items:center;position:relative;}
.row.nowrap {flex-wrap: nowrap;}
.row.start {justify-content: flex-start;}
.row.end {justify-content: flex-end;}
.col {display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;}

img[src$="-dgreen.svg"] {transition:background .3s ease;}
body[data-background="dgreen-bg"] img[src$="-dgreen.svg"] {background:var(--cream);padding:.2rem;}

.facts-block .row > .col {flex:1.1;padding: 2rem;}
.facts-block .row > .col:first-child {padding-left: calc(var(--ss)*48vw);width:50%;gap: 2rem;align-items: flex-start;flex-basis: 60%;}
.facts-block .row > .col:last-child {flex-basis: 40%;}
.facts-block .row > .col:first-child h2 {padding:1rem 2rem;}
.icon.dark {filter:brightness(0);}
.icon-block-pad {padding:calc(var(--vpad) * 2) var(--hpad);}
.icon-block-pad .icon-sub {padding-bottom: 0;}

@media (min-width:769px) {
	.icon-block .icon {width: calc(var(--ss)*64vw);}
	.hero-block + section.default-block > div.row:first-child {padding-top:calc(var(--vpad) * 1.1);}
	.row.mobwrap {flex-wrap: nowrap;}
}
@media (max-width:768px) {	
	.default-block p.pad1 {padding:0 0 1em;}
	.facts-block .row > .col:not(.a), .facts-block .row > .col:first-child h2 {padding: 0;gap:0;} /*var(--h1mb)*/
	.facts-block .fact-btns:not(.a) {gap:0; margin-bottom:calc(var(--ss)*62vw); justify-content: flex-start;flex-direction: column;align-items: flex-start;}
	.facts-block .fact-btns > a {width: calc(var(--ss)*263vw);display: block;text-align: center;}
	.facts-block .fact-btns > a:not(:last-child){margin-bottom:calc(var(--ss)*24vw);}
	.not-on-location-mobile {display:none;}
	.hero-block .icons.row {flex-wrap:nowrap;gap:.5rem;padding:0 0 1.5rem;}
	.hero-block .icons .icon {width: 30vw;height: 32vw;}
	section#hero-video-home > div.rel {padding: calc(var(--vpad) * 2) 1rem 1rem;}
	.arrow-box {padding:2.5rem;}
	#next .col:last-child {margin-bottom:0;}
	.icon-block .icons.row {gap: .3rem;padding:var(--hpad) 1rem;}
	.icon-block .icons.row > div:not(.revealme) p {width:90%;}
	.icon-block .icons .icon {width: 100%;height: 100%;}
	.icon-block .icons.row > div.col {gap: 1rem;flex-basis: 49%;}
	.icon-block .row > .col img {padding:1em;width:100%;}
	.facts-block ~ .facts-block > div:first-child {padding: 0 0 0 var(--hpad);}
	.list-set {padding-top:2em !important;}
	.top-text div > h2.h1, .top-text > h2.h1.left {margin-bottom:0;}
	body.home .bottom-text {padding-right:0;}
	#slides-home div[class*="movedown"] a.btn::before {display:none;}
	section > div.pad.top-text-wrap:not(.a) {padding: var(--vpad) calc(var(--ss)*20vw) calc(var(--ss)*54vw);}
}

#slides-home .item1 {order:2;}
#slides-home .item2 {order:1;}
#slides-home .item3 {order:3;}
#slides-home .item4 {order:4;}
#slides-home .item5 {order:6;}
#slides-home .item6 {order:5;}



#slides-home div[class*="movedown"] a.btn { /*padding:calc(var(--ss)*8vw) calc(var(--ss)*20vw);*/width:var(--sbtnwidth);height:var(--sbtnheight);text-align: center;}
#slides-home div[class*="movedown1"] a.btn { background:var(--dgreen);}
#slides-home div[class*="movedown1"] a.btn::before { filter: invert(57%) sepia(24%) saturate(729%) hue-rotate(59deg) brightness(59%) contrast(88%);}
#slides-home div[class*="movedown2"] a.btn { background:var(--orange);}
#slides-home div[class*="movedown2"] a.btn::before {filter: invert(14%) sepia(32%) saturate(6519%) hue-rotate(1deg) brightness(104%) contrast(85%);}
#slides-home div[class*="movedown3"] a.btn { background:var(--dorange);}
#slides-home div[class*="movedown3"] a.btn::before {filter: invert(74%) sepia(38%) saturate(7499%) hue-rotate(1deg) brightness(105%) contrast(84%);}



/* HEADER
======================================================= */
.nav-logo, .site-logo, header .menu-logo-wrap {width:100%;}
header {position:sticky;position:-webkit-sticky;top:0;display:flex; width: 100%; justify-content: space-between;padding:1.9vw 1.83vw;align-items:center;z-index:8888;margin-bottom: calc(var(--ss)*-116vw);}
header .menu-logo-wrap {position: relative;width: calc(var(--ss)*64vw);height: calc(var(--ss)*64vw);display: block;}
header img.logo {width: 100%;height: 100%; position: absolute;transition:opacity .5s ease;opacity:0;}
header > div {flex-basis:25%;}
header > div#menu {flex-basis:100%;}
header #menu a {font:var(--hnav);color: var(--cream);margin:0 1.5rem;transition:opacity .3s ease;white-space: nowrap;}
header #menu ul { width:100%;display:flex; list-style: none;justify-content:flex-end;}
header #menu ul li {align-items:center;display: flex;}
header #menu ul li > a {transition:.3s ease;}
header #menu > ul > li:hover > a span {color: var(--orange);}
header #menu > ul > li.current.active > a span{color: var(--orange);}
header .nav-item {position:relative;}
body.contact header #menu a {color: var(--black);}
body:not(.very-top) header #menu a {color: var(--cream) !important;}

header #menu .li-hide-header,
header #menu .li-hide-sub-nav ul.mod-menu__sub{display:none;}

body.contact .burger-menu span, body.contact .burger-menu::before, body.contact .burger-menu::after {background: var(--black);}
body.scroll-up.contact:not(.very-top) header.change-bg #menu li:not(.active) a:not(:hover) {color: var(--cream);}
body.scroll-up.contact:not(.very-top) .burger-menu span, body.scroll-up.contact:not(.very-top) .burger-menu::before, body.scroll-up.contact:not(.very-top) .burger-menu::after {background: var(--cream);}
#menu ul.nav li.item-129 {display:none;}
.mega-menu, .mega-menu2 {position:fixed;z-index:7777;width:100%;background:var(--orange);padding:calc(var(--ss)*12vw) calc(var(--ss)*60vw);display:flex;align-items:center;justify-content:flex-start;transform:translateY(-100%);transition:1s;opacity:0;}
.mega-menu > ul, .mega-menu2 > ul {width:100%;display: flex;align-items: center;justify-content: flex-start;}
.mega-menu > ul > li, .mega-menu2 > ul > li {width:calc(var(--ss)*103vw);display: flex;align-items: center;justify-content: center;flex-direction: column;border-right:.1em solid var(--cream);}
.mega-menu > ul > li:first-child {width:calc(var(--ss)*150vw);border-left:.1em solid var(--cream);}
.mega-menu > ul > li a, .mega-menu2 > ul > li a {text-align: center;}
.burger-menu {transform:translate(calc(var(--ss)*-15vw));padding:0;width:calc(var(--ss)*21vw); height:calc(var(--ss)*14vw);position:relative;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.mobile.burger-menu{max-width:calc(var(--ss)*21vw);}
.burger-menu span, .burger-menu::before, .burger-menu::after {content:'';position:absolute;height:calc(var(--ss)*2vw); width:100%;background:var(--cream);transition:all 1s ease, background .3s ease;}
.burger-menu:hover span, .burger-menu:hover::before, .burger-menu:hover::after {background:var(--orange);}
.burger-menu::before {bottom:1em;}
.burger-menu::after {top:1em;} 
body.mega-open .mega-menu {transform: translateY(calc(var(--ss)*115vw));opacity:1;}
body.mega-open header.change-bg,
body.mega-open.very-top header.change-bg,
body.very-top header {background:transparent;}
body header, body.mega-open header {background:var(--dgreen); transition:background 1s;}
/*body.scroll-down:not(.mega-open) header ul.mod-menu {transform:translateY(-400%);}*/
header ul.mod-menu {transition:.3s;}
li.sep > a {letter-spacing:var(--megals);font:var(--snav);padding:0;}

header #menu ul.mod-menu__sub{position:fixed;z-index:7777;width:100vw;top:0;left:0;background:var(--orange);padding:calc(var(--ss)*12vw) calc(var(--ss)*60vw);display:flex;align-items:center;justify-content:flex-start;transform:translateY(-100%);transition:1s;opacity:0;display: flex;align-items: center;justify-content: flex-start;}
header #menu .open-mega.is-open + ul.mod-menu__sub{transform: translateY(calc(var(--ss)*115vw)); opacity: 1;}
header #menu ul.mod-menu__sub > li, header #menu ul.mod-menu__sub > li {width:calc(var(--ss)*103vw);display: flex;align-items: center;justify-content: center;flex-direction: column;border-right:.1em solid var(--cream);}
header #menu ul.mod-menu__sub > li:first-child {width:calc(var(--ss)*150vw);border-left:.1em solid var(--cream);}
header #menu ul.mod-menu__sub > li a,  header #menu ul.mod-menu__sub > li a {text-align: center;letter-spacing: var(--megals); font: var(--snav); padding:0; text-transform: uppercase;}

header #menu .nav-item img{display:none;}


/* MENU + HEADER
====================================================== */

@media (max-width:768px) {
	body.menu-open {overflow: hidden;}
	body.menu-open header {padding:0;align-items: flex-start;}
	body.menu-open .burger-menu::after {bottom: 45%;transform: rotate(45deg);}
	body.menu-open .burger-menu::before {top: 48%;transform: rotate(-45deg);}
	body.menu-open .burger-menu, body.menu-open a.btn.contact {transform: translate(-50%,70%);z-index:99;}
	body.menu-open .burger-menu span {display:none;}
	body.menu-open .mobile > .icon-menu {padding-left:18.93vw;margin-bottom:3rem;}
	body.menu-open .mobile > .icon-menu > a {color:var(--red);width:100%;height:calc(var(--chevsize) / 1.36);font: var(--nav);line-height: 1.6;text-indent: 2.5rem;}
	body.menu-open .col > .account {background: url('/templates/towerworks/images/icons/account-red.svg') left / contain no-repeat;}
	body.menu-open .col > .phone {background: url('/templates/towerworks/images/icons/phone-red.svg') left / contain no-repeat;}
	body.menu-open .col > .findus {background: url('/templates/towerworks/images/icons/findus-red.svg') left / contain no-repeat;}
	#intro-location > .row > div.side {order:2;}
	body.menu-open header li ul li {padding:0}
	header {width: 100%;transition:all .3s; /*background: transparent !important; */margin-bottom: calc(var(--ss)*-88vw);}
	header > div {justify-content:flex-start;}
	body:not(.menu-open) #mob-menu {display:none;z-index:-1;opacity:0;transition: 0s;}
	body #mob-menu {transition: 0s;}
	body:not(.menu-open) header nav#main.menu > ul > li > a, body:not(.menu-open) header nav#main.menu > ul > li:not(.deeper) {display:none;}
	body.menu-open header {margin-bottom: calc(var(--ss)*-64vw);}
	body.menu-open header > .menu {flex-direction:column;background-color:transparent;justify-content:center;align-items:flex-start;height:100%;padding:0 13.867vw;}
	body.menu-open header .menu ul {flex-direction:column;align-items:flex-start;}
	body.menu-open header #main.menu ul li a {color:#fff;font-family:var(--hff);text-transform:uppercase;font:var(--h1);margin-bottom:1.25rem;}
	body.menu-open header #main.menu ul li.mobile-active > a, body.menu-open header #main.menu ul li.mobile-active ul > li a {margin-bottom:0.25rem;}
	body.menu-open header #side.menu a {color:#fff;}	
	body.menu-open header #side.menu li {left: 7vw;position: relative;top: 5vw;}
	body.menu-open header #side.menu ::before {filter: brightness(300%) saturate(0);top:.5%;left:-9vw;}	
	body.menu-open header #main.menu ul li li {border: 0;width:100%;justify-content: flex-start;}
	body.menu-open header #main.menu ul li ul li a {white-space: nowrap;}
	body.menu-open header #main.menu ul li.mobile-active ul {display:inherit;opacity:.6;position: relative;bottom: inherit;background-color: transparent;}
	body:not(.menu-open) header .icon::before {transform: translateX(-50%);}
	body.menu-open header li ul li::before { display:none; }
}


/* BLOCKS
======================================================= */
section {margin-bottom: -1px;}
.new-homes-fixed{
	--hnav:normal 600 calc(var(--ss)*20vw) / calc(var(--ss)*1vw) var(--ff);
}
.new-homes-fixed {cursor:pointer;border:1px solid var(--pgreen);border-radius: 50%;position: fixed;bottom:calc(var(--ss)*25vw);right:calc(var(--ss)*25vw);opacity:.87;z-index:99;width:calc(var(--ss)*122vw);height:calc(var(--ss)*122vw);display:flex;flex-direction:column;align-content: center;justify-content: center;gap: 0.25em;transition:.3s ease;}
.new-homes-fixed:hover {background: var(--pgreen);border:1px solid var(--orange);}
.new-homes-fixed > h2 {font:var(--hnav);text-align:center;color:var(--cream);margin-bottom: 0;text-transform: uppercase;line-height: 1.1;margin-top: calc(var(--ss)*-12vw);}
.new-homes-fixed > div {font:normal 600 calc(var(--ss)*11vw) / calc(var(--ss)*14vw) var(--ff);color: var(--black);text-align:center;transition:.3s ease;}
.new-homes-fixed:hover > div {color: var(--orange);}

@media(max-width:768px) {
	.new-homes-fixed {bottom:calc(var(--ss)*21vw);width:calc(var(--ss)*84vw);height:calc(var(--ss)*84vw);}
	.new-homes-fixed > h2 {font-size:calc(var(--ss)*12vw);line-height: calc(var(--ss)*15vw);font-weight: 600;}
	.new-homes-fixed > div {font:normal 500 calc(var(--ss)*8vw) / calc(var(--ss)*9vw) var(--ff);}
}

.default-block .copy {text-align: center;width:calc(var(--ss)*620vw);max-width:calc(100% - var(--hpad) );margin:0 auto calc(var(--ss)*54vw);}
.default-block .copy p {font:var(--h2);}
.default-block h2 {font:var(--h1);text-align:center;clear: both;}
.default-block .left h2 {text-align:left;}
/*.default-block p {width: calc(var(--ss)*568vw);}*/
.basic-block h2.h1.center {margin-bottom:calc(var(--ss)*32vw);}
.basic-block .hfrt {width:calc(var(--ss)*530vw);margin:0 auto;max-width:calc(100% - (var(--hpad) * 2) );}
.basic-block .hfrt p {font:var(--h2);margin-bottom:calc(var(--ss)*47vw);text-align:center;}
.basic-block .hfrt a.btn {width:calc(var(--ss)*201vw);display: block;}
#homes-for-rent-by-legal-general-home.sticky.top {padding-top:0;}
#homes-for-rent-by-legal-general-home.sticky.top > .pad {padding-bottom:calc(var(--ss)*89vw);}
.icon-block .icon {max-width:calc(var(--ss)*70vw);max-height:calc(var(--ss)*70vw);}
.icon-set.jcsb {height: calc(var(--ss)*140vw);}
.col.icon-set.jcsb > div {height: calc(var(--ss)*80vw);margin-bottom:1em; min-width:5.5vw;/*width: 100%;*/ }
.col.icon-set.jcsb > div > img { width: 100%; height: auto; }
.icon-block h2.h1 {margin-bottom:calc(var(--ss)*59vw);max-width:calc(var(--ss)*1200vw);}
.icon-block.cream-bg a.btn {background:var(--pink);}
ul.list {padding-left:1rem;} 
#text-slider-block-our-homes .copy {font:var(--h2);max-width: calc(var(--ss)*592vw);width: 100%;}
body.perks h1 {display: none;}

@media(min-width:769px) {
	#icon-block-perks > div > div {gap:calc(var(--ss)*90vw) 0;}
	#intro-perks-2 .top-text-wrap {padding-top: calc(var(--ss)*82vw);}
	#amenities-perks .text-dots-wrap {padding-top: 0;}
	.top-text {max-width:calc(var(--ss)*1160vw);width: 100%;}
	.bottom-text > h2 {max-width:calc(var(--ss)*1120vw);width: 100%;}
	#text-slider-block-our-homes-2 h2.pb0 {max-width:calc(var(--ss)*1250vw);width: 100%;padding-top: calc(var(--ss)*113vw);}
	
}
@media(max-width:768px) {
	.icon-block h2.h1 br {display:none;}
	.basic-block .hfrt {max-width:calc(100% - (var(--hpad)) );}
	.a3-col-block .row.cs2 > .icon-set {flex-basis: 50%;margin-bottom: calc(var(--ss)*70vw);}
	.facts-block h1 br {display: none;}
	.facts-block ul li {letter-spacing: -0.005em;}
	.fact-btns {order:1;}
	.list-set > .tm {order:2;}
	.facts-block ul.list {padding-left:0;}
	/*.new-homes-fixed {display:none;}*/
}

.top-text-wrap:not(.a) {/*position: absolute;height:calc(var(--distance) + var(--bottomtext) - var(--vpad));z-index: 99;*/padding-bottom:0;}
/*.top-text-wrap.no-bottom-text:not(.a) {height:calc(var(--toptextsection) + var(--ss)25vw + var(--toptext));}*/
.top-text-wrap > div.sticky:not(.a) {top:calc(var(--ss)*197vw);}
.image-row + .bottom-text {padding-top:0;}
/*.image-row {padding-top:calc(var(--ss)*290vw);padding-bottom: calc(var(--ss)*25vw + var(--toptext));}*/
.image-row {padding-top:var(--vpad);padding-bottom:var(--vpad);}

.icon-block-2 .copy {font:var(--h2);text-align: center; max-width: calc(var(--ss)*580vw);margin: 0 auto calc(var(--ss)*102vw);}
.icon-block-2 h2 {margin-bottom: calc(var(--ss)*35vw);}
.icon-grid {width:100%;display: flex;justify-content: center; flex-wrap: wrap;gap:calc(var(--ss)*119vw - 2em) calc(var(--ss)*78vw);}
.icon-group {max-width: calc(var(--ss)*502vw);flex-wrap: nowrap;gap:calc(var(--ss)*51vw);align-items: flex-start;}
.icon-wrap {width:calc(var(--ss)*80vw);height:calc(var(--ss)*80vw);}
.icon-wrap > img {object-fit: contain;width:100%;height:100%;transform:translate(0, calc(var(--ss)*10vw))}
.icon-text {max-width: calc(var(--ss)*369vw);}
.icon-text p {font:var(--tm);text-align: left;} 
.icon-text h3 {font:var(--tm);font-weight: 600;margin-bottom: calc(var(--ss)*16vw);}

@media(max-width:768px) {
	.icon-grid{gap:0;}
	.icon-grid > .icon-group:not(:last-child){margin-bottom:calc(var(--ss)*119vw - 2em);}
	.icon-wrap {width: calc(var(--ss)*85vw);height: fit-content;}
	.icon-group:not(.a) {flex-wrap: wrap;justify-content: center;text-align: center;gap:0;}
	.icon-group:not(.a) > div:first-child{margin-bottom:calc(var(--ss)*51vw)}
	.icon-group:not(.a) p {text-align: center;}
	#icon-block-perks .row > .icon-set {flex-basis: 50%;margin-bottom: calc(var(--ss)*70vw);}
	#icon-block-perks .row > .icon-set img {padding:0;}
}

.text-image-row {padding:0 !important;}
.text-image-row > div:last-child {padding:var(--vpad) var(--hpad);}
.text-image-row > div {height:calc(var(--ss)*808vw);}

.text-image-row > div .copy p {font:var(--h2);text-align: left;margin-bottom: var(--vpad);}
.text-image-row > div .copy + a {font:var(--fnav2);text-align: center;width:var(--sbtnwidth);height:var(--sbtnheight);text-transform: uppercase;}
.text-image-row a.dorange-bg.arrowr::before {filter: invert(74%) sepia(38%) saturate(7499%) hue-rotate(1deg) brightness(105%) contrast(84%);}

.perksnote br {display:none;}
.perksnote {padding: 5em;text-align: center;}
#icon-block-perks .perksnote {padding-bottom: 0;}
#interior-design-new-homes div.text-slider-dots.mar.desktop { margin-top: 1em; }
div.text-slider-dots + .perksnote {padding: 0;text-align: left;}
@media(min-width:769px) {
	.text-image-row > div .copy {padding-right: calc(var(--hpad) + var(--dt2em));}
	#icon-block-perks {top:0 !important;}
	body.perks .text-slider-block .perksnote br {display:inherit;}
}

.fact-btns {display: flex; gap:2em;width: 100%;}
.fact-btns > a {text-transform: uppercase;background: var(--pink);font:var(--fnav2);transition: .3s ease;}
.fact-btns > a.btn:hover {background: var(--orange) !important;}

@media(max-width:768px) {
	.perksnote {padding-top:0;padding-bottom: calc(var(--ss)*47vw);}
	#icon-block-perks .perksnote {padding-bottom: 0;max-width: calc(var(--ss)*230vw);margin: 0 auto;}
	.a3-col-block .cs2 + .perksnote {max-width: calc(var(--ss)*230vw);margin: 0 auto calc(var(--ss)*47vw);}
	#intro-location-3 .sticky-corrector {display:none;}
	#getting-about-sustainably .side-img {position: sticky;top:0;z-index:0;}
	#getting-about-sustainably .side-img + div {position: relative;}
	#getting-about-sustainably * {text-align:center;}
	#getting-about-sustainably a::before {display: none;}
	/*#getting-about-sustainably.sticky {position: relative !important;top:0 !important;}
	
	*/
	.image-row .col {height: calc(var(--ss)*325vw + var(--ss)18vw);width: calc(var(--ss)*258vw) !important;flex-basis: calc(var(--ss)*240vw) !important;margin-bottom: calc(var(--ss)*72vw);}
	.image-row .col > img {object-fit: cover;width:100%;height:100%;}
	.image-row .col.i1 {transform:translate(calc(var(--ss)*-3vw));}
	.image-row .col.i2 {transform:translate(calc(var(--ss)*29vw));}
	.image-row .col.i3 {transform:translate(calc(var(--ss)*-19vw));}
	.image-row .mb1:not(.a):not(.a) {margin-bottom: 0;}
	.image-row div > img + p:not(.a) {flex-basis: calc(var(--ss)*19vw);}
	.top-text h2 br, .bottom-text h2 br {display:none;}
	section > div.pad.top-text, section > div.pad.bottom-text {padding-left:calc(var(--ss)*15vw);padding-right:calc(var(--ss)*15vw);}
	.text-image-row > div.side-img {height: calc(var(--ss)*464vw);}
	.mob-title h2 {padding-top: calc(var(--ss)*54vw);margin-bottom: 0;}
	.mwtwlogo-wrap {padding:var(--vpad) var(--hpad) 0;max-width:calc(var(--ss)*156vw + var(--hpad) + var(--hpad));height:calc(var(--ss)*140vw + var(--vpad));margin:0 auto;}
}

/* FOOTER
======================================================= */
@media(min-width:769px) {
	.ft7 {padding-left: 2.2em;}
	.ft3 {padding-left: 3em;}
	.ft2 {padding-left: 3em;}
	.footer-bg > div {flex: 1 17%;}
	.footer-bg > .ft2 {flex: 1 23%;}
	.ft4 {padding-left: 3.5em; display: flex; flex-direction: column; justify-content: space-between;}
	.mod-menu.mod-list.nav {padding-right: 2em;}
}
footer {padding:var(--vpad) var(--hpad); background: var(--dgreen);position:relative;z-index:150;}
footer > .footer-bg {width:100%;height:100%;display:flex;flex-wrap:wrap;gap: 3em;padding: 4rem 0 0;}
footer * {font:var(--fnav);}
footer a {letter-spacing: 0;}
footer a:hover {color:var(--orange);}
footer h4:not(.a), footer h4:not(.a) a {margin-bottom:0;font:var(--fnav);font-weight:700;line-heght:1;}
footer::before {content:'';height:.1em;width:90%;position:absolute;background:var(--cream);}


.ft5, .ft6, .ft7, .ft8 {align-self:center;}
.ft4 > a, .ft6 > a, .ft7 > a {font:var(--fnav2);text-transform: uppercase;font-weight:700;}
.ft7 {display: flex; gap:2rem;}
footer ul.nav { width:100%; display:flex; flex-direction:column;align-items: flex-start;}
footer .col.left {align-items: flex-start;justify-content: flex-start;flex:1;}
footer .top.row {align-items: flex-start;}
.lag {width:calc(var(--ss)*203vw);}
.social > a {display:flex;gap:.5em;}
.social > a > img {width: calc(var(--ss)*24vw);height: calc(var(--ss)*24vw);}
.social > a > h5 {display: inherit;font:var(--fnav);font-weight:600;letter-spacing: var(--ls0);}
@media (max-width:768px) {
	footer > .footer-bg{gap:0;}
	footer > .footer-bg > div:not(:last-child){margin-bottom:3em;}
	#next > div.gap2:not(.a) {gap:0};
	#next > div > h2{margin-bottom:4rem;}
	#next::before {content: '';height: .1em;width: 84%;position: absolute;background: var(--cream);transform:translate(10%);}
	#next .col.gap2:not(.a) {margin-bottom: calc(var(--ss)*78vw); gap:0;}
	#next .col > a:first-child{margin-bottom:2rem;}
	.nobreak {white-space: nowrap;}
	footer img.lag {object-fit:contain;width: calc(var(--ss)*175vw);height: 80%;margin: auto;}
	footer img.footer-logo {object-fit:contain;width: calc(var(--ss)*267.66vw);margin:2em auto;}
	.footer-bg > div {transform: translate(0,0%);}
	[class^="ft"] a:nth-child(2) {margin-left:1rem;}
	.social > a {text-align: center;}
	footer .social {display: flex;justify-content: center;}
	.social > a > img {width: calc(var(--ss)*16vw);height: calc(var(--ss)*16vw);top: calc(var(--ss)*2.5vw);position: relative;}
	.social > a {align-items: center;}
	.ft1 {order:1;width:100%;display:flex;}
	.ft1 picture{margin:0 auto;}
	.ft2 {order:3;width: 100%; text-align: center;}
	.ft3 {order:2;width: 100%; text-align: center}
	.ft3 li{margin:0 auto;}
	.ft4 {order:0;}
	.ft5 {order:6;width: 100%;text-align: center;}
	.ft6 {order:4;width: 100%;margin: 0 auto calc(var(--ss)*47vw);text-align: center;gap:calc(var(--ss)*12vw);display: flex;flex-wrap: wrap;justify-content: center;}
	.ft7 {order:5;gap: 1em;justify-content: center;width: 100%;}
	.ft8 {order:7;width: 100%;display: flex;}
	.ft7 > a {gap:0;}
}

section.top-text + section {position: relative;}
section.top-text + section::before {content: '';top:0;position: absolute;width: 100%;height: calc(var(--toptext) * 7);}
section.top-text + section[data-background="pgreen-bg"]::before {background:var(--pgreen);}
section.top-text + section[data-background="dgreen-bg"]::before {background:var(--dgreen);}
section.top-text + section[data-background="cream-bg"]::before {background:var(--cream);}
section.top-text + section[data-background="orange-bg"]::before {background:var(--orange);}
section.top-text + section[data-background="pink-bg"]::before {background:var(--pink);}
/*
HERO + VIDEO
========================================================== */
section.pop-model:not(.a) {width:100%;height:100%;position:fixed;top:0;z-index:99999;background:var(--cream);display:none;}
img.splash {width:calc(var(--ss)*108vw);height:calc(var(--ss)*275vw);}
#nhpopup .row {width: calc(var(--ss)*923vw);}
#nhpopup .row a:hover {background: var(--pgreen);}

@media(min-width:769px) {
	body:not(.home) .hero-block {background-attachment:fixed !important;}
}
body.video-open .video-section {position: relative;overflow: hidden;}
body.hide-hero .hero-block {opacity:0;}
body.video-open .video-section.sticky.top {padding-top:0;}
body.home iframe {height: calc(var(--ss)*var(--homehero)) !important;transform:scale(1.1) !important;width: 100%;}
body.video-open .video-section iframe {position: absolute;top: 0;left: 0;right:0;bottom:0;width: 100%;height:calc(var(--ss)*553vw);border: 0;transform:scale(1.4);}
#hero-home {background-position: center center !important;}
#our-homes-hero .fxcc {z-index:99;}
@media(max-width:768px) {
	#nhpopup .row {flex-direction: column;height: calc(var(--ss)*533vw);}
	#nhpopup .row a:first-child {order:3;width: calc(var(--ss)*201vw);}
	#nhpopup .row a:last-child {transform:translate(0, calc(var(--ss)*55vw));width: calc(var(--ss)*201vw);}
	#nhpopup .row a {order:2;}
	body:not(.home) .hero-block {background-position:center !important;}
	section[class*="hero"] > div {height: calc(var(--ss)*347vw);}
	body.video-open .video-section > div {padding:0;}
	body.video-open .video-section iframe {transform: translateY(0);}
	body.video-open .video-section iframe {transform:scale(1.33);height:calc(var(--ss)*275vw);}	
	body.video-open .video-section {height:calc(var(--ss)*275vw) !important;}
	body.video-open.home iframe {transform:scale(1.555) !important;height:calc(var(--ss)*300vw) !important;}
	body.video-open.home .home-hero-block {height:calc(var(--ss)*300vw) !important;}
	body.video-open.home .video-section iframe {transform: translateY(calc(var(--ss)*-5vw));}
}


/*
BUSINESS LIST
========================================================== */
.block-num {padding: .25em;aspect-ratio: 1/1;width: 100%;height: 100%;max-width: 2em;max-height: 2em;text-align: center;display: flex;justify-content: center;align-items: center;}
.list-block .padme {padding:6em .9em;}
@media(min-width:769px) {
	.list-block {height:100vh;}
	.top0dt {top:0 !important;}
}

/*
FAQ
========================================================== */
.faqs-block {padding-top:3rem;}
.faq-container {width:70%;margin:3rem auto 0;padding-bottom:6rem;}
.faq-g {position: relative;padding:0;border-bottom:.125rem solid var(--dgreen);margin-bottom:1rem;text-align:left;}
.faq-g > .faq-q::before, .faq-g > .faq-q::after {position: absolute;content:'';right:1em;top:22%;width:calc(var(--ss)*18vw);height:calc(var(--ss)*19vw);background:url('/templates/towerworks/images/shared/faq-arrow.svg') var(--contain);transition:.3s ease;opacity:1;}
.faq-g > .faq-q::after {background:url('/templates/towerworks/images/shared/faq-minus.svg') var(--contain);opacity:0;}
.faq-g > .faq-q.ui-state-active::before {opacity:0;}
.faq-g > .faq-q.ui-state-active::after {opacity:1;}
.faq-q {font-weight:800;line-height:1;padding-top:1rem;width:100%;cursor:pointer;position:relative;margin-bottom: 2em;}
.faq-a {margin-top:0.89vw;margin-bottom:0;padding-bottom:2rem;}
.faq-a > p:last-child {padding-bottom:1.5rem;}
.faq-search {width:calc(var(--ss)*354vw);padding-left:calc(var(--ss)*41vw);background: url('/templates/towerworks/images/shared/search.svg') 4% 50% / .9em no-repeat var(--white);border:0;border-radius:0;font:var(--tm);font-weight:400;height:calc(var(--ss)*41vw);}
body.faqs header *, body.privacy header * {color:var(--dgreen) !important;}
body.faqs header .mod-menu__sub *, body.privacy header .mod-menu__sub *,
body.faqs.mega-open header *, body.privacy.mega-open header *,
body.faqs:not(.very-top) header *, body.privacy:not(.very-top) header *{color:var(--cream) !important;}
body.faqs .burger-menu span, body.faqs .burger-menu::before, body.faqs .burger-menu::after,
body.privacy .burger-menu span, body.privacy .burger-menu::before, body.privacy .burger-menu::after{background:var(--black);}
body.faqs button.btn {font:var(--nav);color:var(--cream);border-radius:0;line-height:1;transition:background .35s, color .2s;width:calc(var(--ss)*170vw);height:calc(var(--ss)*41vw);}
body.faqs h1 {padding-top:calc(var(--ss)*123vw - var(--vpad))}
@media (max-width:768px) {
	.faq-g > .faq-q::before, .faq-g > .faq-q::after {right: 0;top: 36%;}
	.faq-search {font:var(--p1);padding-left:calc(var(--ss)*8vw);text-align:center;background-position: 17.5% 50%;}
	.faqs-block {padding-top: 1em;}
	.faq-container {width: 100%;margin: 1em auto 0;padding-bottom: 1em;}
	.faq-g {padding: 0;margin-bottom: .6rem;}
	.faq-q {line-height: 1.5;width: 100%;margin-bottom: 1em;padding-right:1em;}	
	body.faqs button.btn {width:calc(var(--ss)*159vw);height:calc(var(--ss)*34vw);}
}


/*
MAP SCROLL
========================================================== */
/*#map-home .maps,  #map-new-homes{overflow:scroll;}*/
#map-home, #map-new-homes, #map-commercial {padding:var(--vpad) var(--hpad) !important;}
#map-home .maps, #map-new-homes .maps {width:80%;height:fit-content;}
#map-new-homes .maps{aspect-ratio: 1397 / 902;}
#map-home .maps img, #map-new-homes .maps img{width:100%;height:auto;}
#map-home #map-scroll {width:100%;height:fit-content; }
#map-home .maps{width:100%;}
#map-new-homes div[id*="map-scroll"] {width:100%;height:fit-content; position: absolute;transition: 1s ease;}
.map1 > #map-scroll {opacity:1; }
.map2 > #map-scroll2 {opacity:1; }
.map1 > #map-scroll2 {opacity:0;}
.map2 > #map-scroll {opacity:0;}
#map-new-homes + .rel {top:calc(var(--ss)*0vw);z-index: 99;}
/*.map-btns {position: relative;left: calc(var(--ss)*62vw);bottom: calc(var(--ss)*-56vw);display: flex;gap: calc(var(--ss)*62vw);padding-bottom: calc(var(--ss)*56vw);}*/
.map-btns{width:25%; padding: var(--vpad) var(--hpad) var(--vpad) 0;}
.map-btns > button.btn {background:var(--orange);text-transform: uppercase;width: 100%;}
.map-btns > button.btn:not(:last-child){margin-bottom: calc(var(--ss)*20vw);}
.map-btns > button.btn:hover, .map-btns > button.btn.active {/*background:var(--pgreen);*/ border:2px solid var(--cream)}
.map-block{display:flex}

#text-slider-block-our-homes-2.sticky:not(.a){position:relative; top:0 !important;}

@media (min-width:769px) {
/*	#map-home {overflow-y: auto;}*/
}
@media(max-width:768px) {
/*
	.map-btns {left: calc(var(--ss)*0vw);flex-direction: column;padding-left: calc(var(--ss)*22vw);gap: 0;}
	.map-btns > button:not(:last-child){margin-bottom: calc(var(--ss)*30vw);}
*/
	.map-btns{width:100%;}
	.map-block{flex-wrap: wrap;}
	#map-home .maps, #map-new-homes .maps {width:100%;}
	#map-home .maps, #map-new-homes .maps {height:calc(var(--ss)*362vw);}
	#map-home #map-scroll, #map-new-homes #map-scroll, #map-new-homes #map-scroll2 {width:calc(var(--ss)*1440vw / 2);height:calc(var(--ss)*920vw / 2);cursor:unset;}
}

::-webkit-scrollbar {
	display: none;
}

/*
#map-home {
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
	margin-right: -17px;  To compensate for the invisible scrollbar 
	margin-bottom: -17px;
}
*/

::-ms-autohiding-scrollbar {
	width: 0 !important
}

/*
COMMON COMPONENTS
========================================================== */


.a2btns > a {width:calc(var(--ss)*240vw);}
.h1-buttons-text {margin-bottom:calc(var(--ss)*56vw);}
.icon-sub {padding-top: calc(var(--ss)*50vw);padding-bottom: calc(var(--ss)*72vw);font:var(--p1);text-align:center;}
.view-btn {margin: auto;text-align:center;}
.view-btn > a {background:var(--pink);width:var(--sbtnwidth);height:var(--sbtnheight);text-align:center;font:var(--fnav2);display: block;margin: 0 auto;}

.col.w12 > .moduletable { display: flex; flex-direction: column; width: 100%; } 
h2 + .buttons > a.btn.arrowr {flex-basis: auto !important;width: auto !important;/*padding-right: calc(var(--arroww) + 1em);*/} 
.default-block .buttons.row.w12 {padding-left: calc(var(--ss)*70vw);} 
a.btn, button.btn {letter-spacing:var(--ls);font:var(--fnav2);padding:calc(var(--ss)*7vw) calc(var(--ss)*15vw);color:var(--cream);line-height:1;transition: .3s ease;} 
#next a.btn {padding:0;width:100%;}
#next a.btn::before {padding:0;transform:translate(0);}
a.arrowr, button.arrowr,.arrowrc {position: relative;transition:.5s ease;} 
a.arrowr:hover::before, button.arrowr:hover::before {transform:translateX(40%);} 
a.arrowr::before, button.arrowr::before {transition:.666s ease;content:'';position: absolute;width: var(--arroww);height: var(--arrowh);right: 0;background:var(--arrowr);transform:translate(calc(var(--ss)*108vw));} 
a.arrowrc::before, button.arrowrc::before {transition:.666s ease;content:'';position: absolute;width: var(--arroww);height: var(--arrowh);right: 0;background:var(--arrowrc);transform:translate(calc(var(--ss)*108vw));}
a.btn.alt {background:var(--cream);color:var(--cream);} 
button.btn:hover {background:var(--red);color:var(--cream);} 
body[data-background="cream-bg"] a.btn.alt {background:var(--cream);color:var(--cream);} 
.view-btn a.btn:hover {background:var(--orange);color:var(--cream);} 
a.arrow {display:inline-block;width:1rem; height:1rem;margin:0 1rem;line-height:1;top: 0.15rem;position: relative;transform: scale(1.25);} 

section.fh > div.nopad {width: 100%;height:var(--fh);}
.apt-btns {gap:calc(var(--ss)*109vw);width:calc(var(--ss)*1013vw);flex-wrap: nowrap;transform:translate(calc(var(--ss)*-49vw));}
.apt-btns > a.orange-bg:hover {background: var(--pgreen);}
@media (max-width:768px) {
	a.btn, button.btn {font:var(--nav);font-weight: 700;}
	#next a.arrowr {text-align: left; width:100%;padding:0;}
	#next a.arrowr::before {transform:translate(0);} 
	body.faqs button.btn {margin-top: 2em;}
	a.arrow {top: 1.25vw;transform: scale(1.15);}
	.default-block h2.center.mb3 {padding-top:1.5em;}
	.default-block .buttons.row.gap1 {gap: 2.5em;padding-top: 2em;}
	.a3-col-block .w11.mal.pb5.pt5 {padding-left: calc(var(--hpad) * 2.32);padding-right: 0;}
	.default-block .buttons.row.w12 {padding-left: calc(var(--hpad) * 1);}
	.apt-btns {gap:0;padding-left:0;width:calc(var(--ss)*172vw);flex-wrap:wrap;transform:translate(0);margin:0 auto;}
	.apt-btns > a:not(.last-child){margin-bottom:calc(var(--ss)*30vw);}
}


/*
SCROLL FADES
========================================================== */
body:not(.mega-open) li.reveal {transition-delay:0s;}
.revealme.i1 {transition-delay:.1s;}
.revealme.i2 {transition-delay:.2s;}
.revealme.i3 {transition-delay:.3s;}
.revealme.i4 {transition-delay:.4s;}
.revealme.i5 {transition-delay:.5s;}
.revealme.i6 {transition-delay:.6s;}
li.reveal.i1 {transition-delay:.8s;}
li.reveal.i2 {transition-delay:.9s;}
li.reveal.i3 {transition-delay:1s;}
li.reveal.i4 {transition-delay:1.1s;}
li.reveal.i5 {transition-delay:1.2s;}
li.reveal.i6 {transition-delay:1.3s;}
li.reveal2.i1 {transition-delay:.8s;}
li.reveal2.i2 {transition-delay:.9s;}

.revealme, li.reveal {opacity:0;transition:1s ease;transform:translateY(30%);}
.revealed > .revealme, body.mega-open li.reveal, #next .revealme.revealed {opacity:1;transform:translateY(0);}
@media(min-width:769px) {
	.default-block h1.mobile {opacity:0;display: flex !important;position: absolute;top: 3vw;pointer-events: none;transition: 1s ease;transform:translateY(-100%);}
	body.video-open .default-block h1.mobile {opacity:1;transform:translateY(0%);}
}

@media (max-width:768px) and (orientation:portrait){
	.revealme.i1 {transition-delay:calc(.1s * 2);}
	.revealme.i2 {transition-delay:calc(.2s * 2);}
	.revealme.i3 {transition-delay:calc(.3s * 2);}
	.revealme.i4 {transition-delay:calc(.4s * 2);}
	.revealme.i5 {transition-delay:calc(.5s * 2);}
	.revealme.i6 {transition-delay:calc(.6s * 2);}
	header #menu { display:none; }
	.rows > div { width: 100% !important; }	
}


/*
ARTICLE PAGES
========================================================== */
section.page > div {padding:calc(var(--vpad) * 2) calc(var(--hpad) * 1.5);}
section.page div.text-block *:not(h1) {text-align:left;}
section.page div.text-block * {color:var(--black);}
section.page .privacy h1 {text-align:center;margin-bottom:2em;}
section.page .privacy h2 {font:var(--p1);}
section.page .privacy h3, 
section.page .privacy p,
section.page .privacy li {font:var(--p1);}
section.page .privacy h2 {font-weight:600;}
section.page .privacy h3 {font-weight:600;padding-top:1.5em;margin-bottom:.5em;}
section.page .privacy ul {list-style:initial;padding-left:1.5em;margin-bottom:1em;}
section.page .privacy ol {list-style-type:decimal;padding-left:.925em;padding-top:1em;}

/* UTILITY CLASSES
======================================================= */
.uppercase, .uc {text-transform:uppercase;}
.underline {text-decoration: underline;}
.bold:not(.a) {font-weight:700;}
.fit {width:fit-content;}

.row.c6 > *:not(.nocs) {width:calc(25% * 2);flex-basis:calc(25% * 2);}

.row.cs1 > *:not(.nocs), .row > .ics1, .w1:not(.a) {width:calc(8.3333% * 1);flex-basis:calc(8.3333% * 1);}
.row.cs2 > *:not(.nocs), .row > .ics2, .w2:not(.a) {width:calc(8.3333% * 2);flex-basis:calc(8.3333% * 2);}
.row.cs3 > *:not(.nocs), .row > .ics3, .w3:not(.a) {width:calc(25% * 1);flex-basis:calc(25% * 1);}
.row.cs4 > *:not(.nocs), .row > .ics4, .w4:not(.a) {width:calc(33.3333% * 1);flex-basis:calc(33.3333% * 1);}
.row.cs5 > *:not(.nocs), .row > .ics5, .w5:not(.a) {width:calc(8.3333% * 5);flex-basis:calc(8.3333% * 5);}
.row.cs6 > *:not(.nocs), .row > .ics6, .w6:not(.a) {width:calc(25% * 2);flex-basis:calc(25% * 2);}
.row.cs7 > *:not(.nocs), .row > .ics7, .w7:not(.a) {width:calc(8.3333% * 7);flex-basis:calc(8.3333% * 7);}
.row.cs8 > *:not(.nocs), .row > .ics8, .w8:not(.a) {width:calc(33.3333% * 2);flex-basis:calc(33.3333% * 2);}
.row.cs9 > *:not(.nocs), .row > .ics9, .w9:not(.a) {width:calc(25% * 3);flex-basis:calc(25% * 3);}
.row.cs10 > *:not(.nocs), .row > .ics10, .w10:not(.a) {width:calc(8.3333% * 10);flex-basis:calc(8.3333% * 10);}
.row.cs11 > *:not(.nocs), .row > .ics11, .w11:not(.a) {width:calc(8.3333% * 11);flex-basis:calc(8.3333% * 11);}
.w12:not(.a) {width:100%;flex-basis:100%;}

.row.cs1.gap1 > *:not(.nocs), .row.gap1 > .ics1 {width:calc(8.3333% * 1 - var(--gap1));flex-basis:calc(8.3333% * 1 - var(--gap1));}
.row.cs2.gap1 > *:not(.nocs), .row.gap1 > .ics2 {width:calc(8.3333% * 2 - var(--gap1));flex-basis:calc(8.3333% * 2 - var(--gap1));}
.row.cs3.gap1 > *:not(.nocs), .row.gap1 > .ics3 {width:calc(25% * 1 - var(--gap1));flex-basis:calc(25% * 1 - var(--gap1));}
.row.cs4.gap1 > *:not(.nocs), .row.gap1 > .ics4 {width:calc(33.3333% * 1 - var(--gap1));flex-basis:calc(33.3333% * 1 - var(--gap1));}
.row.cs5.gap1 > *:not(.nocs), .row.gap1 > .ics5 {width:calc(8.3333% * 5 - var(--gap1));flex-basis:calc(8.3333% * 5 - var(--gap1));}
.row.cs6.gap1 > *:not(.nocs), .row.gap1 > .ics6 {width:calc(25% * 2 - var(--gap1));flex-basis:calc(25% * 2 - var(--gap1));}
.row.cs7.gap1 > *:not(.nocs), .row.gap1 > .ics7 {width:calc(8.3333% * 7 - var(--gap1));flex-basis:calc(8.3333% * 7 - var(--gap1));}
.row.cs8.gap1 > *:not(.nocs), .row.gap1 > .ics8 {width:calc(33.3333% * 2 - var(--gap1));flex-basis:calc(33.3333% * 2 - var(--gap1));}
.row.cs9.gap1 > *:not(.nocs), .row.gap1 > .ics9 {width:calc(25% * 3 - var(--gap1));flex-basis:calc(25% * 3 - var(--gap1));}
.row.cs10.gap1 > *:not(.nocs), .row.gap1 > .ics10 {width:calc(8.3333% * 10 - var(--gap1));flex-basis:calc(8.3333% * 10 - var(--gap1));}
.row.cs11.gap1 > *:not(.nocs), .row.gap1 > .ics11 {width:calc(8.3333% * 11 - var(--gap1));flex-basis:calc(8.3333% * 11 - var(--gap1));}

.row.cs1.gap2 > *:not(.nocs), .row.gap2 > .ics1 {width:calc(8.3333% * 1 - var(--gap2));flex-basis:calc(8.3333% * 1 - var(--gap2));}
.row.cs2.gap2 > *:not(.nocs), .row.gap2 > .ics2 {width:calc(8.3333% * 2 - var(--gap2));flex-basis:calc(8.3333% * 2 - var(--gap2));}
.row.cs3.gap2 > *:not(.nocs), .row.gap2 > .ics3 {width:calc(25% * 1 - var(--gap2));flex-basis:calc(25% * 1 - var(--gap2));}
.row.cs4.gap2 > *:not(.nocs), .row.gap2 > .ics4 {width:calc(33.3333% * 1 - var(--gap2));flex-basis:calc(33.3333% * 1 - var(--gap2));}
.row.cs5.gap2 > *:not(.nocs), .row.gap2 > .ics5 {width:calc(8.3333% * 5 - var(--gap2));flex-basis:calc(8.3333% * 5 - var(--gap2));}
.row.cs6.gap2 > *:not(.nocs), .row.gap2 > .ics6 {width:calc(25% * 2 - var(--gap2));flex-basis:calc(25% * 2 - var(--gap2));}
.row.cs7.gap2 > *:not(.nocs), .row.gap2 > .ics7 {width:calc(8.3333% * 7 - var(--gap2));flex-basis:calc(8.3333% * 7 - var(--gap2));}
.row.cs8.gap2 > *:not(.nocs), .row.gap2 > .ics8 {width:calc(33.3333% * 2 - var(--gap2));flex-basis:calc(33.3333% * 2 - var(--gap2));}
.row.cs9.gap2 > *:not(.nocs), .row.gap2 > .ics9 {width:calc(25% * 3 - var(--gap2));flex-basis:calc(25% * 3 - var(--gap2));}
.row.cs10.gap2 > *:not(.nocs), .row.gap2 > .ics10 {width:calc(8.3333% * 10 - var(--gap2));flex-basis:calc(8.3333% * 10 - var(--gap2));}
.row.cs11.gap2 > *:not(.nocs), .row.gap2 > .ics11 {width:calc(8.3333% * 11 - var(--gap2));flex-basis:calc(8.3333% * 11 - var(--gap2));}

.row.cs1.gap3 > *:not(.nocs), .row.gap3 > .ics1 {width:calc(8.3333% * 1 - var(--gap3));flex-basis:calc(8.3333% * 1 - var(--gap3));}
.row.cs2.gap3 > *:not(.nocs), .row.gap3 > .ics2 {width:calc(8.3333% * 2 - var(--gap3));flex-basis:calc(8.3333% * 2 - var(--gap3));}
.row.cs3.gap3 > *:not(.nocs), .row.gap3 > .ics3 {width:calc(25% * 1 - var(--gap3));flex-basis:calc(25% * 1 - var(--gap3));}
.row.cs4.gap3 > *:not(.nocs), .row.gap3 > .ics4 {width:calc(33.3333% * 1 - var(--gap3));flex-basis:calc(33.3333% * 1 - var(--gap3));}
.row.cs5.gap3 > *:not(.nocs), .row.gap3 > .ics5 {width:calc(8.3333% * 5 - var(--gap3));flex-basis:calc(8.3333% * 5 - var(--gap3));}
.row.cs6.gap3 > *:not(.nocs), .row.gap3 > .ics6 {width:calc(25% * 2 - var(--gap3));flex-basis:calc(25% * 2 - var(--gap3));}
.row.cs7.gap3 > *:not(.nocs), .row.gap3 > .ics7 {width:calc(8.3333% * 7 - var(--gap3));flex-basis:calc(8.3333% * 7 - var(--gap3));}
.row.cs8.gap3 > *:not(.nocs), .row.gap3 > .ics8 {width:calc(33.3333% * 2 - var(--gap3));flex-basis:calc(33.3333% * 2 - var(--gap3));}
.row.cs9.gap3 > *:not(.nocs), .row.gap3 > .ics9 {width:calc(25% * 3 - var(--gap3));flex-basis:calc(25% * 3 - var(--gap3));}
.row.cs10.gap3 > *:not(.nocs), .row.gap3 > .ics10 {width:calc(8.3333% * 10 - var(--gap3));flex-basis:calc(8.3333% * 10 - var(--gap3));}
.row.cs11.gap3 > *:not(.nocs), .row.gap3 > .ics11 {width:calc(8.3333% * 11 - var(--gap3));flex-basis:calc(8.3333% * 11 - var(--gap3));}

.row.cs1.gap4 > *:not(.nocs), .row.gap4 > .ics1 {width:calc(8.3333% * 1 - var(--gap4));flex-basis:calc(8.3333% * 1 - var(--gap4));}
.row.cs2.gap4 > *:not(.nocs), .row.gap4 > .ics2 {width:calc(8.3333% * 2 - var(--gap4));flex-basis:calc(8.3333% * 2 - var(--gap4));}
.row.cs3.gap4 > *:not(.nocs), .row.gap4 > .ics3 {width:calc(25% * 1 - var(--gap4));flex-basis:calc(25% * 1 - var(--gap4));}
.row.cs4.gap4 > *:not(.nocs), .row.gap4 > .ics4 {width:calc(33.3333% * 1 - var(--gap4));flex-basis:calc(33.3333% * 1 - var(--gap4));}
.row.cs5.gap4 > *:not(.nocs), .row.gap4 > .ics5 {width:calc(8.3333% * 5 - var(--gap4));flex-basis:calc(8.3333% * 5 - var(--gap4));}
.row.cs6.gap4 > *:not(.nocs), .row.gap4 > .ics6 {width:calc(25% * 2 - var(--gap4));flex-basis:calc(25% * 2 - var(--gap4));}
.row.cs7.gap4 > *:not(.nocs), .row.gap4 > .ics7 {width:calc(8.3333% * 7 - var(--gap4));flex-basis:calc(8.3333% * 7 - var(--gap4));}
.row.cs8.gap4 > *:not(.nocs), .row.gap4 > .ics8 {width:calc(33.3333% * 2 - var(--gap4));flex-basis:calc(33.3333% * 2 - var(--gap4));}
.row.cs9.gap4 > *:not(.nocs), .row.gap4 > .ics9 {width:calc(25% * 3 - var(--gap4));flex-basis:calc(25% * 3 - var(--gap4));}
.row.cs10.gap4 > *:not(.nocs), .row.gap4 > .ics10 {width:calc(8.3333% * 10 - var(--gap4));flex-basis:calc(8.3333% * 10 - var(--gap4));}
.row.cs11.gap4 > *:not(.nocs), .row.gap4 > .ics11 {width:calc(8.3333% * 11 - var(--gap4));flex-basis:calc(8.3333% * 11 - var(--gap4));}


.row.cs12 > *:not(.nocs), .row > .ics12 {width:100%;flex-basis:100%;}

@media (max-width:768px) and (orientation:portrait){
	.div.row.colm {flex-direction:column;}
	.row[class^="cs"], .row[class^="cs"] > *, .w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11, .row:not(.keep-row) > * {width:100% !important;flex-basis:100% !important;}
}

@media(min-width:769px) {
	.mobile:not(.a) {display:none !important;}
}

.pt-vpad {padding-top: var(--vpad);}
a.nobreak br {display:none;}
.rel {position:relative;}
.pea:not(.a) {pointer-events:auto;}
.pen:not(.a) {pointer-events:none;}
.fx1 {display:flex;flex-wrap: wrap;}
.fx1 > div {flex:1 calc(var(--ss)*300vw);}
.asc {align-self: center;}
.ls:not(.a) {letter-spacing: var(--ls);margin-right: -.045rem;}
.sticky:not(.a) {position:sticky;top:0;}
.hide:not(.a) { display:none; visibility: hidden; }
.wrap:not(.a) {flex-wrap: wrap;}
.nowrap:not(.a) {flex-wrap: nowrap;}
.bff:not(.a) {font-family:var(--bff);}
.hff:not(.a) {font-family:var(--hff);}
.sb:not(.a) {justify-content: space-between;}
.acl:not(.a) {align-items: flex-start}
.acr:not(.a) {align-items: flex-end}
.h100:not(.a) {height:100%;}
.aleft:not(.a) {text-align:left}
.aright:not(.a) {text-align:right;}
img.cover:not(.a) {object-fit:cover;width:100%;height:100%;}
.flexi:not(.a) {display:flex !important;}
.flex-wrap, .flex.wrap, .wrap:not(.a) {flex-wrap:wrap;}
.hide {display:none !important;}
*.fxi{display:inherit;}
*.fxr, .flex{display:flex;flex-direction:row;}
*.fxc, .flexc{display:flex;flex-direction:column;}
.fxcc:not(.a) {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.fxrc:not(.a) {display:flex;flex-direction:row;align-items:center;justify-content:center;}
*.fxrr:not(.a) {display:flex;flex-direction:row-reverse;}
*.fxcr{display:flex;flex-direction:column-reverse;}
*.aic{display:flex;align-items:center;}
*.aife{display:flex;align-items:flex-end;}
*.aifs{display:flex;align-items:flex-start;}
*.ais{display:flex;align-items:stretch;}
*.aibl{display:flex;align-items:baseline;}
*.aii{display:flex;align-items:inherit;}
*.jcc{display:flex;justify-content:center;}
*.jcfs{display:flex;justify-content:flex-start;}
*.jcfe{display:flex;justify-content:flex-end;}
*.jcse{display:flex;justify-content:space-evenly;}
*.jcsb{display:flex;justify-content:space-between;}
*.jcsa{display:flex;justify-content:space-around;}

section > div.nopad:not(.a) {padding:0;}
.normalcase:not(.a) {text-transform: none !important;}

.tul{text-decoration:underline;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mah{margin-left:auto;margin-right:auto;}
.mal{margin-left:auto;}
.mar{margin-right:auto;}
.m0{margin:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;}

@media (max-width:768px) and (orientation:portrait){
	.aclm:not(.a) {align-items: flex-start;}
}
.pad1:not(.a) {padding:1em;}.pad2:not(.a) {padding:2em;}.pad3:not(.a) {padding:3em;}.pad4:not(.a) {padding:4em;}.pad5:not(.a) {padding:5em;}
.gap1:not(.a) {gap:1rem;}.gap2:not(.a) {gap:2rem;}.gap3:not(.a) {gap:3rem;}.gap4:not(.a) {gap:4rem;}.gap5:not(.a) {gap:5rem;}
.gap01:not(.a) {gap:0 1rem;}.gap02:not(.a) {gap:0 2rem;}.gap03:not(.a) {gap:0 3rem;}.gap04:not(.a) {gap:0 4rem;}.gap05:not(.a) {gap:0 5rem;}

.mb1e {margin-bottom:.75em;}
.mb0:not(.a):not(.a) {margin-bottom:0;}.mb1:not(.a):not(.a) {margin-bottom:1rem;}.mb2:not(.a):not(.a) {margin-bottom:2rem;}.mb3:not(.a):not(.a) {margin-bottom:3rem;}.mb4:not(.a):not(.a) {margin-bottom:4rem;}.mb5:not(.a):not(.a) {margin-bottom:5rem;}
.mt0:not(.a):not(.a) {margin-top:0;}.mt1:not(.a):not(.a) {margin-top:1rem;}.mt2:not(.a):not(.a) {margin-top:2rem;}.mt3:not(.a):not(.a) {margin-top:3rem;}.mt4:not(.a):not(.a) {margin-top:4rem;}.mt5:not(.a):not(.a) {margin-top:5rem;}
.pb0:not(.a):not(.a) {padding-bottom:0rem;}.pb1:not(.a):not(.a) {padding-bottom:1rem;}.pb2:not(.a):not(.a) {padding-bottom:2rem;}.pb3:not(.a):not(.a) {padding-bottom:3rem;}.pb4:not(.a):not(.a) {padding-bottom:4rem;}.pb5:not(.a):not(.a) {padding-bottom:5rem;}
.pt0:not(.a):not(.a) {padding-top:0rem;}.pt1:not(.a):not(.a) {padding-top:1rem;}.pt2:not(.a):not(.a) {padding-top:2rem;}.pt3:not(.a):not(.a) {padding-top:3rem;}.pt4:not(.a):not(.a) {padding-top:4rem;}.pt5:not(.a):not(.a) {padding-top:5rem;}.pt10:not(.a):not(.a) {padding-top:10rem;}
.pt0i {padding-top:0 !important;}
@media (max-width:768px) {
	.mb1e {margin-bottom:1em;}
	.padh1m {padding-left:1em;padding-right:1em;}.padh2m {padding-left:2em;padding-right:2em;}
	.fwt:not(.a) {width:100% !important;flex-basis:100% !important;}
}

@media (max-width:768px){
	.revmob {flex-direction:column-reverse !important;}
	.wrapm {flex-wrap:wrap;}
	*.fxrm{display:flex;}
	.mahm {margin-left:auto;margin-right:auto;}
	*.fxrrm{display:flex;flex-direction:row-reverse;}
	*.fxcm{display:flex;flex-direction:column !important;}
	*.fxcrm{display:flex;flex-direction:column-reverse !important;}
	*.aicm{align-items:center;align-self: center;}
	*.aifem{align-items:flex-end;}
	*.aifsm{align-items:flex-start;}
	*.aism{align-items:stretch;}
	*.aiblm{align-items:baseline;}
	*.aiim{align-items:inherit;}
	*.jccm{justify-content:center;}
	*.jcfsm{justify-content:flex-start;}
	*.jcfem{justify-content:flex-end;}
	*.jcsem{justify-content:space-evenly;}
	*.jcsbm{justify-content:space-between;}
	*.jcsam{justify-content:space-around;}
	*.tacm{text-align:center;}
	*.talm{text-align:left;}
	*.tarm{text-align:right;}
	*.desktop,.dt{display:none !important;}
	*.mobile{display:inherit;}
	*.mobile-flex{display:flex;}
	*.mobile-inline{display:inline;} 
	.mbr br{display:initial;}
	*.mob-nowrap{white-space:nowrap;}
}

.commercial-opportunities .half-slider-block .col h2{display:none;}
.commercial-opportunities .text-image-block .btn{display:none;}
#intro-commercial .row{padding-bottom:0;}
#slider-commercial .row{padding-top:calc(var(--vpad) / 2);}


.stars-wrap{display:flex;margin-right:calc(var(--ss)*1vw);margin-bottom:calc(var(--ss)*3vw);}
.stars-outer{background:#ebebeb;position: relative;height:calc(var(--ss)*20vw); width:calc(var(--ss)*20vw); margin-right:calc(var(--ss)*2vw); clip-path: polygon(50% 0%, 66% 32%, 100% 38%, 78% 64%, 83% 100%, 50% 83%, 17% 100%, 22% 64%, 0 38%, 34% 32%);}
.stars-inner{height:100%; width:0%; background:#FD7450; position: absolute; top:0; left:0;}
.homeviews .stars-inner{background:#bba15a;}
.iconify--homeviews { width: 2em; }
.homeviews a img{width:calc(var(--ss)*111vw);margin-top:calc(var(--ss)*8vw);}
.homeviews p, .homeviews p span{font: normal 400 calc(var(--ss)*18vw) / calc(var(--ss)*17vw) var(--ff); margin-bottom:0;}

.rating.flex{justify-content:flex-start; min-width:fit-content}

@media (max-width:768px){
	.homeviews{margin-bottom:3em;}
	.stars-wrap{justify-content: center;}
	.homeviews p{display:flex;font: normal 400 calc(var(--ss)*15vw) / calc(var(--ss)*15vw) var(--ff);align-items: center;justify-content: center;}
	.homeviews a img{width:calc(var(--ss)*90vw);margin-top:0);}
	.homeviews br{display:none;}
}

.map-btns button{border:2px solid var(--dgreen);}
.map-btns button.map-1, .map-btns button.map-1:hover{background:var(--dorange);}
.map-btns button.map-2, .map-btns button.map-2:hover{background:var(--orange);}



#market-hero{background-position: center -13em  !important;}
@media (max-width:768px){
	#market-hero{background-position: center !important;}
}
@media (min-aspect-ratio: 1920/1041) {
  #market-hero{background-position: center !important;}
}

#market-welcome .item1 {order:2;}
#market-welcome .item2 {order:1;}
#market-welcome .item3 {order:3;}
#market-welcome .item4 {order:4; }

#market-welcome .item2 .cream-bg{background:url('/templates/towerworks/images/shared/market-illustrations.png') left calc(var(--ss)*29vw) bottom calc(var(--ss)*44vw) / 80% no-repeat; }
#market-welcome .item4 .cream-bg{background:var(--orange); width:100%}
#market-welcome .item4 .cream-bg h2, #market-welcome .item4 .cream-bg p{ color:var(--white);}
#market-welcome .item4 .cream-bg > div{height:100%; max-width: calc(var(--ss)*417vw);}

#market-welcome .item4 .cream-bg > div .btn-wrap{margin-top:calc(var(--ss)*57vw); display: flex; gap:calc(var(--ss)*23vw)}

#market-welcome .item4 .cream-bg > div a.btn{background:var(--cream); color:var(--black);  display:flex; width:calc(var(--ss)*184vw); justify-content:center; align-items: center; text-transform: uppercase;}

#market-welcome .btn.arrowr.left.pea{display:none;}

@media (max-width:768px){
	#market-welcome .item2 .cream-bg{background:url('/templates/towerworks/images/shared/market-illustration-mobile.png') left calc(var(--ss)*22vw) bottom calc(var(--ss)*33vw) / 80% no-repeat; text-align: center; padding:calc(var(--ss)*57vw) var(--hpad);}
	#market-welcome .item2 h2{padding:0 calc(var(--ss)*10vw); text-align: center !important;}
	#market-welcome .item2.scroll-content h2 + p.h2:not(.a){margin-bottom:calc(var(--ss)*102vw); }
	
	#market-welcome .item4 .cream-bg{padding:var(--vpad) var(--hpad);}
	
	#market-welcome .item2 p.left{text-align: center;}
	
	#market-welcome .item3 {order:4;}
	#market-welcome .item4 {order:3; }
	#market-welcome .item4 h2, #market-welcome .item4 p{text-align: center; }

	#market-welcome .item4 .cream-bg > div .btn-wrap{margin-top:calc(var(--ss)*44vw); gap:0; flex-wrap: wrap; justify-content:center;}
	#market-welcome .item4 .cream-bg > div a.btn:first-child{margin-bottom:calc(var(--ss)*14vw);}
	
}

#market-area{position: relative;}

#market-area > div{padding:calc(var(--ss)*68vw) var(--vpad) calc(var(--ss)*170vw)}
#market-area h2{margin-bottom:calc(var(--ss)*57vw);}
#market-slider-2 [class*="-slider"].slick-slider button.slick-next{background: var(--arrowrb); background-size: 55%; border-color:var(--black);}
#market-slider-2 [class*="-slider"].slick-slider button.slick-prev{background: var(--arrowlb); background-size: 55%; border-color:var(--black);}
#market-slider h2{text-align: left}
#market-slider-2 .vw-slider-dots, #are-you-a-trader .btn.dorange-bg.arrowr.uc.mahm{display:none;}
#market-banner-image, #market-banner-image, #market-banner-image-2, #market-banner-image-2 *, #market-banner-image-3, #market-banner-image-3 *{line-height: 0}

@media (min-width:769px){
	#market-banner-image-3{display:none;}
}

@media (max-width:768px){
	#market-area > div{padding:calc(var(--ss)*63vw) 0 0}
	#market-area h2{margin-bottom:calc(var(--ss)*68vw); padding:0 var(--vpad); text-align: left;}
	#market-slider h2{text-align: center}
	#market-banner-image-2{display:none;}
	
	#market-banner-image img, #market-banner-image-3 img{height:calc(var(--ss)*463vw); object-fit:cover;}
	
	#market-area{line-height:0;}
	#market-slider h2{text-align: left;}
	#market-slider-2 {padding-left: calc(var(--ss)*11vw);}
	
	#market-heritage-2{padding-left: var(--hpad);}
}

#market-heritage-2 [class*="-slider-dots"] ul.slick-dots{justify-content: center;}

#are-you-a-trader .cream-bg > div > div{height:100%; display:flex; flex-direction: column; justify-content: center;}
#are-you-a-trader .btn-wrap a.btn{text-transform:uppercase; color:var(--cream);  }
@media (max-width:768px){
	#are-you-a-trader .side-img{display:none;}
	#are-you-a-trader .text-image-row > div{height:fit-content;}
	#are-you-a-trader h2, #are-you-a-trader p{text-align:center;}
	#are-you-a-trader .btn-wrap {display:flex; justify-content: center;;}
}

#upcoming-events .row{position: relative;}
#upcoming-events .row:before, #upcoming-events .row:after{position: absolute; content:''; display: block; bottom:0; height:calc(var(--ss)*467vw)}

#upcoming-events .row:before{left:calc(var(--ss)*178vw); width:calc(var(--ss)*111vw); background:url('/templates/towerworks/images/shared/tower-1.png') bottom / contain no-repeat;}
#upcoming-events .row:after{right:calc(var(--ss)*105vw); width:calc(var(--ss)*188vw); background:url('/templates/towerworks/images/shared/tower-2.png') bottom / contain no-repeat;}

#upcoming-events .small{font:var(--tm);}

@media (max-width:768px){
	#upcoming-events .row:before, #upcoming-events .row:after{display:none;}
	
}




#join-the-community .col.w12{width:calc(var(--ss)*1094vw)}
#join-the-community .moduletable h3{display:none;}

#join-the-community #cols_1{display:flex; justify-content: space-between; margin-bottom:calc(var(--ss)*70vw);}
#join-the-community #cols_1 label{display:none;}
#join-the-community #cols_1 input{width:calc(var(--ss)*354vw); height:calc(var(--ss)*41vw); background:#F5EEE3; display:flex; align-items: center; padding-left:calc(var(--ss)*21vw); border:0;}
#join-the-community button{display:flex; align-items: center; justify-content: center; height:calc(var(--ss)*53vw); width:calc(var(--ss)*329vw); margin:0 auto; font-size:calc(var(--ss)*22vw); letter-spacing:0.01em;}
#join-the-community button:hover{background:var(--pink);}

@media (max-width:768px){
	#join-the-community .col.w12{width:100%}

	#join-the-community #cols_1{flex-wrap:wrap; margin-bottom:calc(var(--ss)*28vw);}
	#join-the-community #cols_1 input{width:100%; padding-left:calc(var(--ss)*19vw); margin-bottom:calc(var(--ss)*21vw);}
	#join-the-community button{width:100%; }
	#join-the-community button:hover{background:var(--pink);}
}

#market-blog .row{flex-direction:row-reverse;}
#market-blog .orange-bg > div{justify-content: center;}
#market-blog .orange-bg > div > a.btn{display:none;}
#market-blog .copy a.btn{color:var(--black);background:var(--cream); text-transform: uppercase;}

@media (max-width:768px){
	#market-blog .row{flex-direction:row-reverse;}
	#market-blog .orange-bg > div{height: fit-content !important;}
	
	#market-blog .orange-bg h2, #market-blog .orange-bg p{text-align: center;}
	#market-blog .btn-wrap{justify-content:center; display:flex;}
}




[class*="event-slider"].slick-slider button.slick-next{right:0;}
.aevent-block .events-list .col{width:calc(20% - var(--gap2));}
.aevent-block .events-list .sb-img-wrap{width:100%;}
.aevent-block .events-list .sb-img{width:100%; height:calc(var(--ss)*300vw); object-fit: cover; margin-bottom: calc(var(--ss)*30vw);}
.aevent-block .events-list .sb-img.video{position: relative; overflow: hidden; width:100%; }
.aevent-block .events-list .sb-img.video iframe{position:absolute; aspect-ratio: 537 / 955; height:auto; width:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
.aevent-block .events-list .sb-img-wrap p{font:var(--nav); letter-spacing: .1em; margin-bottom: 0;}
body.living-here .default-block .copy{max-width:calc(var(--ss)*1127vw) !important; width:100% !important; text-align:left;}
body.living-here .default-block .copy h2{text-align: left;}

a.btn.btn-cream{background: var(--cream); color:var(--dblue)}
@media (min-width:769px){
	.aevent-block .events-list{margin-left:-1.5em; margin-right:-1.5em; width:calc(100% + 3em);}
}

@media (max-width:768px){
	.aevent-block .image-top{padding-top:0;padding-bottom: 0}
	.aevent-block .events-list{position: relative; z-index: 1;}
	.aevent-block > div.pad.image-top{padding:0;}
	.aevent-block > div.pad.image-top img{width:100vw; height:calc(var(--ss)*330vw); object-fit: cover;}
	.aevent-block .events-list .sb-img-wrap{width:calc(var(--ss)*228vw);}
	.aevent-block .events-list .sb-img, .aevent-block .events-list .sb-img.video{height:calc(var(--ss)*310vw); margin-bottom: calc(var(--ss)*22vw);}
	.aevent-block .gap2:not(.a){gap:0;}
	.aevent-block .events-list .col:nth-child(3n + 1) .sb-img-wrap{align-self: flex-start}
	.aevent-block .events-list .col:nth-child(3n + 2) .sb-img-wrap{align-self: flex-end}
	.aevent-block .events-list .col:nth-child(3n + 3) .sb-img-wrap{align-self: center}
	.aevent-block .events-list .col{margin-bottom: calc(var(--ss)*56vw);}
	.aevent-block .events-list .col:last-child{margin-bottom:0;}
	
	#tower-works-mural-perks-2, #tower-works-street-fest-perks-2 {padding-left: var(--hpad);}
	
/*	#quote-scroll-block .item2 > div{padding:var(--vpad) var(--hpad) !important;}*/
}
.orange-bg > .btn.arrowr{background:var(--cream); color:var(--orange)} 
.dblue-bg > .btn.arrowr{
	--arrowr: url('/templates/towerworks/images/shared/arrow-right-orange.svg') var(--contain);
	background:var(--dorange); 
	color:var(--cream); 
} 


body.interview .basic-block .w10:not(.a){width:100%; max-width:calc(var(--ss)*1166vw); margin:0;}
body.interview .basic-block .center:not(.a),
body.interview .default-block h2{text-align: left;}
body.interview .basic-block .sticky-corrector{display:none;}
body.interview .img-block > div{padding:0 var(--hpad);}
body.interview .basic-block p{font:var(--h2);}
body.interview #are-you-a-trader .aifs.jcsb{justify-content: center;}

#tower-works-mural-perks-2{
	--arrowl: url('/templates/towerworks/images/shared/arrow-left-dgreen.svg') var(--contain);
	--arrowrc: url('/templates/towerworks/images/shared/arrow-right-dgreen.svg') var(--contain);
}
#tower-works-mural-perks-2 [class*="-slider"].slick-slider button.slick-arrow{border-color:var(--dgreen);}


@media (max-width:768px){
	#introduction-interview{flex-direction: column-reverse;}
	
	#introduction-interview .item2 > div{padding:var(--vpad) var(--hpad);}
	#introduction-interview .side-img{z-index: 1;}
	#its-about-creating-a-connection-to-those-flavours-and-memories-2{padding-left: var(--hpad);}
	#interview-scroll-block .scroll-content > div{padding:var(--vpad) var(--hpad);}
	#interview-scroll-block .scroll-content{z-index: 1;}
	#interview-scroll-block .side-img{z-index: 0;}
	
	#map-commercial{padding: 0 !important; line-height: 0}
}

.privacy table, .privacy th, .privacy td{border:1px solid #000;}
.privacy th, .privacy td{padding:calc(var(--ss)*2vw) calc(var(--ss)*5vw);}