/*
  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: 14 December 2025 15:01:07
*/


/*! CONTENTS:
 * Global styles
 * Ergon icons
 * Emergency Banner.residential-brand h3,
 * Top navigation bar
 * Site navigation
 * Gateway page styles
 * Headers
 * Tiles
 * Index page
 * Promo banners
 * Subject boxes
 * Show/hide
 * Documents
 * Forms
 * Blog
 * Photo Gallery
 * Network Demand Meter
 * Components
 * Related links
 * Sidebar navigation
 * Segment footer
 * Fat footer
 * Slim footer
 * Style guide
 * Multi-Page form progress bar
 * Funnelback Search Query Completion
 * Site Map
 * Report a Fault */

/*! Global styles */



.visuallyhidden {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

html, body {
 height: 100%;
}
body {
 margin: 0 auto;
 min-width: 300px;
 font-weight: 400;
}
pre {
 background: #EDEDED;
 padding: 20px;
 border: solid #ccc 2px;
}
[class*='page-type-'] {
 overflow: hidden;
}
.skip-links__link {
    color:#317ab9;
}
.visuallyhidden, .sr-only, .skip-links__link {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active, .focusable.sr-only:active,
.visuallyhidden.focusable:focus, .focusable.sr-only:focus, .skip-links__link:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.skip-links__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.input-group {
 z-index: 0;
}
/* Residential brand by default */
.h1, .h2, .h3 {
 color: #323232;
}
h1, h2, h3 {
 color: #24662e;
}
h1, h2, h3, h4, h5 {
 clear: both;
}
.page-title {
 background: #24662e;
}
blockquote {
 border-left-color: #24662e;
}
.authored-content p {
 margin: 1.4em 0;
}
.lead {
 color: #636363;
}
.authored-content a {
 color: #0083C9;
}
.authored-content blockquote p,
.authored-content table p,
.news-hub-footer h2,
.image p {
 margin: 0;
}
.authored-content iframe {
 max-width: 100%;
}
.authored-content iframe[src*='force.com'] {
 max-width: none;
 width: 100%;
 width: calc(100% + 20px);
 margin: 0 -10px;
}
.residential-brand h1,
.business-brand h1,
.residential-brand h2,
.business-brand h2,
.residential-brand h3,
.business-brand h3 {
 color: #24662e;
}
.residential-brand .authored-content a,
.business-brand .authored-content a {
 color: #24662e;
}
.residential-brand .page-title,
.business-brand .page-title {
 background: #24662e;
}
.residential-brand blockquote,
.business-brand blockquote {
 border-left-color: #24662e;
}
.network-brand h1,
.network-brand h2,
.network-brand h3 {
 color: #2B5596;
}
.network-brand .authored-content a {
 color: #0080a7;
}
.network-brand .page-title {
 background: #2B5596;
}
.network-brand blockquote {
 border-left-color: #0083C9;
}
.about-us-brand h1,
.about-us-brand h2,
.about-us-brand h3 {
 color: #BC3531;
}
.about-us-brand .authored-content a,
.about-us-brand .news-item-detail a,
.about-us-brand .article-teaser-details a,
.about-us-brand .gallery-images a {
 color: #BC3531;
}
.about-us-brand .page-title,
.about-us-brand .article-title {
 background: #E3473A;
}
.about-us-brand blockquote {
 border-left-color: #BC3531;
}
h4, h5, h6, .h4, .h5, .h6 {
 font-family: 'Montserrat', Helvetica, sans-serif;
 text-transform: uppercase;
}
a {
 text-decoration: underline;
 color: #266fae;
}
h1.page-title,
h1.article-title {
 color: #FFF;
}
.breadcrumb {
 font-weight: bold;
 font-size: 12px;
 margin-bottom: 0;
}
.inside-page-content .breadcrumb li {
 margin-right: 1px;
}
.breadcrumb a {
 color: #636363;
}
blockquote {
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-size: 18px;
}
blockquote footer {
 font-family: 'Montserrat', Helvetica, sans-serif;
}
.container,
.container-fluid {
 max-width: 1150px;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
input[type='search']::-moz-placeholder {
 color: #929292;
 opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder {
 color: #929292;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder {
 color: #929292;
}
.placeholder {
 color: #929292;
}
/* Calls to action */
.call-to-action {
 position: absolute;
 padding: 0;
 width: auto;
 right: 20px;
 bottom: 20px;
 max-width: 95%;
 font-size: 12px;
 font-weight: bold;
}
.call-to-action a {
 background: #767676;
 padding: 10px 56px 10px 20px;
 text-decoration: none;
 display: inline-block;
 position: relative;
 height: 36px;
 float: right;
 max-width: 100%;
 color: #FFF;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.call-to-action a:before {
 font-family: 'ergon-icons';
 content: "\e604"; /* .ergonicon-arrow */
 display: inline-block;
 position: absolute;
 right: 0;
 background: #000;
 background: rgba(0, 0, 0, 0.75);
 color: #FFF;
 top: 0;
 bottom: 0;
 font-size: 16px;
 padding-top: 7px;
 text-align: center;
 width: 40px;
 height: 40px;
 font-weight: normal;
}
.call-to-action.auto-width,
.call-to-action.full-width {
 max-width: none;
}
.call-to-action.auto-width {
 left: -20px;
 padding-left: 40px;
}
.call-to-action.auto-width a,
.nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action.auto-width a,
.call-to-action.full-width a {
 max-width: none;
 float: none;
 max-width: 100%;
}
.call-to-action.full-width a,
.nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action.full-width a {
 max-width: none;
 width: 100%;
}
/* Content */
.inside-page-content {
 padding: 0 20px;
 position: relative;
}
.inside-page-content,
.page-type-search .inside-page-content {
 margin-bottom: 40px;
}
.page-type-gateway .inside-page-content,
.page-type-segment .inside-page-content {
 display: none;
}
/* Search results */
.page-type-search .page-title {
 display: none;
}
.page-type-search .inside-page-content {
 margin: 0 auto;
 max-width: 760px;
}
/* Search results are marked up as an ordered list of <article/>'s */
.search-results {
 list-style: none;
 padding-left: 0;
}
.search-result {
 margin: 40px 0;
}
.search-result h1 {
 font-family: 'Montserrat', Helvetica, sans-serif;
}
.search-result h1 a {
 color: #323232;
}
.search-result h1,
.search-result .url,
.search-result .description {
 font-size: 14px;
 margin: 5px 0;
}
.search-result .url {
 display: block;
 font-size: 12px;
 word-wrap: break-word;
}
.page-title,
.article-title {
 margin: 20px -20px 0 -20px;
 padding: 15px 20px;
 color: #FFF;
}
.article-title {margin:0;}
.styleguide-content {
 margin-bottom: 20px;
}

/* STYLE GUIDE CODE STYLES ----------------------------------------------- */
pre {
  background: #383a3f;
  border: 1px solid #000;
  -moz-border-radius:   3px;
  -webkit-border-radius:3px;
  border-radius:        3px;
  color: #abe0ff;
  font-size: 1em;
  margin: 1em 10px;
  overflow-x: auto;
  padding: 0px;
}
pre code,
pre:before {
  padding: .5em .8em;
}
code {
  background-color: #eee;
  display: inline-block;
  font-family: "Courier New", Courier, monospace;
}
pre code {
  font-size: 0.8em;
  background-color: inherit;
}
pre:before {
  background: #202124;
  color: #969696;
  content: attr(data-type);
  float: left;
}
/* END STYLE GUIDE CODE STYLES */
.extend-edges {
 margin: 0 -20px;
}
.authored-content img.full {
 width: 100%;
 width: -moz-calc(100% + 20px);
 width: -webkit-calc(100% + 20px);
 width: -o-calc(100% + 20px);
 width: calc(100% + 20px);
 max-width: initial;
 height: auto;
 float: none !important;
 padding: 0 !important;
 margin: 0 -round(10px) 20px -round(10px) !important;
}
.authored-content img {
 max-width: 100%;
 height: auto !important;
}
.authored-content .responsive {
 width: 100%;
 margin-bottom: 15px;
 overflow-y: auto;
 overflow-x: auto !important;
 /*-ms-overflow-style: -ms-autohiding-scrollbar;
 -webkit-overflow-scrolling: touch;*/
}
.authored-content .responsive th,
.authored-content .responsive td {
 white-space: normal;
}
.authored-content table {
 width: 100%;
 max-width: 100%;
 border: 1px solid #DDD;
 background-color: transparent;
}
.authored-content th,
.authored-content td {
 padding: 8px;
 line-height: 1.42857143;
 vertical-align: top;
 border: 1px solid #DDD;
}
.authored-content thead tr,
.authored-content th {
 background: #EAEAEA;
}
.authored-content th {
 vertical-align: bottom;
 border-bottom: 1px solid #DDD;
 text-align: left;
}
.authored-content table.simple {
 border: none;
}
.authored-content table.simple thead tr,
.authored-content table.simple th {
 background: #FFF;
}
.authored-content table.simple th {
 border-top: none;
}
.authored-content table.simple th,
.authored-content table.simple td {
 border-left: none;
 border-right: none;
}
/* Document listings */
.authored-content table.file-listing thead {
 border: solid 1px #C6C6C6;
 border-left: 0;
 border-right: 0;
}
.authored-content table.file-listing th {
 background: #EDEDED;
 border-color: #C6C6C6;
}
.file-listing th:last-child,
.file-listing td:last-child {
 /* Date column */
 text-align:right;
}
/*! Ergon icons  */

@font-face {
 font-family: 'ergon-icons';
 src:url('https://www.ergon.com.au/__data/assets/file/0009/693027/ergon-icons.eot?v=0.1.2?-lwasr9');
 src:url('https://www.ergon.com.au/__data/assets/file/0009/693027/ergon-icons.eot?v=0.1.2?#iefix-lwasr9') format('embedded-opentype'),
  url('https://www.ergon.com.au/__data/assets/file/0003/693030/ergon-icons.woff?v=0.1.5?-lwasr9') format('woff'),
  url('https://www.ergon.com.au/__data/assets/file/0011/693029/ergon-icons.ttf?v=0.1.2?-lwasr9') format('truetype'),
  url('https://www.ergon.com.au/__data/assets/file/0010/693028/ergon-icons.svg?v=0.1.2?-lwasr9#ergon-icons') format('svg');
 font-weight: normal;
 font-style: normal;
}
.ergonicon {
 font-family: 'ergon-icons';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

a.ergonicon {
 text-decoration: none;
 color: #266fae;
}
h3.ergonicon-hamburger-text {
    margin-top: -1.4em;
    font-size: 0.27em;
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
}


.ergonicon-abc-document:before {
  content: "\e600";
}
.ergonicon-air-con-calculator:before {
  content: "\e601";
}
.ergonicon-air-conditioning:before {
  content: "\e602";
}
.ergonicon-appliance-calculator:before {
  content: "\e603";
}
.ergonicon-arrow:before {
  content: "\e604";
}
.ergonicon-bathtub:before {
  content: "\e605";
}
.ergonicon-battery:before {
  content: "\e683";
}
.ergonicon-bill-payment:before {
  content: "\e606";
}
.ergonicon-bill-save:before {
  content: "\e607";
}
.ergonicon-book:before {
  content: "\e608";
}
.ergonicon-bpay:before {
  content: "\e609";
}
.ergonicon-bpoint:before {
  content: "\e60a";
}
.ergonicon-briefcase:before {
  content: "\e60b";
}
.ergonicon-building-3d:before {
  content: "\e60c";
}
.ergonicon-building-flat:before {
  content: "\e60d";
}
.ergonicon-business-rebates:before {
  content: "\e60e";
}
.ergonicon-calculator:before {
  content: "\e60f";
}
.ergonicon-chat:before {
  content: "\e610";
}
.ergonicon-checklist:before {
  content: "\e611";
}
.ergonicon-clean-energy-home:before {
  content: "\e612";
}
.ergonicon-clipboard:before {
  content: "\e613";
}
.ergonicon-coins:before {
  content: "\e614";
}
.ergonicon-credit-card:before {
  content: "\e615";
}
.ergonicon-demand-meter:before {
  content: "\e616";
}
.ergonicon-direct-debit:before {
  content: "\e617";
}
.ergonicon-dog:before {
  content: "\e618";
  /* color: #444;*/
}
.ergonicon-dryer:before {
  content: "\e61a";
}
.ergonicon-dryer-calculator:before {
  content: "\e619";
}
.ergonicon-e-bill:before {
  content: "\e61b";
}
.ergonicon-efficient-light:before {
  content: "\e61c";
}
.ergonicon-eft:before {
  content: "\e61d";
}
.ergonicon-electric-vehicle:before {
  content: "\e684";
}
.ergonicon-emergency:before {
  content: "\e61e";
}
.ergonicon-employee-id:before {
  content: "\e61f";
}
.ergonicon-energy-management-system:before {
  content: "\e685";
}
.ergonicon-envelope:before {
  content: "\e620";
}
.ergonicon-equal-sign:before {
  content: "\e621";
}
.ergonicon-faq:before {
  content: "\e622";
}
.ergonicon-faults:before {
  content: "\e623";
}
.ergonicon-file-excel:before {
  content: "\e624";
}
.ergonicon-file-pdf:before {
  content: "\e625";
}
.ergonicon-file-powerpoint:before {
  content: "\e626";
}
.ergonicon-file-word:before {
  content: "\e627";
}
.ergonicon-flood-home:before {
  content: "\e628";
}
.ergonicon-flowers:before {
  content: "\e629";
}
.ergonicon-form:before {
  content: "\e62b";
}
.ergonicon-form-a:before {
  content: "\e62a";
}
.ergonicon-fridge:before {
  content: "\e62d";
}
.ergonicon-fridge-calculator:before {
  content: "\e62c";
}
.ergonicon-generator:before {
  content: "\e62f";
}
.ergonicon-generator-switch:before {
  content: "\e62e";
}
.ergonicon-graduates:before {
  content: "\e630";
}
.ergonicon-green-lighting:before {
  content: "\e631";
}
.ergonicon-grim-llama:before {
  content: "\e632";
}
.ergonicon-hamburger-menu:before {
  content: "\e633";
}
.ergonicon-handshake:before {
  content: "\e634";
}
.ergonicon-hard-hat:before {
  content: "\e635";
}
.ergonicon-help:before {
  content: "\e636";
}
.ergonicon-home:before {
  content: "\e63a";
}
.ergonicon-home-connection:before {
  content: "\e637";
}
.ergonicon-home-fill:before {
  content: "\e638";
}
.ergonicon-home-saving:before {
  content: "\e639";
}
.ergonicon-hot-water-calculator:before {
  content: "\e63b";
}
.ergonicon-household-calculator:before {
  content: "\e63c";
}
.ergonicon-id-badge:before {
  content: "\e63d";
}
.ergonicon-incentives:before {
  content: "\e63e";
}
.ergonicon-information:before {
  content: "\e63f";
}
.ergonicon-job-search:before {
  content: "\e640";
}
.ergonicon-key:before {
  content: "\e641";
}
.ergonicon-ladder:before {
  content: "\e642";
}
.ergonicon-lighting-calculator:before {
  content: "\e643";
}
.ergonicon-location-map:before {
  content: "\e644";
}
.ergonicon-megaphone:before {
  content: "\e645";
}
.ergonicon-meter:before {
  content: "\e646";
}
.ergonicon-minus-sign:before {
  content: "\e647";
}
.ergonicon-mobile-phone:before {
  content: "\e648";
}
.ergonicon-money-stack:before {
  content: "\e649";
}
.ergonicon-moving-house:before {
  content: "\e64a";
}
.ergonicon-network-connection:before {
  content: "\e64b";
}
.ergonicon-newspaper:before {
  content: "\e64c";
}
.ergonicon-online:before {
  content: "\e64d";
}
.ergonicon-open-sign:before {
  content: "\e64e";
}
.ergonicon-padlock:before {
  content: "\e64f";
}
.ergonicon-pay:before {
  content: "\e651";
}
.ergonicon-pay-in-person:before {
  content: "\e650";
}
.ergonicon-pencil:before {
  content: "\e653";
}
.ergonicon-pencil-paper:before {
  content: "\e652";
}
.ergonicon-people-coin:before {
  content: "\e654";
}
.ergonicon-phone:before {
  content: "\e656";
}
.ergonicon-phone-simple:before {
  content: "\e655";
}
.ergonicon-piggy-bank:before {
  content: "\e657";
}
.ergonicon-plus-sign:before {
  content: "\e658";
}
.ergonicon-pool:before {
  content: "\e65a";
}
.ergonicon-pool-calculator:before {
  content: "\e659";
}
.ergonicon-power:before {
  content: "\e65b";
}
.ergonicon-powerboard:before {
  content: "\e686";
}
.ergonicon-powercord:before {
  content: "\e65c";
}
.ergonicon-powerpoint:before {
  content: "\e65d";
}
.ergonicon-powerpole:before {
  content: "\e65e";
}
.ergonicon-qld-map:before {
  content: "\e660";
}
.ergonicon-qld-map-fill:before {
  content: "\e65f";
}
.ergonicon-question:before {
  content: "\e661";
}
.ergonicon-renewable:before {
  content: "\e662";
}
.ergonicon-report:before {
  content: "\e663";
}
.ergonicon-rfds:before {
  content: "\e664";
}
.ergonicon-safety:before {
  content: "\e665";
}
.ergonicon-safety-heroes:before {
  content: "\e687";
}
.ergonicon-scroll:before {
  content: "\e666";
}
.ergonicon-search:before {
  content: "\e667";
}
.ergonicon-seedling:before {
  content: "\e668";
}
.ergonicon-social-facebook:before {
  content: "\e669";
}
.ergonicon-social-instagram:before {
  content: "\f16d";
}

.ergonicon-social-google-plus:before {
  content: "\e66a";
}
.ergonicon-social-linkedin:before {
  content: "\e66b";
}
.ergonicon-social-soundcloud:before {
  content: "\e66c";
}
.ergonicon-social-twitter:before {
  content: "\e66d";
}
.ergonicon-social-youtube:before {
  content: "\e66e";
}
.ergonicon-solar-panels:before {
  content: "\e66f";
}
.ergonicon-stethoscope:before {
  content: "\e670";
}
.ergonicon-storm:before {
  content: "\e671";
}
.ergonicon-street-lights:before {
  content: "\e672";
}
.ergonicon-subscribe-envelope:before {
  content: "\e673";
}
.ergonicon-team:before {
  content: "\e674";
}
.ergonicon-temperature:before {
  content: "\e675";
}
.ergonicon-torch:before {
  content: "\e677";
}
.ergonicon-torch-battery-bottle:before {
  content: "\e676";
}
.ergonicon-transmission-tower:before {
  content: "\e678";
}
.ergonicon-truck-powerpole:before {
  content: "\e67a";
}
.ergonicon-truck-powerpole-tilt:before {
  content: "\e679";
}
.ergonicon-tv:before {
  content: "\e67b";
}
.ergonicon-up-arrow:before {
  content: "\e67c";
}
.ergonicon-vest:before {
  content: "\e67d";
}
.ergonicon-washing-calculator:before {
  content: "\e67e";
}
.ergonicon-washing-machine:before {
  content: "\e67f";
}
.ergonicon-witches-hat:before {
  content: "\e680";
}
.ergonicon-work-truck:before {
  content: "\e681";
}
.ergonicon-xmas-tree:before {
  content: "\e682";
}
.ergonicon-made-better:before {
  content: "\e900";
}
.ergonicon-chevron:before {
  content: "\e901";
}
.ergonicon-person:before {
  content: "\e902";
}
.ergonicon-planned-outage:before {
  content: "\e903";
}
.ergonicon-planned-outage-border:before {
  content: "\e904";
}
.ergonicon-unplanned-outage:before {
  content: "\e905";
}
.ergonicon-unplanned-outage-border:before {
  content: "\e906";
}
.ergonicon-layers:before {
  content: "\e907";
}
.ergonicon-list-unordered:before {
  content: "\e908";
}
.ergonicon-web:before {
  content: "\e909";
}
.ergonicon-talking-energy:before {
  content: "\e90a";
}
.ergonicon-agriculture-document:before {
  content: "\e90b";
}
.ergonicon-motor-vehicle-pole-collision:before {
  content: "\e90c";
}
.ergonicon-powerline-flag:before {
  content: "\e90d";
}

.ergonicon-user:before {
  content: "\e902";
}
/*

@font-face {
 font-family: 'ergon-icons';
 src:url('https://www.ergon.com.au/__data/assets/file/0004/693040/ergon-icons-4.eot?v=0.1.1?-lwasr9');
 src:url('https://www.ergon.com.au/__data/assets/file/0004/693040/ergon-icons-4.eot?v=0.1.1?#iefix-lwasr9') format('embedded-opentype'),
  url('https://www.ergon.com.au/__data/assets/file/0007/693043/ergon-icons-4.woff?v=0.1.1?-lwasr9') format('woff'),
  url('https://www.ergon.com.au/__data/assets/file/0006/693042/ergon-icons-4.ttf?v=0.1.1?-lwasr9') format('truetype'),
  url('https://www.ergon.com.au/__data/assets/file/0005/693041/ergon-icons-4.svg?v=0.1.1?-lwasr9#ergon-icons') format('svg');
 font-weight: normal;
 font-style: normal;
}
.ergonicon {
 font-family: 'ergon-icons';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}


h3.ergonicon-hamburger-text {
    margin-top: -1.4em;
    font-size: 0.27em;
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
}


.ergonicon-abc-document:before{content:"\e600"}
.ergonicon-agriculture-document:before{content:"\e90b"}
.ergonicon-air-con-calculator:before{content:"\e601"}
.ergonicon-air-conditioning:before{content:"\e602"}
.ergonicon-appliance-calculator:before{content:"\e603"}
.ergonicon-arrow:before{content:"\e604"}
.ergonicon-bathtub:before{content:"\e605"}
.ergonicon-battery:before{content:"\e683"}
.ergonicon-bill-payment:before{content:"\e606"}
.ergonicon-bill-save:before{content:"\e607"}
.ergonicon-book:before{content:"\e608"}
.ergonicon-bpay:before{content:"\e609"}
.ergonicon-bpoint:before{content:"\e60a"}
.ergonicon-briefcase:before{content:"\e60b"}
.ergonicon-building-3d:before{content:"\e60c"}
.ergonicon-building-flat:before{content:"\e60d"}
.ergonicon-business-rebates:before{content:"\e60e"}
.ergonicon-calculator:before{content:"\e60f"}
.ergonicon-chat:before{content:"\e610"}
.ergonicon-checklist:before{content:"\e611"}
.ergonicon-clean-energy-home:before{content:"\e612"}
.ergonicon-clipboard:before{content:"\e613"}
.ergonicon-coins:before{content:"\e614"}
.ergonicon-credit-card:before{content:"\e615"}
.ergonicon-demand-meter:before{content:"\e616"}
.ergonicon-direct-debit:before{content:"\e617"}
.ergonicon-dog:before{content:"\e618"}
.ergonicon-dryer:before{content:"\e61a"}
.ergonicon-dryer-calculator:before{content:"\e619"}
.ergonicon-e-bill:before{content:"\e61b"}
.ergonicon-efficient-light:before{content:"\e61c"}
.ergonicon-eft:before{content:"\e61d"}
.ergonicon-electric-vehicle:before{content:"\e684"}
.ergonicon-emergency:before{content:"\e61e"}
.ergonicon-employee-id:before{content:"\e61f"}
.ergonicon-energy-management-system:before{content:"\e685"}
.ergonicon-envelope:before{content:"\e620"}
.ergonicon-equal-sign:before{content:"\e621"}
.ergonicon-faq:before{content:"\e622"}
.ergonicon-faults:before{content:"\e623"}
.ergonicon-file-excel:before{content:"\e624"}
.ergonicon-file-pdf:before{content:"\e625"}
.ergonicon-file-powerpoint:before{content:"\e626"}
.ergonicon-file-word:before{content:"\e627"}
.ergonicon-flood-home:before{content:"\e628"}
.ergonicon-flowers:before{content:"\e629"}
.ergonicon-form:before{content:"\e62b"}
.ergonicon-form-a:before{content:"\e62a"}
.ergonicon-fridge:before{content:"\e62d"}
.ergonicon-fridge-calculator:before{content:"\e62c"}
.ergonicon-generator:before{content:"\e62f"}
.ergonicon-generator-switch:before{content:"\e62e"}
.ergonicon-graduates:before{content:"\e630"}
.ergonicon-green-lighting:before{content:"\e631"}
.ergonicon-grim-llama:before{content:"\e632"}
.ergonicon-hamburger-menu:before{content:"\e633"}
.ergonicon-handshake:before{content:"\e634"}
.ergonicon-hard-hat:before{content:"\e635"}
.ergonicon-help:before{content:"\e636"}
.ergonicon-home:before{content:"\e63a"}
.ergonicon-home-connection:before{content:"\e637"}
.ergonicon-home-fill:before{content:"\e638"}
.ergonicon-home-saving:before{content:"\e639"}
.ergonicon-hot-water-calculator:before{content:"\e63b"}
.ergonicon-household-calculator:before{content:"\e63c"}
.ergonicon-id-badge:before{content:"\e63d"}
.ergonicon-incentives:before{content:"\e63e"}
.ergonicon-information:before{content:"\e63f"}
.ergonicon-job-search:before{content:"\e640"}
.ergonicon-key:before{content:"\e641"}
.ergonicon-ladder:before{content:"\e642"}
.ergonicon-layers:before{content:"\e907"}
.ergonicon-lighting-calculator:before{content:"\e643"}
.ergonicon-location-map:before{content:"\e644"}
.ergonicon-megaphone:before{content:"\e645"}
.ergonicon-meter:before{content:"\e646"}
.ergonicon-minus-sign:before{content:"\e647"}
.ergonicon-mobile-phone:before{content:"\e648"}
.ergonicon-money-stack:before{content:"\e649"}
.ergonicon-motor-vehicle-pole-collision:before{content:"\e90c"}
.ergonicon-moving-house:before{content:"\e64a"}
.ergonicon-network-connection:before{content:"\e64b"}
.ergonicon-newspaper:before{content:"\e64c"}
.ergonicon-online:before{content:"\e64d"}
.ergonicon-open-sign:before{content:"\e64e"}
.ergonicon-padlock:before{content:"\e64f"}
.ergonicon-pay:before{content:"\e651"}
.ergonicon-pay-in-person:before{content:"\e650"}
.ergonicon-pencil:before{content:"\e653"}
.ergonicon-pencil-paper:before{content:"\e652"}
.ergonicon-people-coin:before{content:"\e654"}
.ergonicon-phone:before{content:"\e656"}
.ergonicon-phone-simple:before{content:"\e655"}
.ergonicon-piggy-bank:before{content:"\e657"}
.ergonicon-plus-sign:before{content:"\e658"}
.ergonicon-pool:before{content:"\e65a"}
.ergonicon-pool-calculator:before{content:"\e659"}
.ergonicon-power:before{content:"\e65b"}
.ergonicon-powerboard:before{content:"\e686"}
.ergonicon-powercord:before{content:"\e65c"}
.ergonicon-powerpoint:before{content:"\e65d"}
.ergonicon-powerline-flag:before{content:"\e90d"}
.ergonicon-powerpole:before{content:"\e65e"}
.ergonicon-qld-map:before{content:"\e660"}
.ergonicon-qld-map-fill:before{content:"\e65f"}
.ergonicon-question:before{content:"\e661"}
.ergonicon-renewable:before{content:"\e662"}
.ergonicon-report:before{content:"\e663"}
.ergonicon-rfds:before{content:"\e664"}
.ergonicon-safety:before{content:"\e665"}
.ergonicon-safety-heroes:before{content:"\e687"}
.ergonicon-scroll:before{content:"\e666"}
.ergonicon-search:before{content:"\e667"}
.ergonicon-seedling:before{content:"\e668"}
.ergonicon-social-facebook:before{content:"\e669"}
.ergonicon-social-google-plus:before{content:"\e66a"}
.ergonicon-social-linkedin:before{content:"\e66b"}
.ergonicon-social-soundcloud:before{content:"\e66c"}
.ergonicon-social-twitter:before{content:"\e66d"}
.ergonicon-social-youtube:before{content:"\e66e"}
.ergonicon-solar-panels:before{content:"\e66f"}
.ergonicon-stethoscope:before{content:"\e670"}
.ergonicon-storm:before{content:"\e671"}
.ergonicon-street-lights:before{content:"\e672"}
.ergonicon-subscribe-envelope:before{content:"\e673"}
.ergonicon-talking-energy:before{content:"\e90a"}
.ergonicon-team:before{content:"\e674"}
.ergonicon-temperature:before{content:"\e675"}
.ergonicon-torch:before{content:"\e677"}
.ergonicon-torch-battery-bottle:before{content:"\e676"}
.ergonicon-transmission-tower:before{content:"\e678"}
.ergonicon-truck-powerpole:before{content:"\e67a"}
.ergonicon-truck-powerpole-tilt:before{content:"\e679"}
.ergonicon-tv:before{content:"\e67b"}
.ergonicon-up-arrow:before{content:"\e67c"}
.ergonicon-vest:before{content:"\e67d"}
.ergonicon-washing-calculator:before{content:"\e67e"}
.ergonicon-washing-machine:before{content:"\e67f"}
.ergonicon-witches-hat:before{content:"\e680"}
.ergonicon-work-truck:before{content:"\e681"}
.ergonicon-xmas-tree:before{content:"\e682"}
.ergonicon-planned-outage:before { content: "\e902"; }
.ergonicon-planned-outage-border:before { content: "\e900"; }
.ergonicon-unplanned-outage:before { content: "\e903"; }
.ergonicon-unplanned-outage-border:before { content: "\e901"; }
.ergonicon-user:before { content: "\e902"; }

*/

.ergonicon-remove:before {
 content: "\00d7";
 position: relative;
 top: -0.1em;
}

/*! Emergency Banner */
.main-emergency-banner__wrapper{
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
}
.main-emergency-banner {
    background-color: pink;
    position: relative;
    width: 100%;
    margin: 0;
}
.main-emergency-banner__icon {
    color: red;
    display: inline-block;
    float: left;
    position: absolute;
    top: 1.4em;
    left: 1em;
}
.main-emergency-banner:before {
    position: absolute;
    background: pink;
    padding: 0;
    z-index: 0;
    content: "";
    display: block;
    min-height: 125px;
    height: 100%;
    top: 0;
}

.main-emergency-banner__text--title{
    margin-bottom: 1em;
}
button.main-emergency-banner__text--close {
    display: inline-block;
    border: 0;
    padding: 0.5em 1em;
    font-weight: lighter;
    border-radius: 0;
    position: absolute;
    right: 0;
    background: pink;
    z-index: 1;
}
.main-emergency-banner__inner {
    padding: 1em;
}
.main-emergency-banner__text {
    margin: 0 2em 0 3.5em;
}
@media (min-width: 768px) and (max-width: 991px) {
    .main-emergency-banner__icon {
        font-size: 1.4em;
        top: 1em;
    }
    .main-emergency-banner__text{
        margin  :0 2em 0 5em;
    }
}
@media (min-width: 992px){
    .main-emergency-banner__icon {
        font-size: 2em;
        top: .7em;
    }

    .main-emergency-banner__text{
        margin  :0 2em 0 7em;
    }
}

.main-emergency-banner__inner a {
    color: #135c9b; 
}


.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x {
    line-height: inherit;
    font-size: 1em;
}

.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 2em;
}

.fa-lg {
    font-size: 1.33333em;
    vertical-align: -15%;
}

/*! Top navigation bar */
.navbar-gateway {
 font-size: 14px;
 font-weight: bold;
 font-family: Roboto Slab, Times New Roman, Times, serif;
 background: #404040;
 overflow: auto;
}
.navbar-gateway a {
 text-decoration: none;
 color: #FFF;
 display: inline-block;
 width: 100%;
}
.navbar-gateway .placeholder {
 color: #FFF;
}
.navbar-gateway input[type='search'] {
 color: #FFF;
}
.navbar-gateway input[type='search']::-moz-placeholder {
 color: #FFF;
 opacity: 1;
}
.navbar-gateway input[type='search']:-ms-input-placeholder {
 color: #FFF;
}
.navbar-gateway input[type='search']::-webkit-input-placeholder {
 color: #FFF;
}
.navbar-gateway .form-control {
 height: 60px;
}
.navbar-gateway .search-input {
 background: #404040;
 border: none;
 font-size: 16px; /* To prevent mobile zoom */
}
.navbar-gateway .search-button {
 background: #929292;
 width: 60px;
 border: none;
 color: #FFF;
 font-size: 24px;
 padding: 0 10px;
}
.active.nav-item {
 background: #323232;
 border: 0;
 border-bottom: solid 4px;
 margin-left: -2px;
 position: relative;
}
.nav-item:hover {
 background: #323232;
}
.active.nav-item.nav-retail,
.nav-item.nav-retail:hover {
 border-bottom: solid 4px #A4D65E;
}
.active.nav-item.nav-network,
.nav-item.nav-network:hover {
 border-bottom: solid 4px #0083C9;
}
.active.nav-item.nav-about-us,
.nav-item.nav-about-us:hover {
 border-bottom: solid 4px #E3473A;
}
.navbar-gateway .nav-gateway {
 list-style: none;
 padding: 0;
 margin-bottom: 0;
 overflow: hidden;
 margin: 0 -10px;
}
.nav-gateway .ergonicon {
 line-height: 40px;
 font-size: 26px;
}
.nav-item {
 float: left;
 display: none;
 text-align: center;
 border-left: solid #636363 2px;
 border-right: solid #323232 2px;
 height: 40px;
 line-height: 40px;
}
.nav-item.nav-home,
.nav-item.nav-search-form {
 border-left: 0;
}
.nav-item.nav-search {
 border-right: 0;
}
.text-home {
 display: none;
}
.nav-search-form {
 display: block;
 margin-right: -3px;
 overflow: hidden;
 height: 60px;
 -webkit-transition: height 0.2s;
 transition: height 0.2s;
}
.nav-search-form.collapsed {
 height: 0;
}
.nav-home,
.nav-retail,
.nav-network,
.nav-about-us,
.nav-search {
 display: block;
}
.navbar-gateway .nav-home,
.navbar-gateway .nav-search {
 width: 12.5%;
}
.navbar-gateway .nav-retail,
.navbar-gateway .nav-network,
.navbar-gateway .nav-about-us {
 width: 25%;
}
.search-shade {
 position: absolute;
 top: 40px;
 left: 0;
 right: 0;
 background: #000;
 z-index: 10;
 opacity: 0;
 filter: alpha(opacity=0);
}
.search-shade.active {
 opacity: 0.5;
 filter: alpha(opacity=50);
 -webkit-transition: top 0.2s;
 transition: top 0.2s;
 top: 100px;
 bottom: 0;
 display: none;
}
.nav-gateway .nav-item.active:before {
 font-family: 'ergon-icons';
 content: '\e67c'; /* .ergonicon-up-arrow */
 position: absolute;
 bottom: -18px;
 font-size: 16px;
 left: 50%;
 width: 10px;
 margin-left: -6px;
}
.nav-gateway .nav-item.nav-network.active:before {color: #0083C9;}
.nav-gateway .nav-item.nav-about-us.active:before {color: #E3473A;}
.nav-gateway .nav-item.nav-retail.active:before {color: #A4D65E;}
/*! Site navigation */
html.collapsible-header-nav-visible,
.collapsible-header-nav-visible body {
 overflow: hidden;
}
.header-nav {
 position: absolute;
 top: 30px;
 width: 100%;
 z-index: 10000;
}
.header-nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
.header-nav a {
 color: #FFF;
 text-decoration: none;
}
.header-nav a:hover {
 text-decoration: underline;
}
.header-nav .nav-content-pages {
 display: none;
}
.header-nav .active > .nav-content-pages {
 display: block;
}
.site-nav-section-name {
 display: block;
 position: absolute;
 text-transform: capitalize;
 top: 90px;
 width: auto;
 top: 0;
 left: 61px;
}
.site-nav-section-name a {
 color: #FFF;
}
.site-nav-section-name a {
 line-height: 3em;
 font-weight: bold;
 font-family: Roboto Slab, Times New Roman, Times, serif;
 text-align: center;
 text-decoration: none;
 padding: 0 20px;
 height: 50px;
 width: auto;
 display: table-cell;
 vertical-align: middle;
 background: #24662e;
}
.nav-segments {
 display: inline; /* Fixes rotation bug on iPad */
}
.header-nav-menu-button,
.nav-segments > li > a {
 background: #24662e;
}
.business-brand .nav-segments > li > a,
.business-brand .site-nav-section-name a,
.business-brand .header-nav-menu-button {
 background: #24662e;
}


.network-brand .nav-segments > li > a,
.network-brand .site-nav-section-name a,
.network-brand .header-nav-menu-button,
.network-brand .header-nav .nav-segments > .active {
 background: #0083C9;
}
.about-us-brand .nav-segments > li > a,
.about-us-brand .site-nav-section-name a,
.about-us-brand .header-nav-menu-button,
.about-us-brand .header-nav .nav-segments > .active {
    background: #d93d30;
}
/* Colour the LI elements of the tabs so the segment tab JS can grab a colour */
.residential-brand .header-nav .nav-segments > li.active:last-child,
.business-brand .header-nav .nav-segments > li.active:last-child,
.header-nav .nav-segments > li.active:last-child {
 /* Last tab is always Help & Support grey */
 background-color: #636363;
}
/* IE8. Same as above but with .last-child instead of :last-child */
.residential-brand .header-nav .nav-segments > li.active.last-child,
.business-brand .header-nav .nav-segments > li.active.last-child,
.header-nav .nav-segments > li.active.last-child {
 background-color: #636363;
}
.residential-brand .header-nav .nav-segments > li.active,
.business-brand .header-nav .nav-segments > li.active { /* Business tab (default) */
 background-color: #24662e;
}
.residential-brand .header-nav .nav-segments > li.active:first-child,
.business-brand .header-nav .nav-segments > li.active:first-child { /* First Retail tab is Residential */
 background-color: #34AA45;
}
.header-nav-shade {
 -webkit-transition: opacity 0.3s, z-index 0 linear 0.3s, height 0 linear 0.3s;
 transition: opacity 0.3s, z-index 0 linear 0.3s, height 0 linear 0.3s;
 background: #000;
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: -9999;
 height: 0;
 opacity: 0;
 filter: alpha(opacity=0);
}
.header-nav-shade.active {
 height: 100%;
 -webkit-transition: opacity 0.3s ease;
 transition: opacity 0.3s ease;
 opacity: 0.5;
 filter: alpha(opacity=50);
 z-index: 9999;
}
/* Small screen navigation */
.header-nav .nav-segments a {
 display: block;
 padding: 10px 20px;
}
.header-nav .nav-segments > li > a {
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-weight: bold;
 font-size: 18px;
 padding: 12px 20px;
 height: 50px;
}
/* Visible state */
.header-nav .nav-segments {
 z-index: 1;
 position: fixed;
 top: 0;
 bottom: 0;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 left: 61px;
 right: 0;
}
.header-nav-menu-button {
 display: table;
 position: absolute;
 width: 61px;
 height: 50px;
 z-index: 100;
 margin-left: -61px;
 left: 61px;
}
/*
.header-nav-menu-button a {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}
*/
.header-nav-menu-button a {
 position: absolute;
 width: 100%;
 text-align: center;
 top: -4px;
 font-size: 36px;
}
.header-nav-menu-button a:hover {
 text-decoration: none;
}

.header-nav .nav-segments,
.header-nav-menu-button,
.header-nav-collapsed .nav-segments,
.header-nav-collapsed .header-nav-menu-button {
 -webkit-transition: left 0.3s, right 0.3s;
 transition: left 0.3s, right 0.3s;
}
/* Collapsed state */
.header-nav.header-nav-collapsed .nav-segments {
 left: 100%;
 right: -100%;
}
.header-nav.header-nav-collapsed .header-nav-menu-button {
 left: 100%;
}
/* Use CSS transforms instead of left/right where available */
/* Combine with JS to basically do `transform: translateX(-width);` on:
 * .header-nav-collapsed .nav-segments
 * .header-nav-collapsed .header-nav-menu-button */
.js.csstransforms .header-nav .header-nav-menu-button,
.js.csstransforms .header-nav .nav-segments {
 -webkit-transition: -webkit-transform 0.3s;
 transition: transform 0.3s;
}
.js.csstransforms .header-nav .nav-segments,
.js.csstransforms .header-nav.header-nav-collapsed .nav-segments {
 left: 100%;
 right: -100%;
 right: calc(-100% + 61px);
}
.js.csstransforms .header-nav .header-nav-menu-button,
.js.csstransforms .header-nav.header-nav-collapsed .header-nav-menu-button {
 margin-left: -61px;
 left: 100%;
}
.header-nav .nav-categories,
.header-nav .nav-segments,
.business-brand .header-nav .nav-categories,
.business-brand .header-nav .nav-segments {
 background: #223A2A;
}
.network-brand .header-nav .nav-categories,
.network-brand .header-nav .nav-segments {
 background: #25336F;
}
.about-us-brand .header-nav .nav-categories,
.about-us-brand .header-nav .nav-segments {
 background: #641E1A;
}
.nav-categories > li > a {
 text-transform: uppercase;
}
.header-nav .nav-categories > li > a {
 padding-top: 20px;
 padding-bottom: 20px;
 border: solid 1px #000;
 border-left: 0;
 border-right: 0;
 margin-bottom: -1px;
 border-color: rgba(255, 255, 255, 0.15);
}
.header-nav .nav-content-pages > li > a {
 padding: 10px 0 10px 40px;
}
.header-nav .nav-content-pages > li li > a {
 padding-left: 60px;
}
/*! Gateway page styles */

.cta.cta-emergency {
 background: #FFEB00;
 font-weight: bold;
}
.cta.cta-emergency,
.cta-emergency .cta-box-arrow,
.cta.cta-emergency a,
.cta-emergency a .cta-box-arrow {
 color: #000;
}
.cta-emergency .cta-box-arrow,
.cta-emergency .cta-box-arrow:hover {
 background: #FFA200;
}
.emergency-banner-wrapper {
 background: #000;
}
.emergency-banner {
 padding: 20px 10px;
 margin: 0 -10px;
 background: #000;
 position: relative;
}
.emergency-banner a {
 color: #FFEB00;
}
.emergency-updates {
 margin-bottom: 20px;
}
.emergency-logo,
.emergency-title {
 display: inline-block;
}
.emergency-logo,
.emergency-updates .emergency-title {
 max-width: 50%;
 vertical-align: middle;
 margin-right: 10px;
}
.emergency-logo img {
 background: #FFEB00;
}
h1.emergency-title,
h2.emergency-title {
 font-size: 30px;
 margin: 0 10px 0 0;
 color: #FFF;
}
.emergency-details {
 position: relative;
 color: #FFF;
 padding-bottom: 50px; /* for CTA */
}
.emergency-details h2 {
 color: #FFEB00;
 font-size: 18px;
 font-family: 'Montserrat', Helvetica, sans-serif;
}
.emergency-banner .contact-numbers {
 background: #000;
 text-align: left;
 padding: 0;
 margin: 20px 0;
 width: 100%;
}
.emergency-banner .contact-numbers,
.emergency-banner .contact-numbers dt,
.emergency-banner .contact-numbers .info {
 color: #FFF;
}
.nav-and-meter-wrapper {
 margin: 0 -10px;
}
.nav-tabs-gateway {
 list-style: none;
 margin: 0;
 padding: 0;
 overflow: auto;
}
.nav-tabs-gateway > li {
 display: block;
 float: left;
 width: 100%;
}
.nav-tabs-gateway > li > a {
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-size: 18px;
 font-weight: bold;
 display: inline-block;
 width: 100%;
 color: #FFF;
 text-decoration: none;
 text-align: left;
 vertical-align: middle;
 padding: 10px 20px;
}
.nav-tabs-gateway > li .tab-icon {
 font-size: 32px;
 vertical-align: middle;
 display: inline-block;
 width: 42%;
 text-align: right;
 padding-right: 10px;
}
.nav-tabs-gateway .nav-tabs-gateway-content {
 display: none;
}
.nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action {
 position: absolute;
 padding: 0;
 width: auto;
 right: 20px;
 bottom: 20px;
 max-width: 95%;
 font-size: 12px;
 font-weight: bold;
}
.nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action a {
 background: #000;
 background: rgba(0, 0, 0, 0.60);
 padding: 10px 56px 10px 20px;
 text-decoration: none;
 display: inline-block;
 position: relative;
 height: 36px;
 float: right;
 max-width: 100%;
 color: #FFF;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action a:before {
 font-family: 'ergon-icons';
 content: "\e604"; /* .ergonicon-arrow */
 display: inline-block;
 position: absolute;
 right: 0;
 background: #000;
 background: rgba(0, 0, 0, 0.75);
 color: #FFF;
 top: 0;
 bottom: 0;
 font-size: 16px;
 font-weight: normal;
 padding-top: 7px;
 text-align: center;
 width: 40px;
 height: 40px;
}
.nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action.auto-width,
.nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action.full-width {
 max-width: none;
}
.nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action.auto-width {
 left: -20px;
 padding-left: 40px;
}
.nav-tabs-gateway .tab-residential.active > a,
.nav-tabs-gateway .tab-residential.active > a:hover,
/*.nav-tabs-gateway .tab-residential.active > a:focus,*/
.nav-tabs-gateway .tab-residential > a,
.nav-tabs-gateway .tab-residential > a:hover,
/*.nav-tabs-gateway .tab-residential > a:focus,*/
.nav-tabs-gateway .tab-residential .nav-tabs-gateway-content {
 background: #138924;
}
.nav-tabs-gateway .tab-business.active > a,
.nav-tabs-gateway .tab-business.active > a:hover,
/*.nav-tabs-gateway .tab-business.active > a:focus,*/
.nav-tabs-gateway .tab-business > a,
.nav-tabs-gateway .tab-business > a:hover,
/*.nav-tabs-gateway .tab-business > a:focus,*/
.nav-tabs-gateway .tab-business .nav-tabs-gateway-content {
 background: #24662e;
}
.nav-tabs-gateway .tab-network.active > a,
.nav-tabs-gateway .tab-network.active > a:hover,
/*.nav-tabs-gateway .tab-network.active > a:focus,*/
.nav-tabs-gateway .tab-network > a,
.nav-tabs-gateway .tab-network > a:hover,
/*.nav-tabs-gateway .tab-network > a:focus,*/
.nav-tabs-gateway .tab-network .nav-tabs-gateway-content {
 background: #2B5596;
}
.nav-tabs-gateway .tab-about-us.active > a,
.nav-tabs-gateway .tab-about-us.active > a:hover,
/*.nav-tabs-gateway .tab-about-us.active > a:focus,*/
.nav-tabs-gateway .tab-about-us > a,
.nav-tabs-gateway .tab-about-us > a:hover,
/*.nav-tabs-gateway .tab-about-us > a:focus,*/
.nav-tabs-gateway .tab-about-us .nav-tabs-gateway-content {
 background: #BC3531;
}
.network-usage-meter {
 height: auto;
 background: #323232;
 text-align: center;
 padding: 20px;
 padding-bottom: 60px;
 position: relative;
}
.network-usage-meter img {
 max-width: 100%;
 margin-bottom: 10px;
}
.network-usage-meter .heading {
 color: #FFF;
 font-size: 18px;
 margin-top: 0;
}
/*! Headers */
/* Shared header styles */
.header {
 position: relative;
 height: 0;
 padding-bottom: 30%;
 margin: 0;
 background: #c6c6c6 top center no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 -ms-behavior: url('https://www.ergon.com.au/__data/assets/file/0008/693026/backgroundsize.min.htc?v=0.1.1');
}
.header-inner {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 margin: 0 auto;
 width: 100%;
 max-width: 1150px;
}
.header-nav {
 margin: 0 -10px;
}
/* Varying heights for each header style */
/* Use percentages on padding-bottom to maintain aspect ratio */
.page-type-segment .header {
 padding-bottom: 106%;
}
.page-type-gateway .header {
 padding-bottom: 53.1%;
 min-height: 270px;
}
.page-type-search .header {
 min-height: 310px;
}
.header-image {
 width: 100%;
 height: auto;
}
.logo-site {
 float: left;
 position: relative;
 z-index: 100;
 width: 61px;
 height: 50px;
 -webkit-transition: width 0.2s;
 transition: width 0.2s;
 -webkit-transition: height 0.2s;
 transition: height 0.2s;
}
.logo-site .logo {
 width: 100%;
 height: auto;
 background: #929292;
}

.neutral-brand .logo-site .logo {
/* background: transparent; */
}

.network-brand .logo-site,
.residential-brand .logo-site,
.business-brand .logo-site {
 background: #929292;
}
.network-brand .logo-site .logo,
.residential-brand .logo-site .logo,
.business-brand .logo-site .logo {
 background: 0;
 position: relative;
 top: -17px;
}
.brand-name {
 width: 120px;
 text-align: center;
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-weight: bold;
}
/* Gateway home header (excludes the gateway tabs - see gateway.less) */
.gateway-outage-search-wrapper {
 position: absolute;
 top: 80px;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
 width: 464px;
 max-width: 100%;
 height: 140px;
}
.gateway-outage-search {
 clear: both;
 margin: 0 auto;
 top: 10px;
 margin-bottom: 10px;
 background: #2B5596;
 background: rgba(43, 85, 150, 0.8);
 color: #FFF;
 position: relative;
 overflow: auto;
}
.gateway-outage-search .placeholder {
 color: #929292;
}
.outage-search-label {
 padding: 15px 20px;
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-size: 24px;
 display: block;
 margin: 0 0 44px 0;
}
.outage-search-field {
 position: absolute;
 color: #323232;
 left: 0;
 right: 0;
 bottom: 0;
 width: 100%;
 border: none;
 padding: 12px 60px 12px 40px;
 height: 44px;
 border-radius: 0;
}
input[type='search'].outage-search-field::-moz-placeholder {
 color: #929292;
 opacity: 1;
}
input[type='search'].outage-search-field:-ms-input-placeholder {
 color: #929292;
}
input[type='search'].outage-search-field::-webkit-input-placeholder {
 color: #929292;
}
.outage-search-button {
 position: absolute;
 right: 0;
 bottom: 0;
 height: 44px;
/* font-size: 32px; */
 width: auto;
 border: none;
 border-radius: 0;
 background: #00A1D2;
}
.outage-search-button .ergonicon:before {font-size: 36px;}
.promo-wrapper {
 position: relative;
 z-index: 1; /* IE fix? */
 max-width: 1150px;
 margin: 0 auto;
}
.page-type-gateway .promo-wrapper {
 max-width: none;
}
.header-quick-navigation {
 width: 100%;
}
.quick-navigation-tiles a {
 text-decoration: none;
}
.quick-navigation-tiles .ergonicon {
 font-size: 55px;
 color: #24662e;
}
.network-brand .quick-navigation-tiles .ergonicon {
 color: #2B5596;
}
.about-us-brand .quick-navigation-tiles .ergonicon {
 color: #BC3531;
}
.quick-navigation-tiles {
 display: block;
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;
}
.quick-navigation-tiles li {
 display: inline-block;
 float: left;
 width: 33.3333%;
 height: 110px;
 padding: 5px 20px;
 border: solid 1px transparent;
 background: #FFF;
 background: rgba(255, 255, 255, 0.8);
 margin-bottom: 2px;
 position: relative;
}
.quick-navigation-tiles .odd {
 left: -2px;
}
.quick-navigation-tiles li a {
 color: inherit;
}
.quick-navigation-tiles img {
 max-width: 100%;
 height: auto;
}
.quick-navigation-tiles .tile-text {
 display: block;
 width: 100%;
 font-size: 12px;
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 10px 5px;
}
.header-information-centre-nav .logo-site {
 float: none;
 position: relative;
 font-size: 0;
 white-space: nowrap;
 width: auto;
 height: auto;
}
.header-information-centre-nav .logo-site .logo {
 width: 86px;
 height: 70px;
}
.header-information-centre-nav .tab-information-centre {
 float: none;
 width: auto;
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-weight: bold;
 width: 50%;
 display: inline-block;
 text-align: center;
 margin-right: -4px;
 padding: 10px 10px 0 0;
}
.header-information-centre-nav .tab-information-centre:nth-child(2n + 1) {
 padding-right: 0;
}
.header-information-centre-nav .tab-information-centre > a {
 display: inline-block;
 width: 100%;
 font-size: 17px;
 padding: 23px 10px;
}
.header-information-centre-nav .residential-brand a {
 background: #138924;
}
.header-information-centre-nav .business-brand a {
 background: #24662e;
}
.header-information-centre-nav .network-brand a {
 background: #2B5596;
}
.header-information-centre-nav .about-us-brand a {
 background: #BC3531;
}
/*.page-type-search .header {*/
.page-type-search .promo-wrapper {
 margin-bottom: 51px;
}
.header-search {
 max-width: 760px;
 top: 100%;
 text-align: center;
 background: #C6C6C6;
 position: absolute;
 margin: 0 auto;
 left: 0;
 right: 0;
 margin-top: -36px;
 z-index: 1;
 padding: 15px 20px;
 color: #636363;
}
.header-search-button {
 background: #636363;
 color: #FFF;
 font-size: 32px;
 padding: 0 10px;
}
.residential-brand .header-search,
.business-brand .header-search {
 background: #24662e;
 color: #223A2A;
}
.residential-brand .header-search-button,
.business-brand .header-search-button {
 background: #223A2A;
}
.network-brand .header-search {
 background: #0083C9;
 color: #25336F;
}
.network-brand .header-search-button {
 background: #25336F;
}
.about-us-brand .header-search {
 background: #E3473A;
 color: #641E1A;
}
.about-us-brand .header-search-button {
 background: #641E1A;
}
.header-search-label {
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-size: 18px;
 position: relative;
 top: 2.5px;
 padding: 0 20px;
 margin-left: -99999px;
}
.header-search-input,
.header-search-options select,
.header-search-button {
 border: none;
}
.header-search-options {
 background: #FFF;
 font-size: 16px;
 padding: 0 20px;
 position: absolute;
 left: -100%;
}
.header-search-options select.sq-form-field {
 width: auto;
 color: #404040;
 background: #FFF;
}
.header-search-input {
 box-shadow: none;
 border-right: solid 1px #C6C6C6;
}
/*! Tiles */
.cta {
 padding-right: 60px;
 text-align: right;
}
.tile-overlay {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding: 20px 20px 60px 20px;
 background: #FFF;
 background: rgba(255, 255, 255, 0.8);
}
a.tile-overlay-title,
a.tile-overlay-title:hover {
 color: #24662e;
}
.network-brand a.tile-overlay-title,
.network-brand a.tile-overlay-title:hover {
 color: #2B5596;
}
.about-us-brand .tile-overlay-title,
.about-us-brand .tile-overlay-title:hover {
 color: #BC3531;
}
.tile-overlay-header-promo {
 left: 0;
 bottom: 0;
}
.cta {
 background: #636363;
 color: #FFF;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 height: 40px;
 line-height: 40px;
 padding-left: 20px;
}
.tile-feature {
 margin-bottom: 20px;
}
.tile-feature-image {
 position: relative;
 overflow: auto;
 width: 100%;
 padding-bottom: 90%;
}
.tile-feature-image .tile-feature-contents {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}
.tile-feature-image img {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}
.tile-feature-contents {
 overflow: hidden;
}
.tile-mini-glyph {
 display: block;
 font-size: 60px;
 padding-top: 20px;
 padding-left: 10px;
 float: left;
 width: 22%;
 text-align: center;
}
.tile-feature-mini-details {
 width: 78%;
 float: left;
 padding: 20px 10px;
}
.tile-feature-title,
.tile-feature-tagline {
 margin: 0;
 padding: 0;
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-size: 24px;
 line-height: 1.2;
}
.tile-feature-tagline {
 margin: 0;
 padding: 0;
 font-size: 18px;
}
/* Network Outages and Disruptions custom search tile */
.tile-feature-outage-search .tile-feature-title {
 margin-bottom: 10px;
}
.tile-feature-outage-search .search-input {
 padding-left: 5px;
 padding-right: 5px;
}
.tile-feature-outage-search .search-button {
 background: #0083C9;
 border-color: #0083C9;
 color: #FFF;
}
/* Network usage custom tile */
.tile-feature-usage-meter .call-to-action a {
 height: auto;
 white-space: normal;
 padding-right: 60px;
}
.tile-feature-usage-meter .tile-feature-contents {
 background-color: #636363;
}
.tile-feature-usage-meter .call-to-action {
 right: 0;
 bottom: 0;
 max-width: 100%;
}
.tile-feature-usage-meter .tile-feature-mini-details {
 position: relative;
 min-height: 100px;
}
.tile-feature-usage-meter .call-to-action a:before {
 height: 100%;
 width: 54px;
 padding-top: 8px;
}
.tile-feature-usage-meter img {
 width: 22%;
 margin-top: 22px;
 float: left;
}
/* Residential brand by default, overridden by others. */
.tile-feature-mini-normal .tile-feature-tagline {color:#FFF;}
.tile-feature-mini-normal .tile-feature-contents {background:#138924;}
.tile-feature-mini-normal .tile-feature-title {color:#000100;}
.tile-feature-mini-normal .tile-mini-glyph {color:#223A2A;}
.tile-feature-mini-light .tile-feature-contents {background:#EDEDED;}
.tile-feature-mini-light .tile-feature-title {color:#223A2A;}
.tile-feature-mini-light .tile-feature-tagline {color:#223A2A;}
.tile-feature-mini-light .tile-mini-glyph {color:#34AA45;}
.tile-feature-mini-dark .tile-feature-title {color:#FFF;}
.tile-feature-mini-dark .tile-feature-tagline {color:#FFF;}
.tile-feature-mini-dark .tile-feature-contents {background:#223A2A;}
.tile-feature-mini-dark .tile-mini-glyph {color:#34AA45;}
.business-brand .tile-feature-mini-normal .tile-feature-contents {background:#24662e;}
.network-brand .tile-feature-mini-normal .tile-feature-tagline {color:#FFF;}
.network-brand .tile-feature-mini-normal .tile-feature-contents {background:#007cbe;}
.network-brand .tile-feature-mini-normal .tile-feature-title {color:#1a2864;}
.network-brand .tile-feature-mini-normal .tile-mini-glyph {color:#2B5596;}
.network-brand .tile-feature-mini-light .tile-feature-contents {background:#EDEDED;}
.network-brand .tile-feature-mini-light .tile-feature-title {color:#25336F;}
.network-brand .tile-feature-mini-light .tile-feature-tagline {color:#25336F;}
.network-brand .tile-feature-mini-light .tile-mini-glyph {color:#2B5596;}
.network-brand .tile-feature-mini-dark .tile-feature-title {color:#FFF;}
.network-brand .tile-feature-mini-dark .tile-feature-tagline {color:#FFF;}
.network-brand .tile-feature-mini-dark .tile-feature-contents {background:#2B5596;}
.network-brand .tile-feature-mini-dark .tile-mini-glyph {color:#00A1D2;}
.network-brand .sidebar-nav .nav-segments > li > a {background: #007cbf;}
.about-us-brand .tile-feature-mini-normal .tile-feature-tagline {color:#FFF;}
.about-us-brand .tile-feature-mini-normal .tile-feature-contents {background:#E3473A;}
.about-us-brand .tile-feature-mini-normal .tile-feature-title {color:#5a1410;}
.about-us-brand .tile-feature-mini-normal .tile-mini-glyph {color:#BC3531;}
.about-us-brand .tile-feature-mini-light .tile-feature-contents {background:#EDEDED;}
.about-us-brand .tile-feature-mini-light .tile-feature-title {color:#641E1A;}
.about-us-brand .tile-feature-mini-light .tile-feature-tagline {color:#641E1A;}
.about-us-brand .tile-feature-mini-light .tile-mini-glyph {color:#BC3531;}
.about-us-brand .tile-feature-mini-dark .tile-feature-title {color:#FFF;}
.about-us-brand .tile-feature-mini-dark .tile-feature-tagline {color:#FFF;}
.about-us-brand .tile-feature-mini-dark .tile-feature-contents {background:#BC3531;}
.about-us-brand .tile-feature-mini-dark .tile-mini-glyph {color:#E3473A;}
.five-tile-layout {
 list-style: none;
 margin: 10px 0;
 padding: 0;
}
.five-tile-layout li {
 margin: 0;
 padding: 0;
}
/* Index page tiles */
.index-promo-tiles {
 float: right;
 width: 100%;
}
.index-promo-tiles .tile-feature-mini {
 width: 100%;
 margin-bottom: 10px;
 padding: 0;
}
/*! Index page */
.page-type-index h1.page-title {
 background: none;
 color: inherit;
 margin: 20px 0 10px 0;
 padding: 0;
}
.index-page-listing {
 margin: 0 -10px;
 width: calc(100% + 20px);
 clear: both;
 overflow: auto;
}
.index-page-listing li {
 width: 100%;
 vertical-align: top;
 float: left;
}
.index-page-item {
 padding: 20px;
 margin: 10px;
 position: relative;
 padding-bottom: 40px;
 background: #EDEDED;
}
.index-page-item .ellipsis {
 background-image: -webkit-linear-gradient(left, rgba(237, 237, 237, 0), rgba(237, 237, 237, 0.75) 50%, #ededed);
 background-image: linear-gradient(to right, rgba(237, 237, 237, 0), rgba(237, 237, 237, 0.75) 50%, #ededed);
 background-repeat: no-repeat;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ededed', endColorstr='#ffededed', GradientType=1);
}
.index-page-item .cta-box-arrow {
 color: inherit;
}
.index-page-heading {
 font-size: 18px;
 margin: 0;
 height: 2.85714286em;
}
.index-page-description {
 height: 7.14285714em;
}
.index-page-heading a,
.residential-brand.page-type-index h1.page-title {
 color: #237b30;
}
.about-us-brand .index-page-heading a,
.about-us-brand.page-type-index h1.page-title  {
 color: #cb2f22;
}
.network-brand .index-page-heading a,
.network-brand.page-type-index h1.page-title {
 color: #0071ae;
}
/*! Promo Banners */

a.promo-banner-button {
 height: 46px;
 width: 46px;
 line-height: 42px;
 position: absolute;
 right: 0;
 bottom: 0;
 text-align: center;
 text-decoration: none;
 background: #223A2A;
}
.promo-banner {
 width: 100%;
 display: inline-block;
 font-size: 18px;
 font-family: Roboto Slab, Times New Roman, Times, serif;
 padding-right: 56px;
 position: relative;
 color: #FFF;
 overflow: hidden;
 margin: 10px 0;
 background: #24662e;
}
.residential-brand .promo-banner a.promo-banner-button,
.business-brand .promo-banner a.promo-banner-button,
.network-brand .promo-banner a.promo-banner-button,
.about-us-brand .promo-banner a.promo-banner-button {
 color: #FFF;
}
.business-brand .promo-banner {
 background: #138924;
}
.network-brand .promo-banner {
 background: #0083C9;
}
.network-brand a.promo-banner-button {
 background: #2B5596;
}
.about-us-brand .promo-banner {
 background: #E3473A;
}
.about-us-brand a.promo-banner-button {
 background: #BC3531;
}
.promo-banner-tagline {
 font-size: 14px;
 font-weight: bold;
}
.promo-banner-title {
 font-weight: bold;
 padding-right: 5px;
}
.authored-content .promo-banner-title a,
.promo-banner-title a {
 color: #000100;
}
.network-brand .promo-banner-title a,
.network-brand .authored-content .promo-banner-title a {
 color: #25336F;
}
.about-us-brand .promo-banner-title a,
.about-us-brand .authored-content .promo-banner-title a {
 color: #641E1A;
}
.promo-banner-single-line .promo-banner-tagline {
 font-weight: bold;
}
.promo-banner-text {
 padding: 10px 10px;
}
.promo-banner-image-wrapper,
.promo-banner-title,
.promo-banner-tagline {
 display: inline-block;
}
.promo-banner-image-wrapper {
 width: 100%;
}
.authored-content .promo-banner-image,
.promo-banner-image {
 width: 125%;
 height: auto;
 max-width: none;
}
.promo-banner-text {
 width: 100%;
 display: inline-block;
 vertical-align: middle;
}
/*! Subject boxes */
.subject-boxes-wrapper {
 background: #EDEDED;
 margin: 0;
 overflow: hidden;
 padding: 20px 0;
 border-top: solid 2px #C6C6C6;
 border-bottom: solid 2px #C6C6C6;
}
.subject-boxes-heading {
 text-align: center;
 margin: 0 0 20px 0;
}
.residential-brand .subject-boxes-heading,
.business-brand .subject-boxes-heading {
 color: #223A2A;
}
.network-brand .subject-boxes-heading {
 color: #2B5596;
}
.about-us-brand .subject-boxes-heading,
.subject-box-date {
 color: #BC3531;
}
.subject-box {
 background: #FFF;
 padding: 20px;
 padding-bottom: 50px; /* For CTA button */
 margin: 10px 0;
 position: relative;
}
.subject-box-icon {
 font-size: 50px;
 float: left;
 padding-right: 20px;
 display: block;
 margin-bottom: 20px;
 color: #34AA45;
}
.subject-box-title {
 display: block;
 height: 2.85714286em;
 overflow: hidden;
 margin-bottom: 10px;
 font-size: 18px;
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-weight: bold;
 line-height: 1.42857143em;
}
.subject-box-title-wrapper .ellipsis-container {
 font-size:18px !important;
}
.subject-box-title a {
 color: #636363;
}
.subject-box-title a:hover {
 color: #404040;
}
.subject-box-body {
 margin: 0;
 color: #636363;
 font-size: 12px;
 line-height: 20px;
 height: 80px;
 overflow: hidden;
}
.business-brand .subject-box-icon {
 color: #24662e;
}
.network-brand .subject-box-icon {
 color: #0083C9;
}
.about-us-brand .subject-box-icon {
 color: #E3473A;
}
/* News entry subject boxes */
.news-hub-footer h2 a {
 color: #d93d30;
}
.news-hub-footer h2 {
 font-size: 18px;
}
.news-hub-footer .article-date {
 font-weight: bold;
}
.news-hub-footer .article-category {
 margin-top: 10px;
}
.news-hub-footer .article-category span a {
 color: #d93d30;
}
.news-hub-footer .article-author {
 display: block;
 font-size: 14px;
 padding: 5px 0 20px;
}
/* CTA box */
.cta-box-arrow {
 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 right: 0;
 bottom: 0;
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;weight: 
 text-decoration: none;
 font-size: 18px;
 background: #C6C6C6;
 color: #404040;
}
.cta-box-arrow:hover {
 text-decoration: none;
 background: #929292;
 color: #FFF !important;
}
a.cta-box-arrow {
 text-decoration: none;
 
}
/*! Show/hide */
.show-hide {
 overflow: hidden;
}
.show-hide + .show-hide {
 margin-top: 0;
}
.show-hide .panel-heading {
 border: 1px solid rgb(221, 221, 221);
 overflow: auto;
 padding: 15px;
 position: relative;
 background: transparent;
}
.show-hide.collapsed .panel-heading {
 background: #EDEDED;
}
.show-hide .panel-heading:before {
 content: "-";
 font-size: 22px;
 font-weight: bold;
 font-family: 'Montserrat', Helvetica, sans-serif;
 width: 20px;
 height: 20px;
 position: absolute;
 left: 15px;
 top: 6px;
}
.show-hide .panel-title {
 color: inherit;
 font-family: 'Montserrat', Helvetica, sans-serif;
 font-size: 14px;
 text-transform: none;
 margin-left: 20px;
}
.show-hide .panel-body {
 -webkit-transition: height 0.2s;
 transition: height 0.2s;
 max-height: 3000px;
 overflow: auto;
}
.panel-body.show-hide-full-height  {
 height: 100%;
 overflow-y: auto;
}
.show-hide.collapsed .panel-heading {
 border-bottom: transparent;
}
.show-hide.collapsed .panel-heading:before {
 content: "+";
}
.show-hide.collapsed .panel-body {
 transition: max-height 0.1s;
 max-height: 0;
 opacity: 0;
 filter: alpha(opacity=0);
 padding-top: 0;
 padding-bottom: 0;
 overflow: hidden;
}
.blog-content .show-hide .panel-body {
 height: auto;
 overflow-y: visible;
}
.blog-content .show-hide.collapsed .panel-body {
 height: 0;
 overflow: hidden;
}
/*! Documents */
td.file {
 position: relative;
 padding-left: 40px;
 vertical-align: middle;
}
td.file:before {
 content: "\e600"; /* .ergonicon-abc-document */
 font-family: 'ergon-icons';
 width: 20px;
 left: 10px;
 text-decoration: none;
 font-size: 24px;
 display: inline-block;
 margin-left: -40px;
 padding-right: 36px;
 vertical-align: middle;
}
td.pdf-file:before {
 content: "\e625"; /* .ergonicon-file-pdf */
 color: #BC3531;
}
td.ms-excel-document:before {
 content: "\e624"; /* .ergonicon-file-excel */
 color: #24662e;
}
td.ms-word-document:before {
 content: "\e627"; /* .ergonicon-file-word */
 color: #2B5596;
}
td.ms-powerpoint-document:before {
 content: "\e626"; /* .ergonicon-file-powerpoint */
 color: #DF7A3F;
}
/*! Forms */
.custom-form {
 margin: 0 -10px;
 padding: 0 10px;
}
.custom-form .errors p {
 background: #E3473A;
 color: #FFF;
 font-weight: bold;
 padding: 20px;
}
.conditional-styled {
 background: #C6C6C6;
 margin: 20px 0;
 padding-bottom: 10px;
 position: relative;
}
.conditional-styled:before {
 position: absolute;
 top: -10px;
 left: 25px;
 content: '';
 width: 0;
 height: 0;
 border-bottom: solid 10px #C6C6C6;
 border-left: solid 10px transparent;
 border-right: solid 10px transparent;
}
.form-errors {
 position: relative;
 background: #F9EAEA;
 color: #BC3531;
 border: solid 2px #BC3531;
 padding: 20px 10px 20px 50px;
 margin-bottom: 20px;
 display: inline-block;
 width: 100%;
}
.form-errors:before {
 font-size: 24px;
 font-family: 'ergon-icons';
 line-height: 1;
 content: "\e665"; /* .ergonicon-safety */
 position:absolute;
 left: 15px;
 margin-top: -2px;
}
.form-errors-noborder {
 border: 0;
 background: 0;
 width: auto;
 margin: 0;
 max-width: 480px;
 float: none;
}
.sq-form-control .form-errors {
 width: auto;
 border: 0;
}
.sq-form-required-field {
    color: #da0000
}
/*-- Accessible forms --*/
.sq-form-question-answer label.error {
 display: block;
}
.custom-form form {
}
.sq-form-section {
 padding-bottom: 10px;
}
.sq-form-section,
.sq-form-control {
 background: #EDEDED;
}
.sq-form-required-field-note {
 margin: 10px 0;
}
.sq-form-section-title {
 display: block;
 background: #404040;
 font-size: 16px;
 color: #FFF;
 margin: 0;
 padding: 10px 20px;
}
.sq-form-question,
.sq-form-section p {
 margin: 0;
 padding: 10px 20px;
}
.sq-form-section ul {
 padding-left: 40px;
 padding-right: 20px;
}
.sq-form-field {
 display: block;
 max-width: 100%;
 color: #323232;
 background-color: #FFF;
 background-image: none;
 border: 1px solid #CCCCCC;
 height: 42px;
 padding: 5px 10px;
 font-size: 16px;
 line-height: 20px;
 border-radius: 0;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
select.sq-form-field {
 height: 42px;
 line-height: 42px;
}
textarea.sq-form-field,
select[multiple].sq-form-field {
 height: auto;
}
.sq-form-field:focus {
 border-color: #0083C9;
 outline: 0;
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 131, 201, 0.6);
 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 131, 201, 0.6);
}
.sq-form-field::-moz-placeholder {
 color: #C6C6C6;
 opacity: 1;
}
.sq-form-field:-ms-input-placeholder {
 color: #C6C6C6;
}
.sq-form-field::-webkit-input-placeholder {
 color: #C6C6C6;
}
.sq-form-field[disabled],
.sq-form-field[readonly],
fieldset[disabled] .sq-form-field {
 cursor: not-allowed;
 background-color: #EDEDED;
 opacity: 1;
}
textarea.sq-form-field {
 height: auto;
}
.sq-form textarea {
 padding: 0;
}
.sq-form-question-title,
.sq-form-question-answer label {
 font-weight: bold;
 display: block;
 font-size: 14px;
 margin-bottom: 5px;
 border: 0;
}
label.error {
 font-weight: normal;
 color: #BC3531;
}
.sq-form-question-tickbox-list ul,
.sq-form-question-option-list ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
.sq-form-question-tickbox-list legend,
.sq-form-question-option-list legend,
.sq-form-question-tickbox-list .sq-form-field,
.sq-form-question-option-list .sq-form-field,
.sq-form-question-tickbox-list input,
.sq-form-question-option-list input {
 border: 0;
 box-shadow: none;
}
.sq-form-question-tickbox-list input,
.sq-form-question-option-list input,
.sq-form-question-tickbox-list label,
.sq-form-question-option-list label {
 display: inline-block;
 vertical-align: top;
}
.sq-form-question-tickbox-list input,
.sq-form-question-option-list input {
 margin-left: 10px;
 margin-right: 10px;
 text-align: center;
 height: auto;
 width: auto;
 background: none;
}
.sq-form-question-tickbox-list label,
.sq-form-question-option-list label {
 font-weight: normal;
 width: 80%;
}
.sq-form input[type="radio"],
.sq-form input[type="checkbox"],
.sq-form input[type="radio"] ~ label,
.sq-form input[type="checkbox"] ~ label {
 float: left;
 font-weight: normal;
 margin: 0 0 0 0.5em;
}
.sq-form-question-note {
 font-size: 12px;
 font-style: normal;
 display: block;
 margin-bottom: 0.5em;
}
.sq-form-question {
 *zoom: 1;
}
.sq-form-question:after,
.sq-form-question:before {
 display: table;
 line-height: 0;
 content: "";
}
.sq-form-question:after {
 clear: both;
}
.buttons input[type='submit'],
.sq-form-submit,
.sq-backend-commit input[type='submit'],
.sq-backend-commit input[type='button'] {
 display: block;
 padding: 10px 30px;
 background: #404040;
 border: 0;
 color: #FFF;
 text-transform: uppercase;
 border-radius: 4px;
 margin: 15px 0;
}
.sq-form-section .buttons {
 padding: 0 20px;
}
.sq-form-question-datetime input[type="text"],
.sq-form-question-datetime label,
.sq-form-question-datetime select {
 display: block;
 width: 100%;
 margin-right: 10px;
}
.sq-form-question-datetime label,
.sq-form-question-datetime input {
 margin-right: 0.5em;
 font-weight: normal;
}
.sq-form-error,
.sq-form-required-field {
 color: #FF0000;
}
.sq-form-error {
 clear: left;
}
.sq-form-question-error {
 background-color: #FFDFDF;
}
.form-datetime-newline {
 margin-bottom: 10px;
}
.input-group > .sq-form-field {
 width: 100%;
}
.recaptcha-error.error{
    padding: 0 5px 15px;
    font-weight: normal;
    color: #BC3531;
    font-size: 14px;
}
p.error {
    font-weight: normal;
    color: #BC3531;
    font-size: 14px;
}
p.sq-form-question-note__text {
    color:red;
    font-size:16px;
}
p.form__conditional-text {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
    color: #333;
}
/* Custom button colours */
.btn {
 white-space: normal;
}
.btn-block {
 padding: 15px 30px;
}
.residential-brand .btn-primary,
.business-brand .btn-primary {
 background-color: #34AA45;
 border-color: #24662e;
}
.network-brand .btn-primary {
 background-color: #0083C9;
 border-color: #2B5596;
}
.about-us-brand .btn-primary {
 background-color: #E3473A;
 border-color: #BC3531;
}
/* Alert subscriptions forms */
.subscription-tools {
 clear: both;
}
.sq-asset-builder-tab-content .sq-form-field {
 width: 100%;
}
.subscriptions-sign-in-form {
 padding: 10px 20px;
}
.subscriptions-sign-in-form h2 {
 color: #FFF;
}
.subscriptions-sign-in-form .h3 {
 color: #25336F;
 margin-top: 0;
}
.subscriptions-sign-in-form a {
 color: inherit;
}
.subscriptions-sign-in-form .sq-form-question,
.subscriptions-sign-in-form .buttons {
 padding: 10px 0;
}
.subscriptions-sign-in-form,
.subscriptions-sign-in-form .sq-form-section {
 background: #00A1D2;
}
.about-us-brand .subscriptions-sign-in-form,
.about-us-brand .subscriptions-sign-in-form .sq-form-section {
 background: #E3473A;
}
.about-us-brand .subscriptions-sign-in-form .h3 {
 color: #641E1A;
}
.messages ul {
 list-style: none;
 padding: 0;
}
.messages .error,
.messages .success {
 padding: 10px;
 font-weight: bold;
 background: #EDEDED;
 border: solid #323232 2px;
}
.subscription-options {
 background: #EDEDED;
 padding: 10px;
}
.subscription-option {
 width: 50%;
 padding: 10px 0;
 white-space: nowrap;
}
.subscription-option input, .subscription-option label {
 display: inline-block;
 vertical-align: top;
 white-space: normal;
}
.subscription-option input {
 margin-right: 10px;
 height: auto;
}
.subscription-option label {
 padding-right: 20px;
}
table.metadata-table,
.metadata-table tr,
.metadata-table td,
.metadata-table th,
.metadata-table thead,
.metadata-table tbody {
 display: block;
}
.metadata-table {
 padding: 10px;
 background: #EDEDED;
}
.metadata-table tr {
 margin-bottom: 20px;
}
.subscription-logout {
  color: #FFF !important;
}
.sq-form-submit.subscription-logout {
  text-decoration: none !important;
}

div#logoutContainer.subscriptions-sign-in-form {
  display:inline-block;
  width: 100%;
}

div#leftLogoutContainer.subscription-logout {
  float: left;
  display: table;
  height: 70px;
}

div#leftLogoutContainer > div {
  display: table-cell;
  vertical-align: middle;
}

div#rightLogoutContainer {
  float: right;
}

/*! Blog */
.news-search-mini {
 max-width: 320px;
 margin-bottom: 20px;
}
.news-search-mini.input-group .form-control {
 z-index: 0;
}
.page-type-blog .page-title,
.page-type-news-hub .page-title {
 background: none;
 color: #BC3531;
 padding: 0;
 margin: 30px 0 20px 0;
}
.page-type-news-hub .article-listing {
 margin: 0 -10px;
}
.article-categories.sidebar-nav {
 float: none;
 width: 100%;
 margin: 0;
 padding: 0;
}
.article-teaser-image {
 position: relative;
 background: #641E1A;
}
.article-teaser-image a {
 text-decoration: none;
}
.article-teaser-details h2 {
 background: #E3473A;
 margin: 0;
 padding: 15px 20px;
 margin: 0 -20px 10px -20px;
 font-size: 20px;
}
.article-teaser-details h2 .ellipsis {
 color: #FFF;
 padding-bottom: 0.2em;
 background-image: -webkit-linear-gradient(left, rgba(227,71,58,0) 0%, rgba(227,71,58,1) 50%);
 background-image: linear-gradient(to right, rgba(227,71,58,0) 0%, rgba(227,71,58,1) 50%);
 background-repeat: no-repeat;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e3473a', endColorstr='#e3473a',GradientType=1);
}
.article-teaser .article-teaser-details h2 a,
.article-teaser a {
 color: #FFF;
}
.article-teaser-details {
 background: #EDEDED; /* for box arrow */
 position: relative;
 padding: 0 20px 50px 20px;
}
.article-teaser-details .ellipsis {
 background-image: -webkit-linear-gradient(left, rgba(237, 237, 237, 0), rgba(237, 237, 237, 0.75) 50%, #ededed);
 background-image: linear-gradient(to right, rgba(237, 237, 237, 0), rgba(237, 237, 237, 0.75) 50%, #ededed);
 background-repeat: no-repeat;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ededed', endColorstr='#ffededed', GradientType=1);
}
.article-teaser img {
 width: 100%;
 height: auto;
}
.article-teaser {
 display: inline-block;
 vertical-align: top;
 width: 100%;
 padding-bottom: 10px;
}
.article-teaser .article-category {
 color: #636363;
 margin-top: 10px;
}
.article-teaser .article-intro {
 height: 140px;
 overflow: hidden;
}
.article-teaser .article-date,
.article-teaser .article-author,
.article-teaser .article-category {
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.article-teaser .article-date {
 font-weight: bold;
 margin-bottom: 5px;
}
.article-teaser .article-author {
 color: #636363;
 margin-bottom: 20px;
}
.article-feature {
 width: 100%;
 padding-left: 0;
 padding-right: 0;
 height: auto;
}
.icon-media-release {
 display: block;
 font-size: 60px;
 padding-left: 20px;
 padding-top: 10px;
 width: 100%;
}
#media-releases {
 padding-top: 20px;
 clear: both;
}
.blog-tags {
 margin-top: 20px;
 margin-left: 10px;
}
.blog-tags li {
 display: inline-block;
 width: auto;
 margin: 2px 0;
}
.article-intro h5,
.article-summary h5 {
 display: none;
}
.blog-content {
 padding: 0 20px;
 margin: 20px 0;
}
.blog-author-image {
 margin: 0 0 20px 20px;
 float: right;
}
.blog-author-image img {
 box-shadow: 0px 3px 3px 0px #ededed;
 border: 1px solid #ededed;
 padding: 6px;
 max-width: 150px;
}
.news-item-detail .author-set-yes .author-details {
 margin-left: -20px;
 margin-right: 20px;
 margin-bottom: 10px;
 padding: 10px 20px;
 background: #EDEDED;
 float: left;
 width: 50%;
 max-width: 160px;
}
.news-item-detail .author-set-yes .author-details img {
 width: 100%;
 height: auto;
}
.blog-date,
.author-name,
.author-role,
.author-articles {
 display: block;
 margin: 10px 0;
}
.blog-date {
 font-weight: bold;
 margin-top: 0;
}
.page-banner img {
 width: 100%;
 height: auto;
}
.sidebar-nav .blog-tags a {
 padding: 5px 10px;
 background: #EDEDED;
}
.page-type-news-hub .article-teaser.article-feature {
 width: 100%;
}
.page-type-news-hub .article-teaser.article-feature h2 {
 font-size: 24px;
}
.page-type-news-hub .article-teaser.article-feature .article-intro {
 font-weight: 300;
 font-size: 14px;
}

#atstbx {
   margin: 35px 0 !important;
}

/*! Photo Gallery */
.gallery-images .thumbnail {
 display: block;
 float: left;
 margin-right: 10px;
}
.gallery-images .picture-frame img {
 display: block;
 height: 350px;
 margin: 10px auto;
 width: auto;
}
.gallery-images .thumbnail-wrapper, .image-wrapper-text {
 background: #EDEDED;
 margin: 0;
 overflow: hidden;
 padding: 20px;
 border: solid 2px #C6C6C6;
}
.gallery-images .image-wrapper-text h3 {
 margin-top: 0;
}
#galleries .gallery {
 padding: 20px;
 vertical-align: top;
 border: 1px solid #DDD;
 border-top: 0;
 overflow: hidden;
}
#galleries .gallery img {
 margin: 0 10px 0 0;
 padding: 2px;
 position: relative;
}
#galleries .gallery p.date {
 float: right;
 margin-bottom: 0px;
 font-size: 1em;
 padding-left: 10px;
}
#galleries h3 {
 display: inline;
}
#galleries .gallery:first-child {
 border: 1px solid #DDD;
}
#galleries .thumb {
 float: left;
 min-width: 80px;
}
/*! Network Demand Meter */
.current-demand-meter-wrapper {
 padding: 20px 20px;
 background: #EDEDED;
 margin: 0 -20px 20px -20px;
}
.current-demand-meter-wrapper h2 {
 color: #323232;
 margin: 0 0 20px 0;
 text-align: center;
 font-size: 18px;
}
.current-demand-meter {
 position: relative;
 height: 119px;
 width: 220px;
 overflow: hidden;
 background: url(https://www.ergon.com.au/__data/assets/image/0003/257628/Demand_indicator_220.png);
 background-size: cover;
 margin: 0 auto;
}
.current-demand-meter-cover {
 background: url(https://www.ergon.com.au/__data/assets/image/0005/257684/Demand_indicator_cover_220.png);
 top: 0;
}
.current-demand-meter-cover,
.current-demand-meter-label {
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 bottom: 0;
}
.current-demand-meter-label {
 width: 104px;
 padding-bottom: 5px;
 text-align: center;
 color: #C3C3C3;
}
.current-demand-meter-value,
.current-demand-meter-megawatts {
 display: block;
}
.current-demand-meter-value {
 color: #FFF;
 font-size: 24px;
 margin-bottom: -5px;
}
.current-demand-meter-megawatts {
 font-size: 10px;
 text-transform: uppercase;
}
/*! Components */
/* Images */
.image {
 margin: 20px 0;
}
.caption {
 padding: 5px 0;
 margin-bottom: 10px;
}
.caption .attribution {
 display: block;
 color: #636363;
}
.image img {
 width: 100%;
 height: auto;
}
.half.image {
 width: 50%;
 float: left;
 clear: left;
 margin-top: 0;
 margin-right: 20px;
}
/* Steps */
.steps {
 counter-reset: steps-counter;
 margin: 20px 0;
 overflow: auto;
}
.steps ol,
.steps ul {
 list-style: none;
 padding: 0;
 position: relative;
}
.steps ol > li:before,
.steps ol > li strong {
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-size: 18px;
 font-weight: bold;
 display: block;
}
.steps ol > li {
 font-family: 'Montserrat', Helvetica, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-left: 60px;
 margin-bottom: 20px;
}
.steps > ol li:before {
 content: counter(steps-counter);
 counter-increment: steps-counter;
 display: block;
 width: 50px;
 height: 50px;
 line-height: 38px;
 text-align: center;
 position: relative;
 border-radius: 9999px;
 border: solid #34aa45 4px;
 color: #24662e;
 position: absolute;
 left: 0;
}
.network-brand .steps > ol > li:before {
 border-color: #00A1D2;
 color: #2B5596;
}
.about-us-brand .steps > ol > li:before {
 border-color: #E3473A;
 color: #BC3531;
}
/* Footnotes */
.footnotes {
 border-top: solid 1px #C6C6C6;
 padding-top: 10px;
 font-size: 12px;
}
.footnotes h2 {
 color: inherit;
}
.footnotes ol {
 padding-left: 20px;
}
.footnotes li {
 margin-bottom: 5px;
}
.pagination {
 padding: 10px;
 display: block;
 list-style: none;
 overflow: auto;
}
.pagination li {
 display: block;
 float: left;
 width: 50px;
 height: 50px;
 text-align: center;
 padding-top: 15px;
}
.pagination li.active a,
.pagination li.active span {
 background: #EDEDED;
 font-weight: bold;
}
.pagination li a,
.pagination li span {
 padding: 7px 12px;
 text-decoration: none;
 color: #404040;
}
.pagination li a:hover {
 background: #EDEDED;
}
.pagination .pagination-previous,
.pagination .pagination-next {
 color: #767676;
 padding-left: 10px;
 padding-right: 10px;
 border: solid #c6c6c6 1px;
 width: auto;
 overflow: hidden;
}
.search-results ul.pagination li:before{
     content: none;
 }
/*
 * Pure CSS Multi-line Ellipsis
 * github repo: https://github.com/ericdrowell/Pure-CSS-Multiline-Ellipsis
 * concept and starting point from http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/
 */
.ellipsis-container .make-ellipsis,
.ellipsis-container .make-ellipsis p {
 padding: 0;
 margin: 0;
 height: auto;
 line-height: 1.42857143em;
}
.ellipsis-container.lines-2 {
 height: 2.85714286em;
}
.ellipsis-container.lines-3 {
 height: 4.28571429em;
}
/* 4 lines by default. */
.ellipsis-container {
 height: 5.71428572em;
}
.ellipsis-container.lines-5 {
 height: 7.14285714em;
}
.ellipsis-container.lines-6 {
 height: 8.57142857em;
}
.ellipsis-container {
 overflow: hidden;
 clear: both;
}
.ellipsis-container:before {
 content: "";
 float: left;
 width: 1px;
 height: 100%;
}
.ellipsis-wrapper {
 float: right;
 width: 100%;
 margin-left: -1px;
}
.ellipsis-content {
 margin: 0;
 padding: 0;
 height: auto;
}
.ellipsis {
 box-sizing: content-box;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 float: right;
 position: relative;
 margin-right: 1px;
 text-align: right;
}
.ellipsis {
 width: 33%;
 margin-left: -33%;
 top: -1.42857143em;
 left: 100%;
 background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFF), color-stop(50%, #FFF));
 background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #FFF 50%, #FFF);
 background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #FFF 50%, #FFF);
 background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #FFF 50%, #FFF);
 background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFF 50%, #FFF);
}
/*! Related links */
.related-links {
 margin: 30px 0;
}
.related-links h2 {
 color: inherit;
}
.related-links ul {
 list-style: none;
 padding: 0;
 overflow: auto;
 margin: 10px 0;
}
.related-link {
 display: block;
 float: left;
 width: 100%;
 margin-bottom: 10px;
}
.related-link a {
    color: #24662e;
    border-bottom: solid #c6c6c6 1px;
    width: 100%;
    height: 40px;
    position: relative;
    padding-right: 40px;
    display: flex;
    align-items: center;
}
.network-brand .related-link a {
 color: #0083C9;
}
.about-us-brand .related-link a {
 color: #d93d30;
}
/*! Sidebar navigation */
.left-hand-nav {
 display: none;
}
.sidebar-nav {
 margin: 20px 10px 20px -10px;
 float: left;
 width: 33.33%;
 padding: 0 10px;
}
.sidebar-nav .overview-item {
 display: block;
 height: 0;
 overflow: hidden;
 margin-bottom: -10px; /* To remove empty space */
}
.sidebar-nav .overview-item + li {
 margin-top: 10px;
}
.sidebar-nav ul,
.sidebar-nav li,
.sidebar-nav ul.nav-content-pages {
 list-style: none;
 padding: 0;
}
.sidebar-nav a {
 display: block;
 width: 100%;
 padding: 15px 20px;
 text-decoration: none;
 color: inherit;
}
.sidebar-nav .active > a {
 color: #24662e;
 font-weight: bold;
}
.sidebar-nav .network-brand .active > a {
 color: #2B5596;
}
.sidebar-nav .about-us-brand .active > a {
 color: #BC3531;
}
.sidebar-nav .nav-segments > li > a {
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-weight: bold;
 color: #FFF;
 font-size: 18px;
}
.sidebar-nav .nav-categories > li > a {
 padding-left: 20px;
 font-weight: bold;
 background: #EDEDED;
 border-bottom: #c6c6c6 solid 1px;
 color: #237b30;
}
.sidebar-nav .nav-categories > li:first-child > a {
 border-top: none;
}
.sidebar-nav .nav-categories > li.active > a {
 background: #E9F2EC;
}
.sidebar-nav .nav-content-pages {
 display: none;
 margin: 5px 0;
}
.sidebar-nav .nav-categories .active .nav-content-pages {
 display: block;
}
.sidebar-nav .nav-content-pages > li a {
 padding: 5px 20px;
}
.sidebar-nav .nav-content-pages > li > a {
 padding-left: 30px;
}
.sidebar-nav .nav-lvl-4 > li > a {
 padding-left: 40px;
 font-weight: normal;
}
.sidebar-nav .nav-lvl-4 li.active a {
    text-decoration: underline;
}
.sidebar-nav .nav-categories > li > a:last-child {
    color:#24662e;
}
/******************************************************************/
/*
Updated: 27/01/2016

*/
.sidebar-nav .nav-content-pages > li.active li {
    display: block;
}
.sidebar-nav .nav-content-pages > li li {
    display: none;
}
/******************************************************************/

.header-nav .nav-categories-arrow, .sidebar-nav .nav-categories-arrow {
 display:none;
}
.network-brand .sidebar-nav .nav-categories > li > a {
 color: #2B5596;
}
.network-brand .sidebar-nav .nav-categories .active > a {
 color: #2B5596;
}
.network-brand .sidebar-nav .nav-categories > li.active > a {
 background: #E3F5FF;
}
.about-us-brand .sidebar-nav .nav-categories > li > a {
 color: #BC3531;
}
.about-us-brand .sidebar-nav .nav-categories .active > a {
 color: #BC3531;
}
.about-us-brand .sidebar-nav .nav-categories > li.active > a {
 background: #F9EAEA;
}
/*! Segment footer */
.segment-footer-wrapper {
 background: #C6C6C6;
}
.segment-footer {
 padding: 20px 0;
 overflow: auto;
 position: relative;
}
.segment-footer-heading {
 font-size: 18px;
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-weight: bold;
 text-align: center;
}
.segment-footer-link {
 padding: 10px 0;
}
.segment-footer-icon,
.segment-footer-text {
 display: inline-block;
 margin-left: -4px;
 vertical-align: middle;
}
.segment-footer-icon {
 font-size: 40px;
 text-align: right;
 padding-right: 5%;
 width: 35%;
}
.segment-footer-text {
 width: 65%;
 max-width: 240px;
}
.segment-footer-heading,
.segment-footer-icon,
.segment-footer-text,
.segment-footer-text a {
 color: #323232;
}
.segment-footer-text .heading-link {
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-weight: bold;
 font-size: 18px;
}
.segment-footer-text .info {
 font-size: 12px;
}
.residential-brand .segment-footer-heading,
.business-brand .segment-footer-heading,
.residential-brand .segment-footer-icon,
.business-brand .segment-footer-icon,
.residential-brand .segment-footer-text,
.business-brand .segment-footer-text,
.residential-brand .segment-footer-text a,
.business-brand .segment-footer-text a {
 color: #223A2A;
}
.network-brand .segment-footer-heading,
.network-brand .segment-footer-icon,
.network-brand .segment-footer-text,
.network-brand .segment-footer-text a {
 color: #25336F;
}
.about-us-brand .segment-footer-heading,
.about-us-brand .segment-footer-icon,
.about-us-brand .segment-footer-text,
.about-us-brand .segment-footer-text a {
 color: #641E1A;
}
.segment-search-form {
 width: 66%;
 margin: 20px auto 10px auto;
}
.segment-search-form input,
.segment-search-form button {
 color: #FFF;
 border: none;
}
.segment-search-form .search-button {
 font-size: 32px;
 padding: 0 10px;
 min-width: 40px;
}
.segment-search-form .placeholder {
 color: #FFF;
}
.segment-search-form input[type='search'] {
 background: #223A2A;
}
.segment-search-form input[type='search']::-moz-placeholder {
 color: #FFF;
 opacity: 1;
}
.segment-search-form input[type='search']:-ms-input-placeholder {
 color: #FFF;
}
.segment-search-form input[type='search']::-webkit-input-placeholder {
 color: #FFF;
}
.segment-search-form button[type='submit'] {
 background: #24662e;
}
.network-brand .segment-search-form input[type='search'] {
 background: #25336F;
}
.network-brand .segment-search-form button[type='submit'] {
 background: #2B5596;
}
.about-us-brand .segment-search-form input[type='search'] {
 background: #641E1A;
}
.about-us-brand .segment-search-form button[type='submit'] {
 background: #BC3531;
}
.neutral-brand .segment-search-form input[type='search'] {
 background: #323232;
}
.neutral-brand .segment-search-form button[type='submit'] {
 background: #404040;
}
.segment-footer-social {
 padding: 0 10px;
}
.segment-footer-social .segment-footer-icon {
 font-size: 25px;
 padding-right: 5px;
}
.segment-footer-social .segment-footer-link {
 width: 50%;
 float: left;
}
/*! Fat footer */
.fat-footer a {
 color: inherit;
 text-decoration: none;
}
.contact-numbers h2 {
 margin-top: 0;
 padding-top: 4px;
 color: #323232;
 font-size: 18px;
}
.fat-footer a:hover {
 text-decoration: underline;
}
.contact-numbers-wrapper,
.fat-footer-nav-wrapper {
 max-width: 1150px;
 margin: 0 auto;
 padding: 20px;
 overflow: auto;
}
.fat-footer-nav-wrapper {
 background: #EDEDED;
 -webkit-box-shadow: inset 1px 10px 10px -5px rgba(0, 0, 0, 0.25);
 box-shadow: inset 1px 10px 10px -5px rgba(0, 0, 0, 0.25);
 padding-top: 20px;
 width: 100%;
}
.fat-footer-nav {
 margin: 15px 0;
}
.fat-footer-nav .nav-lvl-1 {
 text-transform: uppercase;
 font-weight: bold;
}
.fat-footer-nav .footer-nav-section {
 margin: 0 -4px 20px 0;
 width: 50%;
}
.fat-footer-nav .footer-nav-section > ul {
 margin-top: 20px;
}
.footer-nav-section ul a {
    text-decoration: underline;
}
.fat-footer-nav li {
 vertical-align: top;
}
.fat-footer-nav li li {
 margin: 5px 0;
}
.contact-numbers {
 background: #EDEDED;
 text-align: center;
 padding: 20px;
 margin: 0;
}
.contact-numbers dl {
 margin-top: 0;
}
.contact-numbers dt,
.contact-numbers dd {
 font-weight: normal;
 font-size: 12px;
}
.contact-numbers dt {
 font-family: 'Montserrat', Helvetica, sans-serif;
 font-size: 14px;
 text-transform: uppercase;
 font-weight: bold;
 color: #636363;
}
.contact-numbers .middle {
 position: relative;
 top: -5px;
 padding: 0 5px;
}
.contact-numbers .info {
 font-weight: bold;
 color: #636363;
}
.contact-numbers dd {
 margin-bottom: 30px;
}
.contact-numbers .tel {
 font-size: 25.2px;
 font-family: Roboto Slab, Times New Roman, Times, serif;
 font-weight: bold;
}
.contact-numbers-retail {
 margin-bottom: 0;
 overflow: auto;
}
.contact-numbers-network {
 padding-top: 0;
 margin-top: 0;
}
.interpreter-service {
 text-align:left;
 width:auto;
 display:table;
 margin:auto;
}
.interpreter-service img {
 width:225px;
}
#q366293_q38,
#q379793_q27,
#q366297_q27,
#q366298_q7,
#q365477_q27,
#q365477_q26,
#q368640_q25,
#q365477_q26,
#q365477_q27 {
  cursor: text;
  background-color: #FFFFFF;
}
@media (min-width: 992px) {
 .info img {
  width:100%; }
}
@media (max-width: 768px) {
 dt.interpreter-service-heading,
 dd.interpreter-service-description {
    display: block;
 }
}
@media (min-width: 768px) {
 #interpreter-service-mobile {
  display:none;
 }
}

/*! Slim footer */
.slim-footer-nav {
 background: #323232;
}
.slim-footer-nav-section {
 color: #EDEDED;
 margin-top: 10px;
 margin-right: -3px;
 line-height: 40px;
}
.slim-footer-nav-links {
 text-align: left;
}
.slim-footer-nav-section {
 text-align: center;
 flex: 1 100%;
 width: 100%;
}
.slim-footer-nav-info > ul {
 display: flex;
 flex-direction: column;
}
.copyright {
 order: 1;
}
.logo {
 order: 0;
}
.slim-footer-nav-section .logos__tagline {
    float: right;
    font-size: .6em;
    line-height: 1.8em;
    padding: .5em;
    margin-right: 1.5em;
    width: 100%;
}
.slim-footer-nav-section a {
 color: inherit;
 text-decoration: underline;
}

.slim-footer-nav .acknowledgement {
    margin-top: 17px;
    padding: 25px 0px 24px 0px;
    border-top: 1px solid rgba(255,255,255,.5);    
}

.slim-footer-nav .acknowledgement p {
    color: #fff;       
}

@media (max-width: 991px) {
    .slim-footer-nav .acknowledgement p {
        text-align: center;
    }
}

/*! Style guide */
.nav-style-guide-container {
 position: fixed;
 bottom: 0;
 margin: 0 auto;
 z-index: 99999;
 background: #FFF;
}
.brand-color-palette-container {
 width: 100%;
 overflow-y: hidden;
 overflow-x: scroll;
 -ms-overflow-style: -ms-autohiding-scrollbar;
 -webkit-overflow-scrolling: touch;
}
.brand-color-palette {
 color: #FFF;
 display: table;
 margin: 0;
 padding: 0;
 min-width: 150px;
}
.brand-color-palette li {
 display: table-cell;
 vertical-align: top;
 text-align: left;
 width: 180px;
 height: 66px;
 position: relative;
 padding: 5px 10px;
}
.brand-color-palette li::after {
 content: " ";
 display: block;
 min-width: 90px;
}
.brand-color-palette li .code {
 float: right;
 font-weight: bold;
}
.brand-color-palette li .hex {
 float: left;
 font-weight: normal;
 text-transform: uppercase;
}
.brand-hero:before,
.brand-color-3:before,
.brand-color-4:before {
 display: block;
 text-transform: uppercase;
 font-weight: 100;
 clear: both;
 position: absolute;
 bottom: 0;
 width: 100%;
}
.brand-hero:before {
 content: "Hero";
}
.brand-color-retail .brand-color-3:before {
 content: "Business";
}
.brand-color-retail .brand-color-4:before {
 content: "Residential";
}
.brand-n1-bg, .brand-color-network .brand-color-1 {background:#25336F;}
.brand-n2-bg, .brand-color-network .brand-color-2 {background:#2B5596;}
.brand-n3-bg, .brand-color-network .brand-color-3 {background:#0083C9;}
.brand-n4-bg, .brand-color-network .brand-color-4 {background:#00A1D2;}
.brand-r1-bg, .brand-color-retail .brand-color-1 {background:#223A2A;}
.brand-r2-bg, .brand-color-retail .brand-color-2 {background:#A4D65E;}
.brand-r3-bg, .brand-color-retail .brand-color-3 {background:#24662e;}
.brand-r4-bg, .brand-color-retail .brand-color-4 {background:#138924;}
.brand-a1-bg, .brand-color-about-us .brand-color-1 {background:#641E1A;}
.brand-a2-bg, .brand-color-about-us .brand-color-2 {background:#BC3531;}
.brand-a3-bg, .brand-color-about-us .brand-color-3 {background:#E3473A;}
.brand-a4-bg, .brand-color-about-us .brand-color-4 {background:#DF7A3F;}
.brand-color-neutral .brand-color-1 {background:#323232;}
.brand-color-neutral .brand-color-2 {background:#404040;}
.brand-color-neutral .brand-color-3 {background:#636363;}
.brand-color-neutral .brand-color-4 {background:#929292;}
.brand-color-neutral .brand-color-5 {background:#C6C6C6;color:#000;}
.brand-color-neutral .brand-color-6 {background:#EDEDED;color:#000;}
.brand-color-safety .brand-color-1 {background:#FFEB00;color:#000;}
.brand-color-safety .brand-color-2 {background:#000;}
.brand-color-safety .brand-color-3 {background:#FFA200;color:#000;}
.brand-white {color:#FFF !important;}
.brand-white-bg {background:#FFF !important;}
.brand-r1 {color:#223A2A !important;}
.brand-r2 {color:#A4D65E !important;}
.brand-r3 {color:#24662e !important;}
.brand-r4 {color:#138924 !important;}
.brand-n1 {color:#25336F !important;}
.brand-n2 {color:#2B5596 !important;}
.brand-n3 {color:#0083C9 !important;}
.brand-n4 {color:#00A1D2 !important;}
.brand-a1 {color:#641E1A !important;}
.brand-a2 {color:#BC3531 !important;}
.brand-a3 {color:#E3473A !important;}
.brand-a4 {color:#DF7A3F !important;}

/* Multi-Page form progress bar */

.FormProgressBar {
 list-style: none;
 overflow: hidden;
 font-family: 'Montserrat', Helvetica, sans-serif;
 *width:90%;
 background: #FFF;
 padding-left: 0;
 margin-right: -25px;
 margin-left: 0px;
}
.FormProgressBar li {
 color: #FFF;
 text-decoration: none;
 padding: 20px 0 20px 55px;
 background: #323232; /* fallback color */
 *background: #323232;
 position: relative;
 display: block;
 float: left;
 *margin-left:0px;
}
.FormProgressBar #first-tab {
 background: #929292;
 color: #000;
 z-index: 4;
}
.FormProgressBar #first-tab-selected {
 background: #323232;
 color: #FFF;
 z-index: 4;
}
.FormProgressBar #second-tab-selected {
 background: #323232;
 z-index: 3;
 color: #FFF;
 padding-right:40px;
 padding-left:90px;
}
.FormProgressBar #second-tab {
 background: #929292;
 z-index: 3;
 color: #000;
 padding-right:40px;
 padding-left:90px;
}
.FormProgressBar #last-tab {
 background: #929292 !important;
 color: #000;
 padding-right:45px;
 border-left: 0px solid #C6C6C6;
 padding-left:80px;
}
.FormProgressBar #last-tab-selected {
 background: #323232 !important;
 color: #FFF;
 padding-right:45px;
 border-left: 0px solid #C6C6C6;
 padding-left:80px;
}
.FormProgressBar > li {
 width: 100%;
 margin: 0;
 padding: 20px 0 !important;
 text-align: center;
 padding-left: 38px !important;
 font-size: 12px;
}
img.tan-logo {
 max-height: 160px;
 width: auto;
}

/*! Small screens */
@media (min-width: 480px) {
 .header-search-options {
  position: static;
 }
 .index-page-listing li {
  width: 50%;
 }
 .promo-banner-small .promo-banner-text,
 .promo-banner-large .promo-banner-text {
  margin-left: -0.25em;
 }
 .promo-banner-small .promo-banner-text,
 .promo-banner-small .promo-banner-image-wrapper {
  width: 50%;
 }
 .promo-banner-image {
  margin-left: -25%;
 }
 .promo-banner-large {
  font-size: 18px;
 }
 .promo-banner-large .promo-banner-tagline {
  font-size: 16px;
 }
 .promo-banner-large .promo-banner-image {
  width: 135%;
  margin-left: -35%;
  margin-top: 0;
 }
 .promo-banner-large .promo-banner-image-wrapper {
  width: 55%;
 }
 .promo-banner-large .promo-banner-text {
  width: 45%;
 }
 .article-teaser {
  width: 50%;
  margin-right: -4px;
  padding: 0 10px 20px 10px;
 }
 .article-teaser.odd {
  padding-left: 0;
 }
 .article-teaser.even {
  padding-right: 0;
 }
 /* Half-width on small screens and wider. */
 .half-sm {
  width: 50%;
 }
 .side-by-side-sm {
  float: left;
  padding: 0 5px 0 0;
 }
 .side-by-side-sm + .side-by-side-sm {
  padding: 0 0 0 5px;
 }
 .icon-media-release {
  font-size: 60px;
  width: 100%;
  height: 0; /* Aspect ratio to match blog images */
  padding: 0 0 32.72727273% 20px;
 }
 .icon-media-release:before {
  display: block;
  height: 0;
  padding-top: 8%;
 }
 .page-type-news-hub .article-teaser.odd {
  padding-left: 10px;
 }
 .page-type-news-hub .article-teaser.even {
  padding-right: 10px;
 }
 .page-type-news-hub .article-teaser.article-feature {
  width: 100%;
 }
 .page-type-news-hub .article-teaser.article-feature h2 {
  font-size: 24px;
 }
 .page-type-news-hub .article-teaser.article-feature .article-intro {
  font-weight: 300;
 }
}
/*! Small screens only */
@media (max-width: 767px) {
 .outage-search-field {
  padding-left: 20px;
  font-size: 16px;
 }
 .quick-navigation-tiles {
  margin-top: 10px;
 }
 .quick-navigation-tiles li.even,
 .quick-navigation-tiles li.odd {
  left: 0;
  right: 0;
  margin: 0;
  border: solid #ccc 0;
  border-top-width: 0;
 }
 .quick-navigation-tiles li:nth-child(3n+2) {
  border-left-width: 1px;
  border-right-width: 1px;
 }
 .quick-navigation-tiles li:nth-child(-n+3) {
  border-bottom-width: 1px;
 }
 .tile-overlay {
  padding: 10px 10px 50px 10px;
 }
 .tile-overlay-header-promo .tile-overlay-title {
  font-size: 18px;
 }
 .tile-mini-glyph {
  font-size:45px;
 }
 .tile-feature-title {
  font-size:18px;
 }
 .tile-feature-tagline {
  font-size:16px;
 }
 .subject-box-icon {
  width: 25%;
  max-width: 60px;
  display: inline-block;
 }
 .subject-box-title-wrapper .ellipsis-container {
  width: 75%;
  display: inline-block;
 }
 .slim-footer-nav-section .logos__tagline {
    margin-right: 0;
 }
}
/*! Medium-size/Tablet portrait */
@media (min-width: 768px) {
 .gateway-outage-search-wrapper {
  top: 0;
  left: auto;
  right: 10%;
 }
 .page-type-search .header,
 .page-type-gateway .header {
  min-height: 0;
 }
 .header-search {
  max-width: none;
  width: 750px;
  margin-left: -375px;
  left: 50%;
 }
 .call-to-action.full-width {
  left: 20px;
 }
 .result-count {
  text-align: right;
 }
 .page-type-inner .inside-page-content {
  float: left;
  width: 66.67%;
 }
 .lead {
  font-size: 20px;
 }
 .authored-content table {
  border: 1px solid #DDD;
 }
 .authored-content .responsive {
  border: none;
  overflow: hidden;
  margin-bottom: 20px;
 }
 .authored-content .responsive th,
 .authored-content .responsive td {
  white-space: normal;
 }
 .nav-search {
  display: none;
 }
 .nav-gateway {
  margin: 0 -10px;
 }
 .navbar-gateway {
  width: 100%;
 }
 .navbar-gateway .form-control {
  height: 40px;
 }
 .navbar-gateway .search-input {
  background: #323232;
  font-size: 14px;
 }
 .navbar-gateway .search-button {
  width: auto;
  font-size: 16px;
 }
 .nav-search-form,
 .nav-search-form.collapsed,
 .nav-contact {
  display: block;
  height: auto;
 }
 .nav-contact .ergonicon {
  display: inline-block;
  line-height: 0;
 }
 .nav-contact .ergonicon:before {
  float: left;
  margin-top:-6px;
 }
 .nav-search-form {
  position: relative;
  z-index: 0;
  float: right;
  width: 25%;
  min-width: 200px;
 }
 .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: 110px;
  width: 12%;
 }
 .nav-item.nav-contact {
  border-right: 0;
 }
 .nav-tabs-gateway {
  position: relative;
  margin-top: -50px;
 }
 .nav-tabs-gateway-section {
  position: relative;
 }
 .nav-and-meter-wrapper {
  background: #323232;
  position: relative;
 }
 .nav-and-meter-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 0;
  background: #138924;
 }
 .nav-and-meter-wrapper.margin-bg-residential:before {
  background: #138924;
 }
 .nav-and-meter-wrapper.margin-bg-business:before {
  background: #24662e;
 }
 .nav-and-meter-wrapper.margin-bg-network:before {
  background: #2B5596;
 }
 .nav-and-meter-wrapper.margin-bg-about-us:before {
  background: #BC3531;
 }
 .nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action.full-width {
  left: 20px;
}
.demand-meter-megawatts {
    color: #fff;
}
 .header__inner .emergency-banner {
  padding: 0;
  overflow: auto;
 }
 .emergency-updates,
 .emergency-numbers {
  float: left;
  width: 60%;
 }
 .emergency-updates {
  padding-right: 20px;
 }
 .emergency-numbers {
  width: 40%;
  margin-top: 12px;
  padding-left: 20px;
  border-left: solid 2px #929292;
 }
 .emergency-details {
  margin-left: 125px;
 }
 .emergency-updates .emergency-title,
 .emergency-details {
  padding-left: 60px;
 }
 .emergency-updates .cta {
  left: 60px;
 }
 .nav-tabs-gateway > li {
  width: 25%;
  max-width: 170px;
  padding-right: 10px;
  height: 0;
  padding-bottom: 300px;
 }
 .nav-tabs-gateway > li > a {
  font-size: 14px;
  line-height: 2em;
  text-align: center;
  height: 50px;
 }
 .nav-tabs-gateway > li .tab-icon {
  display: none;
 }
 .nav-tabs-gateway-content {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow-y: hidden;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
 }
 .nav-tabs-gateway-content > li {
  display: block;
  float: left;
  padding: 30px 0 60px 0;
  width: 20%;
 }
 .nav-tabs-gateway-content > li a {
  display: block;
  color: #FFF;
  font-weight: bold;
  width: 100%;
  padding: 20px 10px;
  text-align: center;
  text-decoration: none;
 }
 .nav-tabs-gateway-content > li a:hover {
  background: rgba(255, 255, 255, 0.15);
 }
 .nav-tabs-gateway-content > li .ergonicon{
  font-size: 64px;
 }
 .nav-tabs-gateway > .active > .nav-tabs-gateway-content {
  display: block;
 }
 .page-type-segment .header {
  padding-bottom: 52.1739%;
  margin-bottom: 0;
 }
 .header-quick-navigation {
  position: absolute;
  top: auto;
  right: 20px;
  bottom: 20px;
  width: 252px;
 }
 .quick-navigation-tiles li {
  width: 126px;
 }
 .quick-navigation-tiles li:nth-child(1n + 5) {
  margin-bottom: 0;
 }
 .header-information-centre-nav ul {
  position: relative;
  display: table;
  border-collapse: separate;
 }
 .header-information-centre-nav li {
  display: table-cell;
  padding-right: 10px;
  vertical-align: bottom;
 }
 .header-information-centre-nav .tab-information-centre {
  display: table-cell;
  width: 25%;
  padding-top: 0;
  padding-bottom: 0;
 }
 .header-information-centre-nav .tab-information-centre:nth-child(2n + 1) {
  padding-right: 10px;
 }
 .header-information-centre-nav .tab-information-centre:last-child {
  padding-right: 0;
 }
 .header-search-label {
  margin-left: 0;
 }
 .index-promo-tiles li {
  width: 50%;
  float: left;
  padding: 0 10px;
  position: relative;
  padding-left: 0;
  left: 10px;
  left: 0;
 }
 .index-promo-tiles li:first-child {
  left: 10px;
  float: right;
 }
 .index-promo-tiles .tile-feature-mini {
  padding-bottom: 100%;
 }
 .tile-feature {
  position: relative;
  overflow: auto;
  width: 100%;
  padding-bottom: 90%;
 }
 .tile-feature-contents {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 }
 .tile-overlay {
  left: 20px;
  right: 20px;
  bottom: 20px;
 }
 .tile-overlay-title {
  font-size: 24px;
 }
 .tile-overlay-header-promo {
  padding: 20px 30px 60px 30px;
 }
 .tile-overlay-header-promo .tile-overlay-title {
  font-size: 30px;
 }
 .tile-feature-image {
  width: 50%;
  padding-bottom: 45%;
 }
 .tile-feature-image .tile-overlay {
  width: auto;
  max-width: 300px;
  left: auto;
 }
 .tile-feature-mini {
  width: 25%;
  padding-bottom: 22.5%;
 }
 .tile-feature-title {
  font-size: 18px;
 }
 .tile-feature-tagline {
  font-size: 16px;
 }
 .tile-feature-contents {
  overflow: hidden;
  min-height: 0;
 }
 .tile-mini-glyph {
  font-size: 60px;
  padding: 20px;
  -webkit-transition: font-size 0.2s;
  transition: font-size 0.2s;
 }
 .tile-feature-mini-details {
  width: 100%;
  float: none;
  padding: 20px;
  position: absolute;
  bottom: 0;
 }
 .tile-feature-usage-meter img {
  width: 100%;
 }
 .tile-feature-usage-meter .tile-feature-mini-details {
  position: absolute;
 }
 .tile-feature-usage-meter .call-to-action a:before {
  padding-top: 16px;
 }
 .tile-feature-usage-meter .call-to-action {
  width: 100%;
 }
 .tile-overlay {
  width: 50%;
 }
 .five-tile-layout {
  margin-bottom: 10px;
  overflow: hidden;
 }
 .five-tile-layout li {
  display: block;
  float: left;
 }
 .five-tile-layout .tile-feature {
  margin-bottom: 0;
  width: 100%;
  padding-bottom: 90%;
 }
 .five-tile-layout .tile-large {
  width: 50%;
  padding-right: 10px;
 }
 .five-tile-layout .tile-mini-1,
 .five-tile-layout .tile-mini-2,
 .five-tile-layout .tile-mini-3,
 .five-tile-layout .tile-mini-4 {
  width: 25%;
 }
 .five-tile-layout .tile-mini-1,
 .five-tile-layout .tile-mini-3 {
  padding-left: 10px;
  margin-left: -5px;
 }
 .five-tile-layout .tile-mini-2,
 .five-tile-layout .tile-mini-4 {
  padding-left: 10px;
  margin-left: 5px;
 }
 .five-tile-layout .tile-mini-3,
 .five-tile-layout .tile-mini-4 {
  margin-top: 10px;
 }
 .promo-banner-single-line {
  text-align: center;
 }
 .promo-banner-large {
  font-size: 24px;
 }
 .promo-banner-large .promo-banner-tagline {
  font-size: 18px;
 }
 .promo-banner-large .promo-banner-image {
  width: 100%;
  margin-left: 0;
  margin-top: -10%;
 }
 .promo-banner-large .promo-banner-image-wrapper {
  width: 60%;
 }
 .promo-banner-large .promo-banner-text {
  width: 40%;
 }
 .subject-boxes-inner {
  margin: 0 -10px;
 }
 .subject-box-icon {
  float: none;
 }
 .sq-form-question-datetime input[type="text"],
 .sq-form-question-datetime label,
 .sq-form-question-datetime select {
  display: inline-block;
  width: auto;
 }
 .sq-form-question-datetime label.error {
  display: block;
 }
 .news-search-mini {
  position: absolute;
  top: 0;
  right: 20px;
  width: 260px;
 }
 .article-categories.sidebar-nav {
  float: left;
  width: 34%;
  padding: 0;
  margin: 20px 10px 20px -10px;
 }
 .page-type-blog .article-listing,
 .page-type-blog .news-item-detail {
  width: 66%;
  float: right;
  margin-right: -10px;
  margin-top: 20px;
 }
 .page-type-blog .sidebar-nav .nav-segments > li > a {
  font-size: 20px;
 }
 .page-type-news-hub .article-teaser {
  width: 33.3333%;
 }
 .page-type-news-hub .article-teaser.odd,
 .page-type-news-hub .article-teaser.even {
  padding: 10px;
 }
 .page-type-news-hub .article-teaser.article-feature .article-teaser-image,
 .page-type-news-hub .article-teaser.article-feature .article-teaser-details,
 .page-type-news-hub .article-teaser.article-feature .article-date {
  float: left;
 }
 .page-type-news-hub .article-teaser.article-feature .article-author {
  float: right;
  text-align: right;
  margin-bottom: 0;
 }
 .page-type-news-hub .article-teaser.article-feature .article-date,
 .page-type-news-hub .article-teaser.article-feature .article-author {
  width: 50%;
 }
 .page-type-news-hub .article-teaser.article-feature .article-teaser-image {
  width: 45%;
  overflow: hidden;
 }
 .page-type-news-hub .article-teaser.article-feature .article-teaser-image img {
  width: 220%;
  margin-left: -75%;
 }
 .page-type-news-hub .article-teaser.article-feature .article-teaser-details {
  width: 55%;
  height: 0;
  padding-bottom: 32.5%;
  overflow: hidden;
 }
 .page-type-news-hub .article-teaser.article-feature .article-category {
  position: absolute;
  bottom: 0;
 }
 .caption {
  overflow: auto;
 }
 .caption .caption-text {
  width: 50%;
  float: left;
 }
 .caption .attribution {
  width: 50%;
  float: right;
  text-align: right;
 }
 .half .caption-text,
 .half .attribution {
  width: 100%;
  float: none;
  text-align: left;
 }
 .related-link {
  width: 50%;
  padding-left: 10px;
  margin-left: -10px;
 }
 .related-link.even {
  margin-left: 10px;
 }
 .page-type-inner .left-hand-nav {
  display: block;
 }
 .segment-footer-search,
 .segment-footer-contact,
 .segment-footer-social,
 .segment-footer-alerts {
  float: left;
  width: 33%;
 }
 .segment-footer-contact:before,
 .segment-footer-social:before,
 .segment-footer-alerts:before {
  content: "";
  position: absolute;
  width: 4px;
  top: 20px;
  bottom: 20px;
  left: 33%;
  background: #323232;
  border-right: solid #FFF 2px;
  opacity: 0.3;
  filter: alpha(opacity=30);
 }
 .segment-footer-social:before,
 .segment-footer-alerts:before {
  left: 66%;
 }
 .segment-footer-social .segment-footer-text {
  width: 50%;
 }
 .segment-footer-alerts .segment-footer-icon {
  width: 30%;
 }
 .segment-footer-alerts .segment-footer-text {
  width: 70%;
 }
 .fat-footer-nav .footer-nav-section {
     width: 25%;
 }
 .contact-numbers-wrapper {
     background: #EDEDED;
     margin: 20px;
 }
 .contact-numbers {
  float: left;
  width: 50%;
  margin: 0;
 }
 .contact-numbers-retail,
 .contact-numbers-network {
     margin: 0;
     padding: 0;
 }
 .slim-footer-nav-section .logo {
  display: inline;
 }
 /*.slim-footer-nav-section .logos__tagline {
    margin-right: 0;
 }*/
 /*! Network Demand Meter */
 .current-demand-meter-wrapper {
  margin-left: 20px;
  float: right;
 }
 /* Half-width on medium screens and wider. */
 .half-md {
  width: 50%;
 }
 .side-by-side-md {
  float: left;
  padding: 0 5px 0 0;
 }
 .side-by-side-md + .side-by-side-md {
  padding: 0 0 0 5px;
 }
 .FormProgressBar #first-tab {
  margin-left: -20px;
 }
 .FormProgressBar > li {
  width: 33%;
 }
 .FormProgressBar li:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #FFF;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 5;
 }
 .FormProgressBar li:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #EDEDED;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 5px;
  left: 100%;
  z-index: 1;
 }
 .FormProgressBar #first-tab:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #929292;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 5;
 }
 .FormProgressBar #first-tab-selected:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #323232;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 5;
 }
 .FormProgressBar #second-tab-selected:after {
  border-left-color: #323232;
  z-index: 4;
 }
 .FormProgressBar #second-tab:after {
  border-left-color: #929292;
  z-index: 4;
 }
 .FormProgressBar #last-tab-selected:after {
  border: 0;
 }
 .FormProgressBar #last-tab:before {
  border: 0;
 }
 .FormProgressBar #last-tab-selected:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 0px solid #FFF;
  position: absolute;
  top: 50%;
  margin-top: 0px;
  margin-left: 3px;
  left: 100%;
  z-index: 1;
 }
}

/*! Medium/Tablet only */
@media (min-width: 768px) and (max-width: 991px) {
 .quick-navigation-tiles .ergonicon {font-size: 40px;}
 .quick-navigation-tiles li {
  height: 88px;
  width: 110px;
 }
 .header-quick-navigation {
  right: 10px;
  width: 220px;
 }
 .tile-overlay {
  bottom: 20px;
  right: 20px;
 }
 .tile-overlay-title {font-size: 18px;}
 .tile-overlay-header-promo {
  width: 33%;
  padding: 20px 20px 60px 20px;
 }
 .tile-overlay-header-promo .tile-overlay-title {font-size: 24px;}
 .tile-feature-image .tile-overlay {
  width: 60%;
  left: auto;
  right: 20px;
 }
 .tile-feature-title {font-size: 16px;}
 .tile-feature-tagline {font-size: 14px;}
 .tile-mini-glyph {font-size: 45px;}
 .subject-box-title {
  font-size: 14px;
 }
 .subject-box-title-wrapper .ellipsis-container {
  font-size:14px !important;
 }
 .index-promo-tiles li {
  left: 10px;
 }
 .index-promo-tiles li:first-child {
  left: 0;
  float: left;
 }
 .index-promo-tiles .tile-feature-mini {
  padding-bottom: 0;
  height: auto;
 }
 .index-promo-tiles .tile-feature-contents {
  position: static;
 }
 .index-promo-tiles .tile-mini-glyph,
 .index-promo-tiles .tile-feature-mini-details {
  position: static;
  display: inline-block;
  vertical-align: middle;
  min-height: 110px;
  width: 22%;
 }
 .index-promo-tiles .tile-feature-mini-details {
  width: 78%;
 }
 .slim-footer-nav-section .logos__tagline {
   margin-right: 1.5em;
 }
 .page-type-inner .left-hand-nav {
    display: none;
 }
 .page-type-inner .inside-page-content {
    width: 100%;
 }
}

/*! Large/desktop */
@media (min-width: 992px) {
 footer-nav-section .logos__tagline {
    margin-right: 1.5em;
 }
 .call-to-action.auto-width {
  right: 20px;
  max-width: 100%;
  left: initial;
 }
 .header-nav {
  top: 50px;
 }
 .site-nav-section-name {
  display: none;
 }
 body.collapsible-header-nav-visible,
 .header-nav.header-nav-collapsed .nav-segments {
  overflow: visible;
 }
 /* Medium-to-large screen navigation */
 .icon-home {
  display: none;
 }
 .text-home {
  display: inline;
 }
 body .header-nav .nav-categories {
  background: #24662e;
  display: flex;
 }
 .business-brand .header-nav .nav-categories {
  background: #223A2A;
 }
 .network-brand .header-nav .nav-categories {
  background: #25336F;
 }
 .about-us-brand .header-nav .nav-categories {
  background: #641E1A;
 }
 .header-nav-menu-button {
  display: none;
 }
 .header-nav .nav-segments {
  position: static;
  overflow: visible;
  z-index: 0;
 }
 .header-nav .nav-segments > li {
  vertical-align: top;
  display: block;
  float: left;
  text-align: center;
  line-height: 1.2em;
  margin-right: 5px;
 }
 .header-nav .nav-segments > li > a {
  background: #EDEDED;
  color: #636363;
  height: 45px;
  width: 118px;
  font-weight: bold;
  font-family: Roboto Slab, Times New Roman, Times, serif;
  font-size: 14px;
  padding: 5px 10px;
 }
 .header-nav .nav-segments > li > a.business-segment {
  background: #24662e;
  color: #FFF;
 }
 .header-nav .nav-segments > li > a,
 .header-nav .nav-categories > li > a {
  display: block;
  text-decoration: none;
 }
 .header-nav .active > .nav-content-pages {
  display: none;
 }
 .header-nav .nav-categories {
  position: absolute;
  top: 45px;
  width: 100%;
  left: 0;
  z-index: -1;
  box-shadow: 0 8px 30px -10px rgba(80, 80, 80, 0.75), 0 -8px 30px -10px rgba(80, 80, 80, 0.75);
  text-align: left;
  white-space: nowrap;
 }
 .header-nav .nav-categories.collapse {
  height: auto !important;
 }
 .header-nav .nav-categories > li,
 .header-nav .nav-categories > li a {
  height: 45px;
 }
 .header-nav .nav-categories > li {
  vertical-align: top;
  display: inline-block;
  text-align: center;
 }
 .header-nav .nav-categories > li:first-child {
  margin-left: 110px;
 }
 .header-nav .nav-categories > li > a {
  color: #FFF;
  padding: 14px 7px;
  text-transform: uppercase;
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  letter-spacing: -0.95px;
  font-size:95%;
 }
 .header-nav .nav-categories > li > a:hover {
  text-decoration: none;
 }
 .header-nav .nav-categories > li.hover > .nav-content-pages,
 .header-nav .nav-categories > li:hover > .nav-content-pages {
  display: inline;
 }
 .header-nav .nav-content-pages {
  position: absolute;
  left: 110px;
  right: 0;
  padding: 45px 20px 10px 20px;
  display: none;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
 }
 .header-nav .nav-content-pages > .overview-item {
  position: absolute;
  top: 10px;
  width: 50%;
 }
 .header-nav .nav-content-pages > li {
  text-align: left;
 }
 .header-nav .nav-content-pages > li > a {
  padding: 10px 0;
  display: inline-block;
  width: 100%;
  height: auto;
 }
 .header-nav .nav-content-pages > li li {
  /* Hide deep navigation on dropdown nav. */
  display: none;
 }
 .header-nav .nav-content-pages .overview-item {
  font-weight: bold;
 }
 /* Custom colours for Retail */
 .residential-brand .header-nav .nav-segments > li > a,
 .business-brand .header-nav .nav-segments > li > a { /* 2nd tab */
  background-color: #24662e;
  color: #FFF;
 }
 .residential-brand .header-nav .nav-segments > li:first-child > a,
 .business-brand .header-nav .nav-segments > li:first-child > a,
 .residential-brand .header-nav .nav-segments > li.active:first-child .nav-categories,
 .business-brand .header-nav .nav-segments > li.active:first-child .nav-categories { /* 1st tab */
  background-color: #138924;
  color: #FFF;
 }
 .residential-brand .header-nav .nav-segments > li:nth-child(2) > a, .business-brand .header-nav .nav-segments > li:nth-child(2) > a {
    background-color: #24662e;
}
 .header-nav .nav-segments > li:last-child > a,
 .header-nav .nav-segments > li:last-child .nav-categories {
  background: #EDEDED;
  color: #636363;
 }
 /* IE8, same as above but with last-child classes instead of psuedo-selectors. */
 .header-nav .nav-segments > li.last-child > a,
 .header-nav .nav-segments > li.last-child .nav-categories {
  background: #EDEDED;
  color: #636363;
 }
 /* Help and support tab */
 .header-nav .nav-segments > li.active:last-child > a,
 .header-nav .nav-segments > li.active:last-child .nav-categories {
  background-color: #636363;
  color: #FFF;
  margin-right: 0;
 }
 /* IE8, same as above but with last-child classes instead of psuedo-selectors. */
 .header-nav .nav-segments > li.active.last-child > a,
 .header-nav .nav-segments > li.active.last-child .nav-categories {
  /* Help and support tab */
  background-color: #636363;
  color: #FFF;
  margin-right: 0;
 }
 .header-nav .nav-segments > li.active:last-child:hover a {
  border-color: #323232;
 }
 .header-nav .nav-segments > li.active.last-child:hover a {
  border-color: #323232;
 }
 /* Medium-to-large screen top navigation */
 .header-nav-menu-button {
  background: none;
 }
 .header-nav .nav-segments > li > a {
  background: #EDEDED;
 }
 .nav-categories > li > a {
  background: none;
 }
 .nav-content-pages a {
  background: none;
 }
 .nav-categories {
  display: none;
 }
 .active .nav-categories {
  display: block;
 }
 .header-nav .nav-segments > .active > a {
  background: #34AA45;
  color: #FFF;
 }
 .header-nav .nav-categories > li.active > a {
  position: relative;
 }
 .header-nav .nav-categories > li.active .nav-categories-arrow {
/*  font-family: Times New Roman, Times, serif;*/
  display: block;
  position: absolute;
  font-size: 16px;
  bottom: -6px;
  color: #223A2A;
  height: 16px;
  left: 50%;
  width: 16px;
  margin-left: -8px;
 }
 .network-brand .header-nav .nav-categories > li.active .nav-categories-arrow {color: #25336F;}
 .about-us-brand .header-nav .nav-categories > li.active .nav-categories-arrow {color: #641E1A;}
 .header .header-nav .nav-segments > li.last-child .nav-categories-arrow {color: #323232;}
 .header-nav .nav-categories > li.active > a,
 .header-nav .nav-categories > li:hover > a,
 .header-nav .nav-categories > li.hover > a {
  border-bottom: solid 4px #223A2A;
 }
 .header-nav .nav-content-pages {
  background: #223A2A;
 }
 .network-brand .header-nav ul.nav-content-pages {
  background: #25336F;
 }
 .about-us-brand .header-nav ul.nav-content-pages {
  background: #641E1A;
 }
 .header-nav .nav-content-pages > li a::after {
  color: #24662e;
 }
 .business-brand .header-nav .nav-segments > .active > a,
 .business-brand .header-nav .nav-categories {
  background: #24662e;
 }
 .network-brand .header-nav .nav-segments > .active > a,
 .network-brand .header-nav .nav-categories {
  background: #007CBE;
 }
 .network-brand .header-nav .nav-categories > li.active > a,
 .network-brand .header-nav .nav-categories > li:hover > a,
 .network-brand .header-nav .nav-categories > li.hover > a {
  border-bottom: solid 4px #25336F;
 }
 .about-us-brand .header-nav .nav-segments > .active > a,
 .about-us-brand .header-nav .nav-categories {
  background: #d93d30;
 }
 .about-us-brand .header-nav .nav-categories > li.active > a,
 .about-us-brand .header-nav .nav-categories > li:hover > a,
 .about-us-brand .header-nav .nav-categories > li.hover > a {
  border-bottom: solid 4px #641E1A;
 }
 .residential-brand .header-nav .nav-segments > li:last-child .nav-content-pages,
 .business-brand .header-nav .nav-segments > li:last-child .nav-content-pages,
 .network-brand .header-nav .nav-segments > li:last-child .nav-content-pages,
 .about-us-brand .header-nav .nav-segments > li:last-child .nav-content-pages {
  background: #404040;
 }
 /* IE8, same as above but with last-child classes instead of psuedo-selectors. */
 .residential-brand .header-nav .nav-segments > li.last-child .nav-content-pages,
 .business-brand .header-nav .nav-segments > li.last-child .nav-content-pages,
 .network-brand .header-nav .nav-segments > li.last-child .nav-content-pages,
 .about-us-brand .header-nav .nav-segments > li.last-child .nav-content-pages {
  background: #404040;
 }
 .residential-brand .header-nav .nav-segments > li:last-child .nav-categories > .active > a,
 .business-brand .header-nav .nav-segments > li:last-child .nav-categories > .active > a,
 .network-brand .header-nav .nav-segments > li:last-child .nav-categories > .active > a,
 .about-us-brand .header-nav .nav-segments > li:last-child .nav-categories > .active > a,
 .residential-brand .header-nav .nav-segments > li:last-child .nav-categories > li:hover > a,
 .business-brand .header-nav .nav-segments > li:last-child .nav-categories > li:hover > a,
 .network-brand .header-nav .nav-segments > li:last-child .nav-categories > li:hover > a,
 .about-us-brand .header-nav .nav-segments > li:last-child .nav-categories > li:hover > a,
 .residential-brand .header-nav .nav-segments > li:last-child .nav-categories > li.hover > a,
 .business-brand .header-nav .nav-segments > li:last-child .nav-categories > li.hover > a,
 .network-brand .header-nav .nav-segments > li:last-child .nav-categories > li.hover > a,
 .about-us-brand .header-nav .nav-segments > li:last-child .nav-categories > li.hover > a {
  border-color: #323232;
 }
 /* IE8, same as above but with last-child classes instead of psuedo-selectors. */
 .residential-brand .header-nav .nav-segments > li.last-child .nav-categories > .active > a,
 .business-brand .header-nav .nav-segments > li.last-child .nav-categories > .active > a,
 .network-brand .header-nav .nav-segments > li.last-child .nav-categories > .active > a,
 .about-us-brand .header-nav .nav-segments > li.last-child .nav-categories > .active > a,
 .residential-brand .header-nav .nav-segments > li.last-child .nav-categories > li:hover > a,
 .business-brand .header-nav .nav-segments > li.last-child .nav-categories > li:hover > a,
 .network-brand .header-nav .nav-segments > li.last-child .nav-categories > li:hover > a,
 .about-us-brand .header-nav .nav-segments > li.last-child .nav-categories > li:hover > a,
 .residential-brand .header-nav .nav-segments > li.last-child .nav-categories > li.hover > a,
 .business-brand .header-nav .nav-segments > li.last-child .nav-categories > li.hover > a,
 .network-brand .header-nav .nav-segments > li.last-child .nav-categories > li.hover > a,
 .about-us-brand .header-nav .nav-segments > li.last-child .nav-categories > li.hover > a {
  border-color: #323232;
 }

/* Self service menu item */
.nav-segments li.self_service {
    right: 0;
    position: absolute;
    width: 9em;
}
.nav-segments li.self_service:before {
    content: '';
    background: url(https://www.ergon.com.au/__data/assets/image/0003/751917/self-service-icon.png?v=0.1.0) no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    left: .6em;
    top: .9em;
}

.header-nav .nav-segments li.self_service a {
    width: auto;
    color: white;
    background-color: #25336F;
    padding: 14px 5px 14px 20px;
}


 .nav-tabs-gateway .nav-tabs-gateway-content > li.call-to-action.auto-width {
  right: 20px;
  max-width: 100%;
  left: initial;
 }
 .nav-tabs-gateway-section {
  float: left;
  width: 66%;
 }
 .network-usage-meter {
  float: left;
  width: 34%;
  height: 250px;
 }
 .logo-site {
  width: 110px;
  height: 90px;
 }
 .network-brand .logo-site .logo,
 .residential-brand .logo-site .logo,
 .business-brand .logo-site .logo {
  top: -30px;
 }
 .tile-overlay {
  width: 360px;
 }
 .tile-mini-glyph {
  bottom: 45%;
  font-size: 80px;
 }
 .tile-feature-title {
  font-size: 24px;
 }
 .tile-feature-tagline {
  font-size: 18px;
 }
 .subject-box-icon {
  font-size: 80px;
 }
 .page-type-index .inside-page-content > h1,
 .page-type-index .inside-page-content > .breadcrumb,
 .page-type-index .authored-content {
  float: left;
  width: 50%;
  margin-right: 1px;
 }
 .index-promo-tiles {
  width: 49%;
  float: right;
  margin-top: -80px;
 }
 .index-page-listing li {
  width: 25%;
 }
 .page-type-news-hub .article-teaser.article-feature .article-date,
 .page-type-news-hub .article-teaser.article-feature .article-author {
  float: none;
  text-align: left;
 }
 .page-type-news-hub .article-teaser.article-feature .article-author {
  margin-bottom: 20px;
 }
 .fat-footer-wrapper {
  background: #EDEDED;
  -webkit-box-shadow: inset 1px 10px 10px -5px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 10px 10px -5px rgba(0, 0, 0, 0.25);
  padding-top: 20px;
  width: 100%;
  overflow: auto;
 }
 .fat-footer {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 20px;
 }
 .contact-numbers-wrapper,
 .fat-footer-nav-wrapper {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;

  margin: 0;
}
 .contact-numbers-wrapper {
  float: right;
  width: 30%;
 }
 .fat-footer-nav-wrapper {
  float: left;
  width: 60%;
 }
 .contact-numbers {
  text-align: left;
  padding: 0px 10px;
  margin: 10px 0 0 0;
 }
 /* Change width of columns */
 .contact-numbers-wrapper {
  width: 40%;
 }
 .fat-footer-nav .footer-nav-section {
  margin: 0 -4px 0 0;
  width: 25%;
 }
 .slim-footer-nav-section {
  width: 50%;
  text-align: left;
 }
 .slim-footer-nav-section.slim-footer-nav-info {
  text-align: right;
 }
 .slim-footer-nav-info > ul {
  display: inline-block;
 }
 .brand-color-palette-container {
  overflow: visible;
 }
 .form-errors-noborder {
  float: right;
 }
}
@media (min-width: 1150px) {
 .page-type-gateway .header {
  padding-bottom: 640px;
 }
 .gateway-outage-search-wrapper {
  right: 0;
 }
}

/* Site Map */

   .site-map {
      margin-top: -25px;
   }

   .site-map ul {
      display: table;
      margin: 0;
      padding: 0;
      width: 100%;
   }

  .site-map ul li {
     border: 1px solid #efefef;
     display: table;
     list-style-type: none;
     margin: 10px 0;
     padding: 0;
     width: 100%;
  }

   .site-map ul li a {
      border-bottom: 1px solid #efefef;
      background-color: #efefef;
      color: #000;
      display: inline-block;
      font-size: 100%;
      font-weight: 700;
      padding: 10px 2.5%;
      width: 100%;
   }

   .site-map ul li ul {
      margin: 10px 0% 15px 2.5%;
      width: 97.5%;
   }

   .site-map ul li ul li {
      border: 0;
      margin: 0;
   }

   .site-map ul li ul li a {
      background-color: #fff;
      border-bottom: 0px;
      padding: 0px;
   }

   .site-map ul li ul li ul {
      border: 0;
      margin: 10px 0 15px 0;
   }

   .site-map ul li ul li ul li {
      border: 0;
      float: left;
      width: 33%;
   }

   .site-map ul li ul li ul li a {
      background-color: #fff;
      border-bottom: 0;
      font-size: 90%;
      font-weight: 400;
      padding: 3px 5px 3px 15px;
      text-decoration: underline;
   }

    .site-map ul li ul li ul li a:before {
       content: "\e604"; /* .ergonicon-arrow */
       color: #000;
       font-family: 'ergon-icons';
       display: inline-block;
       width: 1.2em;
       margin-left: -1.2em;
    }


   .site-map ul li.container-collapsed a {
      background-color: #efefef;
   }

   .site-map ul li.container-expanded a {
      background-color: #f7f7f7;
   }

   .site-map ul li.container-collapsed ul li a,
   .site-map ul li.container-collapsed ul li ul li a,
   .site-map ul li.container-expanded ul li a,
   .site-map ul li.container-expanded ul li ul li a  {
      background-color: #fff;
   }

   .site-map .ergonicon {
      font-weight: 700;
      margin-right: 10px;
   }

  .site-map ul li a.togglePanel {
       background-color: #767676;
       color: #fff;
       width: 25px;
       height: 22px;
       padding: 0;
       text-align: center;
       margin: 0 15px 0 0;
       text-decoration: none;
   }

   .site-map ul li a.togglePanel:hover {
      background-color: #C6C6C6;
   }

@media screen and (max-width: 685px) {
   .site-map ul li ul li ul li {
      border: 0;
      float: left;
      width: 50%;
   }
}

@media screen and (max-width: 595px) {
   .site-map ul li ul li ul li {
      border: 0px;
      clear: both;
      float: none;
      width: 100%;
   }
}
@media screen and (max-width: 440px) {
   .blog-author-image {
     clear: both;
     float: none;
     margin: 0 auto 30px auto;
     text-align: center;
   }
   .blog-author-image img {
      max-width: 100%;
   }
}
/* Outage Finder tiles */

   .outage-search-label a {
      color: #fff !important;
      transition: all 0.5s ease;
      text-decoration: none !important;
      -webkit-transition: all 0.5s ease;
   }
   .outage-search-label a .ergonicon {
      left: 3px;
      position: relative;
      top: 3px;
   }
   .outage-search-label a:hover .ergonicon {
      font-size: 26px;
      top: 4px;
   }
   .tile-feature-outage-search label a {
      color: #fff;
      font-size: 20px;
      transition: all 0.5s ease;
      text-decoration: none;
      -webkit-transition: all 0.5s ease;
   }
   .tile-feature-outage-search label a .ergonicon {
      left: 3px;
      position: relative;
      top: 3px;
   }
   .tile-feature-outage-search label a:hover .ergonicon {
      font-size: 1.1em;
      top: 4px;
   }

   /* Funnelback Search Query COmpletion */
   [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
      display: none !important;
    }

    .search-initial { padding: 40px 15px; }

    #search-advanced select.input-sm {
        border-color: #ccc;
    }

    #search-result-count { margin-bottom: 10px; }

    #search-results li h4,
    #search-best-bets h4 {
      margin-bottom: 0;
    }
    #search-results li h4 { margin-top: 24px; }

    #search-facets {
      min-width: 350px;
    }

    #search-facets:before {
      background-color: #E3473A;
      color: #fff;
      content: "Search categories";
      display: block;
      font-family: 'Roboto Slab', 'Times New Roman', Times, serif;
      font-size: 18px;
      font-weight: 700;
      padding: 15px 20px;
    }

    .facet h3 {
      color: #000;
      font-family: 'Montserrat', Helvetica, sans-serif;
      font-size: 14px;
      margin: 0;
      text-transform: uppercase;
    }

    .panel {
       border: 0;
       margin-bottom: 0;
    }

    .panel-body {
      border: 0;
      box-shadow: none;
    }

    .panel-default>.panel-heading {
      background-color: #EDEDED;
      border-bottom: 1px solid #C6C6C6;
      padding: 15px 20px;
    }

    .panel-body li {
      padding: 0 0 5px;
    }

    .panel-body li:last-child {
      padding: 0;
    }

    .categoryCount:before {
       content: "(";
    }

    .categoryCount:after {
       content: ")";
    }

    .search-collapsed { text-indent: 8px; }

    .search-metrics td div.metric { border: solid 1px #ddd; }

    svg line,
    svg rect { stroke: #777; }

    svg rect.query   { fill: #f2dede; }
    svg rect.literal { fill: #dff0d8; }
    svg rect.logical { fill: #fcf8e3; }
    svg rect.set     { fill: #d9edf7; }

    .ui-helper-hidden-accessible,
    .ui-help-hidden { display: none; }

    .ui-menu { background-color: white; }

    .ui-menu { width: 200px; border: solid 1px #e6e6e6;}
    .ui-menu, .ui-menu li {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    .ui-menu-item a, li.ui-autocomplete-category { display: block; padding: 2px; }
    li.ui-autocomplete-category { background-color: #e6e6e6; font-weight: bold;}

    .ui-state-focus {
      background-color: #428bca;
      color: white;
    }

    .facet {
      font-family: 'Montserrat', Helvetica, sans-serif;
    }

    /* Query Completion style */

    .ui-menu-item a,
    .ui-menu-item a:active,
    .ui-menu-item a:hover,
    .ui-menu-item a:link,
    .ui-menu-item a:visited {
      background-color: #fff;
      color: #000;
      cursor: pointer;
      display: block;
      padding: 3px 20px;
      text-decoration: none;
    }

    .ui-menu-item a:hover {
      background-color: #efefef;
    }
    #media-releases .article-intro p.lead {
        color: #333;
        font-size: 14px;
        font-weight: 400 !important;
    }
     @media (max-width: 1115px) and (min-width: 1051px) {
      .header-nav .nav-segments > li > a {
        width: 110px;
        font-size: 15px;
      }
    }
    @media (max-width: 1050px) and (min-width: 992px) {
      .header-nav .nav-segments > li > a {
        width: 102px;
        font-size: 14px;
      }
    }


    .navbar-gateway {
    overflow: visible; /* overwrite - to do */
}
.login-menu-container {
    display: block;
    position: absolute;
    z-index: 2;
    /*z-index: 1006;*/
    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: #0b891e;
}
.login-menu-container .section-header.network {
    background: #007cbd;
}

.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: 'Montserrat', 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;*/
    min-width: 60px;
    border-right: none;
}
.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 */
}
@media screen and (min-width: 640px) {
.nav-gateway .nav-login-menu {
min-width: 100px;
}
}

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

    .login-menu-container {
        width:100%;
    }
    .nav-search-form {
        min-width: auto;
        min-width: initial;
    }
    .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: 99999;
        width: 68%;
    }
    .navbar-gateway .form-control, .nav-search-form { /* overwrite */
        height: 40px;
        background: #6D6F71;
        border:none;
    }
    .navbar-gateway .search-button {

    }
    .nav-gateway.drop-down {
        background: #404040;
        position:absolute;
        width: 66%;
        z-index:101;
    }
    .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-search a.search-active {
        background: #000;
    }
    .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;
}

/* Report a Fault */

  .report-panel {
      background-color:#efefef;
      display: table;
      margin: 20px 0 0;
      padding: 15px 0 18px;
      width: 100%;
  }
  .report-panel {
     padding: 20px 5px 10px;
  }
  .report-panel > div {
      display:table-cell;
      padding: 0 20px;
      vertical-align:top;
      width: 60%;
  }
  .report-panel > div:nth-child(2) {
     text-align: center;
     width: 40%;
  }
    .report-panel > div > img {
      max-width: 165px;
      margin: 0 auto;
      width: 100%;
    }
     .report-panel > div > p {
        font-size: 14px;
        line-height: 18px;
        margin: 0;
        padding: 0;
      }
    .report-panel > div > h3 {
      float: none;
      font-size: 20px;
      margin: 0 0 15px;
      width: 100%;
    }
    .report-panel > div > h4 {
       margin: 0 0 3px;
       text-transform: none;
    }
    .report-panel a[href^='tel'] {
        color: #25336F;
        font-family: Roboto Slab, Times New Roman, Times, serif;
        font-size: 18px;
        font-weight: 700;
        text-decoration: none;
    }
  .report-panel > div > .report-btn {
      background: #404040;
      border-radius: 5px;
      color: #fff;
      display: block;
      max-width: 275px;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      width: 100%;
  }
    .report-panel > div > .report-btn {
       margin: 15px 0 10px;

    }
    #content-container .content-item .report-panel > div > ul,
    #content-container .content-item .report-panel > div > ul > li {
        margin: 8px 0 0 10px;
        padding: 0;
    }
  #content-container .content-item > p {
      margin: 1.3em 0;
  }
    #content-container .content-item ul,
    #content-container .content-item ul > li {
        margin: 0;
    }
    #content-container .content-item .report-panel-2 > div > ul,
    #content-container .content-item .report-panel-2 > div > ul li {
      margin: 0;
      padding: 0;
    }
    #content-container .content-item .report-panel-2 > div > ul {
        margin: 10px 0 10px 25px;
    }

    /* Report a Fault */

    #tab-container {
        clear: both;
        display: table;
        max-width: 100%;
        width: 100%;
    }
    #tab-container .tab {
        background-color: #ededed;
        border: 0;
        color: #333;
        cursor: pointer;
        display: block;
        float: left;
        font-weight: 700;
        height: 145px;
        margin: 0 5px;
        padding: 8px 15px 15px;
        position: relative;
        text-align: center;
        vertical-align: middle;
        max-width: 100%;
        width: calc(25% - 10px);
    }
    #tab-container .tab.selected {
       background-color: #2B5596;
       border: 0px;
       cursor: default;
    }
    #tab-container .tab:last-child {
       margin: 0 0 0 5px;
    }
    #tab-container .tab:first-child {
       margin: 0 5px 0 0;
    }
    #tab-container .tab .ergonicon {
        color: #0083C9;
        font-size: 48px;
        left: 20px;
        position: absolute;
        top: 15px;
    }
    #tab-container .tab .tab-label {
       bottom: 15px;
       color: #2B5596;
       display: block;
       float: left;
       font-family: 'Roboto Slab',Times New Roman,Times,serif;
       font-size: 16px;
       left: 20px;
       position: absolute;
       text-align: left;
       text-decoration: underline;
       width: calc(100% - 40px);
    }
    #tab-container .tab.selected .ergonicon {
      color: #0083C9;
    }
    #tab-container .tab.selected .tab-label {
      color: #fff;
    }
    #tab-container .tab:before {
       display: none;
    }
    #tab-container .tab[data-content="power-outage"]:before {
       content: "\e677";
    }
    #tab-container .tab[data-content="street-light"]:before {
       content: "\e672";
    }
    #tab-container .tab[data-content="power-pole"]:before {
       content: "\e65e";
    }
    #tab-container .tab[data-content="vegetation"]:before {
       content: "\e662";
    }
    #tab-container .tab.selected:after {
        display: none;
    }
    #content-container {
        margin-top: 35px;
    }
    #content-container .content-item {
        display: none;
    }
    #content-container .content-item:nth-child(1) {
       display: block;
    }
    .bullet-point-container {
        clear: both;
        display: table;
        float: none;
        width: 100%;
    }
    .bullet-point-container > div {
       display: table-cell;
       padding: 5px 10px;
    }
    .report-online-panel {
        clear: both;
        display: table;
        margin: 7px 0;
        width: 100%;
    }
    .report-online-panel > div {
        display: table-cell;
        vertical-align:middle;
    }
    .report-online-panel > div:nth-child(1) {
        width: 185px;
    }
    .report-online-panel > div:nth-child(2) {
        background-color: #fff;
        padding: 0 0 12px 0;
        text-align: left;
    }
    .report-online-panel > div .tel {
        text-decoration:none;
        padding: 0 0 0 5px;
        color:#333;
        font-weight: 700;
        font-size: 24px;
    }
    .report-online-panel > div .report-online {
       background-color:#404040;
       color: #fff;
       text-transform: uppercase;
       border-radius: 5px;
       display: block;
       float: left;
       text-align: center;
       width: 175px;
       text-decoration: none;
       padding: 10px 15px;
    }
    .safety-callout {
        display: table;
        margin: 30px 0 0;
        padding: 0 15px 0 10px;
        font-weight: 700;
    }
    .safety-callout-icon {
        display: table-cell;
        vertical-align:middle;
        padding: 0 15px 0 0;
    }
    .safety-callout-icon span {
       font-size: 36px;
    }
    .safety-callout-content {
        display:table-cell;
        vertical-align: middle;
    }
    .network-brand .authored-content .safety-callout-content a {
        color: #000;
        text-decoration: none;
    }

    @media screen and (max-width:1035px) {
      #tab-container .tab {
        height: 150px;
      }
      #tab-container .tab:before {
         padding: 0;
      }
    }
    @media screen and (max-width:887px) {
       .bullet-point-container > div {
           display: table;
           padding: 0 10px;
       }
       .bullet-point-container > div > ul {
         margin-bottom: 0;
       }
       .report-online-panel {
          margin-top: 17px;
       }
    }
    @media screen and (max-width:600px) {
       #tab-container .tab,
       #tab-container .tab .ergonicon,
       #tab-container .tab .tab-label {
           position: static;
       }
       #tab-container .tab,
       #tab-container .tab:first-child {
          border-bottom: 0px;
          clear: both;
          display: table;
          float: none;
          height: auto;
          max-width: 100%;
          margin: 0 0 5px;
          padding: 8px 15px;
          text-align: left;
          width: 100%;
       }
       #tab-container .tab:last-child {
          margin: 0;
       }
       #tab-container .tab .ergonicon {
           display: table-cell;
           font-size: 28px;
           vertical-align: top;
           width: 45px;
       }
       #tab-container .tab .tab-label {
           display: table-cell;
           font-size: 16px;
           padding: 2px;
           vertical-align: top;
       }
       #tab-container .tab:last-child {
          border-bottom: 0;
       }
       #tab-container .tab:before {
           display: none;
       }

      #tab-container .tab.selected:after {
          display: none;
      }
      .report-panel > div:nth-child(2) {
        display: none;
      }
    }
    @media screen and (max-width:390px) {
       .report-online-panel > div .report-online {
          width: 100%;
        }
       .report-online-panel > div {
           display: table;
       }
      .report-online-panel > div:nth-child(1) {
        width: 100%;
       }
    .report-online-panel > div:nth-child(2) {
        margin: 7px auto 0;
       }
    }
    /*ul.ui-autocomplete {*/
    /*    display: none !important;*/
    /*}*/
    .stackla-widget-mask {
        display: none !important;
    }

    .filesize-lowercase {
        text-transform: lowercase;
        transition: text-transform 2s linear;
    }

    /*SDQLD-1452*/
    .residential-brand .nav-segments > li > a {
        background: #24662e;
    }

    .residential-brand .sidebar-nav .active > a {
        color: #24662e ;
    }

    .residential-brand .sidebar-nav .nav-segments > li > a {
        color: #fff;
    }

    .residential-brand .sidebar-nav .nav-categories > li.active > a {
        background: #fefffe;
    }

.landing-footer .acknowledgement-home {
    margin-top: 48px;
    padding: 35px 0px 0px 0px;
    border-top: 1px solid rgba(255,255,255,.5);
}

.landing-footer .acknowledgement-home p {
    margin: 0px;
}

@media (max-width: 1204px) {
    .landing-footer .acknowledgement-home p {
        padding: 0px 15px;
    }
}

@media (max-width: 768px) {
    .landing-footer .acknowledgement-home p {
        text-align: center;
    }
}


     ol {
        list-style-type: decimal ;
     }
     
     ol ol {
         list-style-type: lower-alpha; ;
     }
     
     ol ol ol {
         list-style-type: lower-roman;
     }    
     
     
     
@media (max-width: 768px) {
    .landing-page .nav-gateway .nav-item {
        width: calc(100%/3);
    }
}



.landing-page .nav-gateway .nav-item.nav-career {
    border-bottom: 6px solid #ff00f7;
}

.nav-gateway .nav-item.nav-career {
    border-right: solid #323232 2px;
    border-left: solid #636363 2px;
}