/*
  ===============================================================================
  VARIABLES
  ===============================================================================
*/
/* eeca main */
/* --------- */
/* eeca business */
/* ------------- */
/* energywise */
/* ---------- */
/* nabersnz */
/* -------- */
/* misc */
/* ---- */
/*
  ===============================================================================
  COMMON PAGE STRUCTURE AND ELEMENTS
  ===============================================================================
*/
/*
  ==========================
  general page structure
  ==========================
*/
.wrapper {
  padding: 0 4rem;
}
/*
  ==========================
  header
  ==========================
*/
#page-head {
  position: relative;
  z-index: 20;
  border-top-width: 0.8rem;
}
#page-head > .wrapper {
  min-height: 0;
}
/* group-level navigation */
/* ---------------------- */
.group-nav {
  padding: 4.6rem 0 3rem 0;
}
.group-nav > ul > li {
  font-size: 2.4rem;
}
.group-nav > ul > li + li {
  margin-left: 2rem;
}
/* logo */
/* ---- */
#site-logo {
  padding-top: 3.4rem;
}
.eeca #site-logo {
  width: 22.1rem;
  height: 9rem;
}
.eeca #site-logo a {
  width: 22.1rem;
  height: 3.8rem;
}
.eeca-business #site-logo {
  padding-top: 2.4rem;
  width: 22.1rem;
  height: 9.8rem;
}
.eeca-business #site-logo a {
  width: 22.1rem;
  height: 5.6rem;
}
.energywise #site-logo {
  padding-top: 2.4rem;
  width: 22.1rem;
  height: 10.3rem;
}
.energywise #site-logo a {
  width: 22.1rem;
  height: 6.1rem;
}
.nabersnz #site-logo {
  float: none;
  padding-top: 2.4rem;
  width: 22.1rem;
  height: 10.4rem;
}
.nabersnz #site-logo a {
  width: 22.6rem;
  height: 6.4rem;
}
/* primary navigation */
/* ------------------ */
.site-primary-nav-toggle {
  display: block;
  float: left;
}
.site-primary-nav-toggle a {
  display: inline-block;
  height: 4.6rem;
  font-size: 2rem;
  line-height: 2.3;
  color: #cccccc;
}
.site-primary-nav-toggle a:before {
  display: inline-block;
  margin-right: 0.8rem;
  content: '\f0c9';
  font-family: FontAwesome;
  font-size: 2.1rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.eeca .site-primary-nav-toggle a:hover:before,
.eeca .site-primary-nav-toggle a:focus:before {
  color: #184994;
}
.eeca-business .site-primary-nav-toggle a:hover:before,
.eeca-business .site-primary-nav-toggle a:focus:before {
  color: #0091c6;
}
.energywise .site-primary-nav-toggle a:hover:before,
.energywise .site-primary-nav-toggle a:focus:before {
  color: #f26522;
}
.nabersnz .site-primary-nav-toggle a:hover:before,
.nabersnz .site-primary-nav-toggle a:focus:before {
  color: #72ccf4;
}
.site-primary-nav-toggle a:hover,
.site-primary-nav-toggle a:focus {
  color: #ffffff;
  text-decoration: none;
}
.site-primary-nav {
  margin-left: 0;
  margin-right: 0;
}
.site-primary-nav > ul {
  display: block;
  width: auto;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: auto;
  max-height: 0;
  overflow: hidden;
  background-color: #333333;
  -webkit-transform: translate3d(-101%, 0, 0);
  -moz-transform: translate3d(-101%, 0, 0);
  -ms-transform: translate3d(-101%, 0, 0);
  transform: translate3d(-101%, 0, 0);
  -webkit-transition: max-height 0s 0.4s, -webkit-transform 0.4s;
  -moz-transition: max-height 0s 0.4s, -moz-transform 0.4s;
  -ms-transition: max-height 0s 0.4s, -ms-transform 0.4s;
  transition: max-height 0s 0.4s, transform 0.4s;
}
.menu-active .site-primary-nav > ul {
  max-height: 999999em;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -ms-transition: -ms-transform 0.4s;
  transition: transform 0.4s;
}
.site-primary-nav > ul li {
  position: relative;
  display: block;
  text-align: left;
  border-top: solid 0.1rem #555555;
}
.site-primary-nav > ul > li > ul.lower-nav {
  position: static;
  width: auto;
  height: auto;
  visibility: visible;
  opacity: 1;
  clip: rect(0, auto, auto, 0);
}
.site-primary-nav > ul > li > ul li {
  border-color: #333333;
}
.site-primary-nav > ul > li a {
  display: block;
  min-height: 4.4rem;
  margin: 0;
  padding: 1rem 9rem 1rem 4rem;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #cccccc;
  text-decoration: none;
}
.eeca .site-primary-nav > ul > li a:hover,
.eeca .site-primary-nav > ul > li a:focus {
  background-color: #184994;
}
.eeca-business .site-primary-nav > ul > li a:hover,
.eeca-business .site-primary-nav > ul > li a:focus {
  background-color: #0091c6;
}
.energywise .site-primary-nav > ul > li a:hover,
.energywise .site-primary-nav > ul > li a:focus {
  background-color: #f26522;
}
.nabersnz .site-primary-nav > ul > li a:hover,
.nabersnz .site-primary-nav > ul > li a:focus {
  background-color: #72ccf4;
}
.site-primary-nav > ul > li > ul > li > a {
  background-color: #444444;
  color: #ffffff;
}
.site-primary-nav > ul > li > ul > li > ul > li > a {
  background-color: #555555;
  color: #ffffff;
}
.site-primary-nav > ul > li > ul > li > ul > li > ul > li > a {
  background-color: #666666;
  color: #ffffff;
}
.site-primary-nav > ul > li > a > .inner {
  position: static;
  padding: 0;
  height: auto;
  width: auto;
  overflow: hidden;
  background-color: transparent;
}
.site-primary-nav > ul > li > a:hover > .inner,
.site-primary-nav > ul > li > a:focus > .inner,
.site-primary-nav > ul > li > a.active > .inner,
.site-primary-nav > ul > li.mega-menu-active > a > .inner {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent !important;
  color: #ffffff;
}
.nabersnz .site-primary-nav > ul > li > a:hover > .inner,
.nabersnz .site-primary-nav > ul > li > a:focus > .inner,
.nabersnz .site-primary-nav > ul > li > a.active > .inner,
.nabersnz .site-primary-nav > ul > li.mega-menu-active > a > .inner {
  color: #ffffff;
}
.nabersnz .site-primary-nav > ul > li > a.home-link:hover > .inner:after,
.nabersnz .site-primary-nav > ul > li > a.home-link:focus > .inner:after,
.nabersnz .site-primary-nav > ul > li > a.home-link.active > .inner:after,
.nabersnz .site-primary-nav > ul > li.mega-menu-active > a.home-link > .inner {
  content: url(/ecca_tools_resources/images/ui/home-icon.svg);
}
.site-primary-nav > ul > li > a > .inner:before {
  content: none;
}
/* nav controls for expand / collapse */
.site-primary-nav > ul li .menu-nav-control {
  display: block;
  position: absolute;
  z-index: 5;
  top: 0.5rem;
  right: 4rem;
  width: 3.4rem;
  height: 3.4rem;
  border: solid 0.1rem rgba(255, 255, 255, 0.25);
  border-radius: 1.7rem;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.site-primary-nav > ul li .menu-nav-control:hover,
.site-primary-nav > ul li .menu-nav-control:focus {
  border: solid 0.1rem rgba(255, 255, 255, 0.75);
}
.site-primary-nav > ul li .menu-nav-control:hover,
.site-primary-nav > ul li .menu-nav-control:focus {
  border: solid 0.1rem rgba(255, 255, 255, 0.75);
}
.site-primary-nav > ul li.parent.active > .menu-nav-control:before {
  content: '\f068';
}
.site-primary-nav > ul li.parent > .menu-nav-control:before {
  content: '\f067';
}
.site-primary-nav > ul li.parent > ul {
  display: none;
}
.site-primary-nav > ul li .menu-nav-control:before {
  font-family: FontAwesome;
  font-size: 1.1rem;
  line-height: 2.9;
}
.eeca .site-primary-nav > ul li .menu-nav-control:before {
  color: #7e9ccd;
}
.eeca-business .site-primary-nav > ul li .menu-nav-control:before {
  color: #00a5e3;
}
.energywise .site-primary-nav > ul li .menu-nav-control:before {
  color: #f26522;
}
.nabersnz .site-primary-nav > ul li .menu-nav-control:before {
  color: #72ccf4;
}
.site-primary-nav > ul li .menu-nav-control span {
  display: inline-block;
  width: 0;
  overflow: hidden;
  font-size: 0.1rem;
  visibility: hidden;
}
/* hidden menu items */
.site-primary-nav > ul > li.hidden-menu-items {
  display: block;
}
.hidden-menu-items ul {
  padding: 1.6rem 0;
  background-color: #444444;
  list-style-type: none;
}
.hidden-menu-items ul li {
  border: none;
}
.hidden-menu-items ul li a {
  min-height: 0;
  padding: 0.5rem 4rem;
  font-size: 1.5rem;
}
.hidden-menu-items ul li a:hover,
.hidden-menu-items ul li a:focus {
  color: #ffffff;
}
/* social links in menu */
.hidden-menu-items ul li.social-links {
  padding: 0.6rem 4rem 0 4rem;
}
.hidden-menu-items ul li.social-links a {
  display: inline-block;
  padding: 0;
}
.hidden-menu-items ul li.social-links a:hover,
.hidden-menu-items ul li.social-links a:focus {
  background-color: transparent;
}
.hidden-menu-items ul li.social-links > * + * {
  margin-left: 2rem;
}
/* mega menus */
/* ---------- */
.mega-menu,
.mega-menu-active .mega-menu {
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}
/* site utility links */
/* ------------------ */
.site-utility-links {
  position: static;
  background-color: transparent;
  border-top: none;
}
.site-utility-links > .wrapper {
  margin: 0;
  padding: 0;
  width: auto;
}
.site-utility-links > .wrapper > .inner {
  float: none;
}
.site-utility-links ul {
  float: right;
}
.site-utility-links ul > li {
  display: none;
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.site-utility-links ul > li.site-contact-link,
.site-utility-links ul > li.site-search-holder {
  display: block;
}
.site-utility-links ul > li > span {
  display: block;
  padding: 0 1.5rem;
  border-left: solid 0.2rem #ffffff;
}
.site-utility-links ul > li > span > a {
  font-size: 2rem;
  line-height: 2.3;
  color: #cccccc;
  text-decoration: none;
}
.site-utility-links ul > li > span > a:hover,
.site-utility-links ul > li > span > a:focus {
  color: #ffffff;
}
.site-utility-links ul > li.site-search-holder {
  padding-left: 0;
}
.site-utility-links ul > li.site-search-holder > span {
  padding-right: 0;
  border-left: solid 0.2rem #ffffff;
}
li.site-search-holder > span > a > span.icon svg .path {
  fill: #cccccc;
}
/* site search form */
.site-utility-links .site-search-form {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #ffffff;
}
.site-search-active .site-utility-links .site-search-form {
  padding: 1.6rem 0 2.2rem 0;
}
.site-search-form form {
  margin: 0 4rem;
}
/* breadcrumbs */
/* ----------- */
#breadcrumbs {
  display: none;
}
/*
  ==========================
  main body
  ==========================
*/
#main-page-area {
  position: relative;
  margin-top: 3rem;
}
#main-page-area > .wrapper > nav,
#main-page-area > .wrapper > aside {
  float: none;
  width: auto;
}
#main-page-area > .wrapper > aside {
  display: none;
}
#main-page-area > .wrapper > #main-page-content {
  float: none;
  width: auto;
}
#main-page-area > .wrapper > nav + #main-page-content {
  margin-top: 4rem;
}
/* full width layout - **only child elements of class 'full-width-content' will actually be full width on the screen to keep text wrapping at appropriate point */
#main-page-area.full-width #main-page-content main .full-width-content {
  margin-right: 0;
}
/* secondary nav area */
/* ------------------ */
#secondary-nav {
  position: absolute;
  z-index: 5;
  top: -3rem;
  left: 0;
  right: 0;
  margin: 0;
  border: none;
  border-top: solid 0.1rem #dddddd;
  background-color: #dddddd;
}
#secondary-nav h2 {
  height: 4.7rem;
  overflow: hidden;
  padding: 0 4rem;
  font-family: HelveticaNeueW02-65Medi;
  font-size: 1.5rem;
  line-height: 3.2;
  color: #555555;
  text-transform: none;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#secondary-nav h2:before {
  display: inline-block;
  position: relative;
  top: 0.1rem;
  margin-right: 0.5rem;
  content: '\f107';
  font-size: 2rem;
  line-height: 1;
  font-family: FontAwesome;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
  transition: transform 0.2s;
}
.secondary-nav-active #secondary-nav h2 {
  background-color: #333333;
  color: #ffffff;
}
.secondary-nav-active #secondary-nav h2:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#secondary-nav ul {
  position: absolute;
  left: -999em;
  display: block;
  visibility: hidden;
  opacity: 0;
  background-color: #333333;
  font-size: 1.8rem;
  line-height: 1.2;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.secondary-nav-active #secondary-nav ul {
  position: static;
  visibility: visible;
  opacity: 1;
}
#secondary-nav ul > li {
  display: block;
}
#secondary-nav ul > li > ul {
  display: none;
}
#secondary-nav ul > li > a {
  padding: 1.2rem 4rem;
  background-color: transparent;
  color: #cccccc !important;
  text-decoration: none;
}
#secondary-nav ul > li > a:hover,
#secondary-nav ul > li > a:focus {
  color: #ffffff !important;
}
.eeca #secondary-nav ul > li > a:hover,
.eeca #secondary-nav ul > li > a:focus {
  background-color: #184994;
}
.eeca-business #secondary-nav ul > li > a:hover,
.eeca-business #secondary-nav ul > li > a:focus {
  background-color: #0091c6;
}
.energywise #secondary-nav ul > li > a:hover,
.energywise #secondary-nav ul > li > a:focus {
  background-color: #f26522;
}
.nabersnz #secondary-nav ul > li > a:hover,
.nabersnz #secondary-nav ul > li > a:focus {
  background-color: #72ccf4;
}
/*
  ==========================
  footer
  ==========================
*/
/* footer nav */
/* ---------- */
#page-foot nav {
  width: 66%;
  margin-bottom: 2.6rem;
}
/* footer contact info */
/* ------------------- */
#foot-contact {
  width: 32%;
  margin-bottom: 2.6rem;
}
/* footer logos */
/* ------------ */
#foot-logos {
  float: none;
  clear: both;
  width: 100%;
}
#foot-logos > ul li {
  display: none;
}
.eeca #foot-logos > ul li.eeca-logo {
  display: table-cell;
}
.eeca-business #foot-logos > ul li.eeca-business-logo {
  display: table-cell;
}
.energywise #foot-logos > ul li.energywise-logo {
  display: table-cell;
}
.nabersnz #foot-logos > ul li.nabersnz-logo,
.nabersnz #foot-logos > ul li.nzgbc-logo {
  display: table-cell;
}
#foot-logos > ul li + li,
.nabersnz #foot-logos > ul li + li {
  padding-left: 0;
}
.nabersnz #foot-logos > ul li.nzgbc-logo {
  padding-left: 2.6rem;
}
/* EECA sites list */
/* --------------- */
.eeca-sites-list {
  display: block;
  position: absolute;
  top: 1.8rem;
  right: 0;
  width: 34%;
  border: solid 0.1rem #666666;
  font-size: 1.4rem;
  color: #aaaaaa;
}
.eeca-sites-list a {
  display: block;
  padding: 0.8rem 1.2rem;
}
.eeca-sites-list > a {
  position: relative;
  text-decoration: none;
  background-color: #333333;
}
.eeca-sites-list > a:after {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  margin-top: -1rem;
  content: '\f107';
  font-family: FontAwesome;
  font-size: 2.2rem;
  line-height: 1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.eeca-sites-list > a:hover,
.eeca-sites-list > a:focus,
.eeca-sites-list.active > a {
  background-color: #ffffff;
  color: #444444 !important;
  text-decoration: none !important;
}
.eeca-sites-list.active > a:after {
  transform: rotate(180deg);
}
.eeca-sites-list > ul {
  position: absolute;
  bottom: 100%;
  left: -0.1rem;
  right: -0.1rem;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: solid 0.1rem #666666;
  background-color: #ffffff;
  visibility: hidden;
  opacity: 0;
}
.eeca-sites-list.active > ul {
  width: auto;
  height: auto;
  visibility: visible;
  opacity: 1;
}
.eeca-sites-list > ul li + li {
  border-top: solid 0.1rem #666666;
}
.eeca-sites-list > ul li a {
  color: #444444 !important;
}
/* lower footer */
/* ------------ */
#page-foot-lower .back-to-top a {
  right: 4rem;
}
/*
  ==========================
  generic modal
  ==========================
*/
.modal {
  width: 90%;
  max-height: 94%;
}
.assessor-email form {
  padding: 0 20px;
}
/*
  ===============================================================================
  COMMON OBJECTS
  ===============================================================================
*/
/*
  ==========================
  columns
  ==========================
*/
/* common structure */
/* ---------------- */
.columns > .inner {
  margin: 0 -1.30814%;
}
/* 2 column layout */
/* --------------- */
.columns.two > .inner .column {
  width: 47.4504%;
  margin: 0 1.274788% 1.8rem 1.274788%;
}
/* 3 column layout */
/* --------------- */
.columns.three > .inner .column {
  width: 30.783757333%;
  margin: 0 1.274788% 1.8rem 1.274788%;
}
/* 4 column layout */
/* --------------- */
.columns.four > .inner .column {
  width: 47.4504%;
  margin: 0 1.274788% 1.8rem 1.274788%;
}
.columns.four > .inner .column.double {
  width: 97.450424%;
}
/* 6 column layout */
/* --------------- */
.columns.six > .inner .column {
  width: 30.783757333%;
  margin: 0 1.274788% 1.8rem 1.274788%;
}
/*
  ==========================
  boxes
  ==========================
*/
.box .image-container {
  width: 25%;
}
/* box with image */
/* -------------- */
.box.image {
  padding: 2rem 3rem 2rem 28%;
}
/*
  ==========================
  share to social media
  ==========================
*/
.social-media-share {
  display: none;
}
.hidden-menu-items .social-media-share {
  display: block;
  position: static;
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  padding: 1rem 4rem 0 4rem;
}
.hidden-menu-items .social-media-share > a {
  padding: 1rem 0;
  border: none;
  background-color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}
