@charset "UTF-8";

@font-face {
    font-family: 'Ambit';
    src: url('../fonts/ambit/Ambit-Light.woff2') format('woff2'),
        url('../fonts/ambit/Ambit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ambit';
    src: url('../fonts/ambit/Ambit-LightItalic.woff2') format('woff2'),
        url('../fonts/ambit/Ambit-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ambit';
    src: url('../fonts/ambit/Ambit-Italic.woff2') format('woff2'),
        url('../fonts/ambit/Ambit-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ambit';
    src: url('../fonts/ambit/Ambit-Regular.woff2') format('woff2'),
        url('../fonts/ambit/Ambit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ambit';
    src: url('../fonts/ambit/Ambit-Bold.woff2') format('woff2'),
        url('../fonts/ambit/Ambit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ambit';
    src: url('../fonts/ambit/Ambit-BoldItalic.woff2') format('woff2'),
        url('../fonts/ambit/Ambit-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

:root {
	--ss:1366;
	/*COLORS*/ 
	--css:100/1366;
	--pgreen:#A6B29F; 
	--dgreen:#002F38; 
	--sand:#CCB998; 
	--pink:#E0BCA2; 
	--cream:#F5EEE3; 
	--orange:#D98729;
	--pgreenrgb: rgba(166, 178, 159, 1);
  --dgreenrgb: rgba(0, 47, 56, 1);
  --sandrgb: rgba(204, 185, 152, 1);
  --pinkrgb: rgba(224, 188, 162, 1);
  --creamrgb: rgba(245, 238, 227, 1);
  --orangergb: rgba(217, 135, 41, 1);
	--darksandbg:#A17D52;
	--ff:'Ambit', 'Arial', 'Helvetica', sans-serif; 
	--cover:center / cover no-repeat; 
	--contain:center / contain no-repeat;
	/*HFONTS*/ --h1lh:var(--55px);
	--h1:normal 400 var(--50px) / var(--55px) var(--ff); /*50px / 55px*/ 
	--h2:normal 400 var(--25px) / var(--30px) var(--ff); /*25px / 30px*/
	/*PFONTS*/ 
	--p1:normal 400 var(--15px) / var(--20px) var(--ff); /*15px / 20px*/ 
	--nav:normal 600 var(--15px) / var(--18px) var(--ff); /*15px / 18px*/ 
	--hnav:normal 400 var(--20px) / var(--17px) var(--ff); /*20px / 17px*/ 
	--tm:normal 400 var(--20px) / var(--25px) var(--ff); /*20px / 25px*/ 	
	
	--ls:.125em; 
	--ls2:-.005em; 
	--rem:1vw; 
	--vpad:var(--50px); /*50px*/ 
	--hpad:var(--62px); /*62px*/ 
	--hpad2:calc(var(--hpad) * 2.19); 
	--arroww:var(--37-7px); 
	--arrowh:var(--17px); 
	--chevsize:var(--70px); 
	--r136:var(--136px);
	/*IMAGES*/
	--chevl:url('/templates/goodsyard/images/shared/chev-left.svg') var(--contain); 
	--chevr:url('/templates/goodsyard/images/shared/chev-right.svg') var(--contain); 
	
	--arrowl:url('/templates/goodsyard/images/shared/arrow-left.svg') var(--contain); 
	--arrowr:url('/templates/goodsyard/images/shared/arrow-right.svg') var(--contain);
	
	--gap1:1em; 
	--gap2:2em; 
	--gap3:3em; 
	--gap4:4em; 
	
	--border:calc(var(--css)*1.5vw) solid var(--cream);
	--hlogow:var(--250px);
	--dots:var(--13px);
	--large-text:400 normal var(--25px) / var(--30px) var(--ff);
}

@media (max-width:768px) {
	:root {
		--ss:375;
		--css:100/375;
		--h1lh:var(--35px);
		--h1:normal 400 var(--28px) / var(--35px) var(--ff); /*35px / 40px*/ 
		--h2:normal 400 var(--20px) / var(--25px) var(--ff); /*20px / 25px*/
		/*PFONTS*/ 
		--p1:normal 400 var(--15px) / var(--20px) var(--ff); /*15px / 20px*/ 
		--nav:normal 600 var(--15px) / var(--18px) var(--ff); /*15px / 18px*/ 
		--hnav:normal 400 var(--35px) / var(--55px) var(--ff); /*35px / 55px*/ 
		--tm:normal 400 var(--20px) / var(--25px) var(--ff); /*20px / 25px*/
		--large-text:400 normal var(--20px) / var(--25px) var(--ff);
		--rem:calc(1vw * 1.66);
		--vpad:var(--49px); /*49px*/ 
		--hpad:var(--31px); /*31px*/ 
		--hpad2:calc(var(--hpad) * 2.19); 
		--arroww:var(--38px); 
		--arrowh:var(--17px); 
		--chevsize:var(--46px); 
		--r136:var(--72px); 
		--dots:var(--13px); 
		--hlogow:var(--172px);
	}
}

/* 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);}
body {	
  max-width: 100vw;  
	overflow-x: clip;
	position: relative; /*this is required for clip-paths to work*/	
}
body.iOS {overflow-x: hidden;}

button {border:0;outline:0;cursor: pointer;}
* { box-sizing: border-box; outline:none;}
@media(max-width:768px) {
	main section.hero-block, section.sticky {}
	section:not(.hero-block).sticky::before {content:''; position: absolute;top:0;bottom:0;left:0;right: 0;width:100%;height:100%;z-index:-1;transform: translate3d(0px, 0px, -1px);-webkit-transform: translate3d(0px, 0px, -1px);}
}

/*section#page {overflow: hidden}*/
body {line-height: 1;}
a {color:inherit;}
main section a[href*="faq"]{text-decoration:underline;}

img {max-width:100%;}
ol, ul:not(.list) {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: 1rem; letter-spacing: 0.010em;}
.center { text-align: center; }
.left { 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(--sandrgb);}
b, strong { font-weight:600; }
h1, .h1:not(.a) {font:var(--h1);letter-spacing: -0.005em;}
h2, .h2:not(.a) {font:var(--h2);}
h3, .h3:not(.a) {font:var(--h3);}
p, .p1:not(.a) {font:var(--p1);}
h3 {letter-spacing:.045rem;}
.nav:not(.a) {font:var(--nav);}
.tm:not(.a) {font:var(--tm);}
span.p1 {display:inline-block;}


/*TOP BANNER =============================*/

@media(max-width:768px) and (orientation:portrait) {
	h2, h2 + p:last-child {margin-bottom:var(--86px);}	
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(25%, 0, 0);
						transform: translate3d(25%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-25%, 0, 0);
						transform: translate3d(-25%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(25%, 0, 0);
						transform: translate3d(25%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-25%, 0, 0);
						transform: translate3d(-25%, 0, 0);
	}
}

#topBanner {
  text-align: center;
  position: relative;
  z-index: 1;
}
#topBanner .group {
  width: 100vw;
  height: var(--48px);
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  overflow: hidden;
}
#topBanner .group .row {
  width: 290vw;
  display: -webkit-flex;
  display: flex;
	flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-evenly;
  transform: translate3d(25%, 0, 0);
  white-space: nowrap !important;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: ticker;
          animation-name: ticker;
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
}
/*#topBanner .group .row:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}*/

@media(max-width:768px){ 
	#topBanner .group .row {width: 990vw;transform: translate3d(25%, 0, 0);justify-content: space-evenly;}
}


.sticky-btn-wrap{position: absolute;height:100%;z-index:1000;pointer-events:none;max-width:100%;}
.sticky-button {letter-spacing: .125em; display:flex;position:fixed; width:var(--151px); height:var(--42px);background:var(--cream);color:var(--orange);font:normal 600 var(--14px) / var(--18px) var(--ff); bottom:var(--25px); right:var(--25px);z-index:1001;justify-content: center;align-items:center;text-align: center; border:var(--2px) solid var(--cream); transition:scale ease 0.3s;pointer-events:all;}
.sticky-button[href*="wa.me"] { text-transform:uppercase; font-size:80%; }

@media(min-width:769px){
	.sticky-button:hover {transform: scale(1.05);}
	section.hero-block.sticky {padding-top:0 !important;height:var(--531px);}	
}

@media(max-width:768px){
	.sticky-btn-wrap{position: absolute;bottom: 0; height:100%;}
	.sticky-button {bottom:var(--10px); right:var(--10px);font:normal 600 var(--12px) / var(--16px) var(--ff); width:var(--141px); height:var(--49px);}
	.video iframe {transform: scale(1.425);}
	.top-banner > p {max-width: 100%;}
}

.video.model, .video, .video iframe {height:100%;width:100%;position: relative;overflow: hidden;}
.video iframe {height:102%;position: absolute;transform: translateY(-2%) scale(1.0175);}
.video-slide > div.fxc, .video.model > div.fxc {height: 100%;}
img#open-video {
	position: absolute;
  justify-content: center;
  display: flex;
  align-items: center;
  height: 100%;
}

/* COLOURING IN
======================================================= */
body {transition:background .5s ease;}
.pgreen-bg, body[data-background="pgreen-bg"], body[data-background="pgreen-bg"] .change-bg, /*body[data-background="pgreen-bg"] .anim::before,  body[data-background="pgreen-bg"] .anim::after,*/ .pgreen-bg .anim::before, .pgreen-bg .anim::after, section.sticky.pgreen-bg::before { background-color: var(--pgreenrgb); }
.dgreen-bg, body[data-background="dgreen-bg"], body[data-background="dgreen-bg"] .change-bg, /*body[data-background="dgreen-bg"] .anim::before,  body[data-background="dgreen-bg"] .anim::after,*/ .dgreen-bg .anim::before, .dgreen-bg .anim::after, section.sticky.dgreen-bg::before { background-color: var(--dgreenrgb); }
.sand-bg, body[data-background="sand-bg"], body[data-background="sand-bg"] .change-bg, /*body[data-background="sand-bg"] .anim::before, body[data-background="sand-bg"] .anim::after,*/ .sand-bg .anim::before, .sand-bg .anim::after, section.sticky.sand-bg::before { background-color: var(--sandrgb); }
.pink-bg, body[data-background="pink-bg"], body[data-background="pink-bg"] .change-bg, /*body[data-background="pink-bg"] .anim::before, body[data-background="pink-bg"] .anim::after,*/ .pink-bg .anim::before, .pink-bg .anim::after, section.sticky.pink-bg::before { background-color: var(--pinkrgb); }
.cream-bg, body[data-background="cream-bg"], body[data-background="cream-bg"] .change-bg, /*body[data-background="cream-bg"] .anim::before, body[data-background="cream-bg"] .anim::after,*/ .cream-bg .anim::before, .cream-bg .anim::after, section.sticky.cream-bg::before { background-color: var(--creamrgb); }
.orange-bg, body[data-background="orange-bg"], body[data-background="orange-bg"] .change-bg, /* body[data-background="orange-bg"] .anim::before, body[data-background="orange-bg"] .anim::after,*/ .orange-bg .anim::before, .orange-bg .anim::after, section.sticky.orange-bg::before { background-color: var(--orangergb); }
.change-bg {transition: background .5s ease .3s; }
.dark-sand-bg {background-color: var(--darksandbg);}

body[data-background] header.change-bg, body.scroll-up header.change-bg {background-color: var(--dgreenrgb);}

@media(min-width:769px) {
	header::before {transition: .5s ease .3s;opacity:0;content:'';position: absolute;height:calc(var(--css)*1.5vw);left:0;width:100%;bottom:0px;background-color: var(--creamrgb);}
	body.scroll-up header::before {opacity:1;}
	body.very-top header::before, body.mega-open header::before {opacity:0;}
}

header ul li > a, p, h1, h2, h3, a {transition:color .15s 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/*,
body.very-top header.change-bg,
body.mega-open header.change-bg*/ {background-color: transparent !important; border-bottom:0px hidden !important; }

.pgreen:not(.a), .pgreen a { color: var(--pgreen); }
.dgreen:not(.a), .dgreen a { color: var(--dgreen); }
.sand:not(.a), .sand a { color: var(--sand); }
.red:not(.a), .red a { color: var(--red); }
.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); }

/* BIG NAV
======================================================= */
#fsm {opacity:0;pointer-events:none;z-index:9999;position:fixed;transition:1s ease;width:100%;height:100vh;display:flex;align-items: center;justify-content: center;object-fit:cover;background:var(--orange);}
body.menu-open #fsm {opacity:1;pointer-events: auto;position:fixed;top:0;height:100vh;}
body.menu-open {height:100vh !important;overflow: hidden;}
#fsm nav.fsm.desktop {justify-content: space-around;width: 100%;}
@media(max-width:768px){ 
	/*body.menu-open #fsm { margin-top:-33vw; } */
}
#fsm .menu-logo-wrap {width:var(--hlogow) !important;}
.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/goodsyard/images/brand/navbg-a.jpg') var(--cover);}
.navbg.ib {background:url('/templates/goodsyard/images/brand/navbg-b.jpg') var(--cover);}
.navbg.ib2 {background:url('/templates/goodsyard/images/brand/1bed-xl-nav.jpg') var(--cover);}
.navbg.ic {background:url('/templates/goodsyard/images/brand/navbg-c.jpg') var(--cover);}
.navbg.ic2 {background:url('/templates/goodsyard/images/brand/2bed-xl-nav.jpg') var(--cover);}
.navbg.id {background:url('/templates/goodsyard/images/brand/3bed-nav.jpg') var(--cover);}
.navbg.ie {background:url('/templates/goodsyard/images/brand/duplex-nav.jpg') var(--cover);}
.navbg.if {background:url('/templates/goodsyard/images/brand/navbg-f.jpg') var(--cover);}
.navbg.ig {background:url('/templates/goodsyard/images/brand/navbg-g.jpg') var(--cover);}
.navbg.ih {background:url('/templates/goodsyard/images/brand/navbg-h.jpg') var(--cover);}
.navbg.ii {background:url('/templates/goodsyard/images/brand/navbg-i.jpg') var(--cover);}
.navbg.ij {background:url('/templates/goodsyard/images/brand/navbg-j.jpg') var(--cover);}
.navbg.active {opacity:1;}
.navbg::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#242424;opacity:0.5;}
.fsm li {margin-bottom:1.25rem;text-align: center;}
.fsm li a:hover {color:var(--orange);}
#fsm > .col {height:100%;}
#fsm .row.top {position:absolute;width:100%;top:0;padding:var(--25px);}
#fsm .row.bottom {position:absolute;width:100%;bottom:0;padding:var(--25px);}
#fsm button {background:none;border:0;outline:none;color:var(--cream);cursor:pointer;font-size:2.64vw;position:absolute; right:var(--25px); top:var(--25px); }
#fsm .booking-button {position: relative;font: var(--hnav);left: -3em;top: .175em;}
#fsm .desktop .whatsapp{position: relative;}
#fsm .desktop .whatsapp:before{background:url('/templates/goodsyard/images/shared/whatsapp-light.svg') var(--contain); content:""; display: inline-block; height:1em; width:1em; position: absolute; left:-1.3em; top:0.1em;}

/* HOME HERO
======================================================= */
.home-hero-block {background:var(--dgreen);background-attachment: fixed;height:100vh;overflow: hidden;transition:.5s;}
body.iOS .home-hero-block {background-attachment: scroll;}
body:not(.home) .home-hero-block {height:var(--715px);}
.home-hero-block {height:var(--768px);}
.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-hero-block {height: 138.13vw;}
	.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;}
