/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 19 October 2021 14:43:52
*/


.page-content {
  padding: 0 1.1em;
}

.page-content a {
    color: #0081cb;
}

ul.left-nav {
  margin-top: 2em;
}

img.image-right {
  float: right;
  margin: .4em 0 .6em 1.4em;
}

img.image-left {
  float: left;
  margin: 0.4em 1.4em .6em 0;
}

.page-content .introduction {
    font-size: 1.4em;
}

.highlight {
  background: #fff;
  padding: 1.5em 1.2em 1.3em 1.8em;
  margin: 1.8em 0;
  border-left: 4px solid #0081cb;
  font-size: 1.375em;
  font-family: 'Roboto Slab';
}

.quote-text {
  padding: 1.6em 3.2em;
  font-family: 'Roboto Slab Regular';
  font-size: 1.375em;
  position: relative;
  z-index: 1;
}

.quote-text:before {
  content: '';
  position: absolute;
  background: url(https://www.ergon.com.au/__data/assets/image/0004/326641/quotes.png?v=0.1.1) no-repeat -142px 0px;
  width: 96px;
  height: 78px;
  top: 0;
  left: 0;
  z-index: -1;
}

.quote-text:after {
  content: '';
  background: url(https://www.ergon.com.au/__data/assets/image/0004/326641/quotes.png?v=0.1.1) no-repeat 0px 0px;
  position: absolute;
  width: 96px;
  height: 78px;
  bottom: 0;
  right: 0;
  z-index: -1;
}

/********** custom list styles **********/
.page-content .steps ol { 
    counter-reset: item;
    list-style-type: none;
    padding-left: 2.2em;
}

.page-content .steps ol li { 
    position: relative;
    margin: .6em .3em;
    padding: .8em 0 .6em 1.4em;  
}

.page-content .steps ol li:before { 
    content: counter(item);
    counter-increment: item;
    position: absolute;
    left: -30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #0081cb;
    line-height: 32px;
    text-align: center;
    width: 36px;
    height: 36px;
}

.page-content ul, .page-content ol {
  padding-left: 2em;
}

.page-content ul li, .page-content ol li {
  padding: .3em;
}

.page-content li > ul li {
  list-style: none;
  position: relative;
}

.page-content li > ul li:before {
  content: '\00BB';
  position: absolute;
  left: -25px;
}

.page-content li ul ul li:before {
  content: '\203A';
  position: absolute;
  left: -24px;
}

.page-content ol { 
  counter-reset: item;
}

.page-content ol li { 
  display: block;
  position: relative;
}

.page-content ol li:before { 
  content: counters(item, ".") ". "; 
  counter-increment: item;
  position: absolute;
  left: -25px;
}

.page-content ol ol li {
  padding-left: 1em;
}

.page-content ol ol ol li {
  padding-left: 2em;
}

.footnotes ol {
  list-style-type: none;
  counter-reset: section;
}

.page-content .footnotes ol li:before {
  counter-increment: section;
  content: counters(section,".")".";
}




/************** incontent table styles ***********/
table.file-listing {
  width: 100%;
  float: none;
  clear: both;
}

table.file-listing thead {
  border: solid 1px #C6C6C6;
  border-left: 0;
  border-right: 0;
}

table.file-listing th {
  background: #EDEDED;
  border-color: #C6C6C6;
  text-align: left;
  padding: .5em;
}

table.file-listing thead th:last-child, table.file-listing tbody td:last-child {
  text-align: right;
}

table.file-listing tbody td {
  border-bottom: 1px solid #DDD;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-right: .5em;
}

table.file-listing td.file {
  position: relative;
  padding-left: 40px;
  vertical-align: middle;
}

table.simple {
  border: none !important;
}

table.simple th {
  background: #FFF;
}

.manage-your-energy table.simple th {
    border-top: 1px solid #DDD;
}

table.simple th {
  border-left: none;
  border-right: none;
}

table.simple  td {
  padding: .5em;
  vertical-align: top;
  border: 1px solid #DDD;
  border-left: none;
  border-right: none;
}

.page-content table {
  border: 1px solid #DDD;
  background: #fff;
  width: 100%;
  max-width: 100%;
}

.page-content thead tr, .page-content th {
  background: #EAEAEA;
}

.page-content th {
  padding: .5em;
  text-align: left;
    border: 1px solid #DDD;
}

.page-content td {
  padding: .5em;
  border: 1px solid #DDD;
}


.mejs-offscreen{
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).  Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 - no likey commas */
	clip: rect(1px, 1px, 1px, 1px); /* IE8-IE11 - we likey commas, no support for clip-path */
	clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.mejs-container {
	position: relative;
	background: #000;
	font-family: Helvetica, Arial;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
}

.mejs-container:focus {
	outline: none;
}

.me-plugin {
	position: absolute;
}

.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}

.mejs-fullscreen {
	/* set it to not show scroll bars so 100% will work */
	overflow: hidden !important;
}

.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
	width: 100%;
	height: 100%;
}

.mejs-clear {
	clear: both;
}

/* Start: LAYERS */
.mejs-background {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain ;
	background-position: 50% 50% ;
	background-repeat: no-repeat ;
}
:root .mejs-poster img {
	display: none ;
}

.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0;
}

.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-overlay-play {
	cursor: pointer;
}

.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url(bigplay.svg) no-repeat;
}

.no-svg .mejs-overlay-button {
	background-image: url(bigplay.png);
}

.mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -100px ;
}

.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: #333;
	background: url(background.png);
	background: rgba(0, 0, 0, 0.9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}

.mejs-overlay-loading span {
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url(loading.gif) 50% 50% no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background: url(background.png);
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	height: 30px;
	width: 100%;
}
.mejs-container .mejs-controls  div {
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 11px;
	line-height: 11px;
	font-family: Helvetica, Arial;
	border: 0;
}

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	height: 16px;
	width: 16px;
	border: 0;
	background: transparent url(controls.svg) no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
	background-image: url(controls.png);
}

	/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
	outline: dotted 1px #999;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
	color: #fff;
	display: block;
	height: 17px;
	width: auto;
	padding: 10px 3px 0 3px ;
	overflow: hidden;
	text-align: center;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time a {
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	display: block;
	float: left;
	margin: 1px 2px 0 0;
	width: auto;
}
/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
	background-position: 0 0;
}

.mejs-controls .mejs-pause button {
	background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
	background-position: -112px 0;
}
/* Start: Play/Pause/Stop */

/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
	direction: ltr;
	width: 200px;
	padding-top: 5px;
}

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
	display: block;
	position: absolute;
	width: 180px;
	height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
	width: 100%;
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	-moz-animation: buffering-stripes 2s linear infinite;
	-ms-animation: buffering-stripes 2s linear infinite;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #3caac8;
	background: rgba(60,170,200,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8)));
	background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	background: #eee;
	width: 36px;
	height: 17px;
	border: solid 1px #333;
	top: -26px;
	margin-left: -18px;
	text-align: center;
	color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: 15px;
	left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
	width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	left: 18px;
}

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress Bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
	background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
	background-position: -32px -16px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
	background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
	background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
	position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	height: 115px;
	width: 25px;
	background: url(background.png);
	background: rgba(50, 50, 50, 0.7);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: -115px;
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.5);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	cursor: N-resize;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
}

/* horizontal version */
.mejs-controls a.mejs-horizontal-volume-slider {
	height: 26px;
	width: 56px;
	position: relative;
    display: block;
    float: left;
    vertical-align: middle;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
}

/* End: Mute/Volume */

/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
	position: relative;
}

.mejs-controls .mejs-captions-button button {
	background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -51px;
	width: 85px;
	height: 100px;
	background: url(background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	width: 55px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
	font-size: 10px;
	margin: 0 0 5px 0;
}

.mejs-chapters {
	position: absolute;
	top: 0;
	left: 0;
	-xborder-right: solid 1px #fff;
	width: 10000px;
	z-index: 1;
}

.mejs-chapters .mejs-chapter {
	position: absolute;
	float: left;
	background: #222;
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
	overflow: hidden;
	border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
	font-size: 11px;
	color: #fff;
	padding: 5px;
	display: block;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
	border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	background: #666;
	background: rgba(102,102,102, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
	font-size: 12px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 0 3px 0;
	line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
	font-size: 12px;
	line-height: 12px;
	margin: 3px 0 4px 0;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mejs-captions-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align:center;
	line-height: 20px;
	font-size: 16px;
	color: #fff;
}

.mejs-captions-layer  a {
	color: #fff;
	text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
	font-size: 20px;
	font-weight: normal;
}

.mejs-captions-position {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 0;
}

.mejs-captions-position-hover {
	bottom: 35px;
}

.mejs-captions-text {
	padding: 3px 5px;
	background: url(background.png);
	background: rgba(20, 20, 20, 0.5);
	white-space: pre-wrap;
}
/* End: Track (Captions and Chapters) */

/* Start: Error */
.me-cannotplay {
}

.me-cannotplay a {
	color: #fff;
	font-weight: bold;
}

.me-cannotplay span {
	padding: 15px;
	display: block;
}
/* End: Error */


/* Start: Loop */
.mejs-controls .mejs-loop-off button {
	background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
	background-position: -64px 0;
}

/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
	background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0;
}
/* End: backlight */

/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
	background-position: -96px 0;
}
/* End: Picture Controls */


/* context menu */
.mejs-contextmenu {
	position: absolute;
	width: 150px;
	padding: 10px;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: #fff;
	border: solid 1px #999;
	z-index: 1001; /* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
	height: 1px;
	font-size: 0;
	margin: 5px 6px;
	background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
	font-family: Helvetica, Arial;
	font-size: 12px;
	padding: 4px 6px;
	cursor: pointer;
	color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
	background: #2C7C91;
	color: #fff;
}

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
	position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}
/* End: Source Chooser */

/* Start: Postroll */
.mejs-postroll-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(background.png);
	background: rgba(50,50,50,0.7);
	z-index: 1000;
	overflow: hidden;
}
.mejs-postroll-layer-content {
	width: 100%;
	height: 100%;
}
.mejs-postroll-close {
	position: absolute;
	right: 0;
	top: 0;
	background: url(background.png);
	background: rgba(50,50,50,0.7);
	color: #fff;
	padding: 4px;
	z-index: 100;
	cursor: pointer;
}
/* End: Postroll */


/* Start: Speed */
div.mejs-speed-button {
	width: 46px !important;
	position: relative;
}

.mejs-controls .mejs-button.mejs-speed-button button {
	background: transparent;
	width: 36px;
	font-size: 11px;
	line-height: normal;
	color: #ffffff;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
	display: none;
	position: absolute;
	top: -100px;
	left: -10px;
	width: 60px;
	height: 100px;
	background: url(background.png);
	background: rgba(50, 50, 50, 0.7);
	border: solid 1px transparent;
	padding: 0;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
	display: block;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
	color: rgba(33, 248, 248, 1);
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
	margin: 0 0 6px 0;
	padding: 0 10px;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
	display: none;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
	width: 60px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 11.5px;
	color: white;
	margin-left: 5px;
	cursor: pointer;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
	background-color: rgb(200, 200, 200) !important;
	background-color: rgba(255,255,255,.4) !important;
}
/* End: Speed */

/* Start: Jump Forward */

