@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

html,
body {
	margin: 0;
	padding: 0;
	color: #000027;
	font-family: 'Lato', sans-serif;
	position: relative;
	background-color: #000027;
}

#bg-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: fixed;
	top: 0;
	left: 0;
}

main {
	margin-top: 0;
	/* background-color: #000027; */
	text-align: center;
	padding-bottom: 60px;
}

.scorecard-container {
	max-width: 1280px;
	text-align: left;
	display: inline-block;
	width: 100%;
	background-color: #000027;
	border-radius: 0 0 40px 40px;
	margin-bottom: 60px;
}

.h1 {
	font-size: 32px;
	color: #000027;
	font-weight: 900;
	position: relative;
	left: calc(50% - 800px / 2);
	line-height: 120%;
}

strong {
	font-weight: 900;
}

label {
	margin: 0;
	text-transform: initial;
	letter-spacing: initial;
}

sup {
	font-size: 0.55em;
	line-height: 1;
	position: relative;
	vertical-align: revert;
	top: revert;
	padding-left: 2px;
}

a {
	color: #0099ff;
}

a:hover,
a:active {
	color: #33bbff;
}

a:visited {
	color: #94acc2;
}

section {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

section.hero {
	background: radial-gradient(77.42% 234.81% at 22.58% 35.51%, #002D72 0%, #000027 100%);
	width: 100%;
	height: 432px;
	position: relative;
}

section.hero video {
	position: relative;
	transform: translateY(-50px);
	filter: saturate(2.65);
	width: 100%;
}

section.hero h1 {
	color: #ffffff;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 64px;
	left: 48px;
	text-align: left;
}

section.hero h1 .row-1 {
	font-size: 56px;
	line-height: 100%;
}

section.hero h1 .row-2 {
	display: block;
	font-size: 32.5px;
	line-height: 100%;
	margin-top: 0;
	font-weight: 300;
}

section.navigation {
	height: 42px;
	z-index: 1;
	min-width: 1130px;
	height: 0;
}

.nav-bar {
	position: relative;
	width: 100%;
	height: 0;
	top: -102px;
	padding-left: 50px;
	display: flex;
	gap: 4px;
}

.mobile-nav {
	position: relative;
	top: -18px;
	display: none;
}

.mobile-nav button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: #0099ff;
	font-size: 12px;
	border: none;
	background-color: transparent;
	font-weight: 900;
	cursor: pointer;
}

.mobile-nav select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent;
	border: none;
	padding: 0 10px 0 0;
	margin: 0;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: inherit;
	z-index: 1;
	outline: none;
}

.mobile-nav .select {
	display: inline-block;
	width: auto;
	height: 34px;
	border: 1px solid #0099ff;
	border-radius: 17px;
	padding: 0 32px 3px 16px;
	font-size: 16px;
	cursor: pointer;
	line-height: 100%;
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70711 0.292893C8.09763 0.683418 8.09763 1.31658 7.70711 1.70711L4.70711 4.70711C4.31658 5.09763 3.68342 5.09763 3.29289 4.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L4 2.58579L6.29289 0.292893C6.68342 -0.0976308 7.31658 -0.0976308 7.70711 0.292893Z' fill='%230099FF'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: calc(100% - 12px) center;
	margin-left: 12px;
	color: #0099ff;
}

.mobile-nav .mobile-nav-label {
	display: inline-block;
	font-size: 16px;
}