.sticky-corrector {z-index: -1; position: relative; transform: translateY(50%) !important;}

/* SNAP
======================================================= */
.mega-menu2:not(.a) {pointer-events: none;}


.scroll-slides {padding:0;}
.scroll-content {padding: var(--vpad) var(--hpad);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:-webkit-sticky;position:sticky; top:0em;padding-top:0;}
.sticky.top10:not(.a) {position:-webkit-sticky;position:sticky;top:-10em;padding-top:5rem;}
.sticky.top15:not(.a) {position:-webkit-sticky;position:sticky;top:-15em;padding-top:5rem;}
.sticky.top.bottom-text {padding-top:0;top:calc( var(--toptext) - var(--vpad) );}
.sticky.top.bottom-text > div {padding-top:0;}

body:not(.home) .top-text {margin-bottom: calc(0px - var(--toptext)); /* padding-top: calc( ( var(--toptext) - var(--vpad) ) / 2 ) !important;*/ }
/*.top-text + section {padding-top: var(--toptext);padding-bottom:calc(var(--toptext) * 1.5);margin-bottom:calc(0px - var(--toptext));}
.top-text + section + #map-location {margin-top:calc(0px - (var(--toptext) * 1.5));}*/
.top-text.sticky.top:not(.a) { padding: calc(var(--vpad) * 2) 0 var(--vpad) var(--hpad); top: 0; z-index: 5; }
.three-image-wrap {padding-bottom: var(--100px);margin-left: auto;margin-top: var(--toptext);}
.three-image-wrap .row.gap2:not(.a) > div.col {height: var(--477px);flex-basis: var(--354px) !important;}
.three-image-wrap .row.gap2:not(.a) {gap: var(--54px);margin-right:var(--25px);justify-content: flex-end;}