.mejs-controls .mejs-button.mejs-jump-forward-button {
	background: transparent url(jumpforward.png) no-repeat;
	background-position: 3px 3px;
}
.mejs-controls .mejs-button.mejs-jump-forward-button button {
	background: transparent;
	font-size: 9px;
	line-height: normal;
	color: #ffffff;
}

/* End: Jump Forward */

/* Start: Skip Back */

.mejs-controls .mejs-button.mejs-skip-back-button {
	background: transparent url(skipback.png) no-repeat;
	background-position: 3px 3px;
}
.mejs-controls .mejs-button.mejs-skip-back-button button {
	background: transparent;
	font-size: 9px;
	line-height: normal;
	color: #ffffff;
}

/* End: Skip Back */


/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 19 October 2021 14:43:52
*/


/* Additional styling for Manage Your Energy section */

body:before {
    content: 'mobile';
    display: none;
}

.navbar-gateway {
    position: fixed;
    z-index: 100;
    top: 0;
}

html {
    font-size: 100%;
}

body {
    /*padding: 40px 0 0 0;*/
    font-size: 100%;
}

@media (min-width: 767px) {
    body {
        padding: 40px 0 0 0;
    }
}

.mobile-hide {
    display: none;
}

.manage-your-energy.content-page {
    background: #f5f5f5;
}

.manage-your-energy h1, .manage-your-energy h2 {
    color: #323232;
    font-weight: 300;
    font-family: 'Monserrat', Helvetica, sans-serif;
    margin-bottom: 25px;
}

.manage-your-energy .show-hide h2 {
    font-weight: 700;
    margin-bottom: 0;
}

.manage-your-energy .show-hide .panel-heading {
    border: 1px solid rgb(221, 221, 221);
}

.manage-your-energy .video-module .show-hide .panel-heading {
    border: 0px;
}

.show-hide+.show-hide {
    margin-top: 0;
}

.manage-your-energy h3, .manage-your-energy h4 {
    color: #656565;
    font-family: 'Roboto Slab', 'Times New Roman', Times, serif;
    font-weight: 700;
}

.manage-your-energy h1 {
    font-size: 2em;
}

.manage-your-energy h2 {
    font-size: 1.75em;
}

.manage-your-energy h3 {
    font-size: 1.125em;
}

.manage-your-energy h4 {
    font-size: 1em;
}


/* .manage-your-energy .page-content h1, .manage-your-energy .page-content h2 {
    color: #323232;
}
 */

.manage-your-energy ol li::before {
    font-weight: bold;
}

.manage-your-energy .header-nav-menu-button {
    background: #0083C9;
}

.manage-your-energy .header-nav-menu-button a {
    background: #0083C9;
    color: #fff;
}

.header-nav.header-nav-collapsed .header-nav-menu-button, .header-nav.header-nav-collapsed a {
    background: #fff;
    color: #0083C9;
}

.manage-your-energy.content-page .inside-page-content {
    padding: 0 20px;
}

.header {
    background: #ffffff;
    padding: 0;
    height: 80px;
}

.header .mye-page-title {
    position: absolute;
    top: 40px;
    width: 75%;
    left: 10%;
}

.header .mye-page-title .sub, .header .mye-page-title .divider {
    display: none;
}

.header-nav-menu-button a {
    background-color: #ffffff;
    color: #2582CA;
}

.mye-page-title__content .item {
    display: none;
}


/* .mye-page-title__content .item:first-child {
    display: block;
} */

.mye-page-title__content .item:first-child {
    display: none;
}

.header .mye-page-title__content .sub.active {
    display: block;
}

.header .mye-page-title__content .overview {
    display: none;
}

.content-page .mye-page-title__content .item:first-child {
    display: block;
}

.content-page .header .mye-page-title__content .sub.active {
    display: none;
}


/* .network-brand .header-nav .nav-categories, .network-brand .header-nav .nav-segments, .network-brand .header-nav .nav-segments > .active, .network-brand .header-nav .nav-categories > .active { */

.network-brand .header-nav .nav-categories, .network-brand .header-nav .nav-segments, .network-brand .header-nav .nav-segments>.active {
    background: #ffffff;
}

.manage-your-energy .header-nav .nav-segments {
    background-color: #f5f5f5;
}

.nav-segments>li>a {
    background-color: #ffffff;
    width: 85%;
}

.manage-your-energy .header-nav .nav-categories>li>a, .manage-your-energy .nav-segments>li>a {
    color: rgb(130, 130, 130);
    background: #fff;
    float: left;
    font-family: Roboto Slab, Times New Roman, Times, serif;
    border: none;
    text-transform: none;
    text-decoration: none;
}

.manage-your-energy .header-nav .nav-categories>li:hover>a, .manage-your-energy .nav-segments>li:hover>a {
    color: #2582CA;
}

.manage-your-energy .header-nav .nav-categories>li>a, .manage-your-energy .header-nav .nav-categories>li {
    background: #f5f5f5;
    width: 100%;
}

.manage-your-energy .header-nav .nav-categories>li>a {
    width: 75%;
    float: left;
    font-weight: 600;
    padding-left: 45px;
}

.manage-your-energy .sidebar-nav .active .nav-categories>li>a, .manage-your-energy .sidebar-nav .active .nav-categories>li>a:hover {
    font-family: Roboto Slab, Times New Roman, Times, serif;
}

.manage-your-energy .header-nav .active .nav-categories>li>a {
    padding-left: 40px;
    border-left: 6px #f5f5f5 solid;
    margin-bottom: 0;
    font-weight: 600;
}

.manage-your-energy .header-nav .active .nav-categories>li.active>a {
    border-color: #2582CA;
}

.manage-your-energy .header-nav .active .nav-categories>li.active.expanded>a {
    border-left-color: #0081cb;
}

.manage-your-energy .header-nav .nav-categories>li>a:after {
    content: "";
    position: relative;
    display: block;
    border-bottom: 1px solid #d5d5d5;
    width: 170%;
    height: 100%;
    left: -20px;
    bottom: -20px;
    padding-top: 1px;
}

.manage-your-energy .header-nav .active .nav-categories>li.expanded>a:after {
    border-bottom: 1px solid #cccccc;
}

.manage-your-energy .header-nav .active .nav-categories>li:last-child>a:after {
    content: "";
    border-bottom: none;
}

.header-nav .active .nav-categories>li>a {
    padding-left: 37px;
    width: 75%;
}

.header-nav .nav-categories {
    display: none;
    float: left;
}

.header-nav .expanded .nav-categories {
    display: block;
    width: 100%;
    /*     border-top: 1px solid #000000;  */
    background-color: #f5f5f5;
}

.header-nav .nav-categories .expanded .nav-content-pages {
    display: block;
}

.header-nav .nav-categories>li>a {
    width: 100%;
}


/*
.header-nav .nav-categories .nav-content-pages {
    display: none;
}
 */

.header-nav .nav-categories>li.active>a {
    color: #2582CA;
    border-left: 6px #2582CA solid;
}

.manage-your-energy li.expanded {
    overflow: hidden;
}

.nav-segments>li.active>a {
    color: #2582CA;
    border-left: none;
}

.header-nav .nav-segments>li.active.section>a {
    border-left: none;
}

.header-nav .nav-segments .nav-categories li {
    border-bottom: 1px solid rgb(222, 222, 222);
    background: #f5f5f5;
    float: left;
    width: 100%;
}

.header-nav .nav-segments .expanded .nav-categories li {
    border-bottom: none;
    /* border-bottom: 1px solid #8c8e8f; */
}

.header-nav .nav-segments .expanded .nav-categories .nav-content-pages li {
    border-bottom: none;
    padding-bottom: 1px;
}

.header-nav .nav-content-pages>li:last-child>a {
    border-bottom: none;
}

.manage-your-energy .header-nav .nav-categories>.active, .header-nav .active .nav-categories>li>a, .header-nav .active .nav-categories>li {
    border-top: 0;
    background-color: #f5f5f5;
}

.header-nav .nav-segments .nav-categories li:last-child {
    border-bottom: none;
}

.header-nav .nav-segments .nav-lvl-4 li {
    background: #cccccc;
}

.manage-your-energy .header-nav .nav-lvl-4 li.active a {
    color: #2582CA;
    border-left: 6px #2582CA solid;
    font-weight: 700;
}

.header-nav .active .nav-categories>li>a {
    position: relative;
}

.nav-categories .active.expanded ul.nav-content-pages {
    display: block;
}

.nav-categories .active ul.nav-content-pages {
    display: none;
}

.header-nav .nav-segments .nav-categories .nav-content-pages li {
    border: none;
    padding-left: 3rem;
    border-left: 6px #ebeaea solid;
}

.header-nav .nav-content-pages>li>a {
    color: #656565;
    font-family: "Roboto slab";
    padding: 20px 0 20px 30px;
    /*border-left: 6px #ebeaea solid; */
    border-right: 0;
    margin-bottom: 0;
    /*     border-color: rgba(255, 255, 255, 0.15); */
    border-bottom: 1px solid #d5d5d5;
    font-weight: 600;
}

.header-nav .nav-segments .nav-categories .nav-content-pages li.active {
    color: #2582CA;
    border-left: 6px #2582CA solid;
}

.header-nav .nav-lvl-4 a {
    color: #656565;
    font-family: "Roboto slab";
}

.header-nav .nav-segments .nav-categories .nav-content-pages li.active>a {
    color: #2582CA;
    /* border-left: 6px #2582CA solid; */
}

.header-nav .nav-content-pages .nav-lvl-4>li.active>a {
    color: #0083c9;
}

.header-nav .nav-segments li {
    background-color: #fff;
    float: left;
    width: 100%;
    /* border-top: 1px solid rgb(222,222,222) */
    ;
}

.nav-segment-toggle, .nav-content-pages-toggle {
    width: 1.3em;
    height: 1.3em;
    position: relative;
    display: inline-block;
    z-index: 0;
    top: 14px;
    left: 0;
    float: right;
    margin-right: 18px;
    cursor: pointer;
}

.nav-segment-toggle:before, .nav-segment-toggle:after, .nav-content-pages-toggle:before, .nav-content-pages-toggle:after {
    content: "";
    position: absolute;
    z-index: -1;
    background: #8c8e8f;
}

.active>.nav-segment-toggle:before, .active>.nav-segment-toggle:after, .active>.nav-content-pages-toggle:before, .active>.nav-content-pages-toggle:after {
    background: #2582CA;
}

.expanded .nav-segment-toggle:before, .expanded .nav-content-pages-toggle:before {
    opacity: 0;
}

.nav-categories .nav-segment-toggle:before, .left-nav__sub_sub-nav .nav-segment-toggle:before {
    opacity: 1;
}

.nav-categories .expanded .nav-segment-toggle:before, .left-nav__sub_sub-nav .expanded .nav-segment-toggle:before {
    opacity: 0;
}

.nav-segment-toggle:before, .nav-content-pages-toggle:before {
    left: 56%;
    width: 15%;
    margin-left: -15%;
    height: 100%;
    opacity: 1;
}

.nav-segment-toggle:after, .nav-content-pages-toggle:after {
    top: 57%;
    height: 16%;
    margin-top: -15%;
    width: 100%;
}

