div.aspire-grid-1, div.aspire-grid-2, div.aspire-grid-3, div.aspire-vertical-grid, div.aspire-grid-images { display: flex; justify-content: space-between; gap: 0;}
div.aspire-grid-1, div.aspire-grid-2, div.aspire-grid-3 { gap: 20px;}
div.aspire-grid-1 > div, div.aspire-grid-2 > div  { width: 45%;}
div.aspire-grid-2 > div:first-child, div.aspire-grid-1 > div:last-child { width: 55%;}
div.aspire-grid-images  { gap: 10px}
div.aspire-grid-images  > div { width: 50%}
div.grid-bottom-align { align-items: flex-end}
div.aspire-grid-3 > div { width: 360px; } 
div.aspire-grid-3 > div:last-child { width: calc(100% - 360px);} 

div.aspire-grid-1 > div:last-child > div, div.aspire-grid-2 > div:last-child > div { margin-left: auto; margin-right: 0; align-items: flex-end;}
div.aspire-grid-1 > div:first-child > div, div.aspire-grid-2 > div:first-child > div { margin-left: 0; margin-right: auto; }
div.aspire-vertical-grid { flex-direction: column; height: 100%;}
section.aspire-masthead { margin-bottom: 150px; padding-top: 120px;}
section.aspire-masthead h1 { margin-bottom: 125px;}

