/*
  ===============================================================================
  VARIABLES
  ===============================================================================
*/
/* eeca main */
/* --------- */
/* eeca business */
/* ------------- */
/* energywise */
/* ---------- */
/* nabersnz */
/* -------- */
/* misc */
/* ---- */
/*
  ===============================================================================
  COMMON PAGE STRUCTURE AND ELEMENTS
  ===============================================================================
*/
/*
  ==========================
  general page structure
  ==========================
*/
.wrapper {
  padding: 0 1.6rem;
}
/*
  ==========================
  header
  ==========================
*/
#page-head {
  border-top-width: 0.2rem;
}
/* group-level navigation */
/* ---------------------- */
.group-nav {
  float: none;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  width: auto;
  padding: 1rem 1.6rem 0 1.6rem;
  background-color: #f2f2f2;
}
.nabersnz .group-nav {
  display: none;
}
.group-nav > ul > li {
  font-size: 2rem;
}
.group-nav > ul > li > a {
  padding-bottom: 0.6rem;
  border-bottom: solid 0.3rem transparent;
}
/* logo */
/* ---- */
#site-logo {
  float: none;
  height: 8rem !important;
  width: auto !important;
  padding: 0;
}
.eeca #site-logo {
  padding-top: 2.2rem;
}
.eeca-business #site-logo {
  padding-top: 1.4rem;
}
.energywise #site-logo {
  padding-top: 1.4rem;
}
.nabersnz #site-logo {
  padding-top: 0.8rem;
}
.eeca #site-logo a {
  width: 19.7rem;
  height: 3.4rem;
}
.eeca-business #site-logo a {
  width: 18.5rem;
  height: 4.7rem;
}
.energywise #site-logo a {
  width: 18.5rem;
  height: 5.2rem;
}
.nabersnz #site-logo a {
  width: 22.6rem;
  height: 6.4rem;
}
/* primary navigation */
/* ------------------ */
.site-primary-nav-toggle a {
  font-size: 1.8rem;
  line-height: 2.12;
}
.site-primary-nav > ul > li a {
  padding: 1rem 6.6rem 1rem 1.6rem;
}
/* nav controls for expand / collapse */
.site-primary-nav > ul li .menu-nav-control {
  right: 1.6rem;
}
/* hidden menu items */
.hidden-menu-items ul li a {
  padding: 0.5rem 1.6rem;
}
/* social links in menu */
.hidden-menu-items ul li.social-links {
  padding: 0.6rem 1.6rem 0 1.6rem;
}
/* site utility links */
/* ------------------ */
.site-utility-links ul > li > span > a {
  font-size: 1.8rem;
  line-height: 2.56;
}
li.site-search-holder > span > a > span.text {
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  font-size: 0.1rem;
  overflow: hidden;
}
/* site search form */
.site-search-form form {
  margin: 0 1.6rem;
}
.site-search-form .search-wrapper input {
  padding: 0.7rem 6rem 0.7rem 1.2rem;
  font-size: 2.2rem;
}
.site-search-form .search-wrapper button {
  width: 5rem;
}
/*
  ==========================
  main body
  ==========================
*/
#main-page-area {
  padding-bottom: 5rem;
}
/* secondary nav area */
/* ------------------ */
#secondary-nav h2 {
  padding: 0 1.6rem;
}
#secondary-nav ul > li > a {
  padding: 1.2rem 1.6rem;
}
/*
  ==========================
  footer
  ==========================
*/
/* content updated info */
/* -------------------- */
.content-updated .wrapper {
  margin-left: -1.6rem;
}
.content-updated .wrapper .inner {
  float: left;
}
.content-updated .inner p {
  float: none;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.content-updated .inner p + p {
  border-left: none;
}
/* footer nav */
/* ---------- */
#page-foot nav {
  float: none;
  width: auto;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
#page-foot nav ul li:not(.utility-extras) {
  display: none;
}
/* footer contact info */
/* ------------------- */
#foot-contact {
  float: none;
  width: auto;
  margin-bottom: 1rem;
  text-align: left;
  font-size: 1.2rem;
}
#foot-contact h2 {
  font-size: 1.4rem;
}
#foot-contact p {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#foot-contact p + p {
  margin-left: 2.6rem;
}
#foot-contact .social-links {
  display: none;
}
/* footer logos */
/* ------------ */
.nabersnz #foot-logos > ul li.nzgbc-logo {
  display: none;
}
/* EECA sites list */
/* --------------- */
.eeca-sites-list {
  width: 39%;
}
/* lower footer */
/* ------------ */
#page-foot-lower .back-to-top a {
  right: 1.6rem;
}
/*
  ==========================
  generic modal
  ==========================
*/
.modal,
.nabersnz .modal {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  min-width: 0;
  max-width: none;
  max-height: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/*
  ===============================================================================
  COMMON OBJECTS
  ===============================================================================
*/
/*
  ==========================
  tiles
  ==========================
*/
/* common tile styles */
/* ------------------ */
.tile .image-container {
  display: none;
}
.tile .content {
  padding: 1.8rem 6rem 1.8rem 1.5rem;
}
.tile .content h2 {
  font-size: 1.8rem;
  line-height: 1.2;
}
.tile .content > *:not(h2) {
  display: none;
}
/* tile with image upper */
/* --------------------- */
a.tile.image:after {
  display: block;
}
.tile.image .image-container {
  display: none;
}
.tile.image .content {
  padding: 1.8rem 6rem 1.8rem 1.5rem;
}
/* tile as whole image and overlay text */
/* ------------------------------------ */
a.tile.image.large:after {
  display: block;
}
.tile.image.large .image-container {
  display: none;
}
.tile.image.large .content {
  position: static;
  padding: 1.8rem 6rem 1.8rem 1.5rem;
  background-color: #ffffff;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}
/* tool tiles */
/* ---------- */
.tile.tool {
  margin-top: 2.6rem;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.tile.tool .banner {
  position: relative;
  top: -5px;
  top: -0.5rem;
  left: 0;
  right: 0;
  font-size: 1.8rem;
}
.tile.tool .banner > .inner {
  min-width: 0;
  width: 100%;
  padding: 0.6rem 2rem 0.4rem 2rem;
}
/* tile tool content */
.tile.tool > .inner {
  padding: 0 1.6rem 3.6rem 1.6rem;
}
/* tile tool info link */
/* ------------------- */
.tile.tool .tile-info-link {
  position: static;
  margin: 4px 0 0 0;
  text-align: right;
}
/*
  ==========================
  boxes
  ==========================
*/
.box {
  padding: 1.8rem;
  min-height: 8rem;
}
.box .content {
  font-size: 1.5rem;
}
.box .content h2 {
  font-size: 1.8rem;
}
/* extra padding */
/* ------------- */
.box.extra-padding {
  padding-bottom: 3.4rem;
}
/* call-to-action link box */
/* ----------------------- */
.box.call-to-action {
  margin-bottom: 3rem;
}
/* box with image */
/* -------------- */
.box.image {
  padding: 1.8rem;
}
.box.image .image-container {
  display: none;
}
/* optional items floated */
/* ---------------------- */
.box .optional-items {
  float: none;
  width: auto;
  margin: 0 0 1.6rem 0;
}
/* tabbed boxes and tabbed content */
/* ------------------------------- */
.box-tabs-wrapper {
  margin: -2rem -1.8rem 2rem -1.8rem;
}
ul.box-tabs {
  display: block;
}
ul.box-tabs > li {
  display: block;
  width: auto;
}
ul.box-tabs > li + li {
  border-left: none;
}
ul.box-tabs > li > a {
  height: auto;
  padding: 0.8rem 1.8rem;
  font-size: 1.6rem;
}
ul.box-tabs > li > a:hover,
ul.box-tabs > li > a:focus,
ul.box-tabs > li.active > a {
  color: #ffffff;
}
ul.box-tabs > li > a:before {
  content: none;
}
ul.box-tabs > li > a:after {
  content: none;
}
ul.box-tabs > li.active > a > span:before {
  content: none;
}
/*
  ==========================
  link sets
  ==========================
*/
.typography ul.link-set {
  font-size: 1.8rem;
}
.typography ul.link-set li a {
  padding: 1rem 4rem 1rem 1.4rem;
}
.typography ul.link-set li a:after {
  top: 0.7rem;
  right: 1.6rem;
  font-size: 3.2rem;
}
/* alternative view without arrows and non-block layout */
/* ---------------------------------------------------- */
.typography ul.link-set.alt {
  font-size: 1.6rem;
}
.typography ul.link-set.alt li {
  padding: 1rem 1.4rem;
}
/*
  ==========================
  pagination
  ==========================
*/
.pagination > a {
  min-width: 2.6rem;
}
.pagination > a.prev:before,
.pagination > a.next:after {
  margin-right: 0;
}
.pagination > a.prev span,
.pagination > a.next span {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.pagination > span.active {
  min-width: 3.2rem;
}
/*
  ==========================
  columns
  ==========================
*/
/* common structure */
/* ---------------- */
.columns > .inner {
  margin: 0;
}
/* 2, 3 and 4 column layout */
/* --------------------- */
.columns.two > .inner .column,
.columns.three > .inner .column,
.columns.four > .inner .column {
  float: none;
  width: auto;
  margin: 0 0 1.8rem 0;
  height: auto;
}
.columns.four > .inner .column.double {
  margin-left: 0;
  margin-right: 0;
  width: auto;
}
/* 6 column layout */
/* --------------- */
.columns.six > .inner {
  margin-left: -3.125%;
  margin-right: -3.125%;
}
.columns.six > .inner .column {
  float: left;
  width: 44.117648%;
  margin: 0 2.941176% 1.8rem 2.941176%;
}
/*
  ==========================
  share to social media
  ==========================
*/
.hidden-menu-items .social-media-share {
  padding: 1rem 1.6rem 0 1.6rem;
}
/*
  ===============================================================================
  TYPOGRAPHY
  ===============================================================================
*/
/*
  ==========================
  default text
  ==========================
*/
#main-page-area,
.typography {
  font-size: 1.5rem;
}
/*
  ==========================
  headings / titles
  ==========================
*/
h1.page-title {
  font-size: 3rem;
}
/* heading */
/* ------- */
h2 {
  font-size: 2.4rem;
}
/* sub-heading */
/* ----------- */
h3 {
  font-size: 2.2rem;
}
/* minor heading */
/* ------------- */
h4 {
  font-size: 1.8rem;
}
/* header spacing */
/* -------------- */
.typography h1 + * {
  margin-top: 1.8rem !important;
}
/*
  ==========================
  paragraphs
  ==========================
*/
/* screen visible items */
/* -------------------- */
.small-screen-visible {
  display: block;
  font-size: 1.2rem;
}
/*
  ==========================
  images
  ==========================
*/
.typography figure.image figcaption {
  font-size: 1.3rem;
}
.typography figure.image.small,
.typography figure.image.medium {
  float: none;
  width: auto;
  margin: 0;
}
/*
  ==========================
  quotes
  ==========================
*/
/* smaller image with wrapping text */
/* -------------------------------- */
.typography figure.quote.small {
  float: none;
  width: auto;
  margin: 0;
}
/*
  ==========================
  tables
  ==========================
*/
.typography table th {
  font-size: 1.8rem;
}
/*
  ==========================
  in-page documents
  ==========================
*/
.typography ul.document-list li a {
  padding: 0.8rem 1rem 0.8rem 3.6rem;
  background-position: 0.8rem 0.6rem;
}
/*
  ==========================
  bookmarks
  ==========================
*/
.typography ul.bookmarks:after,
.typography ul.bookmarks li {
  font-size: 1.5rem;
}
/*
  ==========================
  forms
  ==========================
*/
/* standard borders / styles */
/* ------------------------- */
.typography form {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding: 2rem 1.6rem;
}
.field .left {
  width: auto;
  padding-right: 2rem;
  margin-bottom: 0.2rem;
}
.field .left.large {
  font-size: 1.8rem;
}
.field .extra {
  float: none;
  width: auto;
  display: block;
  padding-top: 0;
  margin-bottom: 0.2rem;
}
form .field input.text,
form .field textarea,
form .field select.dropdown,
form .field .sod_select {
  width: 100%;
  font-size: 2.4rem;
}
form .field input.text.small-text,
form .field textarea.small-text,
form .field select.dropdown.small-text,
form .field .sod_select.small-text {
  font-size: 1.8rem;
  font-family: HelveticaNeueW02-65Medi;
}
/* radio / check lists */
/* ------------------- */
form .field .optionset {
  width: auto;
}
form .field .optionset li + li,
form .field .optionset.inline li + li {
  margin: 0.2rem 0 0 0;
}
/* inline variation */
form .field .optionset.inline {
  padding-bottom: 1rem;
}
form .field .optionset.inline li {
  display: block;
  margin: 0;
}
/* file field */
/* ---------- */
form .field.file input {
  width: 100%;
}
/* range slider */
/* ------------ */
.range-slider-wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 96%;
}
/* form error styles */
/* ----------------- */
.error,
.left.error,
label.error,
.field.checkbox label.error,
.field .optionset li label.error {
  color: #b20000;
}
.field input.text.error,
.field textarea.error,
.field select.dropdown.error,
.field .sod_select.error {
  border-bottom-color: #bb0000;
}
.field input.text.error:focus,
.field textarea.error:focus,
.field select.dropdown.error:focus,
.field .sod_select.error:focus {
  border-color: #900000;
}
.error-msg {
  font-family: HelveticaNeueW02-55Roma;
  font-size: 12px;
  font-size: 1.2rem;
  color: #b20000;
  line-height: 1.2;
}
.form-error-msg {
  width: 100%;
  font-size: 1.6rem;
}
.form-error-msg:before {
  content: '\f071';
  position: absolute;
  top: 4px;
  top: 0.4rem;
  left: 0;
  display: block;
  font-family: FontAwesome;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
}
/* inline form element layout */
/* -------------------------- */
.table-layout:not(.fixed) {
  display: block;
  width: auto;
}
.table-layout.centered {
  margin-left: 0;
  margin-right: 0;
}
.table-layout-wrapper + .table-layout-wrapper,
.table-layout-wrapper + .table-layout,
.table-layout + .table-layout-wrapper,
.table-layout + .table-layout {
  margin-top: 1.6rem;
}
.table-layout:not(.fixed) > * {
  display: block;
  vertical-align: top;
}
.table-layout.two > * {
  width: 100%;
}
.table-layout.three > * {
  width: 100%;
}
.table-layout.four > * {
  width: 100%;
}
.table-layout.two.fixed > * {
  width: 50%;
}
.table-layout.three.fixed > * {
  width: 33.33333%;
}
.table-layout.four.fixed > * {
  width: 25%;
}
.table-layout > * + * {
  margin-top: 1.6rem;
}
form .table-layout .field .left,
form .table-layout .field input.text,
form .table-layout .field textarea,
form .table-layout .field select.dropdown,
form .table-layout .field .optionset,
form .table-layout .field.file input {
  width: 100%;
}
form .table-layout .button-holder {
  text-align: right;
}
/* buttons */
/* ------- */
.Actions > * + * {
  margin-left: 0;
}
/* question supporting information */
/* ------------------------------- */
.question-info {
  font-size: 1.5rem;
}
/* question row styles */
/* ------------------- */
.question-answer-row + .question-info {
  width: 100%;
}
/*
  ===============================================================================
  PAGE TYPE SPECIFIC STYLES
  ===============================================================================
*/
/*
  ==========================
  all home pages
  ==========================
*/
/* key tiles in header */
/* ------------------- */
.home .key-tiles .tile {
  height: auto;
}
.home .key-tiles .tile.tools-holder .content {
  padding: 2rem 1.5rem;
}
.home .key-tiles .tile.tools-holder *:not(h2) {
  display: block;
}
/* full width banner */
/* ----------------- */
.home-banner {
  margin-left: -1.6rem;
  margin-right: -1.6rem !important;
  margin-bottom: -1.6rem;
  width: auto;
  height: auto;
  background-image: none;
  background-position: -9999em -999em;
}
.home-banner img {
  display: block;
}
.typography .home-banner .link-set {
  position: relative;
  top: -1.6rem;
  left: 0;
  width: auto;
  margin-left: 1.6rem;
  margin-right: 1.6rem;
  background-color: #ffffff;
}
.typography .home-banner .link-set li a {
  padding: 1.8rem 4rem 1.8rem 1.5rem;
}
.typography .home-banner .link-set li a:after {
  top: 1.3rem;
  right: 1.6rem;
}
/* feature items */
/* ------------- */
.feature-items.columns.six > .inner .column {
  float: none;
  width: 44.117648%;
  margin: 0 2.941176% 1.8rem 2.941176%;
}
/*
  ==========================
  eeca home page
  ==========================
*/
.eeca.home .tile.main-promo:after {
  display: none;
}
.eeca.home .tile.main-promo .image-container {
  display: block;
  height: 14rem;
}
.eeca.home .tile.main-promo .content {
  padding-right: 1.5rem;
}
.eeca.home .tile.energywise-tile,
.eeca.home .tile.eeca-business-tile {
  height: auto !important;
}
.eeca.home .tile.energywise-tile .content > *:not(h2),
.eeca.home .tile.eeca-business-tile .content > *:not(h2) {
  display: block;
}
.eeca.home .tile.energywise-tile .content figure,
.eeca.home .tile.eeca-business-tile .content figure {
  min-height: 0;
  padding: 0;
  border: none;
}
.eeca.home .tile.energywise-tile .content figure + h2,
.eeca.home .tile.eeca-business-tile .content figure + h2 {
  margin-top: 1.2rem !important;
}
/*
  ==========================
  eeca business home page
  ==========================
*/
.eeca-business.home .typography .intro,
.eeca-business.home .typography .intro * {
  font-size: 3rem;
  line-height: 1.1;
}
.eeca-business.home .page-content {
  font-size: 2.2rem;
}
/*
  ==========================
  energywise home page
  ==========================
*/
.energywise.home .typography .intro,
.energywise.home .typography .intro * {
  font-size: 3rem;
  line-height: 1.1;
}
.energywise.home .page-content {
  font-size: 2.2rem;
}
/*
  ==========================
  nabers home page
  ==========================
*/
.nabersnz.home .typography .intro,
.nabersnz.home .typography .intro * {
  font-size: 3rem;
}
.nabersnz.home .page-content {
  font-size: 2.2rem;
}
/*
  ==========================
  energyspot page
  ==========================
*/
.columns.related-energyspot {
  max-width: none;
}
.columns.related-energyspot > .inner {
  margin-left: 0;
  margin-right: 0;
}
.columns.related-energyspot > .inner > .column {
  width: auto;
  margin-left: 0;
  margin-right: 0;
}
/*
  ==========================
  sitemap styles
  ==========================
*/
.typography .sitemap ul ul {
  font-size: 1.4rem;
}
/*
  ===============================================================================
  TOOL STYLES
  ===============================================================================
*/
/*
  ==========================
  shared styles
  ==========================
*/
.info-toggle.mobile-only,
a.info-toggle.mobile-only {
  display: inline-block;
}
.mobile-only-full-screen-pop-up {
  position: absolute;
  left: -9999em;
  display: block;
  width: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
/*
  ==========================
  vehicle type selector
  ==========================
*/
.vehicle-type-item:not(#anything-in-here) > input + label {
  padding: 0.5rem 0.6rem 1rem 0.6rem;
  margin: 1rem 0.4rem 0 0.4rem;
}
/*
  ==========================
  vehicle fuel economy tool (vfet)
  ==========================
*/
/* intro section */
/* ------------- */
.vehicle-fuel-economy-tool-intro {
  display: block;
}
.vehicle-fuel-economy-tool-intro > * {
  display: block;
}
.vehicle-fuel-economy-tool-intro > .inner {
  padding: 0 0 2rem 0;
}
/* form section */
/* ------------ */
#vehicle-type-refinement .table-layout > *,
#vfet-specific-vehicle-options .table-layout > * {
  float: none;
  width: 100%;
}
#specific-vehicle-tile #specific-vehicle-make-wrapper,
#specific-vehicle-tile #specific-vehicle-model-wrapper {
  width: 100%;
}
#specific-vehicle-tile #vehicle-registration {
  width: 100%;
}
/* results section */
/* --------------- */
#vfet-result-section > .inner {
  overflow: visible;
  overflow-x: scroll;
}
#vfet-result-section > .inner > * {
  width: 64rem;
  margin-left: 0;
  margin-right: 0;
}
#vfet-result-section .details .controls {
  overflow: hidden;
}
#vfet-result-section .details .controls > div {
  display: block;
  margin-bottom: 1rem;
  text-align: left;
}
#vfet-result-section .details .controls > .control-items {
  float: left;
}
#vfet-result-section .details .controls > .last-cell {
  float: right;
  margin-bottom: 0;
  padding-top: 1.5rem;
}
/*
  ==========================
  efficient driving tool
  ==========================
*/
#eff-driving-tool #vehicle-registration {
  width: 100%;
}
#eff-driving-tool .vehicle-type-year {
  display: block;
  width: auto;
}
#eff-driving-tool .vehicle-type-year > * {
  display: block;
  vertical-align: top;
}
#eff-driving-tool .vehicle-type-year .control-group,
#eff-driving-tool .vehicle-type-year .control-group .sod_select {
  width: 100%;
}
/* image tiled optionset radio buttons */
/* ----------------------------------- */
.question-answer-row:not(#anything-in-here) .field .optionset.tiled-optionset > li + li {
  margin-top: 1rem;
}
.question-answer-row:not(#anything-in-here) .field .optionset.tiled-optionset > li > label {
  position: relative;
  float: none;
  width: 100%;
  display: block !important;
  margin-left: 0;
  overflow: hidden;
}
/* question row styles */
/* ------------------- */
.question-answer-row .field {
  display: block;
  padding-left: 0;
  padding-right: 0;
}
.question-answer-row.answered .field {
  width: 100%;
}
.question-answer-row .question-result {
  display: none;
}
.question-answer-row.answered .question-result {
  display: block;
  width: 70%;
  padding: 0;
  margin: 2rem auto;
}
/* image tiled optionset radio buttons */
/* ----------------------------------- */
.question-answer-row:not(#anything-in-here) .field .optionset.tiled-optionset > li > input + label {
  position: relative;
  padding: 1.6rem 1.2rem 1.6rem 10rem;
}
.question-answer-row:not(#anything-in-here) .field .optionset.tiled-optionset > li > input + label:before {
  display: block;
  position: absolute;
  top: 1.2rem;
  left: 1rem;
  width: 8rem;
  height: 5rem;
  margin-bottom: 0;
}
.question-answer-row:not(#anything-in-here) .field .optionset.tiled-optionset > li > input + label:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.question-answer-row.answered:not(#anything-in-here) .field .optionset.tiled-optionset > li > input + label,
.question-answer-row.answered:not(#anything-in-here) .field .optionset.tiled-optionset > li > input:checked + label {
  width: 100%;
}
.question-answer-row.answered:not(#anything-in-here) .field .optionset.tiled-optionset > li > input + label > span,
.question-answer-row.answered:not(#anything-in-here) .field .optionset.tiled-optionset > li > input:checked + label > span {
  display: block;
}
/* result tile */
/* ----------- */
#eff-driving-result > .inner > h2 {
  float: left;
  width: 10%;
}
#eff-driving-result .final-result {
  margin-top: 0 !important;
  font-size: 1.8rem;
}
#eff-driving-result .final-result .currency {
  font-size: 4.7rem;
}
#eff-driving-result .final-result .amount {
  font-size: 6rem;
}
#eff-driving-result .intro {
  overflow: visible;
  clear: both;
  padding: 1rem 0 0 0;
}
/*
  ==========================
  tyre pressure tool
  ==========================
*/
#tyre-pressure-tool #vehicle-registration {
  width: 100%;
}
.your-vehicle-summary .table-layout-wrapper {
  margin: 0;
}
.your-vehicle-summary .table-layout > * {
  width: auto;
}
.your-vehicle-summary .table-layout > *:first-child {
  padding: 0;
  border: none;
}
.your-vehicle-summary .table-layout > *:last-child {
  padding: 0;
}
.display-uom-wrapper ul.display-uom {
  margin-left: 0.8rem;
}
.display-uom-wrapper ul.display-uom li a {
  padding: 0 1rem;
}
.your-vehicle-tyre-results .table-wrapper {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.your-vehicle-tyre-results .table-wrapper .table-control {
  display: none;
}
.your-vehicle-tyre-results table.tyre-data {
  display: table;
}
.your-vehicle-tyre-results table.tyre-data tr > * {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.your-vehicle-tyre-results table.tyre-data tr > *:first-child {
  width: 54%;
}
/*
  ==========================
  dairy shed tool
  ==========================
*/
/* savings breakdown */
/* ----------------- */
#dairy-shed-savings-breakdown > .inner > .column .info > .icon {
  display: none;
}
#dairy-shed-savings-breakdown > .inner > .column .breakdown-amount {
  height: auto;
}
#dairy-shed-savings-breakdown > .inner > .column .breakdown-amount b {
  display: inline;
}
/* savings summary */
/* --------------- */
#dairy-shed-total-savings > span {
  float: none;
}
#dairy-shed-total-savings > span.savings {
  float: none;
  display: block;
}
#dairy-shed-total-savings > span.savings > b {
  display: inline;
}
/*
  ==========================
  appliance type selector
  ==========================
*/
.tile.tool .appliance-type-selector {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
/*
  ==========================
  running cost calculator
  ==========================
*/
.rcc-intro > * {
  display: block;
}
.rcc-intro > .additional-info {
  width: auto;
  padding-left: 0;
  margin-top: 2rem;
  text-align: left;
}
.rcc-intro > .additional-info figure {
  width: 44%;
}
/* result sections */
/* --------------- */
.rcc-energy-consumption-costs .table-wrapper .table-control {
  display: none;
}
.rcc-energy-consumption-costs table.naked {
  display: table !important;
}
/* result compare section */
/* ---------------------- */
#rcc .result-compare .table-wrapper {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
#rcc .result-compare .table-wrapper .table-control {
  display: none;
}
#rcc .result-compare table.naked {
  margin-top: 2rem;
}
#rcc .result-compare table.naked th[data-compareindex="1"],
#rcc .result-compare table.naked td[data-compareindex="1"] {
  display: none;
  width: 0;
}
#rcc .result-compare table.naked th {
  width: 50%;
}
#rcc .result-compare table.naked th > div {
  padding: 0.5rem;
}
#rcc .result-compare table.naked td {
  padding: 1rem 0.8rem;
  font-size: 1.4rem;
}
#rcc .result-compare .compare-questions .table-wrapper,
#rcc .result-compare .compare-questions table.naked {
  margin: 0;
}
#rcc .result-compare .compare-questions table.naked td {
  padding: 0;
}
/*
  ==========================
  energy star tool (estar)
  ==========================
*/
.energy-star-tool-wrapper h1.page-title {
  padding-right: 0;
}
#energy-star-info-toggle:hover,
#energy-star-info-toggle:focus {
  color: #0079cd;
}
/* intro section */
/* ------------- */
.energy-star-tool-intro {
  display: block;
}
.energy-star-tool-intro > * {
  display: block;
}
.energy-star-tool-intro > .inner,
.energy-star-tool-intro.item-intro > .inner {
  padding: 0;
}
.energy-star-tool-intro > .inner,
.energy-star-tool-intro.item-intro {
  position: absolute;
  left: -99999em;
  overflow: hidden;
  height: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  padding: 0;
}
.energy-star-tool-intro > .additional-info {
  margin-top: 1rem;
  width: auto;
  text-align: left;
}
/* energy star item set */
/* -------------------- */
.energy-star-item-selector-tool {
  border-bottom: none;
}
.energy-star-item-selector-tool h2 {
  display: none;
}
.energy-star-item-selector-tool > .inner {
  margin: 0 !important;
  padding: 0 !important;
}
.energy-star-item-set {
  margin-top: 2rem;
}
.energy-star-item-set > .outer-wrapper {
  width: auto;
}
.energy-star-item-set,
.energy-star-item-set > .outer-wrapper > .inner-wrapper {
  display: block;
}
.energy-star-item-set > .outer-wrapper,
.energy-star-item-set > .outer-wrapper > .inner-wrapper > div {
  display: block;
}
.energy-star-item-set > .outer-wrapper > .inner-wrapper > div + div {
  margin-top: 0;
}
/* top level groups */
.energy-star-item-set h3 {
  margin-top: 0 !important;
  font-family: HelveticaNeueW02-65Medi;
  font-size: 1.8rem;
  line-height: 1;
  color: #ffffff;
}
.energy-star-item-set h3 .inner {
  display: block;
}
.energy-star-item-set h3 a {
  position: relative;
  display: block;
  padding: 1.2rem 5.6rem 1.2rem 1.6rem;
  background-color: #0079cd;
  border-bottom: solid 0.1rem #ffffff;
  color: #ffffff;
  cursor: pointer;
  line-height: 1.2;
}
.energy-star-item-set h3 a:after {
  position: absolute;
  top: 0.6rem;
  right: 1.6rem;
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  border: solid 0.1rem rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  content: '\002b';
  font-family: HelveticaNeueW02-75Bold;
  font-size: 1.6rem;
  line-height: 1.86;
  color: #ffffff;
  text-align: center;
}
.energy-star-item-set h3.active a {
  border-bottom: none;
}
.energy-star-item-set h3.active a:after {
  content: '\2013';
}
/* sub-groups */
.energy-star-item-set ul.energy-star-item-group {
  position: absolute;
  top: 0;
  left: -9999em;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  list-style-type: none;
  margin: 0 !important;
  padding: 0 !important;
  font-family: HelveticaNeueW02-65Medi;
  font-size: 1.6rem;
  line-height: 1.2;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.energy-star-item-set h3.active + ul.energy-star-item-group {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
}
.energy-star-item-set ul.energy-star-item-group > li {
  position: static;
  white-space: normal;
}
.energy-star-item-set ul.energy-star-item-group > li + li {
  margin-top: 0;
}
.energy-star-item-set ul.energy-star-item-group > li > a {
  position: relative;
  display: block;
  padding: 1.2rem 1.6rem;
  background-color: #ffffff;
  border: none;
  border-bottom: solid 0.1rem #777777;
}
.energy-star-item-set ul.energy-star-item-group > li > a:hover,
.energy-star-item-set ul.energy-star-item-group > li > a:focus {
  background-color: #ffffff;
  border-color: #777777;
  border-radius: 0;
  color: #0079cd;
}
.energy-star-item-set ul.energy-star-item-group > li > a:after {
  position: absolute;
  top: 0.5rem;
  right: 1.6rem;
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  border: solid 0.1rem #cccccc;
  border-radius: 50%;
  content: '\002b';
  font-family: HelveticaNeueW02-75Bold;
  font-size: 1.6rem;
  line-height: 1.86;
  color: #0079cd;
  text-align: center;
}
.energy-star-item-set ul.energy-star-item-group > li > a.active:after {
  content: '\2013';
}
/* specific items */
.energy-star-item-set ul.energy-star-item-group > li > ul {
  width: auto;
  border: none;
  border-bottom: solid 0.1rem #777777;
  border-radius: 0;
}
.energy-star-item-set ul.energy-star-item-group > li > a.active + ul {
  position: static;
  height: auto;
  overflow: visible;
  opacity: 1;
  visibility: visible;
}
.energy-star-item-set ul.energy-star-item-group > li > ul > li > a {
  padding: 1.2rem 1.6rem;
}
/* alternative item selection */
/* -------------------------- */
.energy-star-alt-item-select {
  position: relative;
  margin-top: 1rem;
}
.energy-star-alt-item-select.upper h2 {
  display: block;
  position: static;
  width: 80%;
}
.energy-star-alt-item-select > .inner {
  padding: 0;
  margin-top: 0 !important;
  border: none;
  border-radius: 0;
}
.energy-star-alt-item-select.active > .inner {
  top: 110%;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.energy-star-alt-item-select .energy-star-item-set {
  margin-top: 0;
}
/* energy star results section */
/* --------------------------- */
.energy-star-item-filter .chosen-filters {
  font-size: 1.8rem;
  line-height: 1.3;
}
.energy-star-item-filter.open .filters {
  display: block;
}
.energy-star-item-filter .filters > div {
  display: block;
  margin-top: 0.8rem;
}
.energy-star-item-filter .filters > div + div {
  margin-top: 1.6rem;
}
.energy-star-item-filter .filters > div > * {
  display: block;
  padding: 0;
}
.energy-star-item-filter .filters > div > p {
  width: auto;
  padding: 0 3rem 0 0;
  white-space: normal;
}
.energy-star-item-filter .filters > div > ul {
  margin: 0;
  padding: 0;
  line-height: 2;
}
/* energy star data table controls */
/* ------------------------------- */
.energy-star-data-table-control.column-management {
  display: none;
}
.energy-star-data-table-control.open .control-options {
  left: 1rem;
}
.energy-star-data-results-info {
  font-size: 1.6rem;
  vertical-align: top;
}
/* energy star data table */
/* ---------------------- */
.energy-star-data-table table,
.energy-star-data-table table tbody,
.energy-star-data-table table tbody tr,
.energy-star-data-table table tbody tr td {
  display: block;
  width: auto;
  border: none;
  padding: 0;
}
.energy-star-data-table .table-wrapper {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.energy-star-data-table table {
  border-bottom: solid 0.1rem #cccccc;
}
.energy-star-data-table table thead {
  display: none;
}
.energy-star-data-table table tbody tr {
  position: relative;
  border-top: solid 0.1rem #cccccc;
  padding: 1.4rem 1.6rem 1.4rem 4.6rem;
}
.energy-star-data-table tr td {
  vertical-align: top;
  padding-bottom: 0.4rem !important;
}
.energy-star-data-table tr td:first-child {
  position: absolute;
  top: 1.5rem;
  left: 1.6rem;
  padding: 0 !important;
  text-align: left;
}
.energy-star-data-table tr td.info {
  padding: 0;
  display: inline;
  vertical-align: inherit;
  font-size: 1.5rem;
}
.energy-star-data-table tr td.info + td.info:before {
  content: '\00a0|\00a0';
}
.energy-star-data-table tr td.sorted-on {
  background-color: #ffffff !important;
}
.energy-star-data-table tr td .make,
.energy-star-data-table tr td .model {
  display: inline;
}
.energy-star-data-table tr td .model {
  padding-left: 0.4rem;
}
.energy-star-data-table tr td .dimensions {
  display: inline;
  line-height: 1.25;
}
.energy-star-data-table tr td .dimensions > div {
  display: inline;
  vertical-align: inherit;
  text-align: left;
  line-height: 1.25;
}
.energy-star-data-table tr td .dimensions > div br {
  display: none;
}
.energy-star-data-table tr td .dimensions > div > span {
  font-size: 1.5rem;
  line-height: 1.25;
  color: #454545;
}
/* energy star print/email overrides */
/* --------------------------------- */
.table-layout-wrapper.energy-star-data-table-footer .what-next > * {
  display: block;
  margin-top: 0;
}
.energy-star-data-table-footer .what-next .energy-star-data-table-control {
  display: block;
  width: auto;
}
.energy-star-data-table-footer .energy-star-alt-item-select {
  margin-top: 2rem;
}
.energy-star-data-table-footer .energy-star-alt-item-select.active h2 a {
  border-color: #0079cd;
}
.table-layout-wrapper.energy-star-data-table-footer .what-next > *:last-child {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}
.energy-star-swipe-tip {
  display: none;
}
/*
  ==========================
  fuel efficient tyre tool
  ==========================
*/
.fuel-efficient-tyres-tool-intro {
  display: block;
}
h1.page-title + .fuel-efficient-tyres-tool-intro {
  position: absolute;
  left: -99999em;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.fuel-efficient-tyres-tool-intro > * {
  display: block;
}
.fuel-efficient-tyres-tool-intro > .inner {
  padding: 0;
}
.fuel-efficient-tyres-tool-intro > .additional-info {
  margin-top: 2rem;
}
#fuel-efficient-tyre-tool-form .table-layout > * {
  display: table-cell;
  vertical-align: top;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
#fuel-efficient-tyre-tool-form .table-layout > .button-holder {
  width: 1%;
}
#fuel-efficient-tyre-tool-form .table-layout .label {
  display: block !important;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0.6rem;
}
#fuel-efficient-tyre-tool-form .tyre-attr > input {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
/* results section */
/* --------------- */
.tyre-size-group {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.tyre-size-group .table-wrapper {
  margin-left: 0;
  margin-right: 0;
}
/*
  ==========================
  Water heating tool
  ==========================
*/
#water-heating-answers-summary > .inner > .column > div,
#water-heating-answers-summary > .inner > .column > div > div {
  display: block;
  text-align: left;
}
#water-heating-answers-summary > .inner > .column > div > div:first-child {
  padding-bottom: 0;
}
#water-heating-answers-summary > .inner > .column > div > div + div {
  padding-top: 0;
}
/* water heating tool data table */
/* ----------------------------- */
.water-heating-data-table table,
.water-heating-data-table table tbody,
.water-heating-data-table table tbody tr,
.water-heating-data-table table tbody tr td {
  display: block;
  width: auto;
  border: none;
  padding: 0;
}
.water-heating-data-table .table-wrapper {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.water-heating-data-table table {
  border-bottom: solid 0.1rem #cccccc;
}
.water-heating-data-table table thead {
  display: none;
}
.water-heating-data-table table tbody tr {
  position: relative;
  border-top: solid 0.1rem #cccccc;
  padding: 1.4rem 1.6rem 1.4rem 4.6rem;
}
.water-heating-data-table tr td {
  vertical-align: top;
  padding-bottom: 0.4rem !important;
}
.water-heating-data-table tr td:first-child {
  position: absolute;
  top: 1.5rem;
  left: 1.6rem;
  padding: 0 !important;
  text-align: left;
}
.water-heating-data-table tr td > .inner {
  min-width: 0;
  padding-bottom: 0.2rem;
}
.water-heating-data-table tr td > .inner img.energy-star {
  bottom: auto;
  top: 0;
  right: -1.6rem;
}
.water-heating-data-table tr td.info {
  padding: 0;
  display: block;
  font-size: 1.5rem;
}
.water-heating-data-table tr td.info span.info-title {
  display: inline;
  font-family: HelveticaNeueW02-65Medi;
}
.water-heating-data-table tr td.sorted-on {
  background-color: #ffffff !important;
}
/* disabled row styles */
.water-heating-data-table tr.disabled td > .inner {
  padding-bottom: 0;
}
.water-heating-data-table tr.disabled td.info {
  display: none;
}
/*
  ==========================
  NABERSNZ Assessor directory
  ==========================
*/
.nabersnz-assessors .table-layout .advanced-checkbox + span {
  padding-bottom: 10px;
  padding-bottom: 1rem;
  font-size: 18px;
  font-size: 1.8rem;
}
.nabersnz-assessors-list .nabersnz-assessor-profile div:first-child {
  margin-bottom: 1.5rem;
  width: 100%;
  margin-right: 0;
}
.nabersnz-assessors-list .nabersnz-assessor-profile div:first-child p {
  max-width: 100%;
}
.nabersnz-assessors-list .nabersnz-assessor-profile div {
  float: left;
}
.nabersnz-assessors-list .nabersnz-assessor-profile div .button.plus {
  float: left;
}
#select-your-region {
  width: auto;
}
/*
  ==========================
  efficient lighting tool
  ==========================
*/
#eff-lighting-tool-outer {
  margin-left: -1.6rem;
  margin-right: -1.6rem !important;
}
#eff-lighting-tool .tile.tool {
  margin-left: 0;
  margin-right: 0;
}
/* bulb selector */
/* ------------- */
.bulb-selector > .control a {
  width: 5rem;
}
/* replacement bulb selection */
/* -------------------------- */
#elt-replacement-bulb {
  left: 0;
}
#elt-replacement-bulb:before {
  content: none;
  display: none;
}
/* results section bulb columns */
/* ---------------------------- */
#elt-result-section > .view-port-wrapper > .row.upper > .bulb-column > .banner > .inner {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
#elt-result-section > .view-port-wrapper > .row.upper > .bulb-column > .inner {
  padding: 2rem 0.8rem;
}
#elt-result-section > .view-port-wrapper > .row.lower > div > .inner {
  padding: 1.4rem 0.8rem 3rem 0.8rem;
}
#elt-result-section > .view-port-wrapper > .row > * {
  min-width: 17.5rem;
}
#elt-result-section > .view-port-wrapper > .row.upper > .bulb-column .bulb-attribute {
  font-size: 1.4rem;
}
#elt-result-section .sod_select {
  font-size: 1.4rem;
}
/* results section savings column */
/* ------------------------------ */
#elt-result-section > .view-port-wrapper > .row.upper > .savings-column > .inner {
  padding: 2rem 1.2rem;
}
#elt-result-section > .view-port-wrapper > .row.lower > .savings-column > .outer > .inner {
  padding: 4rem 1.2rem 3rem 1.2rem;
}
#elt-result-section ul.bulb-stack {
  margin-top: 2.2rem;
}
#elt-result-section ul.bulb-stack > li {
  margin: 0 0.4rem 1.2rem 0.4rem;
}
#elt-result-section > .view-port-wrapper > .row.upper > .savings-column > .inner p {
  font-size: 1.6rem;
}
/* calculations row */
/* ---------------- */
#elt-result-section > .view-port-wrapper > .row.calculation > div > .inner {
  padding: 1.2rem 1.8rem;
}
#elt-result-section > .view-port-wrapper > .row.calculation > .bulb-column:after {
  left: 101%;
  width: 3.4rem;
  height: 3.4rem;
  margin-left: -1.7rem;
  margin-top: -1.7rem;
  font-size: 3.2rem;
  line-height: 0.8;
}
#elt-result-section > .view-port-wrapper > .row.calculation > .bulb-column:first-child:after {
  line-height: 0.86;
}
/* result section scroll controls */
/* ------------------------------ */
#eff-lighting-tool-outer > .control a {
  width: 5rem;
}
/* elt step 1 */
/* ---------- */
#eff-lighting-tool.step-1 #elt-result-section .row .bulb-column,
#eff-lighting-tool.step-1 #elt-result-section .row .savings-column {
  display: none;
}
#eff-lighting-tool.step-1 #elt-result-section .row .bulb-column:first-child {
  display: block;
}
/* elt step 2 */
/* ---------- */
#eff-lighting-tool.step-1.step-2 #elt-result-section {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
/* elt step 3 */
/* ---------- */
#eff-lighting-tool.step-1.step-2 #elt-result-section .row.upper .bulb-column:first-child {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
#eff-lighting-tool.step-1.step-2.step-3 #elt-result-section > .view-port-wrapper {
  min-width: 62rem;
}
#eff-lighting-tool.step-1.step-2.step-3 #elt-result-section .row .bulb-column,
#eff-lighting-tool.step-1.step-2.step-3 #elt-result-section .row .savings-column {
  display: block;
}
/*
  ==========================
  Energy Management Journey
  ==========================
*/
/* visual comparison table */
.emj-result-toggle > span {
  display: block;
  margin-top: 4px;
}
.emj-result-toggle a {
  margin-left: 0;
}
.emj-result-toggle a + a {
  margin-left: 8px;
}
/*
  ==========================
  WEKC tools
  ==========================
*/
.wekc-highlight {
  margin-left: -16px;
  margin-right: -16px;
  padding: 12px 16px;
  font-family: HelveticaNeueW02-65Medi;
  font-size: 15px;
}
.wekc-highlight table.naked.equation td {
  font-family: HelveticaNeueW02-65Medi;
  font-size: 15px;
}
.biomass-charts .table-layout,
.biomass-charts .table-layout > * {
  display: block;
}
.biomass-charts .table-layout > * + * {
  margin-top: 3rem;
}

/*-------------overrides by Trevor---------------------------*/
.tile.tool > .inner{
    margin-top: 10px;
}
#small-or{
    display:inline-block;
}
#or-cell{
    display:none;
}
#intro-paragraph-wrapper{
    width: 100%;
}

#intro-popup{
   bottom: 0px;
}
#industry-login-button{
    display: block;
}