.nav-container {
	height: 60px;
	transition: height 0.2s ease-out 0.0s;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.nav-container.selected {
	height: 112px;
	transition: height 0.2s ease-in 0.1s;
}

.nav-circle {
	width: 112px;
	height: 112px;
	background-color: #94ACC2;
	border: 4px solid #FFFFFF;
	border-radius: 60px;
	transform: rotateX(0deg) translateY(10px);
	transition: transform 0.2s linear, background-color 0.2s linear;
	position: relative;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
}

.nav-container:hover .nav-circle {
	transform: rotateX(0deg) translateY(0px);
}

.nav-container .nav-circle span {
	transform: rotateX(0deg) translateY(-20px);
	transition: transform 0.2s linear;
}

.nav-container:hover .nav-circle span {
	transform: rotateX(0deg) translateY(-10px);
}

.nav-container.selected .nav-circle {
	transition: transform 0.5s;
	transform: rotateX(180deg) translateY(0px);
	font-weight: 900;
	background-color: #0099ff;
}

.nav-container.selected .nav-circle span {
	transition: transform 0.5s;
	transform: rotateX(180deg) translateY(0px);
}

section.content,
section.navigation,
section.contact-form-container {
	font-size: 16px;
}

section.content {
	position: relative;
	border-radius: 40px;
	background-color: #ffffff;
	min-height: 600px;
	margin-top: -42px;
	z-index: 0;
	text-align: left;
	padding: 64px 64px 64px 64px;
	display: none;
	min-width: 1130px;
}

section.content.selected {
	display: block;
}

section.content.loading .h1 {
	width: max-content;
    left: auto;
    display: block;
    padding-top: 24px;
    padding-bottom: 24px;
}

section.contact-form-container {
	position: relative;
	border-radius: 40px;
	background-color: #ffffff;
	min-height: 600px;
	margin-top: 32px;
	z-index: 0;
	text-align: left;
	padding: 48px 64px 48px 64px;
	min-width: 1130px;
}

section.content .h1 {
	font-size: 60px;
	width: 0;
	white-space: nowrap;
	overflow-x: hidden;
	/* left: calc(0) */
}

.section-marker {
	position: absolute;
	top: 73px;
    left: -4px;
    width: calc(50% - 400px - 8px);
    height: 64px;
    background-color: #0099ff;
	border-radius: 16px 64px 64px 16px;
	transform-origin: left;
	transform: rotateY(90deg);
}

.text-body {
	font-size: 16px;
	line-height: 140%;
	/* margin-top: 21px; */
	overflow-y: hidden;
	height: 0;
	max-width: 800px;
	margin: 0 auto;
}

.text-body p.strong {
	font-weight: 900;
}

section.methodology .text-body p + ul {
	margin-top: 0;
}

section.content .text-body p,
section.content .text-body ul,
section.content .text-body li {
	font-size: 16px;
}

section.content .text-body p,
section.content .text-body ul {
	margin-top: 16px;
	margin-bottom: 0;
}

section.content .text-body ul {
	margin: 16px 0 16px 24px;
}

section.content .text-body ul > li > ul,
section.content .text-body ul > ul {
	margin: 0 0 0 24px;
	padding-left: initial;
	font-size: initial;
	line-height: initial;
	list-style-type: circle;
}

section.content .text-body li {
	position: relative;
	list-style-position: initial;
	margin: initial;
	padding-left: unset;
	font-size: initial;
	line-height: inherit;
}

section.content.regions .text-body ul {
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
}

section.content .text-body p.h2 + ul {
	margin-top: 0;
}

section.content .text-body p.footnotes {
	font-size: 12px;
}

section.content .text-body p.copyright {
	text-align: center;
	color: #94acc2;
	font-size: 12px;
	padding-top: 12px;
	margin-top: 56px;
}

.text-body p.h2 {
	margin-bottom: 8px !important;
}

section.content .text-body p.h2 {
	font-size: 24px;
}

.text-body .images {
	width: 100%;
	display: block;
	margin-bottom: 16px;
}

section.overview .text-body {
	display: flex;
	align-items: flex-start;
	gap: 64px;
	max-width: 800px;
    margin: 0 auto;
}

section.overview .stats-column {
	display: flex;
	flex-grow: 1;
	position: relative;
	padding-right: 64px;
	margin-top: 12px;
}

section.overview .stats-column .stat-grouping {
	display: flex;
    flex-direction: column;
    align-items: end;
}

/* section.overview .stats-column .stat-grouping.first {
	padding-right: 24px;
} */

section.overview .stats-column .result-stats .number {
	display: block;
	font-size: 50px;
	font-weight: 900;
	line-height: initial;
}

section.overview .stats-column .result-stats .label {
	font-size: 12px;
	display: block;
	margin-top: -6px;
	max-width: 160px;
	padding-right: 2px;
	text-align: right;
	line-height: 100%;
}

section.overview .stats-column .result-stats .fat-label {
	font-size: 21px;
	line-height: 100%;
	font-weight: 900;
	max-width: 65px;
	display: inline-block;
	text-align: left;
}

.input-stats {
	border-right: 1px solid #000027;
}

.input-stats .title,
.result-stats .title {
	font-size: 32px;
	font-weight: 900;
	border-bottom: 1px solid #000027;
	padding: 10px 20px;
}

.input-stats .title {
	text-align: right;
	padding-right: 34px;
}

.result-stats .title {
	padding-left: 28px;
}

.stats-grouping-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-top: 24px;
	padding-right: 32px;
}