.hidden-menu-items .social-media-share > a:hover,
.hidden-menu-items .social-media-share > a:focus {
  background-color: #ffffff !important;
}
.social-media-share .inner .links a {
  padding: 0;
  position: static;
}
/*
  ==========================
  gallery index filters
  ==========================
*/
.typography form.gallery-filters {
  margin-left: 0;
  margin-right: 0;
}
/*
  ===============================================================================
  TYPOGRAPHY
  ===============================================================================
*/
/*
  ==========================
  default text
  ==========================
*/
#main-page-area,
.typography {
  font-size: 1.6rem;
}
/*
  ==========================
  headings / titles
  ==========================
*/
h1.page-title {
  font-size: 4rem;
}
/* heading */
/* ------- */
h2 {
  font-size: 3.1rem;
}
/* sub-heading */
/* ----------- */
h3 {
  font-size: 2.4rem;
}
/* minor heading */
/* ------------- */
h4 {
  font-size: 2rem;
}
/*
  ==========================
  paragraphs
  ==========================
*/
.typography .intro,
.typography .intro * {
  font-size: 2rem;
}
/*
  ==========================
  quotes
  ==========================
*/
.typography figure.quote {
  padding: 2rem 1.8rem;
}
.typography figure.quote blockquote {
  font-size: 1.8rem;
}
/*
  ==========================
  forms
  ==========================
*/
/* standard borders / styles */
/* ------------------------- */
.typography form {
  margin-left: -2rem;
  margin-right: -2rem;
}
/* no style form variation */
.typography form.no-style {
  margin-left: 0;
  margin-right: 0;
}
/* inline form element layout */
/* -------------------------- */
/* tablet variation */
.table-layout.remove-on-tablet:not(.fixed) {
  display: block;
  width: auto;
}
.table-layout.remove-on-tablet.centered {
  margin-left: 0;
  margin-right: 0;
}
.table-layout-wrapper.remove-on-tablet + .table-layout-wrapper,
.table-layout-wrapper.remove-on-tablet + .table-layout,
.table-layout.remove-on-tablet + .table-layout-wrapper,
.table-layout.remove-on-tablet + .table-layout {
  margin-top: 1.6rem;
}
.table-layout.remove-on-tablet:not(.fixed) > * {
  display: block;
  vertical-align: top;
}
.table-layout.remove-on-tablet.two > * {
  width: 100%;
}
.table-layout.remove-on-tablet.three > * {
  width: 100%;
}
.table-layout.remove-on-tablet.four > * {
  width: 100%;
}
.table-layout.remove-on-tablet.two.fixed > * {
  width: 50%;
}
.table-layout.remove-on-tablet.three.fixed > * {
  width: 33.33333%;
}
.table-layout.remove-on-tablet.four.fixed > * {
  width: 25%;
}
.table-layout.remove-on-tablet > * + * {
  margin-top: 1.6rem;
}
/*
  ===============================================================================
  PAGE TYPE SPECIFIC STYLES
  ===============================================================================
*/
/*
  ==========================
  all home pages
  ==========================
*/
/* full width banner */
/* ----------------- */
.home-banner {
  margin-left: -4rem;
  margin-right: -4rem !important;
  width: auto;
  height: 29rem;
}
.typography .home-banner .link-set {
  top: 2.6rem;
  width: 44.1%;
  background-color: rgba(255, 255, 255, 0.7);
}
.typography .home-banner .link-set li a {
  padding: 1.2rem 3.8rem 1.2rem 1.4rem;
}
.typography .home-banner .link-set li a:after {
  top: 0.6rem;
  right: 1.4rem;
}
/* feature items */
/* ------------- */
.feature-items.columns.six > .inner .column {
  width: 29.73333333%;
  margin: 0 1.8% 3rem 1.8%;
}
/*
  ==========================
  eeca home page
  ==========================
*/
.eeca.home .page-content {
  font-family: HelveticaNeueW02-45Ligh;
  font-size: 2.4rem;
  line-height: 1.2;
}
.eeca.home .energywise-tile,
.eeca.home .eeca-business-tile {
  height: 32rem !important;
}
.eeca.home .energywise-tile figure,
.eeca.home .eeca-business-tile figure {
  padding: 0 0 2rem 0;
  min-height: 12.6rem;
  background-position: center top;
}
/*
  ==========================
  eeca business home page
  ==========================
*/
.eeca-business.home .typography .intro,
.eeca-business.home .typography .intro * {
  font-size: 4rem;
}
.eeca-business.home .page-content {
  font-size: 2.4rem;
}
/*
  ==========================
  energywise home page
  ==========================
*/
.energywise.home .typography .intro,
.energywise.home .typography .intro * {
  font-size: 4rem;
}
.energywise.home .page-content {
  font-size: 2.4rem;
}
/*
  ==========================
  nabers home page
  ==========================
*/
.nabersnz.home .typography .intro,
.nabersnz.home .typography .intro * {
  font-size: 4.4rem;
}
.nabersnz.home .page-content {
  font-size: 2.8rem;
}
/*
  ==========================
  energyspot page
  ==========================
*/
.columns.related-energyspot {
  max-width: 526px;
}
.columns.related-energyspot > .inner {
  margin-left: -1.711%;
  margin-right: -1.711%;
}
.columns.related-energyspot > .inner > .column {
  width: 46.6911%;
  margin-left: 1.65444%;
  margin-right: 1.65444%;
}
/*
  ==========================
  search page
  ==========================
*/
/* side search filters */
/* ------------------- */
.additional-search-filters {
  display: none;
}
/* main search form */
/* ---------------- */
form#page-search-form .search-wrapper {
  width: 100%;
}
/*
  ===============================================================================
  TOOL STYLES
  ===============================================================================
*/
.info-toggle.tablet-only,
a.info-toggle.tablet-only {
  display: inline-block;
}
/*
  ==========================
  vehicle fuel economy tool (vfet)
  ==========================
*/
/* form section */
/* ------------ */
#vehicle-type-refinement .table-layout,
#vfet-specific-vehicle-options .table-layout {
  display: block;
}
#vehicle-type-refinement .table-layout > *,
#vfet-specific-vehicle-options .table-layout > * {
  display: block;
  float: left;
  width: 50%;
  margin-top: 0;
  margin-bottom: 1.8rem;
}
#specific-vehicle-tile #specific-vehicle-make-wrapper,
#specific-vehicle-tile #specific-vehicle-model-wrapper {
  width: 50%;
}
#vehicle-type-refinement .table-layout > *:nth-child(2n+3),
#vfet-specific-vehicle-options .table-layout > *:nth-child(2n+3) {
  clear: left;
}
#vehicle-type-refinement .table-layout > .button-holder {
  width: 100%;
  text-align: right;
}
#specific-vehicle-tile #vehicle-registration {
  width: 62%;
}
/* results section */
/* --------------- */
#vfet-result-section .banner img.country-bg {
  height: 9rem;
}
#vfet-result-section .details .controls .control-items,
#vfet-result-section .details .controls .last-cell {
  font-size: 1.5rem;
}
#vfet-result-section .details .controls .control-items > div {
  padding-top: 0.3rem;
  padding-bottom: 0.4rem;
  line-height: 1.2;
  text-align: center;
  text-transform: capitalize;
}
#vfet-result-section .details .controls .control-items > div > span {
  display: none;
}
#vfet-result-section .details .controls .control-items > div > a {
  display: block;
}
/*
  ==========================
  efficient driving tool
  ==========================
*/
/* question row styles */
/* ------------------- */
.question-answer-row .field {
  width: 100%;
}
.question-answer-row.answered .field {
  width: 68%;
}
.question-answer-row .question-result {
  display: none;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.question-answer-row.answered .question-result {
  display: table-cell;
  width: 30%;
  height: auto;
  padding-left: 1.5rem;
  overflow: visible;
  visibility: visible;
  opacity: 1;
}
.question-answer-row + .question-info {
  width: 100%;
}
/* image tiled optionset radio buttons */
/* ----------------------------------- */
.question-answer-row.answered:not(#anything-in-here) .field .optionset.tiled-optionset > li > input + label {
  width: 25%;
}
.question-answer-row.answered:not(#anything-in-here) .field .optionset.tiled-optionset > li > input:checked + label {
  width: 47.2%;
}
.question-answer-row.answered:not(#anything-in-here) .field .optionset.tiled-optionset > li > input + label > span {
  display: none;
}
.question-answer-row.answered:not(#anything-in-here) .field .optionset.tiled-optionset > li > input:checked + label > span {
  display: block;
}
/* result tile */
/* ----------- */
#eff-driving-result .typography .intro,
#eff-driving-result .typography .intro * {
  font-size: 2rem;
}
/*
  ==========================
  tyre pressure tool
  ==========================
*/
.display-uom-wrapper ul.display-uom {
  float: none;
}
#tyre-pressure-tool-results-section .tyre-help {
  display: none;
}
.secondary-tyre-help {
  display: block;
}
.secondary-tyre-help .tyre-markings-help {
  margin-top: 1.8rem;
}
/*
  ==========================
  running cost calculator
  ==========================
*/
.rcc-intro > .additional-info figure {
  width: 62%;
}
/* result compare section */
/* ---------------------- */
#rcc .result-compare table.naked th[data-compareindex="2"],
#rcc .result-compare table.naked td[data-compareindex="2"] {
  display: none;
  width: 0;
}
#rcc .result-compare table.naked th {
  width: 33.33333%;
}
/*
  ==========================
  energy star tool (estar)
  ==========================
*/
.energy-star-tool-wrapper h1.page-title {
  padding-right: 43%;
}
/* intro section */
/* ------------- */
.typography .intro.energy-star-tool-intro,
.typography .intro.energy-star-tool-intro * {
  font-size: 2rem;
  line-height: 1.3;
}
.energy-star-tool-intro.item-intro > .inner {
  padding: 0 2rem 0 0;
}
.energy-star-tool-intro > .additional-info,
.energy-star-tool-intro > .additional-info > img {
  width: 20rem;
}
/* energy star item set */
/* -------------------- */
.energy-star-item-set > .outer-wrapper {
  width: 50%;
}
.energy-star-item-set > .outer-wrapper > .inner-wrapper {
  display: block;
}
.energy-star-item-set > .outer-wrapper > .inner-wrapper > div {
  display: block;
}
.energy-star-item-set > .outer-wrapper > .inner-wrapper > div + div {
  margin-top: 3.5rem;
}
/* alternative item selection */
/* -------------------------- */
.energy-star-alt-item-select.upper h2 {
  right: 0;
  width: 40%;
}
.energy-star-alt-item-select > .inner {
  padding: 3rem;
}
.energy-star-alt-item-select.upper.active > .inner {
  right: 0;
}
/* energy star results section */
/* --------------------------- */
.energy-star-tool-result-wrapper .upper .energy-star-image-wrapper {
  display: none;
}
/*
  ==========================
  Water heating tool
  ==========================
*/
#water-heating-intro-question,
#water-heating-intro-question > * {
  display: block;
}
#water-heating-answers-summary > .inner > .column {
  float: none;
  width: auto;
  margin-bottom: 0;
}
#water-heating-answers-summary > .inner > .column + .column > div:first-child {
  border-top: none;
}
#water-heating-answers-summary > .inner > .column.odd-rows + .column > div:nth-child(even) {
  background-color: transparent;
}
#water-heating-answers-summary > .inner > .column.odd-rows + .column > div:nth-child(odd) {
  background-color: #ffffff;
}
/*
  ==========================
  NABERSNZ Assessor directory
  ==========================
*/
.nabersnz-assessors-list {
  margin-top: 1rem;
}
.nabersnz-assessors-list .nabersnz-assessor-profile {
  padding: 2rem;
}
.nabersnz-assessors-list .nabersnz-assessor-profile div:first-child {
  padding-right: 0;
}
.nabersnz-assessors-list .nabersnz-assessor-profile div:first-child p {
  max-width: 90%;
}
.nabersnz address div p a[href^="mailto:"],
.nabersnz address div p a[href*="//"] {
  max-width: 75%;
  display: inline-block;
  word-wrap: break-word;
  white-space: pre-line;
}
.nabersnz-assessors .table-layout .advanced-checkbox {
  display: inline-block;
  margin-top: -30px;
  float: left;
}
.nabersnz-assessors .table-layout .advanced-checkbox + span {
  display: table-caption;
  font-size: 20px;
  font-size: 2rem;
}
.nabersnz-assessors .txt-right.tool-utilities {
  display: table-header-group;
}
/*
  ==========================
  efficient lighting tool
  ==========================
*/
#eff-lighting-tool-outer {
  margin-left: -4rem;
  margin-right: -4rem !important;
}
#elt-result-section > .view-port-wrapper > .row > * {
  margin-right: 1% !important;
}
#elt-result-section > .view-port-wrapper > .row > .savings-column {
  margin-right: 0 !important;
}
/* results section bulb columns */
/* ---------------------------- */
#elt-result-section > .view-port-wrapper > .row.upper > .bulb-column > .banner > .inner {
  padding-left: 1rem;
  padding-right: 1rem;
}
#elt-result-section > .view-port-wrapper > .row.upper > .bulb-column > .inner {
  padding: 2rem 1rem;
}
#elt-result-section > .view-port-wrapper > .row.lower > div > .inner {
  padding: 1.4rem 1rem 3rem 1rem;
}
.bulb-info-table .info-row {
  display: block;
  padding: 0;
}
.bulb-info-table .info-row + .info-row {
  margin-top: 0.8rem;
  padding-top: 0.8rem;
}
.bulb-info-table .info-row > * {
  display: block;
  padding: 0;
}
.bulb-info-table .info-row > .value {
  padding-left: 0;
  text-align: left;
}
/* results section savings column */
/* ------------------------------ */
#elt-result-section .tile.tool.savings-column > .banner > .inner {
  width: 85%;
}
#elt-result-section > .view-port-wrapper > .row.upper > .savings-column > .inner {
  padding: 2rem 1rem;
}
#elt-result-section ul.bulb-stack > li {
  width: 2.5rem;
  height: 4rem;
}
#elt-result-section > .view-port-wrapper > .row.lower > .savings-column > .outer > .inner {
  padding: 4rem 1rem 3rem 1rem;
}
/* calculations row */
/* ---------------- */
#elt-result-section > .view-port-wrapper > .row.calculation .amount,
#elt-result-section > .view-port-wrapper > .row.calculation > .savings-column .amount {
  display: block;
  line-height: 1.1;
}

/*-------------overrides by Trevor---------------------------*/
#small-or{
    display:none;
}
#industry-login-button{
    display: block;
}