.header-nav-collapsed .ergonicon-hamburger-menu:before {
    content: "\e633";
    -webkit-transform: rotate(0deg);
    -transform: rotate(0deg) -moz-transform: rotate(0deg)
}

.ergonicon-hamburger-menu:before {
    display: block;
    content: "+";
    -webkit-transform: rotate(45deg);
    -transform: rotate(45deg) -moz-transform: rotate(45deg)
}

.page-type-inner .left-hand-nav, .mye-home .left-hand-nav, .mye-home .header, .page-title, .breadcrumb, .site-nav-section-name, .left-nav__container {
    display: none;
}

.mye-page-title__content {
    display: inline-block;
    list-style-type: none;
}

.mye-page-title__content .item {
    font-size: 1em;
    float: left;
    margin-right: .1em;
}

.mye-page-title .item a {
    color: #656565;
}

.mye-page-title .item a, .header .mye-page-title__content .sub, .mye-page-title__content .div {
    font-size: 1em;
    font-family: "Roboto slab";
    font-weight: 500;
}

.mye-page-title__content a {
    text-decoration: none;
}

.mye-page-title__content .divider {
    display: none;
    color: #656565;
    font-weight: 300;
}

.heading-image__container {
    background-color: #e6f1f9;
    border-top: 1px solid #ddd;
    box-shadow: 3px 0px 13px 3px #ddd;
    text-align: center;
    padding: 20px 20px 50px 20px;
}

.manage-your-energy .heading-image__container h1 {
    font-size: 2em;
    color: #323232;
}

.heading-image__text span {
    font-size: 1em;
    line-height: 1.3em;
}

.navbar-gateway .search-button {
    background-color: none;
}

.navbar-gateway .search-button {
    background-color: none;
}

.segment-footer-wrapper {
    background-color: #4A4A4A;
}

.segment-footer-wrapper .container-fluid, .slim-footer-nav .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.segment-footer {
    padding: 5px 0;
}

.segment-footer-contact:before {
    content: none;
}

.segment-footer-contact .segment-footer-text {
    width: 75%;
}

.segment-footer-social:before {
    content: ' ';
    height: auto;
    width: 95%;
    margin: 0 auto;
    position: absolute;
    border-bottom: 1px solid #535353;
    background: none;
    top: 0;
    left: 2.5%;
}

.segment-footer-icon {
    width: auto;
}

.network-brand .segment-footer-heading, .network-brand .segment-footer-icon, .network-brand .segment-footer-text, .network-brand .segment-footer-text a {
    color: #CCCCCC;
}

.segment-footer-social .segment-footer-link {
    float: right;
    width: auto;
    margin-left: 15px;
}

.segment-footer-text .info {
    font-size: 10px;
}

.segment-footer-text a {
    text-decoration: none;
}

.slim-footer-nav .list-inline {
    padding-left: 5px;
}

.list-inline>li {
    padding: 0 10px 0 0;
    text-decoration: none;
}

li.slim-footer-nav-section.slim-footer-nav-links {
    width: 100%;
    margin-top: 10px;
}

.slim-footer-nav-section.slim-footer-nav-info {
    width: 100%;
    padding: 0;
    margin-right: 0;
}

li.slim-footer-nav-section.slim-footer-nav-info:before {
    content: '';
    height: auto;
    width: 90%;
    border-top: 1px solid #535353;
    position: absolute;
    left: 5%;
}

.slim-footer-nav-section.slim-footer-nav-info li {
    margin-right: 0;
}

.slim-footer-nav-links li.last, .slim-footer-nav-links li.last a {
    border-right: none;
}

.slim-footer-nav-section a {
    text-decoration: none;
    font-size: .8em;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    background: #323232;
}

.segment-footer-contact .segment-footer-link {
    float: left;
    width: 100%;
    position: relative;
}

.segment-footer-contact {
    display: table;
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
}

.segment-footer-contact .segment-footer-link:after {
    content: ' ';
    height: auto;
    width: 95%;
    margin: 0 auto;
    position: absolute;
    /*    border-bottom: 1px solid #535353; */
    border-bottom: none;
    top: 0;
    left: 2.5%;
}

.segment-footer-contact:after {
    content: ' ';
    display: none;
    height: auto;
    width: 95%;
    margin: 0 auto;
    position: absolute;
    border-bottom: 1px solid #535353;
    top: 0;
    left: 2.5%;
}

.segment-footer-contact .segment-footer-link {
    position: relative;
}

.segment-footer-contact .segment-footer-text {
    text-align: left;
}

.segment-footer-social {
    display: table;
    position: relative;
    float: left;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

p.segment-footer-heading {
    float: none;
    position: relative;
    margin: 0;
    font-weight: normal;
    font-size: 1.1em;
    display: inline-block;
}

.segment-footer-social .segment-footer-link {
    float: none;
    display: inline-block;
}

.segment-footer-contact, .segment-footer-social {}

.segment-footer.active .segment-footer-contact, .segment-footer.active .segment-footer-social {
    display: table;
}

.segment-footer-toggle-container {
    cursor: pointer;
    display: table;
    width: 100%;
}

.segment-footer-toggle {
    display: inline-block;
    font-family: 'Roboto Slab', 'Times New Roman', Times, serif;
    color: #fff;
    font-size: 1.2em;
    padding: 5px 0 5px 15px;
    text-decoration: none;
}

.segment-footer-toggle:hover, .segment-footer-toggle:focus {
    text-decoration: none;
    color: #DBDBDB;
}

#cross {
    width: .75em;
    height: .75em;
    position: absolute;
    right: 15px;
    display: inline-block;
    z-index: 0;
    top: 15px;
}

#cross:before, #cross:after {
    content: "";
    position: absolute;
    z-index: -1;
    background: #DBDBDB;
}

.segment-footer.active #cross:before {
    opacity: 0;
}

#cross:before {
    left: 50%;
    width: 28%;
    margin-left: -15%;
    height: 100%;
    opacity: 1;
}

#cross:after {
    top: 50%;
    height: 30%;
    margin-top: -15%;
    width: 100%;
}

h2.index-page-listing__title {
    text-align: center;
    padding: 0;
    color: #323232;
    font-weight: normal;
    position: relative;
}

.index-page-listing {
    margin: 0 auto;
    background: #F5F5F5;
    width: 100%;
    padding: 2px;
}

.index-page-item {
    background: #ffffff;
    margin: 5px 10px;
}

div.index-page-item a {
    text-decoration: none;
}

.more-about__container h3.index-page-heading {
    font-size: 1.125em;
    font-weight: bold;
    color: #0083c9;
    height: auto;
    padding: 0 0 15px;
}

.more-about__container .index-page-description {
    font-size: 0.875em;
    color: #656565;
}

.more-about__container a.cta-box-arrow {
    font-size: 1.3em;
    color: #404040;
}


/* Homepage styles */

.mye-home .network-brand.page-type-inner {
    background-color: #F5F5F5;
}

.mye-home .page-type-inner .left-hand-nav {
    display: none;
}

.manage-your-energy .inside-page-content {
    width: 100%;
    padding: 0;
    margin: 0;
}

.mye-home .inside-page-content {
    display: table;
}

#home-panel-listing:before {
    background-color: #f5f5f5;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: -100rem;
    width: 1200%;
    z-index: -1;
    top: 0;
    bottom: 0;
}

.home-panel-listing {
    float: left;
    background-color: #F5F5F5;
    padding: 20px 0;
}

.home-panel-listing>h3 {
    color: #323232;
    font-weight: lighter;
    font-size: 2em;
    text-align: center;
    padding-bottom: 25px;
}

.home-panel-listing .item {
    float: left;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 1px 2px 1px #ededed;
    margin-bottom: 20px;
    text-align: center;
    text-decoration: none;
    padding: 20px 30px;
    -webkit-tap-highlight-color: #e3e3e3;
}

.home-panel-listing a.item:hover, .home-panel-listing a.item:active, .home-panel-listing a.item:focus {
    cursor: pointer;
    background: #e3e3e3;
}

.home-panel-listing .item .thumbnail {
    max-height: 200px;
    max-width: 50%;
    height: auto;
    margin: 0 auto;
}

.home-panel-listing .item .title {
    text-align: center;
    color: #0080CC;
    text-decoration: none;
}

.home-panel-listing .item .description {
    text-align: center;
    color: #656565;
    line-height: 1.3;
}

.home-panel-listing .item .read-more-container {
    display: flex;
    margin: 20px auto 0;
    max-width: 275px;
    position: relative;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    float: none;
}

.more-about__container {
    border-top: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 4rem 0;
    background: #F5F5F5;
}

.manage-your-energy h2.index-page-listing__title, .manage-your-energy .news-tile-module__title h2 {
    text-align: center;
    font-size: 1.75em;
    font-weight: 200;
    color: #323232;
}

.read-more-text__container {
    float: left;
    background-color: #ECECEC;
    padding: 0 10px;
    width: 90%;
}

.home-panel-listing .item .read-more-text {
    padding: 15px 0;
    color: #656565;
    display: inline-block;
    line-height: 20px;
    font-size: 1em;
    text-align: left;
    float: none;
    margin-left: auto;
}

.home-panel-listing .item .read-more-icon__container {
    width: 50px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #C5C5C5;
}

.home-panel-listing .item:hover .read-more-icon__container {
    background-color: #888;
}

.read-more-text__container {
    width: 80%;
}

.home-panel-listing h2 {
    display: table;
    padding: 0 0 25px 0;
    text-align: center;
    width: 100%;
}

p.home-panel-listing-heading {
    font-size: 2.5em;
    font-weight: 200;
    font-family: 'Monserrat', Helvetica, sans-serif;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.home-panel-listing .item .read-more-icon {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid #636262;
    border-bottom: 8px solid transparent;
    margin: 1rem 1rem;
}

.manage-your-energy .promo-wrapper {
    max-width: none;
    margin: 0;
    z-index: 2;
}

.mye-banner__media:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.mye-banner__media {
    position: relative;
    display: block;
}

.mye-banner__image {
    max-height: 640px;
    /*width: 100%;*/
}

.mye-banner__content {
    position: absolute;
    top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    z-index: 1;
}

.mye-home .promo-wrapper .logo-container {
    max-width: 1150px;
    margin: 0 auto;
    padding-left: 20px;
    position: relative;
    z-index: 2;
}

.mye-home .promo-wrapper .logo {
    /*    width: 100px; */
    width: 65px;
    height: auto;
    position: absolute;
    z-index: 1;
    margin-top: 1em;
    margin-left: -1.5em;
}

.mye-home .promo-wrapper .logo-container.stuck .logo {
    width: 65px;
}

.mye-banner__content h1.mye-banner__title {
    position: relative;
    top: 120px;
    text-align: center;
    margin: 0 auto;
    font-weight: lighter;
    font-size: 2.5em;
    color: #ffffff;
    border-top: 2px solid #007DCE;
    border-bottom: 2px solid #007DCE;
    padding: 25px 0;
    width: 80%;
    max-width: 1000px;
    padding: 0.5em 1em;
}

.mye-banner__description {
    position: relative;
    text-align: center;
    top: 150px;
    color: #ffffff;
    font-size: 1em;
    margin: 0 auto;
    display: block;
    font-weight: lighter;
    width: 70%;
    max-width: 900px;
    padding: 0;
    font-size: 1em;
}

.scroll-for-more__container {
    position: relative;
    top: 230px;
    width: 100%;
    text-align: center;
    display: block;
    
}

.scroll-for-more__text {
    border: 0px !important;
    color: #ffffff;
    font-size: .875em;
    text-decoration: none !important;
    outline: 0px !important;
}

.scroll-for-more__text:hover, .scroll-for-more__text:active, .scroll-for-more__text:focus, .scroll-for-more__text:visited {
    border: 0px;
    color: #ffffff;
    text-decoration: none;
}

.scroll-for-more__arrow {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    margin: 0 auto;
    transform: rotate(225deg);
}

.mye-landing .heading-image__image {
    max-width: 100%;
    max-height: 325px;
}

.content-heading-image {
    width: 100%;
}

.manage-your-energy .related-link a {
    background: #ececec;
    border: none;
    color: #656565;
    padding-left: 2rem;
}

.manage-your-energy .related-links ul {
    padding-left: 0;
}

.sidebar-nav {
    padding: 0;
    width: auto;
    margin: -46px auto 46px auto;
    max-width: 1000px;
    top: -46px;
    float: none;
}

.index-page-listing li .index-page-item {
    box-shadow: 1px 1px 1px 1px #e9e9e9;
}

.banner__image-carousel.slick-initialized.slick-slider:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    content: "";
}