.input-stats svg {
	position: relative;
    right: -18px;
    top: -9px;
}

section.overview .stats-column .input-stats .number {
	display: block;
	font-size: 25px;
	font-weight: 900;
}

section.overview .stats-column .input-stats .label {
	font-size: 12px;
	display: block;
	margin-top: 1px;
	max-width: 240px;
	padding-right: 2px;
	text-align: right;
	padding-top: 3px;
	line-height: 100%;
}

.input-stats .side-by-side {
	display: flex;
	gap: 24px;
	justify-content: flex-end;
}


section.overview .stats-column .typical-signal-stats {
	margin-top: 16px;
	padding: 0 24px 16px 28px;
	border-right: 1px solid #000027;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

section.overview .stats-column .typical-signal-stats:before,
section.overview .stats-column .typical-signal-stats:after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 20px;
	height: 1px;
	background-color: #000027;
}
section.overview .stats-column .typical-signal-stats:after {
	top: unset;
	bottom: 0;
	right: 0;
}

.typical-signal-stats .typical-signal-stats-label {
	position: absolute;
	right: -64px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
	font-weight: 900;
	width: 100%;
	max-width: 50px;
}

.typical-signal-stats .typical-signal-stats-label:before {
	content: '';
	position: absolute;
	left: -14px;
	top: 50.3%;
	/* transform: translateY(-50%); */
	width: 12px;
	height: 1px;
	background-color: #000027;
}

.stats-column-cover {
	width: calc(100% + 60px);
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    right: -60px;
}

section.signals-map .text-body {
	max-width: 100%;
}

section.signals-map .map-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	border: 1px solid #94acc2;
 }
 section.signals-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 }

.footnotes {
	display: block;
	position: relative;
	font-size: 12px;
	color: #888899;
	counter-reset: list-number;
	padding-left: 20px;
	padding-top: 16px;
	line-height: normal;
}

.footnotes span {
	padding-bottom: 10px;
	display: block;
}

.footnotes span:before {
	counter-increment: list-number;
	content: '[' counter(list-number) ']';
	color: #888899;
	position: absolute;
	left: 0;
}

.footnotes.reset {
	counter-reset: list-number 4;
}

.h2 {
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 9px;
}


/* section.performance .text-body {
	max-width: 800px;
	margin: 0 auto;
} */

section.performance .intro-container {
	margin-bottom: 32px;
	display: flex;
	align-items: flex-start;
	gap: 32px;
}

.jump-links {
	font-size: 16px;
	border: 1px solid #000027;
	border-radius: 16px;
	padding: 12px 24px 16px 20px;
	margin-top: 19px;
	z-index: 1;
	position: relative;
}

.jump-links .title {
	font-weight: 900;
}