.default-block + .default-block > div:not(.a) {padding-top:0; margin-top: -.05em;}
.sticky.infront {z-index:9;}
h2.sticky ~ h2.sticky {top:18%;}
.sticky.top.bottom-text {padding-top:0; top:calc( var(--toptext) + (var(--vpad) * var(--padding-correction) ) );}
body.home .sticky.top.bottom-text {padding-top:0; top:calc( var(--toptext) + (var(--vpad) * var(--padding-correction) ) );}
@media(min-width:769px) {
	body.home, .bottom-text {
		--padding-correction:2;
	}	
	body:not(.home) .top-text {
		--padding-left:var(--hpad);
	}
	div[class*="movedown"] {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height: 50%;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
	.movedown1 {-webkit-transform:translateY(calc(0vw - var(--h1lh) * 1));-ms-transform:translateY(calc(0vw - var(--h1lh) * 1));transform:translateY(calc(0vw - var(--h1lh) * 1));}
	.movedown2 {-webkit-transform:translateY(calc(0vw - var(--h1lh) * 0));-ms-transform:translateY(calc(0vw - var(--h1lh) * 0));transform:translateY(calc(0vw - var(--h1lh) * 0));}
	.movedown3 {-webkit-transform:translateY(calc(0vw + var(--h1lh) * 1));-ms-transform:translateY(calc(0vw + var(--h1lh) * 1));transform:translateY(calc(0vw + var(--h1lh) * 1));}
	.movedown4 {-webkit-transform:translateY(calc(0vw + var(--h1lh) * 2));-ms-transform:translateY(calc(0vw + var(--h1lh) * 2));transform:translateY(calc(0vw + var(--h1lh) * 2));}
}
.home-intro-block {margin-bottom:-10em;}
@media(max-width:768px) {
	body.home, .bottom-text {
		--padding-correction:.45;		
	}
	body:not(.home) .top-text {
		/*--padding-left:var(--20px);*/
	}
	.top-text.sticky.top:not(.a) {padding-left: var(--padding-left, var(--hpad, unset));}
	.hero-block.sticky.top:not(.a) {padding-top:0;}
	#slides-home .sticky.top:not(.a){position:unset;}
	#slides-home .side-img > img {object-position: bottom;}
	div[class*="movedown"] {padding-bottom:0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;height:84%;}
	div[class*="movedown"] * {text-align:center;}
	.img-wrapper > img {-o-object-fit:cover;object-fit:cover;aspect-ratio:1/.8;width:100%;}
	h2.sticky ~ h2.sticky {top:31%;}
	.movedown4 > h2 {letter-spacing:-0.05em !important;}
	.scroll-block .ch100 {height: 30vh;width: 100%;}
	.scroll-content.sticky {position:relative}	
	.scroll-block .scroll-content.ch100 {height: 70vh;}
	.home-intro-block {margin-bottom:-20em;}
}
.transY50p {-webkit-transform:translateY(35%);-ms-transform:translateY(35%);transform:translateY(35%);}
.spacerl {width:100%;height:20em;}


.anim::before, .anim::after {-webkit-transition:1.5s ease;-o-transition:1.5s ease;transition:1.5s ease;content:'';position: absolute;width:100%; /* 70%;*/ height: 100%;top: 0;}
.anim::before {left: 0%;-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left; display:none;}
.anim::after {right: 0;-webkit-transform-origin: right;-ms-transform-origin: right;transform-origin: right;}
.anim {position: relative;overflow: hidden;}
.anim.reveala::before, .anim.reveala::after {width: 0;}

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

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

body.home .anim.i2::before, body.home .anim.i2::after {-webkit-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s;}
body.home .anim.i3::before, body.home .anim.i3::after {-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
body.home .anim.i4::before, body.home .anim.i4::after {-webkit-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;}

.anim.i2::before, .anim.i2::after {-webkit-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s;}
.anim.i3::before, .anim.i3::after {-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.anim.i4::before, .anim.i4::after {-webkit-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;}

@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: translateX(var(--hpad));}


/* STRUCTURE
======================================================= */
section > div {width:100%;}
section > div.pad, section > div.row, section > div.col {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;top: -4.17vw;visibility: hidden;z-index:-1;}
.faq-block a.anchor {top:-8.17vw;}
.box-ar {aspect-ratio:75/67;}
.logo-block {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.row {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
.row.nowrap {-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.row.start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.row.end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.col {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
.row.has-thumbs, .row.has-icons {gap:2rem;}

.row.has-thumbs img {-o-object-fit: contain;object-fit: contain;width:100%;height:100%;}
img[src$="-dgreen.svg"] {-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease;}
body[data-background="dgreen-bg"] img[src$="-dgreen.svg"] {background:var(--cream);padding:.2rem;}


.row .text {flex-basis:56.7%;gap:2rem;}
.half {width: 50%;flex-basis:50%;}
.full {width: 100%;flex-basis:100%;}
.facts-block .row > .col {flex:1.1;padding: 2rem;}
.facts-block .row > .col:first-child {padding: 1rem;width:50%;gap: 2rem;}
.facts-block .row > .col:first-child h2 {padding:1rem 2rem;}
.row.has-thumbs img[src$=".svg"] {height:20.2vw;}
#intro-perks .w10:not(.a){width:calc(8.3333% * 10.5);}
.icon-block .pad {padding: var(--vpad) var(--hpad) calc(var(--vpad)*3);}
.facts-block h1 a{text-decoration: underline;}



@media (min-width:769px) {
	.icon-block .icon {width: var(--132px);height: var(--125px);object-fit: contain;}
	.row.has-thumbs, .row.has-icons {padding-top: 6rem;}
	.hero-block + section.default-block > div.row:first-child {padding-top:calc(var(--vpad) * 2);}
	.row.mobwrap {flex-wrap: nowrap;}
	.has-thumbs .bottom.image img:not([src$=".svg"]) {height:14.2vw;}
	.row.has-thumbs {flex-wrap:nowrap;}
	section.img-left-block > div {padding:calc(var(--vpad) * 2) var(--hpad);}	
}
@media (max-width:768px) {	
	.default-block p.pad1 {padding:0 0 1em;}
	.facts-block .fact-btns-wrap {height:0;padding:0 !important;margin:0;}
	.facts-block .row > .col:not(.a), .facts-block .row > .col:first-child h2 {padding: 0; gap:0;}
	.facts-block .fact-btns:not(.a) {gap:0; margin-top:var(--42px); justify-content: flex-start;}
	.facts-block .fact-btns:not(.a) a{margin-bottom:4vw; justify-content: flex-start;}
	.facts-block > div.row.padl2 {padding: var(--vpad) var(--hpad);}
	.facts-block ul.list {margin-left:1em;font:var(--p1);}
	.row .text {flex-basis: 96%;}
	.icons .icon {width:28vw;height:28vw;}
	.home-intro-block .row.cs5:first-child {transform: translateX(calc(0px + var(--hpad)));}
	.home-intro-block .row.cs5:last-child {transform: translateX(calc(0px - var(--hpad)));}
	.home-intro-block .row.cs5 > div {height: 100%;aspect-ratio: 1/1;}
	.default-block .row.cs4 > .col {height: 100%;aspect-ratio: 1/1;padding-left: calc(var(--hpad) * 1.275);}
	.not-on-location-mobile {display:none;}
	.hero-block h1{display:none;}
	.hero-block .icons.row {flex-wrap:nowrap;gap:.5rem;padding:0 0 1.5rem;}
	.hero-block .icons .icon {width: var(--112px);height: var(--120px);}
	.row.has-icons .icons {flex-wrap:nowrap;gap:.5rem;}
	section#hero-video-home > div.rel {padding: calc(var(--vpad) * 2) 1rem 1rem;}
	.arrow-box {padding:2.5rem;}
	.col.revealme.i12 {padding-bottom: var(--38px) !important;}
	div.content-article > section[data-snap="true"] {min-height: 60vh;}
	#next img + h2 {margin-bottom:0;}
	#next .col {margin-bottom:16vw;}
	#next .col:last-child {margin-bottom:0;}
	#next.pb3:not(.a) {padding-bottom: 8vw;}
	.icon-block div.w6.center.mah > a {white-space:normal;}
	.icon-block .icons.row {padding:var(--hpad) 1rem;justify-content: space-between;}
	.icon-block .icons.row > div:not(.revealme) p {width:90%;}
	.icon-block .icons .icon {width: var(--112px);height:var(--130px);object-fit: cover;}
	.icon-block .icons.row > div.fxr {flex-basis: 40.5%;margin-bottom: 2em;height:var(--160px);}
	section.icon-block:not(.a) > div:first-child {padding-bottom:0;}
	section > div.less-pad {padding: var(--vpad) 1.5rem;}
	section.sister-sites-block > div {padding:var(--vpad) 0;}
	.a3-col-block .col > .cover {aspect-ratio:1/1}
	.a3-col-block .col.w33 p {margin-bottom:calc(var(--60px) - 2rem);}
	.a3-col-block > div {/*padding:var(--67px) 0 var(--12-5px);*/padding-right: 0;}
	.a3-col-block .w11.keep-it {max-width:var(--304px) !important;}	
	img.playbtn:not(.a) {width:var(--34px); height:var(--34px);}
	.hero-block:not(.video-section) > .col.aic {min-height: 80vw;}
	.hero-block > .col.aic {height: 100%;}
	.icon-block .row.cs2 > .col, .icon-block .row.cs3 > .col {width: 50% !important;flex-basis: 46% !important;padding-bottom: 0; height:var(--155px); justify-content: flex-end;}
	.icon-block .row > .col img {padding:1em;width:100%;}
	.icon-block > div > h2.pad1 {padding:0;}
	section > div.padl, .padl {padding: var(--vpad) var(--hpad);}
	.fsm.mobile li {text-align: left;}
	.fsm.mobile {padding-top: 2em; display:block;}
	.fsmi.mobile {padding-top: 2em; display:block;}
	.fsmi.mobile li {padding-bottom:1.75em;}
	.fsmi.mobile li > a {position:relative;left: 2em;}
	.fsmi.mobile li > a::before {content:'';position:absolute;width:1.5em;height:1.5em;left: -2em;}
	.fsmi.mobile li .account::before {background: url('/templates/goodsyard/images/icons/account.svg') left / contain no-repeat;}
	.fsmi.mobile li .whatsapp::before {background: url('/templates/goodsyard/images/icons/whatsapp.svg') left / contain no-repeat;}
	.fsmi.mobile li .findus::before {background: url('/templates/goodsyard/images/icons/findus.svg') left / contain no-repeat;}
	.fsmi.mobile li .telephone::before {background: url('/templates/goodsyard/images/icons/telephone.svg') left / contain no-repeat;}
	section#fsm > .col.aifsm {overflow: hidden;overflow-y: scroll;}
	.fsm li {margin-bottom: 1.25em;}
	#fsm .row.top {padding: 1.25em 0;}
	#fsm button { right: var(--42px); top: var(--6px); font-size: var(--36px); width: var(--36px); height: var(--36px); display: flex; align-items: center; justify-content: center; text-align: center; }
	body.iOS #fsm button {right: var(--20px);top: var(--2px);}
	.list-set {padding-top:2em !important;}
	body.home .bottom-text {padding-right:0;}
	#slides-home > div div[class*="movedown"] a.arrowr { display: block; text-align:left; padding-right: calc(var(--arroww) + var(--19px));}
	#slides-home .scroll-content.pt0i.ch100{height:fit-content;padding-top:var(--vpad) !important;}
	
}

/* HEADER
======================================================= */
.burger-menu {padding:0;-ms-flex-preferred-size:1.32em;flex-basis:1.32em; height:1em;position:relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;cursor: pointer;margin-left: 1em;}
.burger-menu span, .burger-menu::before, .burger-menu::after {content:'';position:absolute;height:.175em; width:100%;background:var(--cream);-webkit-transition:all 1s ease, background .3s ease;-o-transition:all 1s ease, background .3s ease;transition:all 1s ease, background .3s ease;}
.burger-menu::after {top:1em;}
.burger-menu::before {bottom:1em;}
.burger-menu:hover span, .burger-menu:hover::before, .burger-menu:hover::after {background:var(--orange);}
.mega-menu {position:fixed;z-index:7777;width:100%;background:var(--orange);padding:6rem 1.85vw 2.5rem;display:flex;justify-content:center;transform:translateY(-100%);transition:1s;opacity:0;pointer-events: none;}
.mega-menu > ul {width:100%;display: flex;}
.mega-menu > ul > li {display: flex;justify-content: center;}
.mega-menu > ul > li a.sub-menu-items {font:var(--hnav);padding: var(--4px) var(--28px);white-space: nowrap;}
.mega-menu > ul > li:not(:last-child) {border-right:var(--1-5px) solid var(--cream);}
.nav-logo, .site-logo, header .menu-logo-wrap {width:100%;}
a.btn.contact {background:var(--cream);min-width:5.6rem;padding:.65rem .5rem;}
body.mega-open .mega-menu {pointer-events: auto;}
body.mega-open .mega-menu, 
body.mega-open2 .mega-menu2 {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}
body.scroll-down .mega-menu {transform:translateY(-150%);opacity: 0;}
body.scroll-down header ul.mod-menu {--translate:-400%;-webkit-transform:translateY(var(--translate));-ms-transform:translateY(var(--translate));transform:translateY(var(--translate));}
body.scroll-down header.change-bg, body.very-top header.change-bg, body:not(.scroll-up) header.change-bg {background:transparent;}
header .menu-logo-wrap {position: relative;width: var(--hlogow);display: block;}
header .nav-item {position:relative;}
header .nav-item:hover > a {opacity:0;}
header .nav-item:hover > a.nav-link-hover {opacity:1;}
header .nav-link-hover {position: absolute;white-space: nowrap; top: 0;left: 0;font-weight:bold !important;transition:opacity 0.3s ease !important;opacity: 0;letter-spacing:-.02em;pointer-events:none;}
header {margin-bottom: var(--n90px);}
header {position:-webkit-sticky;position:sticky;top:0;display:-webkit-box;display:-ms-flexbox;display:flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;padding:1.9vw var(--25px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:8888;}
header #menu a {font:var(--hnav);color: var(--cream);margin:0 1.5rem;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;}
header #menu ul { width:100%;display:flex; list-style: none;justify-content:flex-end;}
header #menu ul li {align-items:center;display: flex;white-space: nowrap;}
header #menu ul li.current.active {font-weight:600;}
header > div {-ms-flex-preferred-size:25%;flex-basis:25%;}
header > div#menu {-ms-flex-preferred-size:50%;flex-basis:75%;}
header img.logo {width: var(--hlogo);height: var(--hlogo); position: absolute;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0;}
header ul.mod-menu {-webkit-transition:1s;-o-transition:1s;transition:1s;}

/*:root {--logoa1:96vw;--logoa2:18.3vw; --logoa3:-92vh; --logoa4:-1.5vw;}*/
@media(max-width:768px) {
	header {margin-bottom: var(--n50px);}
	/*:root {--logoa1:92vw;--logoa2:45.87vw; --logoa3:-129vw; --logoa4:-4.8vw;}*/
}

/*@-webkit-keyframes logoAnimation {
	0% {position:absolute;max-width: none;width: var(--logoa1);bottom:var(--logoa3);	}
	50% {position:absolute;max-width: none;width: var(--logoa1);bottom:var(--logoa3);	}
	99.99% {position:absolute;width: var(--logoa2);bottom:var(--logoa4);}
	100% {position:relative;width: var(--logoa2);bottom:-2px;z-index: 99999;}
}*/

/*@keyframes logoAnimation {
	0% {position:absolute;max-width: none;width: var(--logoa1);bottom:var(--logoa3);	}
	50% {position:absolute;max-width: none;width: var(--logoa1);bottom:var(--logoa3);	}
	99.99% {position:absolute;width: var(--logoa2);bottom:var(--logoa4);}
	100% {position:relative;width: var(--logoa2);bottom:-2px;z-index: 99999;}
}*/

/* FOOTER
======================================================= */
.footer-bg > div {flex:1;min-width:22%;text-align:left;}
.footer-logo {width:20.5vw;}
.ft2, 
.ft6 {padding-left: 4em;}
.ft4 > a, 
.ft6 > a, 
.ft7 > a {font:var(--p1);text-transform: uppercase;font-weight:bold;}
.ft5, 
.ft6, 
.ft7, 
.ft8 {align-self:center;}
.ft7 {display: flex; gap:2rem;}
.ft8:not(.a) {transform:translate(9%,-20%);}
.lag {width:14.86vw;}
.social > a {display:flex;gap:.5rem;}
.social > a > h5 {display: inherit;text-transform: uppercase;font:var(--p1);}
.social > a > img {min-width: 16px;width: 1.17rem;}
footer .col.left {align-items: flex-start;justify-content: flex-start;flex:1;}
footer .top.row {align-items: flex-start;}
footer * {font:var(--tm);}
footer > .footer-bg {width:100%;height:100%;display:flex;flex-wrap:wrap;gap: 3rem;padding: 4rem 0 0;}
footer a:hover {color:var(--orange);}
footer h4:not(.a) {margin-bottom:0;font:var(--tm);font-weight:bold;}
footer img.logo {width:7.1vw;}
footer ul.nav { width:100%; display:flex; flex-direction:column;align-items: flex-start;}
footer::before {content:'';height:.1em;width:90%;position:absolute;background:var(--cream);}
footer {padding:var(--vpad) var(--hpad); background: var(--dgreen);position:relative;z-index:150;}
@media (max-width:768px) {
	#next::before {content: '';height: .1em;width: 84%;position: absolute;background: var(--cream);transform: translateX(10%);}
/*	footer {padding: 0 0 2vw;}*/
	.nobreak {white-space: nowrap;}
	footer::before {width:84%;}
	footer * {font: var(--p1);}
	footer h4:not(.a) {font:var(--p1);font-weight:bold;}
	footer img.lag {object-fit:contain;width: 65%;height: 80%;margin: auto;}
	footer img.footer-logo {object-fit:contain;width: 100%;margin:2em auto;}
	footer > .footer-bg {padding:2em 0 0;gap: 4vw;background-size: 95% 98% !important;aspect-ratio: 6/9.5;}
	.footer-bg > div {transform: translate(0,0%);}
	[class^="ft"] a:nth-child(2) {margin-left:1rem;}
	.ft3 ul > li > a {white-space: nowrap;}
	.ft6 .social > a {justify-content: center;margin-top: .5rem;}
	.ft4:not(.a) {order:1;min-width:90%;margin-bottom:1rem;}
	.ft3:not(.a) {order:2;min-width:45%;}
	.ft2:not(.a) {order:3;min-width:33%;padding-left: 3vw;}
	.ft6:not(.a) {order:4;min-width:90%;text-align: center;margin-top:1rem;margin-bottom:1rem;}
	.ft1:not(.a) {order:5;min-width:90%;text-align: center;align-items: center;display: flex;margin-bottom:1rem;}
	.ft5:not(.a) {order:6;min-width:90%;white-space: nowrap;text-align: center;}
	.ft7:not(.a) {order:7;min-width:30%;gap:4vw;display: flex;justify-content: center;}
	.ft8:not(.a) {order:8;min-width:90%;text-align: center;transform: translate(0,10%);}
	/*.ft4:not(.a),.ft3:not(.a),.ft2:not(.a),.ft5:not(.a),.ft7:not(.a) {transform: translate(2vw,0%);}*/
	.ft1 > picture {margin:0 auto;}
	.ft6 {padding-left:0;padding-top: 2em;}
	
}


@media (max-width:768px) {
	.sub-mob {transform: translateY(4vh);}	
	a.btn.contact {height: var(--chevsize);display: flex;align-items: center;padding:.3rem .75rem;}
	.menu-open .icon-menu{flex-basis: 65%;gap:4.8vw;}
	header {padding:3vw 4vw;}
	#mob-menu {background:var(--cream);width:120%;margin-left:-6.25vw;display:flex;flex-direction:column;pointer-events:none;opacity:.8;transition:.65s ease;transform:translateY(-80%);position: absolute;justify-content: space-between;}
	#mob-menu > div > ul {width:100%;display:flex; list-style: none;flex-direction: column; flex-wrap:wrap; align-items: flex-start;margin: auto;padding-left: 18.93vw;}
	#mob-menu > div > ul > li {flex:1;min-width: 51%;}
	#mob-menu ul a {font:var(--h2);color: var(--red);}
	#mob-menu > div > ul > li {align-items: flex-start;display: flex;margin-bottom:1.5vh;}
	#mob-menu > div > ul > li.parent {display:flex;flex-wrap:wrap;margin-bottom:0;flex-direction: column;}
	#mob-menu > div > ul > li.parent > a {text-align: left;margin-bottom:1.5vh;}
	#mob-menu > div > ul > li.parent > ul > li {margin-bottom:1.5vh;text-align: left;}
	#mob-menu .social {width: 100%;bottom: 0;padding-bottom:10vw;}
	#mob-menu .social a {padding:2vw;}	
	body.menu-open #mob-menu {opacity:1;pointer-events:inherit;width:100%;margin:0;min-height:100vh;position: absolute;transform:translateY(0%);}
	body.menu-open .burger-menu.on {display:none;}
	body.menu-open #logo {position:absolute;top:var(--n187px);left: var(--23px);opacity:0;}
	body.menu-open {overflow: hidden;}
	body.menu-open header {padding:0;align-items: flex-start;display:none;}
	body.menu-open #mob-menu img.logo {z-index:99;opacity: 1;}
	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 a.btn.contact {transform: translate(-20%,70%);}
	body.menu-open .burger-menu span {display:none;}
	a.anchor {top: var(--n56px);}
	.faqs-block a.anchor {top: var(--n94px);}
	body.menu-open .mobile > .icon-menu {padding-left:var(--71px);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/goodsyard/images/icons/account-red.svg') left / contain no-repeat;}
	body.menu-open .col > .phone {background: url('/templates/goodsyard/images/icons/phone-red.svg') left / contain no-repeat;}
	body.menu-open .col > .findus {background: url('/templates/goodsyard/images/icons/findus-red.svg') left / contain no-repeat;}
	body.menu-open .col > .telphone {background: url('/templates/goodsyard/images/icons/telephone-red.svg') left / contain no-repeat;}
	/*li.parent > ul:not(.collapse) {height:67.73vw;}
	li.parent > ul, li.parent > ul > li {transition:height .6s ease, opacity .6s ease;overflow:hidden;}
	ul.collapse {height:0 !important;}
	ul.collapse > li {opacity:0;}*/
	#intro-location > .row > div.side {order:2;}
}

/* MOBILE MENU + HEADER
====================================================== */
@media (max-width:768px) {	
	body.menu-open header li ul li {padding:0}
	header {width: 100%;transition:all .3s;background: transparent !important;}
	header > div {justify-content:flex-start;}
	body:not(.menu-open) #mob-menu {display:none;}
	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;}
	header nav#main.menu li ul {bottom: -11.6vw;}	
	body.menu-open header::before { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 110vh; background-color: var(--accent1); }
	body.menu-open header #logo { display:none;}
	body.menu-open header > .menu {flex-direction:column;background-color:transparent;justify-content:center;align-items:flex-start;height:100%;padding:0 var(--52px);}
	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 ul {display:none;padding-top:var(--13px);}
	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;font:var(--p0);}
	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; }
}

/*
HERO + VIDEO
========================================================== */
body:not(.home) .hero-block {background-attachment:fixed;/*background-position:center -10vw !important;*/}
body:not(.home).iOS .hero-block {background-attachment:scroll;}
.invisible:not(.a) {opacity:0;pointer-events: none;height: 0;padding: 0;}
.video-section iframe {transition:opacity 1s ease;transition-delay: .3s;}
.video-section {position:relative;transition:.5s ease;}
.loading {opacity:0;position:absolute;transition: all .999s, scale .666s .333s;z-index:1;pointer-events: none;transform: translateY(0%); transform: scale(.5); background:#51505199;padding:.1em 2em;border-radius:12px;font-size:1em;}
body.video-open .loading {opacity:1;transform: translateY(200%); transform: scale(1);}
body.video-open .video-section {position: relative;overflow: hidden;}
/*@media(min-width:769px) {
	body.video-open .video-section > div:not(.model) {aspect-ratio: 16/7.6 !important;}
}*/
body.hide-hero .hero-block {opacity:0;}
body.video-open .video-section.sticky.top {padding-top:0;}
body.video-open .video-section iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;min-height:56vw;z-index:99;transform: scale(1.005);}
body.video-open:not(.home) .video-section iframe {transform: scale(1.005) translateY(-3.5vw);}
img#open-video {cursor: pointer;transition:.3s ease;}
img#open-video:hover {filter:saturate(3);opacity:.9;transform:scale(1.1);}
body.video-open:not([data-color="cream"]) header #menu li > a,
body.video-open[data-color="cream"][data-background="sand-bg"] header #menu li > a {color:var(--cream);}
[id*="key-facts"].facts-block h1 {letter-spacing: -0.0175em;}

@media(max-width:768px) {
	body.video-open .video-section > div {padding:0;}
	body:not(.home) .home-hero-block.sticky.top:not(.a){height:var(--290px);max-height:var(--290px);padding-top:0 !important;}
	body.video-open .video-section iframe {transform: translateY(0);}
	body.video-open img.playbtn:not(.a) {margin: 5rem;}
	body.video-open .video-section .video.model{height:var(--290px);max-height:var(--290px);}
	body.video-open .video-section .video.model iframe {transform: scale(1.38) !important;height:var(--290px);max-height:var(--290px);}
	body.video-open .video-section {height:var(--290px);max-height:var(--290px);}
	body.home.video-open .video-section iframe {transform: scale(1.25);height:calc(100/375*260vw);}
	body.home .video-section {height:calc(100/375*260vw) !important;}
	body.iOS .home-hero-block.video-section .video.model iframe{transform: scale(1.38) !important;  height: var(--290px); max-height: var(--290px); width: 100%; position: absolute; top: 0; left: 0;}
}
.video-to-lightbox {
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: url('/templates/goodsyard/images/icons/play.svg') center / var(--64px) no-repeat;
}

#append-video:hover .video-to-lightbox {
	background: url('/templates/goodsyard/images/icons/play-hover.svg') center / var(--64px) no-repeat;
}

#video-lightbox, #video-lightbox > div {
	transition:1s ease;
	top:0;right:0;bottom:0;left:0;
	position: fixed;
	background: #000A;
	width:100%;
	height:100vh;
	z-index:-1;
	opacity:0;
	pointer-events: none;
}

#video-lightbox {
	background: #000A;	
}

body.lightbox-open #video-lightbox, body.lightbox-open #video-lightbox > div {
	z-index:99999;
	opacity:01;
	pointer-events: auto;
}

body.lightbox-open #video-lightbox .video iframe {
	height: 100%;
	transform: scale(1.125);
}