/* Content Template Styles */


/* .image-module {
    margin: 2rem 0;
} */


/* Promo Banner Module */

.promo-banner-module:before {
    position: absolute;
    background: #0d51a1;
    padding: 0;
    margin-left: -9999px;
    z-index: -1;
    content: "";
    display: block;
    height: 100%;
    width: 99999px;
    top: 0px;
    bottom: 0px;
}

.promo-banner-module {
    overflow: visible;
    background-color: #0d51a1;
    padding: 2rem 0px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.promo-banner-module__image--wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}

.promo-banner-module__image {
    width: 50%;
    height: 100%;
}

.promo-banner-module__text--container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.promo-banner-module__text--title {
    position: relative;
    display: flex;
    justify-content: center;
}

.promo-banner-module__text--title a {
    color: #fff;
    text-decoration: none;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
}

.promo-banner-module__text--title a h3 {
    font-size: 1.75em;
    font-weight: 400;
    color: #fff;
}

.promo-banner-module__text--tagline {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #b8e6ff;
    margin: 0 1rem;
}

.manage-your-energy .promo-banner-module__text--tagline h4 {
    font-weight: 300;
    font-size: initial;
    color: #b8e6ff;
    text-align: center;
    font-size: 1.125em;
    margin-bottom: 1rem;
}

.promo-banner-module__button--container {
    display: flex;
    justify-content: center;
}

.manage-your-energy a.promo-banner-module__button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: #0f213d;
    width: 11rem;
    color: #fff;
    text-decoration: none;
    padding-left: 1rem;
}

.promo-banner-module__button--text {
    font-size: 0.875em;
}

.promo-banner-module__button--arrow {
    background-color: #03080f;
    padding: 0.5rem;
}


/* L/R Module */

.left-right-module__item--container {
    padding: 20px 0;
}

.left-right-module__item {
    margin: 1rem 0;
}

.left-right-module__image {
    min-width: 300px;
    max-width: 300px;
}

.left-right-module__image--wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
}

.left-right-module__title {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
}

.manage-your-energy .left-right-module__title>h2 {
    text-align: center;
    color: #656565;
    font-size: 1.125em;
    font-weight: normal;
}

.left-right-module__description {
    margin: 15px 0;
}

.left-right-module__description p {
    text-align: center;
    margin-bottom: 10px;
    font-size: 1em;
    font-weight: 200;
    color: #333;
    line-height: 1.2em;
}


/* Column Module */

.column-module__container {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
    padding: 20px 0;
}

.column-module__container:before {
    content: "";
    background-color: #f5f5f5;
    width: 1200%;
    height: auto;
    position: absolute;
    display: block;
    top: 0px;
    left: -100rem;
    bottom: 0px;
}

.column-module {
    display: block;
    position: relative;
    width: 100%;
}

.column-module__column--container {
    padding: 0 1.5rem;
}

.column-module__title {
    margin: 1rem 0 0;
}

.manage-your-energy .column-module__title h2 {
    /*     font-size: 1.75em; */
}

.column-module__subtitle {
    margin: 1rem 0;
}

.manage-your-energy .column-module__subtitle p {
    font-size: 1em;
    font-weight: 200;
}

.column-module__title h2, .column-module__subtitle p {
    text-align: center;
    width: 80%;
    align-self: center;
}

.column-module__title, .column-module__subtitle, .column-module__column--container {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}

.column-module__column {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 2rem;
}

.column-module__column--image {
    width: 30%;
    display: flex;
    height: inherit;
    justify-content: center;
}

.column-module__column--image img {
    width: 100%;
    height: 50%;
}

.column-module__column--text-container {
    width: 100%;
    padding-left: 1rem;
}

.manage-your-energy .column-module__column-tagline h4 {
    font-size: 1.125em;
    font-weight: 500;
    margin-top: 0;
    color: #656565;
}

.column-module__column-description p {
    font-family: Roboto Slab, Times New Roman, Times, serif;
    font-weight: 500;
    font-size: 0.875em;
    color: #8c8e8f;
}


/* News Tiles Modules */

.news-tile-module {
    /*     margin-top: 2rem; */
}

.news-tile-module__title {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}


/* Image Module */

.image-module .flexslider {
    margin-bottom: 0;
}

div.image-module .flexslider .slides img {
    height: 12rem;
}

.image-module ul.flex-direction-nav {
    display: none;
}