section.content .text-body .jump-links ul {
	padding: 0 0 0 24px;
	margin: 0;
	font-size: 12px;
}

section.content .text-body .jump-links ul li {
	font-size: 12px;
	line-height: 120%;
	margin: 4px 0;
}

.jump-links a,
.jump-links a:visited {
	text-decoration: none;
	color: #0099ff;
}

.back-to-top-link,
.back-to-top-link:visited {
	color: #0099ff;
	display: inline-block;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	margin-left: 40px;
}

section.methodology .jump-links,
section.network .jump-links,
section.demand .jump-links,
section.impact .jump-links {
	float: right;
	margin-left: 24px;
	max-width: 320px;
}

#img-demand-graph-intro {
	max-width: 100%;
}

.performance-quintile-title {
	font-size: 24px;
	font-weight: 900;
}

.performance-quintile-sub-title {
	font-size: 16px;
	font-weight: 400;
}

.performance-adt-quintile-chart {
	display: block;
	max-width: 100%;
	margin-top: 10px;
}


#fullscreen-map-button {
	display: block;
	float: right;
	position: relative;
    top: -32px;
	cursor: pointer;
	text-decoration: none;
	color: #0099ff;
	font-weight: 900;
}

/* AG GRID STYLES */
.ag-theme-alpine {
	--ag-foreground-color: #000027;
	--ag-background-color: #ffffff;
	--ag-header-foreground-color: #000027;
	--ag-header-background-color: #ffffff;
	--ag-odd-row-background-color: #ffffff;
	--ag-header-column-resize-handle-color: rgb(126, 46, 132);
	--ag-header-background-color: #ffffff !important;
	--ag-odd-row-background-color: #ffffff !important;

	--ag-font-size: 16px;
	--ag-font-family: Lato;
}
.ag-theme-alpine .ag-header-cell-label {
	font-weight: 900;
}
.ag-root-wrapper {
	border: none !important;
}

.ag-row .ag-cell {
	display: flex;
	align-items: center;
}

.ag-theme-alpine .ag-row-hover{
	cursor: pointer;
}

.ag-paging-panel {
	border: none;
	font-size: 20px;
}

.ag-paging-row-summary-panel,
.ag-paging-page-summary-panel {
	padding-top: 6px;
	margin-right: -5px;
}

.ag-root-wrapper {
	border: none;
}

.ag-body-viewport-wrapper.ag-layout-normal {
	overflow-x: scroll;
	overflow-y: scroll;
}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #94ACC2;
	box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.ag-right-aligned-cell {
	justify-content: flex-end;
}

/* .ag-header {
	border-bottom: 3px solid #94ACC2;
} */

#regionExplorerGrid {
	max-width: 480px;
	width: 100%;
	height: 450px;
	flex-grow: 1;
	border-right: 1px solid #94acc2;
}

/* END AG-GRID STYLES */

.region-explorer-container {
	display: flex;
}

section.regions #data-container {
	display: flex;
	flex-direction: column;
	line-height: initial;
}

section.regions #data-container .left-right-columns-container {
	display: flex;
	flex-direction: row;
}

section.regions ul {
	max-width: 800px;
	margin: 24px auto;
}

#data-container .selected-region-name {
	font-size: 24px;
	font-weight: 900;
	padding-left: 24px;
	height: 34px;
}


.methodology-image {
	max-width: 100%;
}


.left-right-columns-container .column-left {
	border-color: #94acc2;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	flex-grow: 1;
}

.left-right-columns-container .column-right {
	border-color: #94acc2;
	border-style: solid;
	border-width: 1px 0 1px 0;
	text-align: center;
	flex-grow: 1;
}

.total-signals-analyzed {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 6px;
	height: 91px;
	border-bottom: 1px solid #94acc2;
}

.total-signals-analyzed .number {
	font-size: 50px;
	font-weight: 900;
	text-align: right;
}