#video-lightbox span.close {
	position: absolute;
	z-index: 999999;
	right: var(--15px);
	top: var(--15px);
	font-size: var(--52px);
	cursor: pointer;
	font-weight: 200;
}
/*
COMMERICAL FREE RENT
========================================================== */

body.commercial p.maybeuc {text-align: center;font-size:var(--13px);text-transform: uppercase;margin: auto;}
body.commercial .three-image-wrap .row.gap2:not(.a) > div.col {height:100%; min-height: var(--509px);flex-basis: var(--377px) !important;}
body.commercial #intro-images .w11.three-image-wrap {width: 100%;margin: auto;}
body.commercial .three-image-wrap .row.gap2:not(.a) {gap: var(--17px); margin-right: 0; justify-content: center;}

body.commercial #intro-images::before {content:'';background: #A17D52;width:calc(100% - var(--198px));margin: auto;height: var(--10px);display: flex;margin-bottom: var(--74px);}
body.commercial #intro-images::after {content:'';background: #A17D52;width:calc(100% - var(--125px));margin: auto;height: var(--10px);display: flex;}

body.commercial #text-block > div {padding-left: var(--30px);padding-right: var(--30px);}

body.commercial form.form #cols_1 > div[data-uid="56"] {flex-basis: 49%;}
body.commercial form.ui.form #cols_1 > div input, body.commercial form.ui.form textarea {background: transparent !important;}
@media(max-width: 768px) {
	body.commercial h2 {margin-bottom: 1em;text-align: left !important;}
	body.commercial #intro-images::before {width:calc(100% - var(--64px));height: var(--9px);margin-bottom: var(--60px);}
	body.commercial #intro-images::after {width:calc(100% - var(--64px));height: var(--9px);}
	body.commercial .three-image-wrap .row.gap2:not(.a) > div.col {min-height: var(--477px); flex-basis: var(--344px) !important;}
	body.commercial p.maybeuc {text-align: left;margin-left: 0;margin-bottom:var(--55px);}
	body.commercial .a3-col-block .w11.keep-it {max-width: var(--344px) !important;margin-left: auto !important;margin-right: 0 !important;}
	body.commercial #terms label, body.commercial #newsletter label {text-align: left;}
	body.commercial .a3-col-block .col > .cover {aspect-ratio: initial;}
}
@media(min-width: 769px) {
	body.commercial #form > div {padding: var(--110px) var(--300px) var(--70px);width: 100%;}
}