.flex-direction-nav a.flex-next:before {
    content: url(https://www.ergon.com.au/__data/assets/image/0006/693600/Arrow-Next.png?v=0.1.1);
}

.flex-direction-nav a.flex-prev:before {
    content: url(https://www.ergon.com.au/__data/assets/image/0007/693601/Arrow-Prev.png?v=0.1.1);
}

.image-module__text--container {
    display: flex;
    justify-content: center;
}

.image-module__text--container--inner {
    width: 80%;
    align-self: center;
}

h3.image-module__text--title strong {
    font-size: 1.125em;
}

.image-module__text--caption p {
    z-index: 2;
    position: relative;
}

.image-module__text--caption p {
    font-size: 0.75em;
}

.custom-controls-container .flex-control-paging li a.flex-active, ol.flex-control-nav.flex-control-paging a.flex-active, .flex-control-thumbs li img.flex-active {
    background-color: #0081cb;
}

div.image-module__text--container h3, span.make-ellipsis.lines-3.ellipsis-content {
    color: #656565;
}

/

/* Video Module */

.video-module {
    position: relative;
    display: block;
    width: 100%;
}

.video-module .flexslider {
    border: none;
    margin-bottom: 0;
}

.video-module .panel.panel-default.show-hide .panel-heading, .video-module .panel.panel-default.show-hide .panel-body {
    background: #323232;
    color: white;
}

.video-module .flexslider-video-container {
    display: block;
    position: relative;
    width: 100%;
    margin-left: 0;
}

.video-module .flex-direction-nav {
    display: none;
}

.video-module__video--touch-slider {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.flex-p{
  display:flex;
  align-items:top;
  flex-wrap:wrap;
}

.flex-p > *{
    max-width:400px;
}
  
.touch-slider1 {
    bottom: 69%;
    /*     border: 1px solid red; */
}

.touch-slider2 {
    /*     border: 1px solid green; */
    top: 31%;
    bottom: 30%;
    right: 60%;
}

.touch-slider3 {
    /*     border: 1px solid pink; */
    top: 31%;
    bottom: 30%;
    left: 61%;
}

.touch-slider4 {
    /*     border: 1px solid blue; */
    top: 54%;
    bottom: 30%;
    left: 0%;
}

.video-module .flex-control-nav, .control-nav {
    position: relative;
    bottom: 0px;
}

.video-module .flex-control-nav li {
    margin-top: 1em;
}

.left-right-module__title {
    font-size: 1.75em;
    font-weight: 200;
}

.more-about__container::before, .news-tile-module:before {
    content: "";
    background-color: #f5f5f5;
    width: 1200%;
    height: auto;
    position: absolute;
    display: block;
    top: 0px;
    left: -100rem;
    bottom: 0px;
    z-index: -1;
}

.more-about__container, .news-tile-module {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
    padding: 30px 0;
    z-index: 100;
}

.steps ol li p {
    margin: 0;
}

.page-content .steps ol li:before {
    line-height: 28px;
    left: -40px;
    text-align: center;
    width: 34px;
    height: 34px;
    top: 10px;
}

.nav-segments>li {
    border-bottom: 1px solid #d5d5d5;
}


.scroll-for-more__container {
    top: 0;
    margin-top: 40%;
}

/* Tablet Styles */

@media (min-width: 767px) {
    body:before {
        content: 'tablet';
        display: none;
    }
    body {
        font-size: 16px;
    }
    .mobile-hide {
        display: block !important;
    }
    .mobile-only {
        display: none;
    }
    .tablet-hide {
        display: none;
    }
    .manage-your-energy h1 {
        font-size: 3.375em;
    }
    .manage-your-energy h2 {
        font-size: 2.5em;
    }
    .manage-your-energy h3 {
        font-size: 1.5em;
    }
    .manage-your-energy h4 {
        font-size: 1.25em;
    }
    .heading-image__container {
        padding: 40px 20px;
    }
    .toggle-panel {
        display: block !important;
    }
    .manage-your-energy .heading-image__container h1 {
        font-size: 3.375em;
        /*         margin-bottom: 1em; */
    }
    .mye-home .promo-wrapper .logo {
        width: 110px;
        position: fixed;
    }
    .mye-page-title__content .item:first-child {
        display: none;
    }
    .header .mye-page-title__content .sub.active {
        display: block;
    }
    .header .mye-page-title__content .overview {
        display: block;
    }
    .content-page .mye-page-title__content .item:first-child {
        display: block;
    }
    .content-page .header .mye-page-title__content .sub.active {
        display: block;
    }
    .mye-landing img.heading-image__image {
        margin-right: 0em;
        float: left;
        margin-left: -8em;
    }
    .heading-image__text {
        float: left;
        width: 60%;
        text-align: left;
        font-weight: lighter;
        padding-left: 1rem;
        padding-bottom: 20px;
    }
    .heading-image__text h2 {
        color: #323232;
    }
    .heading-image__text span {
        color: #656565;
        font-size: 1.5em;
    }
    h3.home-panel-listing-heading {
        font-size: 5em
    }
    .content-page .breadcrumb {
        display: block;
        border-bottom: 1px #d7d7d7 solid;
        margin: 10px 0 20px 0;
        padding-bottom: 10px;
    }
    .content-page .breadcrumb a, .content-page .breadcrumb>.active, .breadcrumb>li+li:before {
        color: #8c8e8f;
        text-decoration: none;
        content: ">>";
    }
    .breadcrumb>li+li:before {
        letter-spacing: -2px;
        font-size: 0.75em;
        padding: 0 12px;
    }
    .segment-footer-contact, .segment-footer-social {
        position: relative;
        float: left;
        width: 100%;
    }
    .segment-footer-contact .segment-footer-link {
        width: 33%;
    }
    .segment-footer-social .segment-footer-link {
        float: left;
    }
    p.segment-footer-heading {
        float: left;
        margin: 12px 0 0;
    }
    .list-inline>li {
        padding: 0 15px 0 0;
        margin-right: 15px;
    }
    .slim-footer-nav-links li {
        border-right: 1px #535353 solid;
    }
    .home-panel-listing .thumbnail {
        width: 25%;
    }
    .home-panel-listing .content-container {
        width: 75%;
        padding: 10px 5px;
        width: 65%;
        margin-left: 2em;
    }
    .home-panel-listing .item {
        height: auto;
    }
    .home-panel-listing .item.odd .thumbnail {
        float: left;
    }
    .home-panel-listing .item.even .thumbnail {
        float: right;
    }
    .home-panel-listing .item.odd .content-container {
        float: right;
    }
    .home-panel-listing .item.even .content-container {
        float: left;
    }
    .home-panel-listing .item .title, .home-panel-listing .item .description {
        text-align: left;
    }
    .home-panel-listing .item .read-more-container {
        float: left;
        width: 80%;
        max-width: 275px;
        margin: 10px auto 0;
        justify-content: flex-start;
    }
    .mye-banner__content h1.mye-banner__title {
        font-size: 5em;
        padding: 40px 0;
        top: 150px;
    }
    .mye-banner__description {
        font-size: 1.5em;
        top: 230px;
    }
    .mye-banner__image {
        max-height: 1024px;
    }
    .mye-banner__image-carousel.slick-initialized.slick-slider:before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
        content: "";
    }
    .scroll-for-more__container {
        top: 430px;
        margin-top: 0;
    }
    .scroll-for-more__text {
        font-size: 1.125em;
    }
    .header .mye-page-title {
        left: 50px;
    }
    .mye-page-title .item a, .header .mye-page-title__content .sub {
        font-size: 1.125em;
    }
    .header .mye-page-title__content .divider {
        display: inline-block;
        display: none;
        margin: 0.2rem 10px;
        float: left;
    }
    .content-page .header .mye-page-title__content .divider {
        display: inline-block;
    }
    .header .mye-page-title__content .sub {
        display: inline-block;
        color: #8c8e8f;
    }
    .mye-page-title__content .item:nth-child(2), .mye-page-title__content .divider:nth-child(4) {
        display: block;
    }
    .index-page-item {
        margin: 5px;
    }
    .manage-your-energy h2.index-page-listing__title, .manage-your-energy .news-tile-module__title h2 {
        font-size: 2.5em;
    }
    .more-about__container h3.index-page-heading {
        font-size: 1.25em;
    }
    .more-about__container .index-page-description {
        font-size: 0.875em;
    }
    .segment-footer-social:before {
        border: none;
        display: none;
    }
    .segment-footer-social::after {
        content: "";
        z-index: 1;
        position: absolute;
        width: 90%;
        height: 1px;
        border-top: 1px solid #6a6a6a;
        top: 0;
        left: 5%;
    }
    .slim-footer-nav-links li {
        margin-right: 0;
        border-right: none;
    }
    li.slim-footer-nav-section.slim-footer-nav-info:before {
        content: none;
    }
    /*     .manage-your-energy .header-nav .active .nav-categories > li > a {
     background: #cccccc;
} */
    .header-nav .active .nav-categories>li>a {
        width: 94%;
    }
    .left-nav__sub-nav>li:after {
        border-bottom: 1px solid rgb(222, 222, 222);
        content: '';
        width: 90%;
        height: auto;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    /* Content Template Styles */
    /* Promo Banner Module */
    .promo-banner-module {
        flex-direction: row;
    }
    .promo-banner-module__text--container {
        align-items: flex-start;
        flex-basis: 130%;
        padding: 0 2rem;
    }
    .promo-banner-module__image--wrapper {
        width: 50%;
        padding: 0 2rem;
    }
    img.promo-banner-module__image {
        width: 100%;
    }
    .promo-banner-module__text--tagline {
        margin: 0 0 1rem;
        align-items: flex-start;
        width: 90%;
    }
    .manage-your-energy .promo-banner-module__text--tagline h4 {
        text-align: left;
        margin-left: 0;
    }
    .promo-banner-module__text--title a h3 {
        margin-top: 0;
        font-size: xx-large;
        color: #fff;
    }
    .promo-banner-module__text--container .promo-banner-module__text--tagline h4 {
        font-size: large;
    }
    /* L/R Module */
    .left-right-module__image {
        max-width: 350px;
    }
    .left-right-module__item {
        margin: 20px 0;
    }
    .left-right-module__content.left-right-module__right, .left-right-module__content.left-right-module__left {
        padding: 0;
    }
    .manage-your-energy .left-right-module__title>h2 {
        color: #323232;
        font-size: 3em;
        font-weight: 100;
    }
    .left-right-module__right .left-right-module__description {
        margin: 15px 0;
    }
    .left-right-module__description p {
        font-size: 1.25em;
        line-height: 1.2em;
    }
    .left-right-module__title {
        font-size: 2.5em;
    }
    /* Column Module */
    .manage-your-energy .column-module__title h2 {
        font-size: 2.5em;
        font-weight: 300;
    }
    .column-module__column--image {
        width: 100%;
    }
    .column-module__column--image img {
        width: 170px;
        height: 170px;
    }
    .column-module__column--container {
        flex-direction: row;
    }
    .column-module__column {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 1rem;
    }
    .column-module__column--text-container {
        margin: 1rem;
        padding-left: 0;
    }
    .manage-your-energy .column-module__subtitle p {
        font-size: 1.25em;
        font-weight: 200;
    }
    .column-module__title h2, .column-module__subtitle p {
        align-self: center;
    }
    .column-module__column-tagline h4, .column-module__column-description p {
        text-align: center;
    }
    .manage-your-energy .column-module__column-tagline h4 {
        font-size: 1.375em;
        font-weight: normal;
    }
    .column-module__column-description p {
        font-size: 1em;
        font-weight: normal;
    }
    /* Image Module */
    .image-module {
        margin: 0;
    }
    div.image-module .flexslider .slides img {
        height: 31rem;
    }
    ul.flex-direction-nav {
        display: block;
    }
    a.flex-next, a.flex-prev {
        width: 55px;
        height: 100px;
    }
    .image-module__text--container {
        position: relative;
        display: flex;
        justify-content: flex-start;
        width: 90%;
        margin-left: 1rem;
    }
    .image-module__text--container--inner {
        position: absolute;
        width: 100%;
        bottom: 0px;
        padding-bottom: 1rem;
    }
    .image-module__text--container--inner:before {
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        padding: 0;
        margin-left: -1rem;
        z-index: 0;
        content: "";
        display: block;
        height: 100%;
        width: 111%;
        top: 0px;
        bottom: 0px;
    }
    .image-module__text--caption.ellipsis-container.lines-3, h3.image-module__text--title {
        z-index: 1;
        position: relative;
    }
    h3.image-module__text--title strong {
        font-size: 1.125em;
    }
    .image-module__text--caption p {
        font-size: 0.875em;
        color: #fff;
    }
    div.image-module__text--container h3, div.image-module__text--container span.make-ellipsis.lines-3.ellipsis-content {
        color: #fff;
    }
    div.image-module__text--container h3, div.image-module__text--container span.make-ellipsis.lines-3.ellipsis-content {
        color: white;
    }
    .image-module span.ellipsis {
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #000 50%, #000);
    }
    .image-module .flex-control-thumbs {
        margin-top: 0;
    }
    .image-module .flex-control-thumbs li img {
        height: 90px;
    }
    .flex-control-thumbs li img.flex-active, {
        margin-bottom: 1rem;
        background-color: #0081cb;
        z-index: 2;
    }
    .flex-control-thumbs li img {
        padding-bottom: 0.35rem;
        background-color: rgba(0, 0, 0, 1);
    }
    .image-module ul.flex-direction-nav {
        display: none;
    }
}


/* Desktop Styles */

@media (min-width: 992px) {
    body:before {
        content: 'desktop';
        display: none;
    }
    .nav-segments>li {
        border: 0px;
    }
    .mobile-only {
        display: none;
    }
    .mobile-hide {
        display: block;
    }
    .tablet-hide {
        display: block;
    }
    .desktop-hide {
        display: none;
    }
    .manage-your-energy h1 {
        font-size: 4.5em;
    }
    .manage-your-energy h2 {
        font-size: 3em;
    }
    .manage-your-energy h3 {
        font-size: 1.75em;
    }
    .manage-your-energy h4 {
        font-size: 1.375em;
    }
    .page-type-inner .left-hand-nav {
        display: block;
    }
    .header-nav.header-nav-collapsed {
        top: 31px;
    }
    .heading-image__container {
        padding: 40px 20px 70px 20px;
        width: 100%;
    }
    .manage-your-energy .heading-image__text h1 {
        font-size: 4.5em;
    }
    .heading-image__text span {
        font-size: 1.5em;
    }
    h3.home-panel-listing-heading {
        font-size: 7.5em
    }
    .header {
        padding-bottom: 130px;
    }
    .content-page .header {
        padding-bottom: 115px;
    }
    .header-nav {
        background-color: #ffffff;
    }
    .header-nav.header-nav-collapsed.sticky::before {
        content: "";
        position: absolute;
        background: #fff;
        padding: 0;
        margin-left: -9999px;
        z-index: -1;
        content: "";
        display: block;
        height: 100%;
        width: 99999px;
        top: 0px;
        bottom: 0px;
    }
    .header .logo-site {
        margin-top: 9px;
    }
    .manage-your-energy.content-page {
        background: #f5f5f5;
    }
    .mye-banner__description {
        font-size: 2em;
    }
    .mye-home .promo-wrapper .logo {
        width: 110px;
    }
    .content-page .header-nav.sticky .logo-site {
        width: 110px;
        height: 90px;
        margin-top: 10px;
        background: none;
    }
    .content-page .header-nav.sticky .logo-site {
        width: 55px;
        height: 45px;
        margin-top: 24px;
        background: none;
    }
    .content-page .header-nav.stuck .logo-site {
        width: 55px;
        height: 45px;
        margin-top: 24px;
        background: none;
    }
    .content-page .sidebar-nav.sticky {
        position: fixed;
        top: 151px;
        background: #0081cb;
        padding: 0;
        /* margin-left: 110px; */
        margin-left: 0px;
    }
    .content-page .header-nav.sticky:before {
        position: fixed;
        top: 109px;
        background: #0081cb;
        padding: 0;
        margin-left: -9999px;
        z-index: 2;
        content: "";
        display: block;
        height: 46px;
        width: 99999px;
    }
    .content-page .sidebar-nav.sticky:before {
        content: none;
    }
    .sidebar-nav.sticky:before {
        position: fixed;
        top: 103px;
        background: #0081cb;
        padding: 0;
        margin-left: -9999px;
        z-index: -1;
        content: "";
        display: block;
        height: 46px;
        width: 99999px;
    }
    .content-page .header-nav.sticky:after {
        position: fixed;
        top: 40px;
        background: #ffffff;
        padding: 0;
        margin-left: -9999px;
        z-index: -1;
        content: "";
        display: block;
        height: 90px;
        width: 99999px;
    }
    .header-nav.header-nav-collapsed.sticky.stuck {
        top: 25px;
    }
    .content-page .header-nav.stuck.sticky:before {
        top: 109px;
    }
    .content-page .sidebar-nav.sticky.stuck {
        top: 151px;
    }
    .content-page .header-nav.sticky .logo-site .logo {
        top: 0;
    }
    .sidebar-nav .nav-segments>.active>a {
        display: none;
    }
    .content-page .header-nav.sticky .nav-segments>li {
        margin-top: 35px;
    }
    .manage-your-energy .header ul.nav-categories, .nav-segment-toggle, .nav-content-pages-toggle {
        display: none;
    }
    .sidebar-nav .nav-categories .active ul.nav-content-pages {
        margin: 0;
        display: none;
    }
    .manage-your-energy .header-nav .nav-segments>li {
        margin-top: 26px;
        margin-right: 0;
        float: left;
        border: none;
        width: auto;
        vertical-align: initial;
        line-height: initial;
    }
    .content-page .header-nav.sticky.stuck .nav-segments>li {
        /*   margin-top: 40px; */
        margin-right: 0;
    }
    .manage-your-energy .header-nav .nav-segments>li>a {
        border-left: 1px solid #ccc;
        display: table-cell;
        height: auto;
        vertical-align: middle;
        width: auto;
        background: none;
        color: #8c8e8f;
        padding: 5px 20px 7px;
        margin: 20px 0;
    }
    .manage-your-energy .header-nav .nav-segments>li:first-child>a {
        border: 0;
    }
    .manage-your-energy .header-nav .nav-segments>li.active>a, .manage-your-energy .header-nav .nav-segments>li>a:hover {
        color: #ffffff;
        background: #0081cb;
        margin: 0;
        padding: 25px 20px 28px;
        position: relative;
        left: 0;
        top: 0;
    }
    .manage-your-energy .nav-segments>li>a {
        color: #2582CA;
    }
    .header-nav .nav-categories>li.active>a, .nav-segments>li.active>a {
        border: none;
    }
    .manage-your-energy .header-nav.sticky .nav-segments>li>a {
        padding: 6px 20px 7px;
        margin: 15px 0;
    }
    .manage-your-energy.mye-landing .header-nav.sticky .nav-segments>li>a {
        padding: 0px 20px 0px;
        margin: 15px 0 0 0;
    }
    .manage-your-energy.content-page .header-nav.sticky .nav-segments>li>a {
        padding: 0px 20px 3px;
    }
    .manage-your-energy .header-nav.sticky .nav-segments>li.active>a, .manage-your-energy .header-nav.sticky .nav-segments>li>a:hover {
        padding: 21px 20px 22px;
        margin: 0;
    }
    .manage-your-energy.content-page .header-nav.sticky .nav-segments>li.active>a, .manage-your-energy .header-nav.sticky .nav-segments>li>a:hover {
        padding: 15px 20px 15px;
    }
    .manage-your-energy.mye-landing .header-nav.sticky .nav-segments>li.active>a {
        padding: 14px 20px 11px;
    }
    .manage-your-energy.mye-landing .header-nav.sticky .nav-segments>li>a:hover {
        padding: 14px 20px 11px;
    }
    .sidebar-nav {
        width: 100%;
        margin: -46px 10px 20px 0;
        background: #0083C9;
        position: relative;
        z-index: 5;
    }
    .sidebar-nav .overview-item {
        height: auto;
    }
    .sidebar-nav .overview-item+li {
        margin-top: 0;
    }
    .manage-your-energy .sidebar-nav .active .nav-categories>li:last-child>a {
        border-right: none;
    }
    .manage-your-energy .sidebar-nav .active .nav-categories>li>a {
        font-size: 1em;
        background: none;
        margin: 10px 0 9px; 
        /*margin: 10px 0 6px;*/
        color: #b8e6ff;
        border-right: 1px solid #1E69A1;
        border-bottom: 1px solid #0083C9;
        text-align: center;
        position: relative;
        text-transform: none;
        font-weight: 500;
        padding: 0;
        top: -1px;
    }
    .manage-your-energy .sidebar-nav .active .nav-categories>li.active, .manage-your-energy .sidebar-nav .active .nav-categories>li:hover {
        border-bottom: 4px solid #b8e6ff;
        position: relative;
    }
    .manage-your-energy.mye-landing .sidebar-nav .active .nav-categories>li.active, .manage-your-energy.mye-landing .sidebar-nav .active .nav-categories>li:hover {
        /* padding-bottom: 6px; */
    }
    .manage-your-energy .sidebar-nav .active .nav-categories>li:hover>a {
        margin: 9px 0;
    }
    .manage-your-energy.mye-landing .sidebar-nav .active .nav-categories>li:hover>a {
        margin: 6px 0;
    }
    .manage-your-energy.content-pages .sidebar-nav .active .nav-categories>li:hover>a {
        margin-bottom: 9px;
    }
    .manage-your-energy .sidebar-nav .active .nav-categories>li.active>a:before, .manage-your-energy .sidebar-nav .active .nav-categories>li:hover>a:before {
        color: #b8e6ff;
        font-family: 'ergon-icons';
        content: '\e67c';
        position: absolute;
        bottom: -20px;
        font-size: 16px;
        left: 50%;
        width: 10px;
        margin: 0 0 0 -6px;
    }
    .manage-your-energy.mye-landing .sidebar-nav .active .nav-categories>li.active>a:before, .manage-your-energy.mye-landing .sidebar-nav .active .nav-categories>li:hover>a:before {
        bottom: -17px;
    }
    .manage-your-energy .sidebar-nav .active .nav-categories>li.active>a:before, .manage-your-energy .sidebar-nav .active .nav-categories>li:hover>a:before {
        bottom: -20px;
    }
    .manage-your-energy.mye-landing .sidebar-nav .active .nav-categories>li.active>a:before, .manage-your-energy.mye-landing .sidebar-nav .active .nav-categories>li>a:hover:before {
        /*    bottom: -15px;  */
    }
    .mye-landing .promo-wrapper {
        width: inherit;
        height: inherit;
        display: block;
        z-index: 7;
    }
    .nav-categories li {
        float: left;
    }
    .segment-footer-social {
        display: table;
        position: static;
        width: auto;
        float: right;
        padding: 7px 0 0;
        margin-top: 0;
    }
    .segment-footer-social::after {
        content: "";
        z-index: 1;
        position: absolute;
        width: 90%;
        height: 1px;
        /* border-top: 1px solid #6a6a6a; */
        border-top: none;
        top: 0;
        left: 5%;
    }
    .segment-footer-contact {
        display: table;
        float: left;
        min-width: 675px;
        max-width: 775px;
        width: auto;
    }
    .segment-footer-contact .segment-footer-link {
        float: left;
        width: 33%;
        text-decoration: none;
    }
    li.slim-footer-nav-section.slim-footer-nav-links {
        width: 60%;
    }
    .slim-footer-nav-section.slim-footer-nav-links {
        width: 60%;
        padding: 0;
        margin: 0;
    }
    .slim-footer-nav-section.slim-footer-nav-info {
        width: 39%;
        padding: 0;
        margin: 0;
    }
    .home-panel-listing .item .thumbnail {
        max-height: 200px;
    }
    .mye-banner__content h1.mye-banner__title {
        font-size: 7.5em;
        top: 1.5em;
    }
    .mye-banner__description {
        top: 7em;
        font-size: 2em;
    }
    .scroll-for-more__container {
        /*top: 200px;
        top: 310px;*/
       top: 0;
        margin-top: 15%;
    }
    .mye-banner {
        height: 830px;
        position: relative;
        background-color: #000000;
        opacity: .6;
        /*height: 100%;*/
        height: 95.5%;
    }
    .mye-banner__content {
        height: 100%;
    }
    .index-page-listing li {
        width: 33.333333%;
        padding: 0.5em;
    }
    .header-nav.header-nav-collapsed.sticky {
        position: fixed;
        top: 21px;
    }
    .content-page .header-nav.header-nav-collapsed.sticky {
        top: 25px;
    }
    .header-nav.sticky .logo-site, .mye-home .promo-wrapper .logo-container.stuck {
        /*width: 55px;*/
        height: 43px;
        margin-top: 39px;
    }
    
    .page-type-inner .header-nav.sticky .logo-site{
        width: 55px;
    }
    .mye-home .promo-wrapper .logo-container.stuck {
        margin: 0 auto;
    }
    .logo-container.stuck img.logo {
        width: 65px;
    }
    .mye-landing .header-nav.sticky .logo-site img.logo {
        top: -18px;
    }
    .header-nav.sticky .nav-segments>li {
        /* margin-top: 20px; */
        margin-top: 18px;
    }
    .mye-landing .header-nav.sticky .nav-segments>li {
        /* margin-top: 20px; */
        margin-top: 38px;
    }
    .left-hand-nav {
        /*        top: -20px;
*/
        position: relative;
    }
    .sidebar-nav.sticky {
        position: fixed;
        top: 151px;
        background: #ffffff;
        margin: -42px 0 20px 0;
    }
    .mye-landing .sidebar-nav.sticky {
        margin-top: -45px;
    }
    .sidebar-nav {
        width: auto;
        display: block;
        position: relative;
        top: 0;
    }
    .sidebar-nav:before {
        background: #0081cb;
        border-left: 1px solid #1E69A1;
        border-right: 1px solid #1E69A1;
        border-top: 1px solid #1E69A1;
        position: relative;
        width: 100%;
        display: block;
        /*content: "";*/
        content: none;
        height: 43px;
        margin: -40px 0;
    }
    .sidebar-nav.sticky:before {
        border-top: 0;
        margin: auto;
        margin-left: -9999px;
    }
    .left-nav__container {
        display: block;
        float: left;
        width: 30%;
        font-family: "Roboto Slab", Times New Roman, Times, serif;
    }
    .left-nav .nav-segment-toggle, .left-nav .nav-content-pages-toggle {
        display: block;
        top: 13px;
    }
    .content-page .page-content {
        float: left;
        width: 70%;
    }
    .left-nav__container ul {
        list-style-type: none;
        padding: 0;
        float: left;
    }
    .left-nav {
        float: left;
        width: 90%;
        padding: 0;
        background: #ffffff;
    }
    .left-nav>li {
        display: none;
        background: #ffffff;
    }
    .left-nav>.section {
        display: block;
        float: left;
        width: 100%;
    }
    .left-nav__sub-nav>li:after {
        border-bottom: 1px solid rgb(222, 222, 222);
        content: "";
        position: absolute;
        display: block;
        width: 90%;
        left: 10%;
    }
    .left-nav__sub-nav>li:first-child:after {
        /* border-bottom: none; */
        content: "";
    }
    .left-nav__sub-nav>li {
        position: relative;
        display: block;
        width: 100%;
    }
    .left-nav .section>a {
        padding: 10px;
        float: left;
        width: 100%;
        color: #323232;
        font-family: "Roboto Slab", Times New Roman, Times, serif;
        font-weight: bold;
        font-size: 1.125em;
    }
    .left-nav li a {
        color: #656565;
        text-decoration: none;
        margin: 0 10px;
    }
    .left-nav__sub-nav li {
        padding: 0;
        width: 100%;
        float: left;
    }
    .left-nav__sub_sub-nav li.active.expanded li.active {
        border-left: 5px solid #0081cb;
        padding-left: calc(15% - 5px);
    }
    .left-nav__sub_sub-nav li.active li {
        border-left: 5px solid #ebeaea;
    }
    .left-nav__sub-nav>.active>a {
        color: #0081cb;
        border-left: 5px solid #0081cb;
        padding-left: calc(15% - 5px);
    }
    .left-nav__sub-nav>.active.expanded>a {}
    .left-nav__sub_sub-nav li.active li {
        border-left: 5px solid #0081cb;
    }
    /*     .left-nav__sub_sub-nav li.active.expanded li {
    border-left: 5px solid #F5F5F5;
} */
    /*     .left-nav__sub_sub-nav > li.active {
    color: #2582CA;
    border-left: 6px #2582CA solid;
} */
    .left-nav__sub_sub-nav li.active.expanded li {
        /* border-left: 5px solid #ebeaea; */
        border-left: 5px solid #cccccc;
    }
    .left-nav__sub_sub-nav>li.active>a {
        border-left: 6px #2582CA solid;
        color: #2582CA;
    }
    .left-nav__sub_sub-nav>li>a {
        border-left: 6px #ebeaea solid;
    }
    .left-nav__sub_sub-nav>li.active.expanded>a {
        /* border-left: 6px #F5F5F5 solid; */
        border-left: 6px #ebeaea solid;
    }
    .left-nav__sub-nav li a {
        width: 75%;
        float: left;
        margin: 0;
        padding: 15px 40px;
        padding-left: 15%;
    }
    .left-nav__sub_sub-nav li a {
        padding: 10px 0 10px 60px;
        padding-left: 25%;
    }
    .left-nav__sub_sub-nav {
        /* background: #F5F5F5; */
        padding: 0;
        display: none;
        background: #ebeaea;
    }
    .expanded>.left-nav__sub_sub-nav {
        display: block;
        width: 100%;
        font-weight: 500;
    }
    .left-nav__sub_sub-nav>li {
        position: relative;
        border-bottom: none;
    }
    .left-nav .active>.nav-segment-toggle:after, .left-nav .active>.nav-content-pages-toggle:after {
        background: #0081cb;
    }
    .left-nav .active.section>a {
        margin: 0;
        padding: 20px 10px 20px 20px;
        border-bottom: 1px solid #DEDEDE;
    }
    .left-nav__sub-nav li:last-child {
        border-bottom: 1px solid #dedede;
    }
    .left-nav__sub-nav li:last-child::after {
        content: "";
        border: none;
    }
    .left-nav__sub-nav>li.active.expanded {
        font-weight: 600;
    }
    .left-nav__sub_sub-nav>li a::after {
        border-bottom: 1px solid rgb(222, 222, 222);
        content: '';
        width: 90%;
        height: auto;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .left-nav__sub_sub-nav>li {
        position: relative;
        display: block;
        width: 100%;
    }
    .left-nav__sub-nav li.active.expanded:after {
        content: "";
    }
    .left-nav__sub_sub-nav>li:after {
        content: "";
        /*         border-bottom: 2px solid #dedede; */
        width: 75%;
        height: auto;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .left-nav__sub_sub-nav>li:last-child:after {
        content: "";
        border-bottom: 1px solid #dedede;
        width: 100%;
        height: auto;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .left-nav__sub_sub-nav .nav-lvl-4 {
        width: 100%;
        display: none;
    }
    .left-nav__sub_sub-nav .nav-lvl-4 li.active {
        color: #2582CA;
        border-left: 6px #2582CA solid;
    }
    .left-nav__sub_sub-nav .expanded>.nav-lvl-4 {
        display: block;
        /* background: #ebeaea; */
        background: #cccccc;
    }
    .left-nav__sub_sub-nav .nav-lvl-4 li {
        /* border-top: 1px solid grey;
        border-bottom: none; */
    }
    .left-nav__sub_sub-nav .nav-lvl-4 li a {
        padding-left: 80px;
    }
    .left-nav__sub_sub-nav .nav-lvl-4 li.active a {
        /* text-decoration: underline; */
        color: #0081cb;
        position: relative;
    }
    .nav-lvl-4 li.active a:after {
        border-bottom: 1px solid #dedede;
        content: '';
        width: 108%;
        height: auto;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 25%;
    }
    .segment-footer-contact:after {
        content: none;
    }
    .manage-your-energy h2.index-page-listing__title, .manage-your-energy .news-tile-module__title h2 {
        font-size: 3em;
    }
    .more-about__container h3.index-page-heading {
        font-size: 1.375em;
    }
    .more-about__container .index-page-description {
        font-size: 1em;
    }
    ul.list-unstyled.index-page-listing {
        display: flex;
        flex-wrap: wrap;
    }
    /* Content Template Styles */
    /* Promo Banner Module */
    .promo-banner-module__text--container {
        flex-basis: 150%;
        padding: 0 1rem 0;
    }
    .promo-banner-module__text--tagline {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
    }
    .promo-banner-module__image--wrapper {
        justify-content: flex-start;
        width: 50%;
    }
    img.promo-banner-module__image {
        width: 100%;
    }
    /* L/R Module */
    .left-right-module__content {
        width: calc(100% - 380px);
    }
    .left-right-module__item--container {
        display: flex;
        align-items: center;
    }
    .left-right-module__content.left-right-module__right {
        order: 1;
    }
    .left-right-module__image--wrapper {
        width: 50%;
        position: relative;
        display: flex;
        align-items: center;
        max-width: 380px;
        justify-content: center;
    }
    .left-right-module__image {
        max-width: 350px;
    }
    .left-right-module__title {
        justify-content: flex-start;
    }
    .left-right-module__title h2 {
        font-size: 1.75em;
        font-weight: normal;
    }
    .left-right-module__description p {
        color: #656565;
        font-size: 1.4em;
        font-weight: 100;
        line-height: 1.25em;
    }
    .left-right-module__description p {
        text-align: left;
    }
    .left-right-module__title h2, .left-right-module__description p {
        text-align: left;
    }
    .left-right-module__description {
        margin: 15px 0;
    }
    .left-right-module__title {
        font-size: 2.5em;
    }
    /* Column Module */
    .column-module__column--image img {
        width: 265px;
        height: 265px;
    }
    .column-module__subtitle {
        margin-bottom: 0;
    }
    .column-module__column--container {
        padding-top: 0;
    }
    .manage-your-energy .column-module__title h2 {
        font-weight: light;
        font-size: 2.5em;
    }
    .manage-your-energy .column-module__subtitle p {
        font-size: 1.5em;
        font-weight: light;
    }
    .manage-your-energy .column-module__column-tagline h4 {
        font-size: 1.75em;
        font-weight: normal;
    }
    .manage-your-energy .column-module__column-description p {
        font-size: 1.375em;
        font-weight: normal;
    }
    /* Image Module */
    div.image-module .flexslider .slides img {
        height: 35rem;
    }
    h3.image-module__text--title strong {
        font-size: 1.375em;
    }
    .image-module__text--caption p {
        font-size: 0.875em;
    }
    .image-module ul.flex-direction-nav {
        display: block;
    }
    .image-module .flex-control-thumbs li img {
        height: 133px;
    }
    .image-module .flexslider:hover .flex-direction-nav .flex-prev {
        left: -7%;
    }
    .image-module .flexslider:hover .flex-direction-nav .flex-next {
        right: -7%;
    }
    /* Video Module */
    .video-module .flexslider-container {
        width: 180%;
        margin-left: -40%;
    }
    .video-module .flex-direction-nav {
        display: block;
    }
    .video-module .flexslider:hover .flex-direction-nav .flex-prev {
        left: 19%;
    }
    .video-module .flexslider:hover .flex-direction-nav .flex-next {
        right: 19%;
    }
    .video-module .slides li:before {
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        margin-right: 0px;
        float: left;
        display: block;
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .video__flexslide__item {
        padding: 0 29rem;
        z-index: 1;
        display: block;
        position: relative;
    }
    .video-module .slides .panel {
        margin-bottom: 0;
        border: 0;
    }
    .slick-slide.slick-current.slick-active img {
        display: none;
    }
}


/* Slick Slider Styles */


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/* Edits 01.06.2016 */

.content-container h2 {
    font-size: 2em;
    font-family: 'Roboto Slab', 'Times New Roman', Times, serif;
    font-weight: 500;
    margin: 0;
    padding: 10px 0 15px;
}

.segment-footer-contact .segment-footer-link {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: auto;
}

.manage-your-energy .segment-footer .segment-footer-icon {
    font-size: 24px;
}

.manage-your-energy .segment-footer .segment-footer-text {
    font-size: 14px;
}

.manage-your-energy .segment-footer .segment-footer-heading {
    font-size: 14px;
    font-family: 'Montserrat', Helvetica, sans-serif;
}

.manage-your-energy #footer li.copyright {
    font-size: 12px;
}

.manage-your-energy .page-content {
    padding: 0;
}

.manage-your-energy #footer ul.list-inline {
    margin: 0;
    padding: 0 0 5px;
}

.sidebar-nav {
    max-width: 1150px;
    width: 100%;
}

.sidebar-nav ul.nav-segments, .sidebar-nav ul.nav-categories {
    display: table;
    width: 100%;
    margin-bottom: 0px;
}

.sidebar-nav ul.nav-segments li, .sidebar-nav ul.nav-categories li {
    display: table-cell;
    float: none;
}

.manage-your-energy h4, .manage-your-energy h5, .manage-your-energy h6, .manage-your-energy .h4, .manage-your-energy .h5, .manage-your-energy .h6 {
    text-transform: none;
}

.manage-your-energy .index-page-description {
    height: auto;
}

.column-module__title h2 {
    margin: 15px 30px;
}

.column-module__subtitle p {
    margin: 0 30px 20px;
}

@media (max-width: 1200px) {
    .manage-your-energy .segment-footer {
        padding: 5px 0;
        margin: 0 20px;
    }
    .manage-your-energy #footer ul.list-inline {
        padding: 0;
        margin: 0 20px;
    }
    .left-right-module {
        padding: 0 40px;
    }
}

@media (max-width: 1015px) {
    .segment-footer-social {
        border-top: 1px solid rgb(105, 105, 105);
        clear: both;
        padding: 10px 0;
        width: 100%;
    }
    .segment-footer-contact {
        margin: 5px 0;
    }
}

@media (max-width: 715px) {
    .segment-footer-contact .segment-footer-link {
        display: table;
        width: 100%;
    }
    .segment-footer-contact .segment-footer-link .segment-footer-icon {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .toggle-panel {
        display: none;
    }
    .segment-footer-contact {
        border-top: 1px solid rgb(105, 105, 105);
        padding: 15px 0;
    }
    .flexslider-container {
        padding-bottom: 60px;
    }
}


/* Video disclaimer */

.video-disclaimer {
    background-color: rgb(50, 50, 50);
    color: #fff;
    display: table;
    font-size: 0.9em;
    opacity: 0.9;
    padding: 15px 30px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.video-disclaimer>div {
    display: table-cell;
    vertical-align: middle;
}

.video-disclaimer div.disclaimer-icon {
    padding: 0 30px 0 0;
}

.video-disclaimer div.disclaimer-icon .ergonicon {
    font-size: 32px;
}

.video-disclaimer div.disclaimer-close {
    padding: 0;
    text-align: center;
    width: 35px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.video-disclaimer div.disclaimer-close .ergonicon {
    cursor: pointer;
    font-size: 24px;
    margin: 0;
    padding: 0;
}

.ytplayer {
    position: absolute: top: 0;
    z-index: 100;
}

.video-module__video--wrapper {
    position: relative;
}

@media (max-width: 991px) {
    .video-module__video--wrapper, .ytplayer, .video-disclaimer {
        position: relative;
        z-index: 10000;
    }
    .video-disclaimer>div.disclaimer-close {
        vertical-align: top;
    }
}


/* Content Page - Menu */


/*
.content-page .header-nav.sticky .nav-segments > li {
        margin-top: 18px;
    }

    .content-page .header-nav.header-nav-collapsed.sticky {
        top: 21px;
    }

.content-page .sidebar-nav.sticky {
        position: fixed;
        top: 151px;
        background: #ffffff;
        margin: -49px 0 20px -10px;
    }

  .content-page .sidebar-nav.sticky {
        position: fixed;
        top: 151px;
        background: #0081cb;
        padding: 0;
        margin-left: 110px;
        margin-left: 0px;
    }

 .content-page .header-nav.sticky .logo-site {
        width: 55px;
        height: 45px;
        margin-top: 21px;
        background: none;
    }

  .content-page .header-nav.header-nav-collapsed.sticky::before {
         display: none;
      margin-top: -7px;
  }
  */

.navbar-gateway {
    overflow: visible;
     overwrite - to do 
}

.login-menu-container {
    display: block;
    position: absolute;
    z-index: 2;
    width: 300px;
    right: 0;
    top: 100%;
}

.login-menu-container .section-header {
    display: block;
    color: #fff;
    padding: 5px 20px;
    text-align: left;
}

.login-menu-container .section-header.retail {
    background: #2DAB40;
}

.login-menu-container .section-header.network {
    background: #0186CB;
}

.nav-login-submenu.retail {
    background: #223A2A;
}

.nav-login-submenu.retail li {
    border-bottom: solid 1px #5C7464;
}

.nav-login-submenu.network {
    background: #263171;
}

.nav-login-submenu.network li {
    border-bottom: solid 1px #5F6AA2;
}

.nav-login-submenu li:last-child {
    border-bottom: none;
}

.nav-login-submenu {
    padding: 0;
    font-family: 'Monserrat', Helvetica, sans-serif;
}

.nav-login-submenu li {
    list-style: none;
}

.nav-login-submenu li a {
    display: block;
    line-height: 20px;
    padding: 20px 20px;
    text-align: left;
}

.nav-login-submenu li a:hover .link-title {
    text-decoration: underline;
}

.nav-login-submenu .link-description {
    font-size: 12px;
    font-weight: normal;
}

.nav-login-submenu .link-title {
    display: block;
    text-transform: uppercase;
}

.nav-item.nav-home.active, .nav-item.nav-home:hover {
    border-bottom: solid 4px #636363;
}

.nav-gateway .nav-item.nav-home.active:before {
    color: #636363;
}

ul.nav-gateway.fl {
    float: left;
}

ul.nav-gateway.fr {
    float: right;
    max-width: 400px;
    overflow: visible;
    position: relative;
}

.nav-gateway .toggle-button {
    display: none;
}

.nav-gateway .toggle-button .ergonicon {
    position: absolute;
    right: 10px;
}

.nav-gateway .nav-login-menu {
    display: block;
    float: right;
    min-width: 100px;
    border-left: solid 2px #323232;
    border-right: none;
    overflow: hidden;
}

.nav-gateway .nav-login-menu .ergonicon {
    vertical-align: middle;
}

.nav-item.nav-search a, .nav-gateway .nav-login-menu>a, .navbar-gateway .search-button {
    background: #636363;
}

.navbar-gateway .search-button {
    border-right: none;
    width: auto;
}

.nav-search-form {
    min-width: 270px;
     overwrite 
}

.nav-gateway .nav-search {
    overflow: hidden;
}

@media screen and (max-width: 440px) {
    .login-menu-container {
        width: 100%;
    }
    .nav-search-form {
        min-width: auto;
    }
    .nav-item.nav-search {
        border-left: none;
    }
}

@media (min-width: 768px) and (max-width: 850px) {
    .nav-item.nav-home, .nav-item.nav-search, .nav-item.nav-retail, .nav-item.nav-network, .nav-item.nav-about-us, .nav-item.nav-contact {
        min-width: 96px;
    }
}

@media (min-width: 768px) and (max-width: 950px) {
    ul.nav-gateway.fr {
        max-width: 290px;
    }
    .nav-search-form {
        min-width: 180px;
    }
}

@media (max-width: 767px) {
    .navbar-gateway {
        position: relative;
    }
    .navbar-gateway .search-button .ergonicon, .navbar-gateway .ergonicon-remove {
        font-size: 32px;
        line-height: normal;
        vertical-align: sub;
    }
    .navbar-gateway .ergonicon-remove {
        line-height: 38px;
    }
    ul.nav-gateway.fr {
        position: static
    }
    .nav-item.nav-search-form {
        position: absolute;
        left: 0;
        z-index: 3;
        width: 68%;
    }
    .navbar-gateway .form-control, .nav-search-form {
         overwrite 
        height: 40px;
        background: #6D6F71;
        border: none;
    }
    .navbar-gateway .search-button {}
    .nav-gateway.drop-down {
        width: 66%;
        position: absolute;
        z-index: 2;
        background: #404040;
    }
    .nav-gateway.fr {
        width: 34%;
    }
    .nav-gateway.drop-down li {
        float: none;
        width: 100%;
        display: block;
        border-right: 0;
        background: #404040;
        border-bottom: solid 1px #636363;
    }
    .nav-gateway.drop-down li.menu-option {
        border-bottom: solid 1px #636363;
        display: none;
         hide on default sub-menu
    }
    .nav-gateway.drop-down.submenu-displayed .menu-option {
        display: block;
    }
    .submenu-displayed .toggle-button .ergonicon {
        transform: rotate(180deg);
    }
    .nav-gateway .nav-item.active:before {
        content: '';
    }
    .nav-gateway.drop-down li.nav-item.toggle-button {
        display: block;
        border-left: 0;
        border-bottom-width: 4px;
    }
    .nav-gateway.drop-down li.nav-contact {
        display: none;
    }
    .nav-item.nav-home {
        border-left: solid 4px #636363;
    }
    .nav-item.nav-retail {
        border-left: solid 4px #A4D65E;
    }
    .nav-item.nav-network {
        border-left: solid 4px #0083C9;
    }
    .nav-item.nav-about-us {
        border-left: solid 4px #E3473A;
    }
    .nav-item, .active.nav-item {
        margin-left: 0;
    }
    .active.nav-item a {
        opacity: 0.4;
    }
    .active.nav-item.toggle-button a {
        opacity: 1;
    }
     login and search 
    .nav-gateway .nav-search {
        width: 40%;
        border-right: solid 1px #000;
    }
    .nav-gateway .nav-search .ergonicon-search {
        font-size: 32px;
    }
    .nav-gateway .nav-search.search-active a {
        background: #000;
        color: #fff;
    }
    .nav-gateway .nav-login-menu {
        min-width: auto;
        width: 60%;
        border-left: 0;
    }
    .nav-gateway .nav-login-menu a {}
    .nav-login-menu .ergonicon {
        display: none;
    }
}

.nav-gateway .ergonicon {
    font-size: 20px;
}

.nav-gateway .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    background: #636363;
}

/********************** new styles QLDSR-2349 */
.visuallyhidden a {
  color: #317ab9;
}

label.sr-only {
    color: #fff;
}

.mye-banner__media {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.mye-banner__content {
    padding-top: 10%;
    height: 100%;
}

.mye-banner__content h1.mye-banner__title {
    top: 12%;
}

.mye-banner__description {
    top: 18%;
}




/* Mobile Landscape Styles */

@media (min-width: 512px) and (max-width: 767px) {
    .mye-banner {
        height: 400px;
        overflow: hidden;
    }
    .mye-banner__content {
        padding-top: 0%;
    }
    .mye-banner__image {
        width: 100%;
    }
    .mye-banner__content h1.mye-banner__title {
        top: 50px;
        width: 50%;
        font-size: 1.5em;
    }
    .mye-banner__description {
        top: 80px;
    }
    .scroll-for-more__container {
        top: 0;
        margin-top: 24%;
    }
}

@media (min-width: 1024px) and (max-width: 1235px){
    .scroll-for-more__container {
        top: 18%;
    }
}


/* Tablet Landscape Styles */

@media (min-width: 769px) and (max-width: 1024px) {
    body:before {
        content: 'tablet';
        display: none;
    }
    #tubular-container {
        display: none;
    }
    .mye-banner {
        height: 677px;
        overflow: hidden;
    }
    .mye-banner__content {
        padding-top: 0%;
    }
    .mye-banner__image {
        width: 100%;
    }
    .mye-banner__content h1.mye-banner__title {
        top: 12%;
        width: 60%;
        font-size: 4.5em
    }
    .mye-banner__description {
        /*top: 80px;*/
    }
    .scroll-for-more__container {
        top: 0;
        margin-top: 18%;
    }
}

@media (min-width: 1026px)  {
    body:before {
        content: 'large-screen';
        display: none;
    }
    .mye-banner {
        background-color: #000000;
        opacity: .6;
    }
}


.t1-no-cont{
    padding-top:50px;
}


/* added by Erwin */


.lnf-banner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    flex-direction: column;
}

@media (min-width: 600px) {
    .lnf-banner {
        flex-direction: row;
        width: auto;
    }
}

.lnf-banner__header {
    margin: 0;
    padding: 0 21px 0 26px;
    line-height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #d80027;
    width: 100%;
    color: #fff!important;
    font-size: 16px !important;
    -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 40%);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 40%);
    white-space: nowrap;
    position: relative;
}

@media (min-width: 600px) {
    .lnf-banner__header {
        -webkit-border-radius: 0 20px 20px 0;
        -moz-border-radius: 0 20px 20px 0;
        border-radius: 0 20px 20px 0;
        width: auto;
    }
}

.lnf-banner__header:after {
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255,255,255,.85);
    content: "";
    width: 12px;
    height: 12px;
    left: 7px;
    top: calc(50% - 6px);
    animation: lnf-circle 2s infinite ease;
}

.lnf-banner__title {
    line-height: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    white-space: normal;
    width: 100%;
    color: #fff;
}

@media (min-width: 600px){
.lnf-banner__title {
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    padding-top: 3px;
    padding-bottom: 3px;
}
}
.s-ergon-network .bg-d {
    background-color: #355692;
}

@media (min-width: 992px) {
.scroll-for-more__container {
    top: -50px;
    margin-top: 15%;
    padding-bottom: 50px;
}
}

.page-type- {
background: #F5F5F5
}

.lnf-banner-cont.s-ergon-network {
    margin-top: 28px;
}


@media (min-width: 992px) {
.left-hand-nav {
    top: 65px;
}
}