#data-container .label {
	font-size: 12px;
	font-weight: 400;
	text-align: right;
}

#data-container .number {
	text-align: right;
}

.peak-demand-hour {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 31px;
	height: 100px;
	border-bottom: 1px solid #94acc2;
	white-space: nowrap;
}

.peak-demand-hour .number {
	font-size: 25px;
	font-weight: 900;
	text-align: right;
}

.peak-demand-hour .number span {
	font-size: 14px;
}

.am-peak-vs-pm-peak-hour-demand {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 6px;
	height: 100px;
}

.am-peak-vs-pm-peak-hour-demand .number {
	font-size: 50px;
	font-weight: 900;
	text-align: right;
}

.bottom-row-container {
	display: flex;
}

.bottom-row-container .column-left {
	flex-basis:  392px;
}

.bottom-row-container .title-row {
	font-size: 12px;
	font-weight: 900;
	height: 26px;
	padding-top: 4px;
	border-bottom: 1px solid #94acc2;
	text-align: center;
	white-space: nowrap;
}

.bottom-row-container .column-left .title-row {
	border-right: 1px solid #94acc2;
}

.bottom-row-container .column-right .title-row {
	padding-left: 16px;
	padding-right: 16px;
	border-right: 0;
}

.bottom-row-container .column-left .impact-container,
.bottom-row-container .column-right .impact-change-container,
.avg-signal-container {
	display: flex;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 7px;
	border-color: #94acc2;
	border-style: solid;
	border-width: 0 1px 0 0;
	height: 80px;
}

.avg-signal-container {
	border-right: 0;
	border-bottom: 1px solid #94acc2;
	gap: 24px;
}

.bottom-row-container .column-right .impact-change-container {
	gap: 24px;
	border-right: 0;
}

.bottom-row-container .number,
.avg-signal-container .number {
	font-size: 25px;
	font-weight: 900;
}

.left-right-columns-container .title-row {
	font-size: 12px;
	font-weight: 900;
	height: 26px;
	padding-top: 4px;
	border-bottom: 1px solid #94acc2;
	text-align: center;
	white-space: nowrap;
}

.quintile-table {
	display: flex;
}

.quintile-table .header {
	font-weight: 900;
	font-size: 12px;
	border-bottom: 1px solid #94acc2;
	height: 38px;
	padding-top: 3px;
	text-align: right;
	margin-bottom: 6px;
}

.quintile-table .row {
	font-size: 12px;
	font-weight: 400;
	text-align: right;
	height: 24px;
}

.quintile-table .column {
	flex-grow: 1;
}


/* SPLIDER CSS SLIDER STYLES */

.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}

/* END SPLIDER CSS STYLES */

.splide__slide {
	background-color: #ffffff;
	min-height: 40;
	border: 1px solid #94acc2;
}

.splide__slide img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

section.content .text-body ul.splide__pagination {
	max-width: 100%;
	text-align: center;
	margin: 0;
}

.splide:not( .is-overflow ) .splide__pagination {
	display: block;
}

.splide__pagination__page.is-active {
	background-color: #0099ff;
}

.splide__pagination {
	bottom: -24px;
}

.splide { /* The Sliders */
	margin-bottom: 64px;
}

.splide__arrow {
	background-color: #0099ff;
	border: 2px solid #ffffff;
}

.splide__arrow svg {
	fill: #ffffff;
}



.network-stats-container {
	margin: 32px auto 48px auto;
	overflow-x: scroll;
    padding-bottom: 16px;
}

.network-stats-container .table {
	display: flex;
}

.network-stats-container .table .column {
	text-align: right;
}

.network-stats-container .table .column .cell.header {
	font-weight: 900;
	border-bottom: 1px solid #94acc2;
	line-height: 100%;
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
}

.network-stats-container .h2 {
	margin-bottom: 17px;
}

.network-stats-container .table .column:first-child .cell.header {
	border-left: none;
}