/*
BUSINESS LIST
========================================================== */
#map-doorstep {height:clamp(280px,56.75vw,100vh);}
/*.block-num {padding: .25em;aspect-ratio: 1/1;width: 100%;height: 100%;max-width: 2em;max-height: 2em;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
*/
.list-block .padme {padding:6em var(--101px);}
.list-block p.uc {font-weight: 600;margin-top: var(--10px);}
.list-block p.business-text {font:var(--large-text);margin-bottom: var(--50px);margin-top: var(--50px);letter-spacing: -0.005em;}
.list-block h2.center {margin-bottom: var(--60px);}
div.border-orange, div.border-grey, div.border-cream, div.border-pink {height:var(--9px);width: 100%;display: block;margin-bottom: var(--43px);margin-top: var(--60px);}
div.border-orange {background: #D98729;}
div.border-grey {background: #A6B29F;margin-top: var(--100px);}
div.border-cream {background: #CCB998;}
div.border-pink {background: #E0BCA2;}

/* Styles for swapping image via classes */

.side-img > #mapSwap {background-image: url("/images/2024/commercial/maps/map-slide-1.jpg");transition:.5s ease; position: absolute;top:0; background-position: top center;background-size: 110%;width: 100%;height: var(--560px);background-repeat: no-repeat;}

/* Styles for swapping image via classes */
.swap-0.side-img > #mapSwap {background-image: url("/images/2024/commercial/maps/map-slide-1.jpg"), url("/images/2024/commercial/maps/map-slide-2.jpg"), url("/images/2024/commercial/maps/map-slide-3.jpg"), url("/images/2024/commercial/maps/map-slide-4.jpg"), url("/images/2024/commercial/maps/map-slide-5.jpg"), url("/images/2024/commercial/maps/map-slide-6.jpg"), url("/images/2024/commercial/maps/map-slide-7.jpg");}
.swap-1.side-img > #mapSwap {background-image: url("/images/2024/commercial/maps/map-slide-2.jpg"), url("/images/2024/commercial/maps/map-slide-3.jpg"), url("/images/2024/commercial/maps/map-slide-4.jpg"), url("/images/2024/commercial/maps/map-slide-5.jpg"), url("/images/2024/commercial/maps/map-slide-6.jpg"), url("/images/2024/commercial/maps/map-slide-7.jpg");}
.swap-2.side-img > #mapSwap {background-image: url("/images/2024/commercial/maps/map-slide-3.jpg"), url("/images/2024/commercial/maps/map-slide-4.jpg"), url("/images/2024/commercial/maps/map-slide-5.jpg"), url("/images/2024/commercial/maps/map-slide-6.jpg"), url("/images/2024/commercial/maps/map-slide-7.jpg");}
.swap-3.side-img > #mapSwap {background-image: url("/images/2024/commercial/maps/map-slide-4.jpg"), url("/images/2024/commercial/maps/map-slide-5.jpg"), url("/images/2024/commercial/maps/map-slide-6.jpg"), url("/images/2024/commercial/maps/map-slide-7.jpg");}
.swap-4.side-img > #mapSwap {background-image: url("/images/2024/commercial/maps/map-slide-5.jpg"), url("/images/2024/commercial/maps/map-slide-6.jpg"), url("/images/2024/commercial/maps/map-slide-7.jpg");}
.swap-5.side-img > #mapSwap {background-image: url("/images/2024/commercial/maps/map-slide-6.jpg"), url("/images/2024/commercial/maps/map-slide-7.jpg");}
.swap-6.side-img > #mapSwap {background-image: url("/images/2024/commercial/maps/map-slide-7.jpg");}

.marker-point {height:1px;width: 100%;position: relative;top:var(--100px);}
.marker-point.marker-1 {top:var(--275px);}
@media(min-width:769px) {
	#businessList::before {content:'';position: absolute;background:var(--cream);width: 50%;height:100%;left:0;}
	#businessList .side-img.sticky.top {top:calc(50vh - var(--280px));}
	.list-block .ch100 {height: var(--550px);}
	.top0dt {top:0 !important;}
	.top3dt {top:3em !important;}
}



@media(max-width:768px) {
	.marker-point.marker-1 {top:var(--20px);}
	#businessList .side-img.sticky.top {top:var(--n30px);}
	.marker-point {top:var(--n100px);}
	.side-img > #mapSwap {background-image: url("/images/2024/commercial/maps/map-slide-1.jpg");background-position: center;background-size: 100%;height: var(--255px);}
	.list-block .padme {padding:5em var(--31px);}
	.list-block p.business-text {margin-bottom: var(--41px);margin-top: var(--41px);}
	.list-block h2.center {margin-bottom: var(--60px);}
	div.border-orange, div.border-grey, div.border-cream, div.border-pink {margin-bottom: var(--41px);margin-top: var(--50px);}
}
/*
FAQ
========================================================== */
.faqs-block {padding-top:3rem;}
.faq-container {width:70%;margin:3rem auto 0;padding-bottom:6rem;}
.faq-g {padding:0;border-bottom:.125rem solid var(--dgreen);margin-bottom:1rem;text-align:left;}
.faq-q {font-weight:800;line-height:1;padding-top:1rem;width:100%;cursor:pointer;position:relative;}
.faq-a {margin-top:0.89vw;margin-bottom:0;padding-bottom:2rem;}
.faq-a > p:last-child {padding-bottom:1.5rem;}
.faq-a a { text-decoration:underline; }
.faq-search {min-width: 70%;padding:0 0 .25em 1.5em;background: url('/templates/goodsyard/images/shared/search.svg') left 30% / .9em no-repeat;border:0;border-bottom:0.125em solid var(--dgreen);border-radius:0;font:var(--tm);font-weight:400;}

@media (max-width:768px) {
	.faq-search {font:var(--p1);}
	.faqs-block {padding-top: 2rem;}
	.faq-container {width: 95%;margin: 2rem auto 0;padding-bottom: 3rem;}
	.faq-g {padding: 0;margin-bottom: .6rem;}
	.faq-q {line-height: 1.5;width: 92%;}	
}

/*
COMMON COMPONENTS
========================================================== */
body.faqs header *, body.privacy header * {color:var(--dgreen) !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(--dgreen);}
body.faqs .site-logo, body.privacy .site-logo, body.menu-id-142 .site-logo {filter: invert(14%) sepia(48%) saturate(1435%) hue-rotate(151deg) brightness(25%) contrast(114%);}
body.faqs button.btn {font:var(--nav);background:transparent;padding: .65rem 1rem;min-width: 14rem;color:var(--dgreen);border-radius:0;line-height:1;transition:background .35s, color .2s;}
body.faqs button::before {filter: invert(14%) sepia(48%) saturate(1435%) hue-rotate(151deg) brightness(25%) contrast(114%);right: 20%;}


[id*="key-facts"].sticky.topv + section.mobile {display:none}
.col.w12 > .moduletable:not(.w7) {
	display: flex;
	flex-direction: column;
	width: 100%;
}

@media(max-width:768px) {
	h2 + .buttons > a.btn.arrowr {flex-basis: auto !important; padding-right: calc(var(--arroww) + 1em);}
	div[class*="movedown"] a.arrowr::before {top:var(--14px);}
}

@media (min-width:769px) {
	h2 + .buttons > a.btn.arrowr {width: auto !important; }
	div[class*="movedown"] a.arrowr::before {top:var(--16px);}
}
.default-block .buttons.row.w12 {padding-left: calc(100/1366*70vw);}
.buttons > a.btn {padding-right:0;}
a.btn, button.btn {letter-spacing:var(--ls);font:var(--nav);background:transparent;padding:0;color:var(--cream);line-height:1;}
a.border-cream {border: var(--2px) solid var(--cream);padding:var(--18px) var(--28px);margin-bottom: var(--55px);text-align: center;}
a.border-cream + p.h2 {font:var(--large-text);}
a.arrowr, button.arrowr {position: relative;padding:var(--16px) var(--21px);padding-right:calc(var(--arroww) + 1em + var(--21px));transition:.5s ease;border:var(--2px) solid var(--cream);}
.mega-menu:not(.a) a.btn:not(.a), a.nav-link:not(.a) {border:0;padding:0;padding-right:calc(var(--arroww) + 1em);}
.mega-menu:not(.a) a.btn:not(.a)::before, a.nav-link:not(.a)::before {right:0;}
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: 1em;background:var(--arrowr);top: 33%;}

a.btn.alt {background:var(--cream);color:var(--cream);}
button.btn {font:var(--nav);background:var(--cream);padding: .65rem 1rem;min-width: 14rem;color:var(--pink);border-radius:100px;line-height:1;transition:background .35s, color .2s;}
button.btn:hover {background:var(--red);color:var(--cream);}
body[data-background="cream-bg"] a.btn.alt {background:var(--cream);color:var(--cream);}
a.btn:hover {background:var(--red);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);}
a.red.right {background:url('/templates/goodsyard/images/shared/red-arrow-right.svg') center / contain no-repeat;}
ul.list {padding-left:1rem;}
img.playbtn {width:2.49vw; height:2.49vw;}
#map-location > div.nopad {width: 100%;height: calc(100/1366*768vw);}
a.btn.flexbtn {display: flex; justify-content: center; align-items: center; width:fit-content; white-space: normal; margin: 0 auto; text-align:left; }

.default-block h2.buttons-title {margin-bottom:var(--56px);}

/*START HERE TOMORROW LUKE*/
@media (max-width:768px) {
	a.border-cream {padding: var(--12px) var(--20px);}
	.hero-block, .section-has-slider, section.sticky {-webkit-transition:.15s ease !important;-o-transition:.15s ease !important;transition:.15s ease !important;}
	.moduletable h2 + .buttons {transform: translateX(var(--n16px));}
	body.faqs button.btn {margin-top: 2em;}
	a.arrow {top: 1.25vw;transform: scale(1.15);}
	.default-block h2.buttons-title {padding-top:1.5em;}
	.default-block .buttons {gap:0;}
	.default-block .buttons > a {margin-bottom:var(--21px);}
	.default-block .buttons > a:last-child {margin-bottom:var(--56px);}
	.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);}
	#map-location > div.nopad {height: calc(100/375*260vw);}
	a.btn.flexbtn{max-width:100%;}
	#blurb-our-story-1 a.arrowr{padding-left:var(--15px); padding-right:calc(var(--arroww) + var(--19px)); width:100%;text-align:left;}
}
@media (min-width:769px) {
	#form-concessionary {width:80vw;margin:auto;}
}