div.aspire-image-caption img { display: block;}
div.aspire-small-box { width: 250px; max-width: 100%;}
div.aspire-mid-box { width: 480px; max-width: 100%;}
div.aspire-subhead { font-size: 16px; color: var(--col-primary); font-family:'Helvetica Neue LT W01_71488914'; text-transform: uppercase;}
div.aspire-subhead-2 { font-size: 16px; color: var(--col-primary); font-family:'Helvetica Neue LT W01_41488878';  text-transform: uppercase; margin-bottom: 12px}
p.aspire-caption { font-size: 14px; color: #000; margin-top: 24px; width: 210px; max-width: 100%; margin-right: auto; margin-left: 0;}
p.aspire-caption span { font-size: 16px; color: var(--col-primary); font-family:'Helvetica Neue LT W01_65 Md'; display: block; margin-bottom: 10px; text-transform: uppercase;}

p.aspire-text { font-size: 14px;}

div.aspire-sales-offices { display: flex; flex-direction: column; gap: 15px; }
div.aspire-sales-offices > div { padding-bottom: 15px; border-bottom: 0px; text-align: left; font-size: 14px; border-bottom: 1px solid #AEB0B2; width: 250px;  max-width: 100%}
div.aspire-sales-offices > div:last-child { padding-bottom: 0; border-bottom: 0}
div.aspire-sales-offices div.title { font-family:'Helvetica Neue LT W01_65 Md'; margin-bottom: 3px}

a.toggle-sound { position: absolute; bottom: 10px; right: 10px; width: 15px; display: block; z-index: 3; cursor: pointer;}

a.aspire-next { display: block; margin: 0 0 0 auto; text-align: left; margin-top: 130px; font-family:'Helvetica Neue LT W01_65 Md'; line-height: 1.33;}

img.aspire-ct-logo { display: block; margin: 0 auto 50px; width: 600px; max-width: 80%}

div.aspire-video:after { content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 3;}

div.overlay.active { background: rgba(0, 0, 0, 0.85);}
div.overlay div { background: transparent; padding: 0}
div.overlay > div { background: transparent; padding: 0px; overflow: auto; height: 100%; display: block;}
div.overlay div.aspire-video { padding-bottom: 0 !important; width: 100%; height: 100%;}
div.aspire-popups { display: none;}
div.overlay div.aspire-text-popup { background-color: #327A5C;height: 100%; position: relative; overflow: auto;}
div.overlay div.aspire-text-popup > div { display: flex; gap: 50px; justify-content: space-between; align-items: flex-end; padding: 40px; height: auto; max-width: 980px; margin: 0 auto; max-height: 90%;  top: 50%; position: relative; transform: translatey(-50%);}
div.overlay div.aspire-text-popup p { color: #fff; font-size: 16px;}
div.overlay div.aspire-text-popup .black-text p { color: #000}
div.overlay div.aspire-text-popup div.popup-images { display: block; max-width: 480px;}
div.overlay div.aspire-text-popup div.popup-images > img { display: block; width: 100%; margin-bottom: 20px}
div.overlay div.aspire-text-popup div.popup-images > div { display: flex; gap: 20px; justify-content: space-between; width: 100%;}
div.overlay div.aspire-text-popup div.popup-images > div img { display: block; width: calc(50% - 10px);}
div.overlay div.aspire-text-popup li { color: #fff; font-size: 16px; padding-left: 15px; position: relative; line-height: 1.33; margin-bottom: 10px; }
div.overlay div.aspire-text-popup .black-text li { color: #000; }
div.overlay div.aspire-text-popup li:before { content:""; display: block; position: absolute; left:0; top: .4em; width: 6px; height: 6px; background: #fff; border-radius: 6px;}
div.overlay div.aspire-text-popup .black-text li:before { background: #000; }

div.aspire-nav {display: flex; gap: 30px; justify-content: flex-start; margin-top: 30px }
div.aspire-nav > a { display: block; font-size: 18px; }
div.aspire-nav > a:not(.active) { color: #aaa;}

a.aspire-read-more, a.aspire-play-video {font-weight: 700; text-decoration: underline;text-decoration-style: dotted;} 

@media only screen and (max-width: 980px) {
	div.overlay div.aspire-text-popup div.popup-images > img { margin-bottom: 10px}
	div.overlay div.aspire-text-popup div.popup-images > div { gap: 10px; }
	div.overlay div.aspire-text-popup li { font-size: 14px; padding-left: 10px; margin-bottom: 5px; }
	div.overlay div.aspire-text-popup p { font-size: 14px;}
	div.overlay div.aspire-text-popup > div { gap: 20px; }

	div.aspire-nav {gap: 20px; }
	div.aspire-nav > a { font-size: 16px; }

}

@media only screen and (max-width: 760px) {

		div.aspire-grid-1, div.aspire-grid-2, div.aspire-grid-3 { flex-direction: column;}
		div.aspire-grid-1, div.aspire-grid-2, div.aspire-grid-3 { gap: 50px;}
		div.aspire-grid-1 > div, div.aspire-grid-2 > div  { width: 100%;}
		div.aspire-grid-2 > div:first-child, div.aspire-grid-1 > div:last-child { width: 100%;}
		div.aspire-grid-images  { gap: 10px}
		div.aspire-grid-3 > div { width: 100%; } 
		div.aspire-grid-3 > div:last-child { width: 100%;} 
		div.aspire-mid-box, div.aspire-small-box { width: 100%;}
		div.aspire-grid-1 > div:last-child > div, div.aspire-grid-2 > div:last-child > div { align-items: flex-start;}
		div.aspire-vertical-grid { gap: 40px}
		div.aspire-vertical-grid > div { width: 100%}
		p.aspire-caption, div.aspire-image-caption img { width: 100%; max-width: 100% !important}
		section.aspire-masthead h1 { margin-bottom: 30px}
		section.aspire-masthead { padding-top: 40px; margin-bottom: 50px}
		section.aspire-masthead div.aspire-grid-1 { gap: 20px}
		a.aspire-next { margin-top: 50px;}
		div.aspire-sales-offices > div { width: 100%}

		div.overlay div.aspire-text-popup > div { flex-direction: column; gap: 20px; }
		div.overlay div.aspire-text-popup > div > div:last-child { padding-bottom: 30px;}
		div.overlay div.aspire-text-popup div.popup-images { max-width: 100%; width: 100%;}
		div.overlay div.aspire-text-popup > div { padding: 15px}
		div.overlay { padding: 15px}
		a.close-overlay { right: 5px; top: 5px; z-index: 99; border: 1px solid #ccc}

	div.aspire-nav {gap: 20px; }
	div.aspire-nav > a { font-size: 14px; }

}