@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);
	--btn:normal 500 calc(var(--ss)*16vw) / calc(var(--ss)*16vw) var(--ff);
	--link:normal 400 calc(var(--ss)*14vw) / calc(var(--ss)*14vw) 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); 
	--form:normal 400 calc(var(--ss)*18vw) / calc(var(--ss)*18vw) 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);
		--btn:normal 500 calc(var(--ss)*14vw) / calc(var(--ss)*14vw) 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;
	}
}

/* OPTIMISED LANDING PAGES
======================================================= */
body.optimised{
	--ss:100/1440;
	--header-height:calc(var(--ss)*108vw);
	--vpad:calc(var(--ss)*49vw);
	--hpad:calc(var(--ss)*39vw);
	--fnav:normal 400 calc(var(--ss)*24vw) / 1.1em var(--ff);
	--fnav2:normal 400 calc(var(--ss)*16vw) / calc(var(--ss)*16vw) var(--ff);
	--h3:normal 500 calc(var(--ss)*32vw) / 1.1em var(--ff);
	--h1:normal 500 calc(var(--ss)*65vw) / 1.1em var(--ff);
	--h2:normal 500 calc(var(--ss)*48vw) / 1.06em var(--ff);
	--p1:normal 400 calc(var(--ss)*18vw) / 1.2em var(--ff);
	--p2:normal 500 calc(var(--ss)*24vw) / 1.06em var(--ff);
	--caption:normal 500 calc(var(--ss)*24vw) / 1.1em var(--ff);
	--quote:normal 400 calc(var(--ss)*30vw) / 1.1em var(--ff);
	--icon:normal 400 calc(var(--ss)*13vw) / 1em var(--ff);
}

@media (min-width:1700px){
	body.optimised{
		--header-height:calc(var(--ss)*108vw);
		--vpad:calc(var(--ss)*49vw);
		--hpad:calc(var(--ss)*39vw);
		--fnav:normal 400 calc(var(--ss)*22vw) / 1.1em var(--ff);
		--fnav2:normal 400 calc(var(--ss)*15vw) / calc(var(--ss)*16vw) var(--ff);
		--h3:normal 500 calc(var(--ss)*30vw) / 1.1em var(--ff);
		--h1:normal 500 calc(var(--ss)*60vw) / 1.1em var(--ff);
		--h2:normal 500 calc(var(--ss)*45vw) / 1.06em var(--ff);
		--p1:normal 400 calc(var(--ss)*16vw) / 1.2em var(--ff);
		--p2:normal 500 calc(var(--ss)*22vw) / 1.06em var(--ff);
		--caption:normal 500 calc(var(--ss)*22vw) / 1.1em var(--ff);
		--quote:normal 400 calc(var(--ss)*28vw) / 1.1em var(--ff);
		--icon:normal 400 calc(var(--ss)*12vw) / 1em var(--ff);
		--btn:normal 500 calc(var(--ss)*14vw) / calc(var(--ss)*14vw) var(--ff);
	}
}

@media (max-width:768px){
	body.optimised{
		--ss:100/360;
		--header-height:calc(var(--ss)*64vw);
		--vpad:calc(var(--ss)*49vw);
		--hpad:calc(var(--ss)*16vw);
		--fnav:normal 400 calc(var(--ss)*16vw) / 1.1em var(--ff);
		--fnav2:normal 400 calc(var(--ss)*14vw) / calc(var(--ss)*14vw) var(--ff);
		--quote:normal 400 calc(var(--ss)*20vw) / 1.1em var(--ff);
		--h1:normal 400 calc(var(--ss)*36vw) / 1.1em var(--ff);
		--h2:normal 500 calc(var(--ss)*32vw) / 1.06em var(--ff);
		--h3:normal 500 calc(var(--ss)*24vw) / 1.06em var(--ff);
		--p1:normal 400 calc(var(--ss)*16vw) / 1.2em var(--ff);
		--p2:var(--p1);
		--caption:normal 500 calc(var(--ss)*20vw) / 1.1em var(--ff);
	}
}