#unit-list, #fourImageBlock, #businessList,#travelTimes {
	--pbold:normal 800 var(--15px) / var(--18px) var(--ff);
	
}
#unit-list p.uc,
#fourImageBlock p.uc,
#businessList p.uc,
#travelTimes p:first-child {font:var(--pbold);letter-spacing: var(--ls);}

/*
FOUR IMAGE BLOCK
========================================================== */
p.mb92px {margin-bottom: var(--92px);}
@media (max-width:768px) {
	#fourImageBlock > div.padl2 {padding:0;}
	#fourImageBlock > div.col {padding: var(--vpad) 0;}
	#fourImageBlock > div.col > .row:first-child {padding-left: var(--72px);text-align: right;}
	#fourImageBlock > div.col > .row:last-child {padding-right: var(--72px);}
	#fourImageBlock > div.col img {width: var(--304px);height: var(--299px);object-fit: cover;}
	#fourImageBlock > div.col p {padding: var(--8px) var(--12px);margin: 0;margin-bottom: var(--12px);}
	#fourImageBlock > .col.gap2 {padding-top:0;padding-bottom: 0;}
	#fourImageBlock .topImg + p {padding:var(--6px) var(--12px);}
	p.mb92px {margin-bottom: var(--78px);}	
}

/*
UNIT LIST
========================================================== */

#unit-list .accordion {margin-bottom: var(--50px);}
#unit-list .accordion h3 {font:var(--large-text);letter-spacing: var(--ls2);font-weight:600;text-decoration: underline;margin-bottom: 1em;transition: 1s;}
#unit-list .accordion__item > div {display: flex;flex-wrap: wrap;}
#unit-list .accordion__content > div {width: 25%;}
#unit-list .accordion p {font:var(--large-text);letter-spacing: var(--ls2);}
#unit-list .accordion p:first-child {text-decoration: underline;margin-bottom: 0;}
#unit-list .accordion p:last-child {margin-bottom: var(--58px);}

@media (min-width:769px) {
	#unit-list .accordion__arrow, 
	#unit-list .accordion__input {display:none;}
}
@media (max-width:768px) {
	#unit-list .accordion h3 {font:var(--large-text);letter-spacing:var(--ls2);font-weight:600;text-decoration:underline;margin-bottom:1em;transition:1s;}
	#unit-list .accordion__item > div {display:flex;flex-wrap:wrap;}
	#unit-list .accordion__item > input {width:100%;position:absolute;opacity:0;z-index:999;height:var(--50px);top:0;left:0;cursor: pointer;}
	#unit-list .accordion__content > div {width:100%;}
	#unit-list .accordion p {font:var(--large-text);letter-spacing:var(--ls2);}
	#unit-list .accordion p:first-child {text-decoration:underline;margin-bottom:0;}
	#unit-list .accordion p:last-child {margin-bottom:var(--30px);}

	#unit-list .accordion__input:not(:checked) + .accordion__title h3 {margin-bottom:0;}
	#unit-list .accordion__item {border:1px solid var(--cream);margin-bottom:var(--15px);padding:1em;position: relative;}
	#unit-list .accordion__title {position:relative;display:flex;align-items:center;cursor:pointer;}
	#unit-list .accordion__arrow {position:absolute;right:0;transition:.5s;}
	#unit-list .accordion__arrow-item {transform:rotate(180deg);transition: .5s;}
	#unit-list .accordion__input:checked ~ .accordion__title .accordion__arrow-item {transform:rotate(0deg);}
	#unit-list .accordion__content {visibility:hidden;opacity:0;height:0;overflow:hidden;transition:visibility 0.1s, opacity 0.3s, height 0.3s;}
	#unit-list .accordion__input:checked ~ .accordion__content {visibility:visible;opacity:1;}
	#unit-list .accordion__input:checked ~ .accordion__content.ac1 {height:var(--240px);}
	#unit-list .accordion__input:checked ~ .accordion__content.ac2 {height:var(--480px);}
	#unit-list .accordion__input:checked ~ .accordion__content.ac3 {height:var(--640px);}
	
	/*.accordion__item .accordion__title .accordion__arrow {
	display: inline-block;
	vertical-align: middle;
	}
	.accordion__item .accordion__title {
	position: relative;
	display: block;
		cursor: pointer;
	}
	.accordion__item .accordion__content {display: none;}*/
/*	#unit-list .accordion {margin-bottom: var(--50px);}
#unit-list .accordion h3 {font:var(--large-text);letter-spacing: var(--ls2);font-weight:600;text-decoration: underline;margin-bottom: 1em;transition: 1s;}
#unit-list .accordion__item > div {display: flex;flex-wrap: wrap;}
#unit-list .accordion__content > div {width: 25%;}
#unit-list .accordion p {font:var(--large-text);letter-spacing: var(--ls2);}
#unit-list .accordion p:first-child {text-decoration: underline;margin-bottom: 0;}
#unit-list .accordion p:last-child {margin-bottom: var(--58px);}
#unit-list .accordion__arrow-item {transform: rotate(180deg);}
	#businessList .side-img {top:-2em;}
	#businessList .side-img img {height: var(--247px);}
	#unit-list .accordion .accordion__title:not(.accordion-active) h3 {margin-bottom: 0;}
	#unit-list .accordion__item {border: 1px solid var(--cream);margin-bottom: var(--15px);}
	#unit-list .accordion__title {position: relative;}
	#unit-list .accordion__arrow {position: absolute;right: 0;transition: .5s;}
	#unit-list .pad {padding:1em;}
	#unit-list .accordion__rotate .accordion__arrow-item {transform: rotate(0deg)}
	#unit-list .accordion__item {padding: 1em;}
	#unit-list .accordion p:last-child {margin-bottom: var(--30px);}
	#unit-list .accordion__content > div {width: 100%;}
	.accordion__item {
    border-bottom: 1px solid #ccc;
}*/

/*.accordion__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.accordion__title {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px;
}

.accordion__arrow {
    margin-right: 10px;
    transition: transform 0.3s;
}

.accordion__content {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: visibility 0s, opacity 0.3s, height 0.3s;
}

.accordion__input:checked ~ .accordion__content {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.accordion__input:checked ~ .accordion__title .accordion__arrow {
    transform: rotate(180deg);
}
	
	#unit-list .accordion{margin-bottom:var(--50px)}
	#unit-list .accordion h3{font:var(--large-text);letter-spacing:var(--ls2);font-weight:600;text-decoration:underline;margin-bottom:1em;transition:1s}
	#unit-list .accordion__item>div{display:flex;flex-wrap:wrap}
	#unit-list .accordion__content>div{width:100%}
	#unit-list .accordion p{font:var(--large-text);letter-spacing:var(--ls2)}
	#unit-list .accordion p:first-child{text-decoration:underline;margin-bottom:0}
	#unit-list .accordion p:last-child{margin-bottom:var(--30px)}
	#unit-list .accordion__arrow-item{transform:rotate(180deg)}
	#businessList .side-img{top:-2em}
	#businessList .side-img img{height:var(--247px)}
	#unit-list .accordion .accordion__title:not(.accordion-active) h3{margin-bottom:0}
	#unit-list .accordion__item{border:1px solid var(--cream);margin-bottom:var(--15px);padding:1em}
	#unit-list .accordion__title{position:relative;display:flex;align-items:center;cursor:pointer}
	#unit-list .accordion__arrow{position:absolute;right:0;transition:.5s}
	#unit-list .pad{padding:1em}
	#unit-list .accordion__input:checked~.accordion__title .accordion__arrow-item {transform:rotate(0)}
	#unit-list .accordion__content{visibility:hidden;opacity:0;height:0;overflow:hidden;transition:visibility,opacity .3s,height .3s}
	#unit-list .accordion__input:checked~.accordion__content{visibility:visible;opacity:1;height:auto}*/
	
}

/*
TRAVEL BLOCK
========================================================== */
#travelBlock button.distance-button {background: transparent;}
#travelBlock .w10s {width: calc(8.3% * 10);padding-bottom: var(--97px);}
#travelBlock > div.padl2 {padding-top:0;}
#travelBlock .distance-button {color:var(--cream);font:var(--large-text);}
#travelBlock .distance-button > img {padding-bottom: var(--33px);}
#travelBlock button > p {font:var(--large-text);}

#travelTimes {flex-wrap: wrap;padding-top: var(--43px);border-top: 1px solid var(--cream);margin-top: var(--48px);}
#travelTimes > div {flex-basis: 33.3%;padding-bottom: var(--56px);}
#travelTimes p:first-child {text-transform: uppercase;margin-bottom: var(--29px);}

#travelBlock button * {transition: .3s;}
#travelBlock .active button *, 
#travelBlock button:hover * {filter: invert(14%) sepia(40%) saturate(888%) hue-rotate(150deg) brightness(25.3%) contrast(118%);}
@media (max-width: 768px) and (orientation: portrait) {
	#travelBlock > div.padl2 {padding: 0;}
	#travelBlock .w10s {width: 100%;padding-bottom: 0;}
	#travelBlock .icon-wrapper.w25 {width: 50%;flex-basis: 40%;align-items: center;}
	#travelBlock .row.w11.keep-it {width: 100%;flex-basis: 100%;}
	#travelBlock .row.w11.keep-it > .icon-wrapper {transform: translateX(-3.5%);}
	#travelBlock button > p {font-size: var(--15px);}
	#travelBlock h2, #fourImageBlock h2 {padding-left: var(--30px);padding-right: var(--5px);}
	#travelBlock .distance-button > img {padding-bottom: var(--27px);}
	#travelBlock .distance-button > img + p {padding-bottom: var(--27px);}
	#travelBlock .distance-button > img {max-width: var(--70px);max-height: var(--86px);}
	#travelTimes > div {flex-basis: 50%;padding-bottom: var(--50px);height: var(--160px);justify-content: space-between;}
	#travelTimes p:first-child {margin-bottom: var(--15px);width: fit-content;}
	#travelTimesWrapper {padding: 0 var(--32px) var(--50px);}
}