.network-stats-container .table .column .cell.label {
	font-weight: 900;
	border-left: none;
}

.network-stats-container .table .column .cell {
	padding: 8px 14px;
	border-left: 1px solid #94acc2;
	border-bottom: 1px solid #94acc2;
}

.network-stats-container .table .column .cell:last-child {
	border-bottom: none;
}

section.demand .text-body {
	padding-top: 24px;
}

section.demand .sub-section-one {
	display: flex;
	gap: 80px;
}

section.demand .sub-section-one .column {
	flex-grow: 1;
}

section.demand .sub-section-one .column:first-child {
	flex-basis: 100%;
}

section.demand .sub-section-one .column ul {
	margin-top: 0;
}

section.demand .sub-section-one .column img {
	width: 100%;
}

section.demand .graph-intro.title {
	font-weight: 900;
	line-height: 120%;
	padding-bottom: 24px;
	margin-top: 32px;
}


.performance-stats-container,
.impact-stats-container {
	display: flex;
	gap: 20px;
	margin-bottom: 24px;
}

.performance-stats-container .stat-container,
.impact-stats-container .stat-container {
	border-right: 1px solid #94acc2;
	padding-right: 24px;
}

.performance-stats-container .stat-container:last-child,
.impact-stats-container .stat-container:last-child {
	border-right: none;
	padding-right: 0;
}

.performance-stats-container .stat-container .number,
.impact-stats-container .stat-container .number {
	font-size: 56px;
	font-weight: 900;
	line-height: normal;
}

.performance-stats-container .stat-container .label,
.impact-stats-container .stat-container .label {
	margin-top: -8px;
}

section.content.signals-map p {
	max-width: 800px;
	margin: 24px auto;
}

section.content.signals-map ul {
	max-width: 800px;
	margin: 4px auto 16px auto;
	padding-left: 24px;
}

section.content.regions .text-body {
	max-width: 100%;
}

section.content.regions p {
	max-width: 800px;
	margin: 24px auto;
}




.cta-container {
	position: absolute;
	right: 24px;
	top: 16px;
	display: flex;
	gap: 12px;
	flex-direction: column;
	align-items: flex-end;
	max-width: 140px;
}

.cta-container .learn-more-container {
	font-size: 16px;
	font-weight: 900;
	text-align: right;
	max-width: 150px;
	line-height: 120%;
}

.cta-container .learn-more-container a,
.cta-container .learn-more-container a:visited {
	color: #ffffff;
	text-decoration: none;
	background-color: #0099ff;
	padding: 6px 24px;
	border-radius: 20px;
	display: inline-block;
	margin-top: 8px;
	font-size: 12px;
	font-weight: 700;
}

.cta-container .webinar-container,
.cta-container .events-container {
	text-align: right;
}

.cta-container .webinar-container a,
.cta-container .events-container a {
	font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    margin-top: 3px;
}


/* WEBFORM STYLES */

section.contact-form-container .h1 {
	left: 0;
}

section.contact-form-container p {
	font-size: 16px;
	max-width: 620px;
}

/* section.form-wrapper {
	margin: 0 auto;
	border-radius: 40px;
	background-color: #ffffff;
	max-width: 1280px;
	padding: 60px 60px 0 60px;
}

section.form-wrapper .instructions {
	text-align: left;
	font-size: 32px;
	padding-bottom: 30px;
	color: #000027;
	line-height: 120%;
} */

.form-and-links-container {
	display: flex;
	gap: 80px;
	width: 100%;
}


.form-and-links-container .links-container {
	display: flex;
	flex-direction: column;
	gap: 80px;
	align-items: center;
	padding-top: 37px;
}

.form-and-links-container .links-container .featured-link {
	padding: 24px;
	border: 1px solid #94acc2;
	border-radius: 16px;
	width: max-content;
}

.links-container .featured-link .title {
	font-size: 16px;
	font-weight: 900;
}