@media (min-width:769px) {
	#location-video ~ .half-slider-block:not(.a):not(.a) {padding-top:var(--76px);}
	#location-video ~ #distance-calc-location {padding-top:var(--36px);}
}
@media (max-width:768px) {
	#intro-location .three-image-wrap .row.gap2:not(.a) {margin-right: 0;}
	#intro-location .three-image-wrap .row.gap2:not(.a) img {width: var(--304px);height: var(--300px);}
	#intro-location .three-image-wrap .row.gap2:not(.a) > div.col {height: var(--300px)}
	#intro-location .top-text.sticky.top:not(.a) {padding-top:var(--38px);}
}

/*
CONTACT DETAILS
========================================================== */
#contact-details-commercial .centerMe {display: flex;}
#contact-details-commercial .centerMe a {margin:0 auto;}
#contact-details-commercial h2 {margin-bottom: var(--57px);margin-top: var(--92px);}
#contact-details-commercial > div.pad {padding: var(--104px) var(--136px);}
#contact-details-commercial div.contact-list {width: 100%;align-items: flex-start;align-items: center;}
#contact-details-commercial div.contact-list > div {flex-basis: 28.3%; margin-right: 2em;}
#contact-details-commercial p, #contact-details-commercial a.acontact {font:var(--large-text);}
#contact-details-commercial a.acontact {white-space: nowrap;}
#contact-details-commercial div.contact-list > div > p:first-child {font-weight:800;margin-bottom: 0;}
#contact-details-commercial {}
@media (max-width:768px) {
	#contact-details-commercial > div.pad {padding: var(--80px) var(--30px);}
	#contact-details-commercial div.contact-list > div {margin-right:0;margin-bottom: var(--50px);}
	#contact-details-commercial h2 {margin-bottom: var(--52px);margin-top: var(--56px);}
}

/*
COMMERCIAL
========================================================== */
#intro-doorstep-1 .float-text {position: absolute;bottom:var(--n8px);left:0;}
@media (min-width:769px) {
	#intro-doorstep-1 > div.pad {padding-right: 0;padding-left: 0;}
}

@media (max-width:768px) {
	#intro-doorstep-1 .float-text {bottom:0;left:var(--72px);}
	#intro-doorstep-1 .bigh1 {font-size:var(--35px);margin-bottom: var(--68px);}
	#intro-doorstep-1 .mobile.pt5 {display: none;}
	#intro-doorstep-1 a.border-cream {max-width: var(--312px);margin-top: var(--47px);}
	#intro-doorstep-1 > div.pad {padding: 0;}
	#intro-doorstep-1.default-block .paragraph-heading {padding: 0 var(--11px);}
	#intro-doorstep-1 > div.pad .padl {padding: 0;}
	#intro-doorstep-1 img.cover {width: var(--304px);height: var(--300px);position: absolute;right: 0;}
}
/*.accordian-set-mobile div {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: opacity 0.3s, height 0.3s ease-in-out;
    pointer-events: none;
}

.accordian-set-mobile .active {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.5s, height 0.5s ease-in-out;
}*/




/*
SCROLL FADES
========================================================== */
:root {
	--delay:.1s;
	--time0:calc(var(--delay)*0);
	--time1:calc(var(--delay)*1);
	--time2:calc(var(--delay)*2);
	--time3:calc(var(--delay)*3);
	--time4:calc(var(--delay)*4);
	--time5:calc(var(--delay)*5);
	--time6:calc(var(--delay)*6);
	--time7:calc(var(--delay)*7);
	--time8:calc(var(--delay)*8);
	--time9:calc(var(--delay)*9);
	--time10:calc(var(--delay)*10);
	--time11:calc(var(--delay)*11);
	--time12:calc(var(--delay)*12);
	--time13:calc(var(--delay)*13);
	--time14:calc(var(--delay)*14);
	--time15:calc(var(--delay)*15);
	--time16:calc(var(--delay)*16);
	--time17:calc(var(--delay)*17);
	--time18:calc(var(--delay)*18);
	--time19:calc(var(--delay)*19);
	--time20:calc(var(--delay)*20);
}

body:not(.mega-open) li.reveal, body:not(.mega-open2) li.reveal2 {-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}
.revealme.i1 {-webkit-transition-delay: var(--time0); -o-transition-delay: var(--time0); transition-delay: var(--time0);}
.revealme.i2 {-webkit-transition-delay: var(--time1); -o-transition-delay: var(--time1); transition-delay: var(--time1);}
.revealme.i3 {-webkit-transition-delay: var(--time2); -o-transition-delay: var(--time2); transition-delay: var(--time2);}
.revealme.i4 {-webkit-transition-delay: var(--time3); -o-transition-delay: var(--time3); transition-delay: var(--time3);}
.revealme.i5 {-webkit-transition-delay: var(--time4); -o-transition-delay: var(--time4); transition-delay: var(--time4);}
.revealme.i6 {-webkit-transition-delay: var(--time5); -o-transition-delay: var(--time5); transition-delay: var(--time5);}
.revealme.i7 {-webkit-transition-delay: var(--time6); -o-transition-delay: var(--time6); transition-delay: var(--time6);}
li.reveal.i1 {-webkit-transition-delay: var(--time7); -o-transition-delay: var(--time7); transition-delay: var(--time7);}
li.reveal.i2 {-webkit-transition-delay: var(--time8); -o-transition-delay: var(--time8); transition-delay: var(--time8);}
li.reveal.i3 {-webkit-transition-delay: var(--time9); -o-transition-delay: var(--time9); transition-delay: var(--time9);}
li.reveal.i4 {-webkit-transition-delay: var(--time10); -o-transition-delay: var(--time10); transition-delay: var(--time10);}
li.reveal.i5 {-webkit-transition-delay: var(--time11); -o-transition-delay: var(--time11); transition-delay: var(--time11);}
li.reveal.i6 {-webkit-transition-delay: var(--time12); -o-transition-delay: var(--time12); transition-delay: var(--time12);}
li.reveal.i7 {-webkit-transition-delay: var(--time13); -o-transition-delay: var(--time13); transition-delay: var(--time13);}
li.reveal.i8 {-webkit-transition-delay: var(--time14); -o-transition-delay: var(--time14); transition-delay: var(--time14);}
li.reveal.i9 {-webkit-transition-delay: var(--time15); -o-transition-delay: var(--time15); transition-delay: var(--time15);}
li.reveal2.i1 {-webkit-transition-delay:var(--time5);-o-transition-delay:var(--time5);transition-delay:var(--time5);}
li.reveal2.i2 {-webkit-transition-delay:var(--time6);-o-transition-delay:var(--time6);transition-delay:var(--time6);}
.revealme, li.reveal, li.reveal2 {opacity:0;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease;-webkit-transform:translateY(30%);-ms-transform:translateY(30%);transform:translateY(30%);}
.revealed > .revealme, body.mega-open li.reveal, body.mega-open2 li.reveal2, #next .revealme.revealed {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
h1.midnight.absolute {position:absolute !important;}
body.video-open h1.midnight {-webkit-transition: .5s ease;-o-transition: .5s ease;transition: .5s ease;z-index: 999;}
@media(min-width:769px) {
	.default-block h1.mobile {opacity:0;display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;position: absolute;top: 3vw;pointer-events: none;-webkit-transition: 1s ease;-o-transition: 1s ease;transition: 1s ease;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}
	body.video-open .default-block h1.mobile {opacity:1;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}
}
.mega-menu .revealme.i7 img {width:var(--175px);height: var(--109px);}

/*div[data-para-dir="0"], div[data-para-dir="1"] {transition:transform 0.8s cubic-bezier( 0, 0, 0, 1 ) 0s; will-change:transform;}*/

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


/*==================================================================
NEW CHANGES AND FIXES
====================================================================*/
.default-text-wrap {width:100%;}
.default-module-wrap {width:100%;}
.default-module-wrap > div {width:91.5%;}
.hero-block + .default-block .paragraph-heading { padding: 0 var(--30px);}
.default-block .paragraph-heading {max-width:calc(var(--575px) + var(--60px) );width:100%;text-align: center;margin-bottom: var(--28px);padding: var(--30px) var(--60px);}

#intro-location-1 > div {padding-right:0;padding-left: 0;}
#intro-location-1 div.padl {padding-right:0;}
#intro-location-1 .top-text.sticky.top:not(.a) {padding: calc(var(--vpad) * .5) var(--30px) var(--vpad) var(--hpad);}
.top-text.no-margin-bottom {margin-bottom: 0 !important;}
@media(min-width:769px) {	
	#intro-location-1 .top-text.sticky.top:not(.a) {
		padding: calc(var(--vpad) * 2) var(--30px) var(--vpad) var(--hpad);
	}
	[id*="the-perks-"].a3-col-block .top-text:not(.a) {margin-bottom: calc(0px - var(--toptext) / 1.66); }
	[id*="the-perks-"].a3-col-block .three-image-wrap {margin-top: calc( var(--toptext) / 1.66 );padding-bottom: calc( var(--toptext) / 1.66 );}
	.your-landlord .sticky.top.bottom-text { padding-top: var(--130px); }
	#icon-block-perks .row.icons {max-width:var(--800px);}
	#icon-block-perks .row.icons > div {margin-bottom: var(--56px);}
	#apartments-home > div.col.gap2 {padding-bottom: 0;}
	body.home .top-text.sticky.top:not(.a) {padding: var(--vpad) var(--hpad) 0;}
	#intro-perks > div > div > .sticky.top.bottom-text {padding-top: calc(var(--vpad) * .5);}
	.edd-height > div {min-height:calc( (var(--370px) / 1.5 ) + var(--560px) );}
	.half-slider-block .sticky.top:not(.a) {padding-top: var(--vpad);}
	#fsm a.nav-link.tar::before {top:8%;}
}
@media(max-width:768px) {
	body.home.video-open .video-section .video.model iframe {height:100%;transform: scale(1.1) !important;}
	.default-block .paragraph-heading {padding: var(--30px);}
	.top-text.sticky:not(.a) {padding-right:calc(var(--hpad) * .7);}
	.a3-col-block + section[id*="icon-block-"].icon-block > div.pt3 > .padl {padding-bottom: 0;}
	#intro-perks > div > div > .sticky.top.bottom-text {padding-top: var(--vpad);}
	/*#renting-our-homes .top-text.sticky.top:not(.a) {margin-bottom: calc(0px - var(--toptext) + 1em);padding-right:calc(var(--hpad) * .5);}	*/
	.a3-col-block + section[id*="icon-block-"].icon-block > div, 
	.a3-col-block + section[id*="icon-block-"].icon-block > div > div {padding-top: 0;}
	.facts-block h2.new-mob-fix,.facts-block h2.new-mob-fix + p {margin-bottom: calc(0px - var(--vpad));padding-right: calc(var(--hpad) * .5);padding-left: calc(var(--hpad) - calc(var(--hpad) / 3) )!important;}
	section.a3-col-block > div > div h2.top-text {padding-right:calc(var(--hpad) * .5);}
	section.a3-col-block .top-text.sticky.top:not(.a) {margin-bottom: calc(0px - var(--vpad));padding-right:calc(var(--hpad) * .5);}
	section.a3-col-block .three-image-wrap {padding-bottom: calc(var(--toptext) * 1.5);margin-top: var(--vpad);}
	#distance-calc-location .sticky-corrector {height:3em !important;}
	.top-text.no-margin-bottom {transform: translateY(calc(0px + var(--vpad)));}
	.edd-height > div {min-height:calc( (var(--360px) * 4 ) );height:100%;}
	body.iOS .edd-height > div {height:calc( (var(--360px) * 4.5 ) );}
	.half-slider-block p.h2 {padding-bottom: var(--50px);}
	.half-slider-block h2.h1, .half-slider-block p.h2, section[id^="distance-calc-"] h2.h1 {margin-bottom: 0;}
	.half-slider-block .sticky.top:not(.a) {padding-top:var(--vpad);}
}


/*
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(--dgreen);}
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:800;}
.fit {width:fit-content;}
.nowrap:not(.a) {flex-wrap: nowrap}

.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:not(.keep-it),.w2:not(.keep-it),.w3:not(.keep-it),.w4:not(.keep-it),.w5:not(.keep-it),.w6:not(.keep-it),
	.w7:not(.keep-it),.w8:not(.keep-it),.w9:not(.keep-it),.w10:not(.keep-it),.w11:not(.keep-it), .row:not(.keep-it) > * {width:100% !important;flex-basis:100% !important;}
}

.pad0:not(.a):not(.a) {padding:0;}
.pad0i {padding:0 !important;}
.rel {position:relative;}
.ch100 {height:clamp(250px,56.75vw,100vh);}
.pea:not(.a) {pointer-events:auto;}
.pen:not(.a) {pointer-events:none;}
.flex1 > *, .fx1 {-webkit-box-flex:1;-ms-flex:1;flex:1;}
.fx3 {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;gap:3%;}
.fx3 > div {-webkit-box-flex:1;-ms-flex:1 0 clamp(calc(250px + 1.5vw),30%,60%);flex:1 0 clamp(calc(250px + 1.5vw),30%,60%);}
.ty-20:not(.a) {-webkit-transform: translateY(-20%);-ms-transform: translateY(-20%);transform: translateY(-20%);}
.asc {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}
.ls:not(.a) {letter-spacing: var(--ls);margin-right: -.045rem;}
.sticky:not(.a) {position:-webkit-sticky;position:sticky;}
.hide:not(.a) { display:none; visibility: hidden; }
.wrap:not(.a) {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.nowrap:not(.a) {-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.bff:not(.a) {font-family:var(--bff);}
.hff:not(.a) {font-family:var(--hff);}
.sb:not(.a) {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.acl:not(.a) {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start}
.acr:not(.a) {-webkit-box-align: end;-ms-flex-align: end;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) {-o-object-fit:cover;object-fit:cover;width:100%;height:100%;}
img.coverw:not(.a) {-o-object-fit:cover;object-fit:cover;width:100%;}
img.coverh:not(.a) {-o-object-fit:cover;object-fit:cover;height:100%;}
img.full-cover:not(.a) {-o-object-fit:cover;object-fit:cover;width:100%;height:100%;}
.flexi:not(.a) {display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;}
.flex-wrap, .flex.wrap, .wrap:not(.a) {-ms-flex-wrap:wrap;flex-wrap:wrap;}
.hide {display:none !important;}
*.fxi{display:inherit;}
*.fxr, .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
*.fxc, .flexc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.fxcc:not(.a) {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.fxrc:not(.a) {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
*.fxrr:not(.a) {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
*.fxcr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}
*.aic{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
*.aife{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
*.aifs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
*.ais{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}
*.aibl{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}
*.aii{-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;}
*.jcc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
*.jcfs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
*.jcfe{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
*.jcse{-ms-flex-pack:space-evenly;justify-content:space-evenly;}
*.jcsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
*.jcsa{-ms-flex-pack:distribute;justify-content:space-around;}
*.mobile,.mob{display:none;}
*.mobile-flex,.mbfx{display:none;}
*.mobile-inline{display:none;}
*.mincon{width:-webkit-min-content;width:-moz-min-content;width:min-content;}
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;}
	.fh:not(.a) {height: 175vw;}
}
.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;}
.pad01:not(.a) {padding:0 1em;}.pad02:not(.a) {padding:0 2em;}.pad03:not(.a) {padding:0 3em;}.pad04:not(.a) {padding:0 4em;}.pad05:not(.a) {padding:0 5em;}
.pad10:not(.a) {padding:1em 0;}.pad20:not(.a) {padding:2em 0;}.pad30:not(.a) {padding:3em 0;}.pad40:not(.a) {padding:4em 0;}.pad50:not(.a) {padding:5em 0;}
.pad001:not(.a) {padding:0 0 1em;}.pad002:not(.a) {padding:0 0 2em;}.pad003:not(.a) {padding:0 0 3em;}.pad004:not(.a) {padding:0 0 4em;}.pad005:not(.a) {padding:0 0 5em;}
.pad010:not(.a) {padding:0 1em 0;}.pad020:not(.a) {padding:0 2em 0;}.pad030:not(.a) {padding:0 3em 0;}.pad040:not(.a) {padding:0 4em 0;}.pad050:not(.a) {padding:0 5em 0;}
.pad100:not(.a) {padding:1em 0 0;}.pad200:not(.a) {padding:2em 0 0;}.pad300:not(.a) {padding:3em 0 0;}.pad400:not(.a) {padding:4em 0 0;}.pad500:not(.a) {padding:5em 0 0;}
.pad0001:not(.a) {padding:0 0 0 1em;}.pad0002:not(.a) {padding:0 0 0 2em;}.pad0003:not(.a) {padding:0 0 0 3em;}.pad0004:not(.a) {padding:0 0 0 4em;}.pad0005:not(.a) {padding:0 0 0 5em;}
.pad0010:not(.a) {padding:0 0 1em 0;}.pad0020:not(.a) {padding:0 0 2em 0;}.pad0030:not(.a) {padding:0 0 3em 0;}.pad0040:not(.a) {padding:0 0 4em 0;}.pad0050:not(.a) {padding:0 0 5em 0;}
.pad0100:not(.a) {padding:0 1em 0 0;}.pad0200:not(.a) {padding:0 2em 0 0;}.pad0300:not(.a) {padding:0 3em 0 0;}.pad0400:not(.a) {padding:0 4em 0 0;}.pad0500:not(.a) {padding:0 5em 0 0;}
.pad1000:not(.a) {padding:1em 0 0 0;}.pad2000:not(.a) {padding:2em 0 0 0;}.pad3000:not(.a) {padding:3em 0 0 0;}.pad4000:not(.a) {padding:4em 0 0 0;}.pad5000:not(.a) {padding:5em 0 0 0;}

.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;}

.w16{flex-basis:16.66%;width:16.66%;}
.w20{flex-basis:20%;width:20%;}.w25{flex-basis:25%;width:25%;}.w30{flex-basis:30%;width:30%;}.w33{flex-basis:33.33%;width:33.33%;}
.w35{flex-basis:35%;width:35%;}.w40{flex-basis:40%;width:40%;}.w45{flex-basis:45%;width:45%;}.w50, .half{flex-basis:50%;width:50%;}
.w55{flex-basis:55%;width:55%;}.w60{flex-basis:60%;width:60%;}.w65{flex-basis:65%;width:65%;}.w66{flex-basis:66.66%;width:66.66%;}
.w70{flex-basis:70%;width:70%;}.w75{flex-basis:75%;width:75%;}.w80{flex-basis:80%;width:80%;}.w85{flex-basis:85%;width:85%;}.w90{flex-basis:90%;width:90%;}
.w92{flex-basis:92%;width:92%;}.w95{flex-basis:95%;width:95%;}.w98{flex-basis:98%;width:98%;}.w100,.fw,.full{flex-basis:100%;width:100%;}

.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) {
	.hero-block + .default-block .col.pt3:not(.a):not(.a),
	.hero-block + .default-block h2.pt4:not(.a):not(.a)
	{padding-top:0;}
	.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;}
	.mb2:not(.a) {margin-bottom:8vw;}
	#next h2.h1 {margin-bottom:11.47vw;}
}

@media (max-width:768px){
	.pt0m {padding-top: 0 !important;}
	.revmob {flex-direction:column-reverse !important;}
	.w80m{flex-basis:80%;width:80%;}
	*.npt, *.no-text-padding-mobile{padding:0;}
	.wrapm {flex-wrap:wrap;}
	*.hbmm{margin-bottom:4.8vw !important;}
	*.fxrm{display:flex;}
	*.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;}
	.killmtm {margin-top:0 !important;}calc(var(--css)*vw)
}

/*span.ui-accordion-header-icon {display:none}*/

.a3-col-block h2 > span{display:block;margin-top:calc(var(--css)*22vw);}
.a3-col-block.has-sub + .icon-block > .pt3:not(.a):not(.a) {
  padding-top: 8rem;
}
.a3-col-block h2 > span a{text-decoration: underline;}

.banner-block .pad{text-align: center;padding:calc(var(--css)*73vw) var(--hpad) calc(var(--css)*66vw);display:flex; flex-direction: column; align-items:  center;}
.banner-block .btn{display: inline-block; width:fit-content;}
.banner-block h2{margin-bottom:calc(var(--css)*28vw);}

@media (max-width:768px){
	.banner-block .pad{padding:calc(var(--css)*63vw) var(--hpad) calc(var(--css)*71vw);}
}


.flatfair-block > div{padding-top:calc(var(--css)*78vw) !important;}
.flatfair-block h2{margin-bottom:calc(var(--css)*71vw);}
.flatfair-block li{margin-bottom:calc(var(--css)*20vw); font:var(--tm)}
.flatfair-block ul li:last-child{margin-bottom: 0;}
.flatfair-block > div > .row{margin-bottom:calc(var(--css)*70vw);}
.flatfair-block p.center{font:var(--tm); font-weight:600; margin-bottom:calc(var(--css)*33vw);}
.flatfair-block a.arrowr{border-color:var(--dgreen) !important; color:var(--dgreen) !important}
main section.flatfair-block a[href*="faq"]{text-decoration:none}
.flatfair-block a.arrowr:before{background:url('/templates/goodsyard/images/shared/arrow-right-dgreen.svg?c=1') var(--contain);}
.flatfair-block p.center + .row{margin-bottom:calc(var(--css)*33vw);}
.flatfair-block .flatfair-logo img{width:calc(var(--css)*173vw); height:calc(var(--css)*53vw)}

@media (max-width:768px){
	.flatfair-block div{width:100% !important;}
	.flatfair-block > div{padding:calc(var(--css)*71vw) var(--hpad) calc(var(--css)*100vw) !important;}
	.flatfair-block h2{margin-bottom:calc(var(--css)*43vw);}
	.flatfair-block ul{margin-left:calc(var(--css)*11vw)}
	
	.flatfair-block p.center + .row .btn{margin-bottom:calc(var(--css)*33vw);}
	.flatfair-block p.center + .row{margin-bottom:calc(var(--css)*8vw);}
}

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