#pardot-iframe {
	height: 500px;
}

@media screen and (max-width: 990px) {
	#pardot-iframe {
		height: 1060px;
	}

	section.form-wrapper {
		padding: 40px 30px 0 30px;
	}
}

@media screen and (max-width: 590px) {
	#pardot-iframe {
		height: 1130px;
	}

	section.form-wrapper {
		padding: 30px 20px 0 20px;
	}
}

/* END WEBFORM STYLES */

/*********************************
** RESPONSIZE CSS STYLING ********
*********************************/

@media screen and (max-width: 800px) {

	section.content,
	section.navigation,
	section.contact-form-container {
		min-width: 0;
	}
	
	section.navigation .nav-bar {
		display: none;
	}

	section.navigation .mobile-nav {
		display: block;
	}

	section.content {
		padding: 32px;
	}

	.section-marker {
		left: 0;
		width: 24px;
		height: 40px;
		border-radius: 0 40px 40px 0;
		top: 78px;
	}

	section.content .h1 {
		left: 0;
		top: 40px;
		font-size: 40px;
	}

	section.content .text-body {
		margin-top: 48px;
	}

	section.content.overview .text-body {
		margin-top: 0;
		flex-direction: column;
		margin-top: 48px;
		gap: 32px;
		padding-bottom: 32px;
	}

	section.content.overview .stats-column {
		max-width: 100%;
		transform-origin: top left;
		transform: scale(62%);
	}

	.cta-container {
		bottom: 100%;
		height: 160px;
		flex-direction: row;
		max-width: 100%;
		align-items: flex-end;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
		right: 0;
		padding-right: 16px;
		top: unset;
		padding-bottom: 24px;
	}

	.cta-container .learn-more-container {
		color: #ffffff;
		font-size: 12px;
	}

	section.content .jump-links {
		float: left;
		margin-left: 0;
		width: 100%;
		margin-bottom: 16px;
	}

	section.content .text-body ul {
		margin: 16px 0 16px 0;
		clear: both;
	}

	.back-to-top-link,
	.back-to-top-link:visited {
		display: block;
		margin-left: 0;
	}

	section.performance .intro-container {
		flex-direction: column-reverse;
		gap: 0;
	}

	section.contact-form-container {
		padding: 48px 32px 48px 32px;
	}

	.performance-stats-container,
	.impact-stats-container {
		flex-wrap: wrap;
	}

	.performance-stats-container .stat-container,
	.impact-stats-container .stat-container {
		border-right: none;
	}

	section.hero video {
		object-fit: cover;
		height: 100%;
	}

	section.content.regions {
		padding: 32px 0;
	}

	section.content.regions .h1 {
		padding: 0 32px 0 32px;
	}

	section.content.regions .text-body ul,
	section.content.regions .text-body p.footnotes {
		margin-left: 32px;
		margin-right: 24px;
	}

	.region-explorer-container {
		flex-direction: column;
	}

	#regionExplorerGrid {
		height: 283px;
		margin-bottom: 8px;
		border-bottom: 1px solid #94acc2;
		border-right: none;
	}

	section.regions #data-container .selected-region-name {
		height: auto;
		padding-bottom: 12px;
	}

	section.regions #data-container .left-right-columns-container {
		flex-direction: column;
	}

	.left-right-columns-container .column-left {
		border-bottom: none;
	}

	section.regions #data-container .avg-signal-container {
		height: 90px;
	}

	section.regions #data-container .bottom-row-container {
		flex-direction: column;
		height: 152px;
	}

	section.regions #data-container .bottom-row-container .column-right .title-row {
		border-top: 1px solid #94acc2;
	}

	section.regions #data-container .column-left .total-signals-analyzed,
	section.regions #data-container .column-left .peak-demand-hour,
	section.regions #data-container .column-left  .am-peak-vs-pm-peak-hour-demand {
		padding-right: 25%;
	}

}