/*
Theme Name:     FirstGas
Description:    
Author:         Little Rocket
Template:       wpex-elegant

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
body {

    background: #ffffff;
    font: 13.5px/22px "Open Sans","Helvetica",Arial;

}
body a {

    color: #0d63af;
    text-decoration: none;
    

}
body #content a {

    color: #0d63af;
    text-decoration: underline;
    
    font-weight: 600;

}
p {

    margin: 0 0 15px;
    line-height: 19px;
    font-size: 13.5px;

}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', arial, sans-serif;
    font-weight: 600;
    line-height: 1.4em;
}
.entry ul {
    margin: 15px 0 15px 20px;
}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    margin: 0 0 20px;
}
.entry h2 {
    background: none !important;
    line-height: 25px;
    margin-bottom: 15px;
    padding-bottom: 0;
    color: #0061b2;
    letter-spacing: -.01em;
    font-size: 20px;
    font-weight: 400;
}
#site-navigation .dropdown-menu > li {
	background-position: bottom 0;	
}
#site-navigation .dropdown-menu ul li a {
    color: #fff;
	background: none;
}
#site-navigation .dropdown-menu ul li a:hover {
    color: #fff;
	background: rgba(255,255,255, .5);
}
/*#site-navigation .dropdown-menu > li > a:hover, #site-navigation .dropdown-menu > li.sfHover > a, #site-navigation .dropdown-menu > .current-menu-item > a, #site-navigation .dropdown-menu > .current-menu-item > a:hover {
   	transition: all .2s ease-in-out;
    color: #fff;
	    background: rgba(0, 0, 0, 0) url("https://firstgas.co.nz/wp-content/themes/firstgas/image/hover-nav.gif") no-repeat scroll 0 bottom;
}
#header-wrap.scrolled #header #site-navigation .dropdown-menu > li > a:hover, #header-wrap.scrolled #header #site-navigation .dropdown-menu > li.sfHover > a, #header-wrap.scrolled #header #site-navigation .dropdown-menu > .current-menu-item > a, #header-wrap.scrolled #header #site-navigation .dropdown-menu > .current-menu-item > a:hover {
    color: #000;
		transition: all .2s ease-in-out;
	 background: rgba(0, 0, 0, 0) url("https://firstgas.co.nz/wp-content/themes/firstgas/image/hover-nav.gif") no-repeat scroll 0 bottom;
}*/

.sf-menu > li a, .ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 26px !important;
    text-align: center !important;
    letter-spacing: -.01em;
	padding-right: 3px;
}
.scrolled .sf-menu > li a {
    color: #999 !important;
   
}
li.ubermenu-active {

    background: #fff !important;

}
li.ubermenu-active .ubermenu-target-title.ubermenu-target-text {

    color: #0061b2 !important;

}
.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {

    padding: 2px 0 5px 0px !important;
    margin-right: 10px !important;

}
.ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
	border: 0 !important;
}
.ubermenu-skin-grey-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {

    border-top: none;
    padding-top: 5px;

}
.ubermenu .ubermenu-autocolumn, .ubermenu .ubermenu-submenu-type-stack {
padding: 0 !important; 	
}
.ubermenu-active#menu-item-1394::after, .ubermenu-active#menu-item-1281::after, .ubermenu-active#menu-item-1449::after, .ubermenu-active#menu-item-1468::after  {
  color: #0061b2 !important;


}
.ubermenu-skin-grey-white .ubermenu-submenu.ubermenu-submenu-drop {

    background: #fff !important;
    border: none;


}
.sf-menu > li li a {
    color: #fff !important;
    text-transform: none;
    font-weight: 100 !important;
    font-size: 16px !important;
    text-align: left !important;
    letter-spacing: -.01em;
}
#site-navigation .dropdown-menu > li {

    margin-left: 0;

}
#site-navigation .dropdown-menu ul {

    background: #0061b2 none repeat scroll 0 0;
    margin-top: 0;

}
#site-navigation-wrap {
    height: 40px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 35%;
}

#site-navigation-wrap {
    top: 5px !important;
    position: absolute;
}
#content h3 {
    color: #666;
    font-size: 20px;
    font-weight: 300;
    margin: 0px 0 15px;
}
#secondary h3 {
    font-size: 28px;
	color: #fff !important;
}

/*HOME NAV STYLES*/

.home #site-navigation .dropdown-menu > li a {
	transition: all .4s ease-in-out;
	color: #fff;
	background: rgba(0, 0, 0, 0) url("https://firstgas.co.nz/wp-content/themes/firstgas/image/hover-nav.gif") no-repeat scroll -200px bottom;
}
.home #header-wrap.scrolled #site-navigation .dropdown-menu > li a {
	transition: all .4s ease-in-out;
	color: #4D555A;
	background: rgba(0, 0, 0, 0) url("https://firstgas.co.nz/wp-content/themes/firstgas/image/hover-nav.gif") no-repeat scroll -200px bottom;
}
.home #header-wrap.scrolled #site-navigation .dropdown-menu > li li a {
    color: #fff;
}
.home #site-navigation .dropdown-menu li li a:hover{

	color: #fff;

}
.home #site-navigation .dropdown-menu > li a:hover,  .home #site-navigation .dropdown-menu > .current-menu-item > a {
	transition: all .4s ease-in-out;
	color: #fff;
	background: rgba(0, 0, 0, 0) url("https://firstgas.co.nz/wp-content/themes/firstgas/image/hover-nav.gif") no-repeat scroll 0 bottom;
}
#site-navigation .dropdown-menu li {
    display: block;
    float: left;
    line-height: 20px;
    font-size: 15px;
    padding: 10px 15px 20px 15px;
}
#site-navigation .dropdown-menu li li {

    padding: 0;
}
/*NORMAL NAV STYLES*/

#site-navigation .dropdown-menu > li a {
    color: #fff;
    padding: 0;
    color: #fff;
    font-size: 15px;
}
#site-navigation .dropdown-menu > li:hover, #site-navigation .dropdown-menu > .current-menu-item, #site-navigation .dropdown-menu .current_page_ancestor, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target,
.ubermenu-skin-grey-white .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    color: #eee !important;
    background: none !important;

    padding-bottom:  !important;
    border-bottom: 0 ;
}
.home #site-navigation .dropdown-menu > li:hover, .home #site-navigation .dropdown-menu > .current-menu-item, .home #site-navigation .dropdown-menu .current_page_ancestor, .home .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .home .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target,
.home .ubermenu-skin-grey-white .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: none !important;
}
.ubermenu-submenu {
    margin-top: 15px !important;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target {
    padding: 0 !important;

}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after {
	display: none !important;	
}
.scrolled #site-navigation .dropdown-menu > li:hover, .scrolled #site-navigation .dropdown-menu > .current-menu-item, .scrolled #site-navigation .dropdown-menu .current_page_ancestor {
    color: #fff;
    background: none;
    padding-bottom: 14px;

    border-bottom: 0;
}
/*.scrolled .ubermenu .ubermenu-target {
	color: #999 !important;
	background: none !important;
}*/
/*.scrolled  .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .scrolled .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .scrolled .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target,
.scrolled  .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target:hover, .scrolled .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target:hover , .scrolled .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target:hover {
	background: none !important;
	color: #0061b2 !important;
}*/

/*#site-navigation .dropdown-menu > li a:hover, #site-navigation .dropdown-menu > .current-menu-item > a, #site-navigation .dropdown-menu .current_page_ancestor a {

    color: #eee;
  
   

}*/
.ubermenu .ubermenu-item.ubermenu-item-1281 > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-1281 > .ubermenu-content-block, .ubermenu .ubermenu-item.ubermenu-item-1281.ubermenu-custom-content-padded {
    padding: 0px !important;
	
}
.ubermenu-items-align-left.ubermenu-horizontal .ubermenu-item.ubermenu-item-level-0, .ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left {
    float: none !important;
    height: 70px !important;
}
/*#header-wrap.scrolled #site-navigation .dropdown-menu > li a:hover,  #header-wrap.scrolled #site-navigation .dropdown-menu > .current-menu-item > a{
	color: #0057a0 !important;
	transition: all .2s ease-in-out;
	
}*/

.headerTop {
    background: #eee;
    margin-top: 0;
    padding: 5px 0 30px 1%;
    margin-bottom: 30px;
    z-index: 9999999 !important;
    float: left;
    position: relative;
	width: 99%;
}
.headerTop h1 {

    color: #666;
    font-size: 2.3em;
    font-weight: 100;
    line-height: 1em;
    margin: 0 2% auto;
    max-width: 100%;
    padding: 25px 0 5px 0;

}
.home #header-wrap {
    background: none;
    border-bottom: 0 none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;

    transition: background-color 0.5s ease;
  
}
#header-wrap {

    background: #0061b2;
    border-bottom: 0 none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999999999999 !important;
    transition: background-color 0.5s ease;

}
.home #header-wrap .whiteLogo {
	display: none;	
	  transition: all .2s ease-in-out;
}
#header-wrap .whiteLogo {
    display: none;
    transition: all .2s ease-in-out;
}
#wrap {
    margin-top: 118px;
}
.home #wrap {
    margin-top: 0;
}
.home #main #content {
 
    min-height: auto;
}

/*#header-wrap.scrolled .whiteLogo {
	display: block;	
	transition: all .2s ease-in-out;
}
.home #header-wrap.scrolled .normalLogo {
	display: none;	
}*/
.home #header-wrap .normalLogo {
	display: block;	
}
/*#header-wrap .normalLogo {
    display: block;
}
#header-wrap.scrolled .normalLogo {
    display: none;
}
*/
#header-wrap.scrolled {
    background: #0061b2 !important;
    box-shadow: 0 3px 88px rgba(0, 0, 0, 0.2);
    transition: background-color 0.5s ease 0s;
    position: fixed !important;
}
#header-wrap.scrolled #header{
padding: 12px 0;
}
/*#header-wrap.scrolled #logo img {
    height: auto;
    width: 170px;
}*/
#header-wrap.scrolled .dropdown-menu a {
    color: #000;
}
#header-wrap.scrolled .dropdown-menu li li a {
    color: #fff;
}
#header {
    padding: 0;
    transition: all .2s ease-in-out;
}
/*	 
#header-wrap.scrolled #header {
    padding: 20px 0 17px;
	 transition: all .2s ease-in-out;
}
*/
#homepage-slider-wrap {
    margin-top: 0;
    height: 100% !important;
    overflow: hidden;
}
.feature-thumbnail img {
    width: 100%;
}
.feature-entry-content p {
    margin: 8% 8% 10%;
    width: 85%;
}
.homepage-slide-content {
    display: block;
    margin: 0;
    position: absolute;
    top: 200px;
    width: 100%;
    z-index: 9999;
    max-width: 500px;
}
#site-navigation {

    clear: right;
    float: right;
    margin-top: 20px;

}
.site-branding {
    float: left;
    margin-top: 35px;
    padding-left: 1%;
    margin-bottom: 10px;
}
/*.scrolled .site-branding {
    margin-top: 22px;
}*/
#logo {
    float: left !important;
}
#logo img {
    display: block;
    height: auto;
    width: 170px;
    padding: 10px 0;
}
.homepage-slide-title {
    background: none !important;
    color: #fff;
    float: left;
    font-size: 50px;
    font-weight: 700;
    line-height: 53px;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
    text-transform: none;
    width: 100%;
    font-family: 'Open Sans';
}
#homepage-content h1, #homepage-content h2,  #homepage-content p {

    color: #fff;

}
#homepage-content, #homepage-features {

    margin-top: 0;

}
#homepage-content h1 {
    font-size: 28px;
    margin: 0 0 0px 0;
    background: none;
    padding-bottom: 0;
    font-weight: 700;
    font-family: 'Open Sans';
}
/*.home .site-branding {

    float: left;
    margin-top: 35px;
    padding-left: 10%;
    margin-bottom: 10px;

}*/
.homepage-slide-inner {
    position: relative;
    max-width: 980px;
    margin: auto !important;
}
.homepage-slide-caption {

    background: none;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: 100;
    padding: 0;
    text-align: left;
    width: 100%;
    margin: 0;
        margin-top: 0px;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 10%;
    margin-top: 0;

}
#site-navigation .dropdown-menu a {
    color: #fff;
}
.feature-thumbnail {
    margin: 0 0 20px;
    max-height: 180px;
    overflow: hidden;
}
#homepage-features article {
    background: #fff none repeat scroll 0 0;
    padding: 0 0 0;
    min-height: 240px !important;
}
#homepage-features article:hover > #homepage-features a.feature-entry-title  {
    background: #fff !important; 


}
#homepage-slider-wrap .flex-direction-nav li a {

    background: none;
    color: #fff;
    font-size: 41px;

}
#homepage-slider-wrap .flex-direction-nav li a:hover {
	background: none;
	
}
.feature-entry-title {
    color: #fff;
    font-family: "open sans";
    font-size: 2.4em;
    font-weight: 900;
    margin: 0;
    padding: 25.58% 0;
    position: relative;
    text-transform: uppercase;
    z-index: 9999 !important;
    background: rgba(0,97,198,.1);
}
.feature-entry-title:hover {

    color: rgba(0,97,198,1);
    font-family: "open sans";
    font-size: 2.4em;
    font-weight: 900;
    margin: 0;

    position: relative;
    text-transform: uppercase;
    z-index: 9999 !important;
    background: rgba(0,0,0,.6);

}
.home #main {
    margin: 0;
    max-width: 100% !important;
    padding: 20px 0;
    position: relative;
    z-index: 9999999 !important;
    background: #0061b2 url(https://firstgas.co.nz/wp-content/uploads/firstgas-g.png) no-repeat 80% bottom / 100px;
    height: 15%;
}
#homepage-features {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
#homepage-features .span_1_of_3 {
    width: 31.2%;
}
.home .topMenu {
    background: no-repeat;
}
#main {
    margin: 0px auto 0;
}
.home #main #content {
    margin: 0;
    float: left;
    width: 100%;
    padding: 0;
}
.sf-menu {
    float: left;
    font-size: 15px;
    font-weight: bold;
    width: auto;
}

.networkWrapper {
	background: #333;	
}
.networkWrapper .span_1_of_2 , .distributionWrapper .span_1_of_2 {
	height: 480px;
	width: 50%;
	float: left;	
}
.networkWrapper .span_1_of_2.left {
    background: #0061b2 none repeat scroll 0 0;
}
.networkWrapper .span_1_of_2.right {
	background: #333;
}

.distributionWrapper .span_1_of_2.left {
    background: #333 none repeat scroll 0 0;
}
.distributionWrapper .span_1_of_2.right {
	background: #333;
}

a.button {
    background: #0d63af;
    display: block !important;
    padding: 18px 0;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    color: #fff !important;
    border: 1px solid #fff;
    float: left;
    margin-right: 6px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    bottom: 0 !important;
}
.button.right {
    float: right;
    width: 250px;
    margin: 0 0 40px 0;
}
a:hover.button {
    background: #333 none repeat scroll 0 0;
    text-align: center;
    text-transform: uppercase;
	color: #fff;
	border: 1px solid #0061b2;
}
a.buttonLeft {
    background: #0061b2;
    display: block !important;
    padding: 18px 20px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    color: #fff !important;
    border: 1px solid #fff;
        border-bottom-color: rgb(255, 255, 255);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    float: left;
    margin-right: 6px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: auto;
    bottom: 0 !important;
}
a:hover.buttonLeft {
    background: #fff none repeat scroll 0 0;
	color: #0061b2;
	border: 1px solid #0061b2;
}
.networkBox a.button {
    float: left;
    margin: 15px 0 0;
}
.networkBox h2, .networkBox li a, .networkBox p {
	color: #fff;
}
.networkBox h2 {
    font-size: 2.6em;
    line-height: 1.2em;
    margin-bottom: 30px;
}
.networkBox ul {
float: left;
width: 100%;
margin-bottom: 40px;

}
.networkBox a.button {
	background: none;	
}
.networkBox a:hover.button {
	background: none;	
	  border: 1px solid #fff;
	  color: #fff;
}
.networkBox ul li a {
    border: 1px solid #fff;
    float: left;
    margin-right: 10px;
    padding: 2px 8px;
}
.networkBox {
    float: right;
    margin-right: 60px;
    margin-top: 55px;
    width: 430px;
}
.networkBox.left {
    float: left;
    margin-right: 60px;
    margin-top: 55px;
    padding-left: 60px;
    width: 430px;
}
.networkBox .button {
	width: 200px;
}

.textwidget {
    color: #ffffff;
}


.sidebar-widget .AdvancedText {

    color: #ffffff;
    padding: 0px 0 20px 0px;

}
.getConnectedWidget .AdvancedText {

    background: #f90 url("https://firstgas.co.nz/wp-content/themes/firstgas/image/large-g-trans.png") no-repeat scroll 242px 10px / 30% auto;
        background-color: rgb(255, 153, 0);
        background-image: url("https://firstgas.co.nz/wp-content/themes/firstgas/image/large-g-trans.png");
    background-image: url("https://firstgas.co.nz/wp-content/themes/firstgas/image/large-g-trans.png");
    background-color: #f90;
    color: #ffffff;
    max-height: 98px !important;
    overflow: hidden;
    padding: 0px 0 89px 20px;

}
#secondary .getConnectedWidget .AdvancedText h3 {
	color: #fff;	
}
.faultsWidget .AdvancedText {
	 background: #0061b2 url("https://firstgas.co.nz/wp-content/themes/firstgas/image/large-g-trans-fault.png") no-repeat scroll -38px 0 / 60% auto;
background-color: #0061b2;
background-image: url("https://firstgas.co.nz/wp-content/themes/firstgas/image/large-g-trans-fault.png");
    max-height: 98px !important;
	overflow: hidden;
}
.sidebar-widget .AdvancedText {
    color: #363e47;
}
.contactWidget h5.widget-title, .relevantDocs h5.widget-title {

    background: none;
    border-bottom: none;
    border-top: 0 none;
    color: #fff;
    line-height: 1em;
    margin: 0 0 20px !important;
    padding: 10px 0;
    text-transform: none;

}
.relevantDocs h5.widget-title {

    color: #fff !important;

}
.textwidget h2 {
    color: #666;
}

.textwidget > hr {
    border-top: 1px solid #999;
}
.sidebar-widget .textwidget h2 {
    color: #363e47;
    font-size: 22px;
    font-weight: 700;
}
.textwidget h3 {
    color: #666;
    font-size: 1.5em;
    font-weight: 100;
}
.sidebar-widget .textwidget p {
    color: #363e47;
	
    font-size: 13px;
    font-weight: 400;
}
.page-thumbnail img {
    display: block;
    width: 100%;
}

#footer-wrap {

    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 2% 0 0;
    width: 100%;
    margin: 0;

}
#footer-wrap a {
    color: #0061b2;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 900;
    line-height: 23px;
}
#footer-wrap a:hover {
    color: #0077C0;
}
#footer-widgets .widget-title {

    color: #0061b2;
    font-size: 18px;
    margin: 0 0 8px;
    text-align: center;
    font-weight: 100;
    line-height: 18px;

}
.footer-widget > ul > li:first-child, .footer-widget ul li {
    border: none;
}
#copyright-wrap {

    background: rgba(0,0,0,.03);
    padding-top: 15px;
    margin-top: 30px;

}
#copyright a {
    font-size: 12px;
    font-weight: 700;
}
#copyright-wrap img:hover {
	opacity: .7;
}
input[type="search"] {
    background: rgba(0, 0, 0, 0) url("https://firstgas.co.nz/wp-content/themes/firstgas/image/magnify-glass.png") no-repeat scroll 2px 10px;
    border-bottom: 1px solid #fff !important;
    border-radius: 0;
    box-sizing: border-box;
    color: #eee;
    font-family: "Open Sans";
    font-size: 1em;
    outline: medium none;
    padding: 10px 25px;
    width: 100%;
}

button, input[type="button"], input[type="submit"] {
    background: #0061b2 none repeat scroll 0 0;
    border: medium none transparent;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "Open Sans";
    font-size: 1em;
    font-weight: 400;
    line-height: 0;
    outline: medium none;
    padding: 20px;
    position: relative;
    text-transform: uppercase;
}
.socialMedia {
    padding-right: 10px;
}
.home .headerTop {
	display: none;	
}
.fa-angle-down::before {
    content: none !important;
}
#site-navigation .dropdown-menu > li .fa-angle-down {
    margin-left: 0;
}

h5.widget-title {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    border-top: 0 none;
    color: #0061b2 !important;
    line-height: 1em;
    margin: 0 !important;
    padding: 20px;
    text-transform: none;
	font-size: 20px !important;
}
.sidebar-widget.widget_ccchildpages_widget {
    background: #fff none repeat scroll 0 0;
    padding: 0 0 30px 0 ;
}
.widget_ccchildpages_widget ul {
    margin: 0 20px 0px 30px;
}
.widget_ccchildpages_widget ul li a {

    color: #666;
    font-size: 15px;
    line-height: 1.2em;
    padding-bottom: 22px;
    float: left;
    font-weight: 700;

}
.widget_ccchildpages_widget ul li a:hover {
    color: #4D555A;
}
.sidebar-widget .AdvancedText h2 {

    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;

}
.sidebar-widget .AdvancedText h3 strong {
	color: #fff;
	  font-weight: 700;
}

.sidebar-widget .AdvancedText h3 {
	color: #fff;
	  font-weight: 100;
	  line-height:1em;
}
ul#subHome {
    margin: 0 0 15px;
    padding: 0;
	float: left;
	width: 100%;
}
ul#subHome li {
    background: #0061b2 none repeat scroll 0 0;
    display: block;
    float: left;
    list-style: outside none none;
    margin: 0 0 4% 0;
    padding: 0;
    width: 48%;
	min-height: 186px !important;
}
ul#subHome li.first {
    margin-right: 4%;
}
ul#subHome li a {
    background: #333 none repeat scroll;
        background-position-x: 0%;
        background-position-y: 0%;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 2.6em;
    font-weight: 900;
    height: 0;
    line-height: 1.2em;
    margin: 0;
    opacity: 0.8;
    padding: 0;
    width: 92%;
    transition: all .2s ease-in-out;
    height: 10vh;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle !important;
    position: relative;
    padding-top: 116px !important;
}
ul#subHome li a:hover {

	
}

/*ul#subHome li a:hover {
	color: #fff;
	background: #363e47 url("https://firstgas.co.nz/wp-content/themes/firstgas/image/large-g-trans.png") no-repeat scroll -10px 10px / 60% auto;
 }*/
 
ul#subHome li.residential {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/connected-residential.jpg") no-repeat scroll 0 0 / 140% auto;
background-image: url("https://firstgas.co.nz/wp-content/uploads/connected-residential.jpg");
}
ul#subHome li.our-purpose {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/about-purpose.jpg") no-repeat scroll 0 0 / 140% auto ;
background-image: url("https://firstgas.co.nz/wp-content/uploads/about-purpose.jpg");
}
ul#subHome li.our-network {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/about-our-network.jpg") no-repeat scroll 0 0 / 140% auto;
background-image:url("https://firstgas.co.nz/wp-content/uploads/about-our-network.jpg");
}
ul#subHome li.regulatory {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/about-regulatory.jpg") no-repeat scroll 0 0 / 140% auto;
background-image:url("https://firstgas.co.nz/wp-content/uploads/about-regulatory.jpg");
}
ul#subHome li.network-map {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/firstgas-map.jpg") no-repeat scroll 0 0 / 140% auto;
background-image:url("https://firstgas.co.nz/wp-content/uploads/firstgas-map.jpg");
}
ul#subHome li.property {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/connected-developers.jpg") no-repeat scroll 0 0 / 140% auto;
background-image:url("https://firstgas.co.nz/wp-content/uploads/connected-developers.jpg");
}
ul#subHome li.business-commercial{
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/connected-business-commercial.jpg") no-repeat scroll 0 0 / 140% auto;
background-image:url("https://firstgas.co.nz/wp-content/uploads/connected-business-commercial.jpg");
}
ul#subHome li.industry {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/industry-feature.jpg") no-repeat scroll 0 0 / 140% auto;
background-image:url("https://firstgas.co.nz/wp-content/uploads/industry-feature.jpg") ;
}

ul#subHome li.helpline {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/faults-helpline.png") no-repeat scroll 0 0 / 140% auto;
background-image:url("https://firstgas.co.nz/wp-content/uploads/faults-helpline.png");
}
ul#subHome li.report {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/faults-report.png") no-repeat scroll 0 0 / 140% auto;
background-image:url("https://firstgas.co.nz/wp-content/uploads/faults-report.png");
}
ul#subHome li.dig {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/connected-dial-dig.jpg") no-repeat scroll 0 0 / 140% auto;
background-image:url("https://firstgas.co.nz/wp-content/uploads/connected-dial-dig.jpg");
}
ul#subHome li.our-people {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/about-people.jpg") no-repeat scroll 0 0 / 140% auto;
background-image:url("https://firstgas.co.nz/wp-content/uploads/about-people.jpg");
}
ul#subHome li.maui-pipeline {
    background: #363e47 url("https://firstgas.co.nz/wp-content/uploads/maui-pipeline.jpg") no-repeat scroll 0 0 / 140% auto;
background-image:url("https://firstgas.co.nz/wp-content/uploads/maui-pipeline.jpg");
}


ul#subHome li a {
	background-position: 0 75px !important;
}



ul#subHome li.report-fault h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
	padding: 8% 8% 20px;
	margin: 0;
	background: none !important; 
}
ul#subHome li.report-fault {
    background: #363e47 none repeat scroll 0 0;
    color: #fff;
    min-height: 180px;
}
ul#subHome li.report-fault p{
	padding: 8% 8% 0% 8%;
	  
}
ul#subHome li.report-fault p strong {
    color: #fff;
    font-size: 2.2em;
    line-height: 1.4em;
}





 
 .stick {
	position:fixed !important;
	top:100px;
	
}
.sidebar-inner > div {

    width: 100%;
    margin: 0;

}
 
.outages {

    border: 0;
    color: #fff !important;
    float: right;
    margin-bottom: 0;
    opacity: 0.9;
    padding: 0;
    width: 140px;
    display: block;

}
 .outages strong {
    color: #fff;
	text-transform: uppercase
}
.home .outages {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    float: right;
    margin-bottom: 0;
    opacity: 0.9;
    padding: 8px 20px 12px;
    margin-top: 0;
}
.home .outages strong {
    color: #fff;
	
}

#header-wrap.scrolled #site-navigation-wrap {
    height: 30px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 12px !important;
}
/*#header-wrap.scrolled #site-navigation-wrap .safetyCampaign {
    border-right: 1px solid #333;

}*/
  #header-wrap.scrolled .outages {
	  opacity: 0;
	  display: none;
	
}
.home .safetyCampaign {
display: block;
}
.safetyCampaign {
display: block;
}

.outages a {

    color: #fff;
    text-decoration: none !important;
    text-transform: uppercase;

}
.outages .status strong, .safetyCampaign strong {
    font-size: 22px;
    text-transform: none;
}
.home .outages a {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}
#header-wrap.scrolled .outages a {
text-decoration: underline;
color: #333;
}
.outageSingle {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #0d63af;
    float: left;
    height: auto;
    margin: 30px 0;
    padding: 40px;
}
.outageSingle h2 {
    color: #0061b2;
    font-size: 22px;
    font-weight: 600;
	line-height: 1em;
}
.outageSingle h3 {
    color: #666;
    font-size: 40px;
    font-weight: 200;
	line-height: 1em;
}
.outageSingle h4 {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
    text-transform: uppercase;
}
.locationWrap {
    border-right: 1px solid #eee;
    float: left;
    height: auto;
    margin-right: 60px;
    padding-right: 60px;
    width: 220px;
}
.typeWrap {
    border-right:  none;
    float: left;
    height: auto !important;
    margin-right: 50px;
    width: auto;
}

.outageSingle a.button {
    float: left;
    margin: 0;
    width: 100px;
}
.updateWrap {
    border-top: 1px solid #eee;
    float: left;
    margin-top: 0;
    padding-top: 20px;
    width: 100%;
}
#staff-wrap article {
    margin: 5%;
    width: 25%;
float: left;
}
#staff-wrap article.count-1 {
	 margin-left: 0;
}

.textwidget strong {

    color: #0061b2;
    font-weight: 700;
    font-size: 25px;

}
#homepage-content h2 {
    margin-bottom: 0;
    line-height: 27px;
    font-weight: 100;
    font-size: 18px;
}
.textwidget h3 {
    color: #666;
    font-size: 1.5em;
	font-weight: 100;
}
.staff-entry-media {
    float: left;
    width: 100%;
}
.staff-entry-title {
    background: #363e47 none repeat scroll 0 0;
    color: #fff;
    font-size: 1.2em;
    margin: 0;
    padding-bottom: 45px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}
.staff-entry-content p {
    color: #fff;
    margin-top: -44px !important;
    padding: 0 10px !important;
    text-align: center;
}

.staff-entry-media img {

}
.staff-entry-content p {
	text-align: center;
}
.viewProfile a:hover {
	background: red;	
}
.logged-in #header-wrap {
    margin-top: 32px;
    z-index: 99999999 !important;
}
#wpadminbar {
    z-index: 99999999;
}
.wpgmp_infowindow h3 {
    color: #0061b2 !important; 
    font-size: 28px !important;
    font-weight: 100;
    margin: 0 !important;
    text-transform: uppercase;
	line-height: 1em;
}
.wpgmp_infowindow h3 strong {
    color: #0061b2 !important; 
    font-size: 28px !important;
    font-weight: 600;
    margin: 0 !important;
    text-transform: uppercase;
}
.wpgmp_infowindow a.moreButton {
    border: 2px solid #0061b2;
    color: #0061b2;
    float: left;
    margin-top: 15px;
    padding: 10px;
    text-transform: uppercase;
}
.wpgmp_infowindow a:hover.moreButton {
    border: 2px solid #0061b2;
    color: #fff;
    float: left;
    margin-top: 15px;
    padding: 10px;
    text-transform: uppercase;
	background: #0061b2;
}
div.wpgmp_infowindow {
    overflow: hidden;
    padding: 10px 20px;
}
.wpgmp_infowindow p {
    color: #0061b2;
    line-height: 1em;
    margin: 0;
    padding-top: 12px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 40px;
}

/*TABLES*/
.reportsTable {
    background: #fff none repeat scroll 0 0;
}
.reportsTable td {
    border-top: 1px solid #eee;
    line-height: 2.4em;
    padding: 12px;
}
hr {
    border-color: #ccc;
}
.wpgmp_search_form {
    display: none;
}
div.wpgmp_listing_header, div.categories_filter, div.wpgmp_categories, div.wpgmp_before_listing {
    display: none;
}
.location_pagination1.wpgmp_pagination {
    display: none;
}
a.moreButton {
    border: 2px solid #fff;
    color: #fff;
    float: left;
    margin-top: 15px;
    padding: 10px;
    text-transform: uppercase;
    margin-right: 10px;
}
a:hover.moreButton {
    border: 2px solid #fff;
	background: #fff;
    color: #f90;
    float: left;
    margin-top: 15px;
    padding: 10px;
    text-transform: uppercase;
}
.coverageMap {
	display: none;	
}
.page-id-314 .coverageMap {
	display: block;	
}
.widget_ccchildpages_widget ul ul {
    margin-left: 10px;
}
/*JOBS STYLES*/
.single_job_listing .company {
    display: none;
}
.single_job_listing .meta .full-time {
    background-color: #0061b2;
}
.job-manager-application-wrapper .application .application_button, .single_job_listing .application .application_button {
    display: inline-block;
    font-size: 1.1em;
    line-height: 0;
    margin: 0 0.5em 0 0;
    outline: 0 none;
    padding: 1.5em 1em;
    text-align: center;
}
td {
    border-bottom: 1px solid #ccc;
    text-align: left;
    vertical-align: top;
	padding: 5px;
}
.job_filters .search_jobs {
    display: none;
    padding: 1em;
}
.job_filters .showing_jobs, .rp4wp-related-job_listing > ul li.job_listing a img.company_logo, .rp4wp-related-job_listing > ul li.no_job_listings_found a img.company_logo, ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
    display: none !important;

}
.rp4wp-related-job_listing > ul li.job_listing a div.position, .rp4wp-related-job_listing > ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {
 
    padding: 0;
    width: 55%;
}
.job-manager .temporary, .job-types .temporary, .job_listing .temporary {
    color: #f90;
}
.job-manager .full-time, .job-types .full-time, .job_listing .full-time {
    color: #0061b2;
}
.rp4wp-related-job_listing > ul li.job_listing, .rp4wp-related-job_listing > ul li.no_job_listings_found, ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found {
    border-bottom: 1px solid #ccc;
}
.position > h3 {
    color: #666;
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 15px !important;
    text-transform: uppercase;
}
.job_filters .job_types {
    display: none;
}
.rp4wp-related-job_listing > ul li.job_listing a, .rp4wp-related-job_listing > ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {
    padding: 1em 1em 1em 0;
}
#content h3 strong {
    font-weight: 900 !important;
}
a.careersBtn {
    background: #0d63af none repeat scroll 0 0;
    color: #fff;
    float: right;
    margin-top: -10px;
    padding: 10px;
}
a.careersBtnLeft {
    background: #0d63af none repeat scroll 0 0;
    color: #fff;
    float: left;

    padding: 10px;
}
.page-id-90 hr {
    margin: 20px 0 !important;
}
.currentVacancies h5 {
    font-size: 1.1em;
    text-transform: uppercase;
}
.currentVacancies h3 {
    line-height: 12px !important;
}
a.careersBtn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #0d63af;
    float: left;
    margin-top: 0;
    padding: 0;
    text-transform: uppercase;
}
a.careersBtn:hover {
    color: #333;

}
#secondary .currentVacancies h3 {
    color: #0d63af !important;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px !important;
    padding-top: 20px;
    text-transform: uppercase;
    width: 100%;
}
#secondary .currentVacancies h3 strong {
    color: #333 !important;
    float: none;
    font-size: 14px;
line-height: 17px !important;
}
#secondary .currentVacancies p {
    float: left;
}
.currentVacancies h5 {
    font-size: 1.1em;
    margin-bottom: 30px;
    margin-top: 10px;
    text-transform: uppercase;
}
.currentVacancies hr {
    margin: 54px 0 0 !important;
    padding: 25px 0 0 !important;
}
#secondary .currentVacancies p {
    float: none !important;
    font-size: 12px;
}
#menu-maui-pipeline-menu {
    background: #fff none repeat scroll 0 0;
    line-height: 2.2em;
    margin: 0 20px 0 30px !important;
}
#menu-maui-pipeline-menu li a:hover{
 color: #666666 !important;
}
.menu-maui-pipeline-menu-container {
    background: #fff none repeat scroll 0 0;
}
.menu-maui-pipeline-menu-container {
    background: #fff none repeat scroll 0 0;
    margin-top: -20px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.menu-maui-pipeline-menu-container a {
color: #333;
}
.menu-maui-pipeline-menu-container .sub-menu .current_page_item {
    background: #eee none repeat scroll 0 0;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}



.outages .status {
    float: right;
}
.safetyCampaign {
    border-right: 1px solid #fff;
    float: left;
    margin-right: 20px;
    padding-right: 20px;
}
.popmake.theme-1011 > .popmake-close, .popmake.theme-default-theme > .popmake-close {
    background-color: #ccc !important;
}

.green {
    padding: 0 10px 0 0;
    margin: 0 0 20px 0 !important;
    border: 10px solid #a1dac7;
    background: #fff;
}
.pink {
    padding: 0 10px 0 0;
    margin: 0 0 20px 0 !important;
    border: 10px solid #f4d8e5;
    background: #fff;
}
.blue {
    padding: 0 10px 0 0;
    margin: 0 0 20px 0 !important;
    border: 10px solid #82b2df;
    background: #fff;
}
.grey {
    padding: 0 10px 0 0;
    margin: 0 0 20px 0 !important;
    border: 10px solid #999;
    background: #fff;
}
.green .widget-title, .pink .widget-title, .grey .widget-title , .blue .widget-title  {
    padding: 5px 0 10px 0;
}
.green.sidebar-widget .AdvancedText, .pink.sidebar-widget .AdvancedText, .blue.sidebar-widget .AdvancedText, .grey.sidebar-widget .AdvancedText {
    color: #333;
    padding: 20px 0 20px 20px;
    margin-bottom: 10px !important;

}
#coverageKey li.blue {
	background: #82b2df;
} 
#coverageKey li.pink {
	background: #f4d8e5;
} 
#coverageKey li.green {
	background: #a1dac7;
} 
#coverageKey li.grey {
	background: #333;
} 
#coverageKey {
    background: #fff;
    margin: 0 0 20px 0;
    width: 100%;
    float: left;
}
#coverageKey li.title {
    color: #333 !important;
    width: 100%;
    background: #fff;
    height: auto;
    font-weight: bold;
    float: left;
}

#coverageKey li {
    list-style: none;
    border: 0;
    background: none;
    color: 
    #fff;
    padding: 1%;
    margin: 0 1% 0 0 !important;
    float: left;
    width: 15%;
    height: 71px;
    border-radius: 0;
    font-size: 12px;
    line-height: 16px;
}
#coverageKey li strong {
    font-size: 15px;

}
.page-id-985 .moreButton.getConnect {
    display: none;
}
ul#safetyBlock {
    padding: 0;
    margin: 30px 0 0 0;
}
#safetyBlock li {
    background: url(https://firstgas.co.nz/wp-content/uploads/placeholder.jpg) 0 0 /170%;
    list-style: none;
    padding: 7% 0% 3% 0%;
    margin: 0;
    float: left;
    width: 33.3%;
    height: 140px;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    margin: 0;
    line-height: 1em;
}
#safetyBlock li.atHome {
    background: url(https://firstgas.co.nz/wp-content/uploads/bigstock-Happy-family-81162806.jpg) 0 0 /100%;
}
#safetyBlock li.safetyWork {
    background: url(https://firstgas.co.nz/wp-content/uploads/shutterstock_280938791.jpg) 0 0 /100%;
}
#safetyBlock li.safetyFarmers {
    background: url(https://firstgas.co.nz/wp-content/uploads/Grapes-farming-Irrigation.jpg) 0 0 /100%;
}
#safetyBlock li.safetyContractors {
    background: url(https://firstgas.co.nz/wp-content/uploads/lsp0852_cda-010.jpg) 0 0 /100%;
}
#safetyBlock li.safetyEmergency {
    background: url(https://firstgas.co.nz/wp-content/uploads/NaturalGas.jpg) 0 0 /100%;
}
#safetyBlock li.safetyCouncils {
    background: url(https://firstgas.co.nz/wp-content/uploads/bigstock-Happy-family-81162806.jpg) 0 0 /100%;
}

.portfolio-entry-title {
    padding: 25% 0 !important;
    font-size: 1.5em !important;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
    float: left;
    width: 100%;
    line-height: 1em;
}
#safetyBlock li a {
    width: 90%;
    display: block;
    height: 40px;
    padding: 5%;
    font-weight: 900;
    font-size: 35px;
    text-transform: uppercase;
    line-height: 37px;
    color: #fff;
}
.child-sidebar-menu {

    background: #fff;
    padding: 0;

}
.child-sidebar-menu li {
    margin-bottom: 0;
    text-transform: uppercase;
    padding: 6px;
    margin: 0;
    font-weight: 600 !important;
}
.child-sidebar-menu li {

    margin-bottom: 10px;
    text-transform: uppercase;
	 border-bottom: 1px solid #eee;

}
.grandchild-sidebar-menu.children li {
    padding-left: 10px;
    margin: 0;
    padding: 6px 10px !important;
    border-left: 3px solid #eee;
    font-size: 12px;
}
#safetyBlockWide {
    padding-left: 200px;
    margin-bottom: 30px;
    background: url(https://firstgas.co.nz/wp-content/uploads/placeholder.jpg) no-repeat 0 0 / 18%;
    border-bottom: 1px solid #ccc;
}
.entry #safetyBlockWide h2 {
    background: none !important;
    padding: 0;
    margin: 0 0 10px 0;
}

#safetyBlockWide h2  {
	background: none;
}
.container {

    margin: 0;
    width: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}
/*#main #content {
    margin: 0 5%;
}*/
#main #content {
    margin: 0 0 0 1%;
    float: left;
 
}
.breadCrumbs {
    margin-bottom: 20px;
    font-size: 13px;
    margin-top: 20px;
    width: 90%;
    margin: 0px 2%;
    color: #999;
}
.breadCrumbs a {
    color: #0061b2;
    font-weight: bold;
}
.portfolio-entry {

    height: 370px;
    overflow: hidden;

}
.portfolio-entry a {
    text-decoration: none;
    color: #fff;
}
.portfolio-entry-details {

    margin-top: 0;
    height: 270px;
    position: relative;
    top: -255px;

}

.portfolio-entry-title a {

     background: rgba(0,97,178,.0) !important;
    float: left;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: auto;
    vertical-align: middle;
    padding: 110px 5% 0 5%;
    align-items: end;
    height: 160px;
    margin: 0;
    transition: all 0.1s ease;

}
.portfolio-entry-title a:hover{

    background: rgba(0,97,178,.2) !important;
	 background: rgba(0,97,178,.9) !important;
	color: #ffffff;

    float: left;
    width: 80%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: auto;
    vertical-align: middle;
    padding: 30px 10% 90px 10%;
    align-items: end;
    height: 150px;
    margin: 0;
	 transition: all 0.5s ease;
}

.hoverContent {
    opacity: 0;
    font-size: 12px;
    text-transform: none;
    font-weight: 100;
    line-height: 1.5em;
    margin-top: 10px;
    transition: all 0.1s ease;
}
.contactWidget .AdvancedText {
    background: #444444 !important;
}
.contactWidget .AdvancedText a, .contactWidget .AdvancedText {
    color: #fff;
}
.readMore {

    border-radius: 30px;
    border: 2px solid #fff;
    width: auto;
    height: 30px;
    margin: auto;
    opacity: 0;
    transition: all 0.1s ease;
    line-height: 30px;
    font-size: 14px;
    font-weight: 200;
    display: inline;
    padding: 5px 15px;

}
.portfolio-entry-title a:hover .readMore {
	opacity: 1;
	transition: all 0.1s ease;
}
.portfolio-entry-title a:hover .hoverContent {
	opacity: 1;	
 transition: all 0.1s ease;
margin-top:10px;
}
.portfolio-entry-title a:hover {
    background: rgba(0,97,178,.2) !important;
    background: rgba(0,97,178,.9) !important;
    color: #ffffff;
    float: left;
    width: 90%;
    position: absolute;
    top: 20px;
    left: 0;
    display: block;
    height: auto;
    vertical-align: middle;
    padding: 30px 5% 90px 5%;
    align-items: end;
    height: 150px;
    margin: 0;
    transition: all 0.5s ease;
}
#portfolio-wrap {
    float: left;
    width: 99%;
    margin: 0;
    border-top: 0;
    padding-top: 2%;
    padding: 0% 0% 0% 0% !important;
}
#portfolio-wrap .span_1_of_3.col {

    margin: 0.5% !important;
    height: 200px !important;
    position: relative;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: #fff;
    width: 32%;
    padding: 0% !important;
    border: 10px solid #fff;
    box-shadow: 0;

}
.portfolio-entry-media {
    background: #0061b2;
    height: 205px !important;
    overflow: hidden;
    padding: 10px;
}
#portfolio-wrap .span_1_of_3 {

    width: 33%;
    float: left;
    clear: none;

}
#portfolio-wrap .span_1_of_3:hover {
	box-shadow: 0 0px 5px rgba(0, 0, 0, .3);

}
#portfolio-wrap .portfolio_category-sticky.span_1_of_3.col {

    margin: 1.5% !important;
    height: 240px !important;
    position: relative;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: #fff;
    width: 30%;
    padding: 0% !important;
    border: 10px solid #fff;

}


.portfolio-entry-media a, .portfolio-entry-media img {

    display: block;
    width: 121%;
    position: relative;
    bottom: 0;
    left: -5%;
    opacity: 0.85;
    bottom: 5%;

}
.portfolio-entry-title a:hover .portfolio-entry-media img, .portfolio-entry-title a:hover  .portfolio-entry-media img{
	filter: grayscale(100%);
}
.collapseItem {
    float: left;
    display: block;
    height: auto;
    padding-left: 39%;
    width: 60%;
    margin: 0px 0 20px 0 !important;
    border-bottom: 1px solid #eee;
    line-height: 1.5em;
    position: relative;
    padding-bottom: 20px;
}

.collapseItem img {
    float: left;
    position: relative;
    left: 0;
    width: 55%;
    margin-right: 5%;
    margin-bottom: 0;
    margin-left: -65%;
    margin-top: 20px;
}
.collapseItem h2 {

    margin: 10px 0 17px 0;
    padding: 0 !important;
    line-height: 23px;
    color: #0061b2;
    font-size: 20px;
    font-weight: 500;

}
.read_div {

    margin-left: 0% !important;
    float: left;

}
a.read-link {

    border: 0;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    color: #0061b2;
    margin-top: 10px;
    line-height: 14px;
    font-size: 30px;
    position: relative;
    float: left !important;
    right: 0px !important;
    font-weight: 200;
    border: none !important;

}
a.read-link:hover {
	border: none !important;
	font-weight: inherit;
   
   
}

.rightMenu {

   
    background: #fff;

}

.scrolled .headerTop {

    position: relative;
    top: 0px !important;
    width: 100%;
    background: #fff !important;
    z-index: 9999999999999;
    padding-top: 0;
    box-shadow: 0 !important;
    background: #eee !important;

}
.scrolled .headerTop h1 {
	

}
.left-content {

    float: left;
    width: 95% !important;

}
.sidebar-container {

    float: right;
    width: 15.6% !important;
    margin-right: 0;
    position: fixed;
    top: 102px;
    z-index: 9999999;
    right: 0;

}
.footerA {
    border-top: 1px solid #eee;
    border-bottom: 0;
    padding: 2% 0 0 0;
    margin: 2% 0;
    text-align: center;
}
.footerA h4 {

    font-size: 18px;
    text-transform: uppercase;
    font-weight: 100 !important;
    color: #999;
    letter-spacing: .1em;
    background: #fff;
    display: inline;
    padding: 0 20px;
    position: relative;
    top: -41px;

}
.one {

    background: #0057a0 url(https://firstgas.co.nz/wp-content/uploads/outage.png) 2% 20px / 11% no-repeat;
    width: 88%;
    height: 0;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 0;
    z-index: -20 !important;
    padding-left: 12%;

}
.two {

    background: #f90 url("https://firstgas.co.nz/wp-content/uploads/connections.png") no-repeat scroll 20px 30px / 11% auto;
    width: 88%;
    height: 0;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 0;
    z-index: 9 !important;
    padding-left: 12%;
    overflow: hidden;

}
.three {

    background: #cc0000 url("https://firstgas.co.nz/wp-content/uploads/emergency-1.png") no-repeat scroll 2% 25px / 11% auto;
    width: 88%;
    height: auto;
    position: relative;
    top: 0;
    right: 0;
    border-radius: 0;
    z-index: 9 !important;
    padding-left: 12%;
    overflow: hidden;

}
.searchBox {

    background: #0061b2 url("https://firstgas.co.nz/wp-content/uploads/magnify.png") no-repeat scroll 20px 0 / 6% auto;
    width: 100%;
    height: 0;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 0;
    z-index: 9 !important;
    padding-left: 90px;
    overflow: hidden;

}
.two h2, .two h3, .three h3 , .three h2,.search h3 , .search h2 {

    color: #fff;

}
.two h3, .three h3 {

    font-size: 35px;
    font-weight: 900;
    line-height: 1em;
    line-height: 34px;

}
.two h1 {

    font-weight: 100;
    font-size: 30px;

}
.two p {

    padding-top: 15px;
    padding-bottom: 4px;
    margin-bottom: 0;
    font-size: 17px;

}
.two select {

    max-width: 100%;
    border: 1px solid #eee;
    background: none;
    color: #fff;
    font-size: 15px;
    padding: 5px;
    font-family: 'Open Sans';
    width: 200px;

}
.one .inner, .two .inner , .three .inner {
    padding: 2.7% 2% 2% 2%;
}
.one .inner h1, .one .inner p, .two .inner h1, .two .inner p , .three .inner h1, .three .inner p {
	color: #fff;

}
a#buttonemergency, a#buttonconnect, a#button, a#buttonsearch {

    float: right !important;
    border-radius: 20px;
    color: #eee;
    margin-top: 0;
    margin-left: 10px;
    padding-bottom: 0;
    height: 30px;

}
#button {

    background: url(https://firstgas.co.nz/wp-content/uploads/outage.png) no-repeat 5px 5px / 30px;
        background-color: rgba(0, 0, 0, 0);
    padding: 10px 11px 10px 38px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;

}
#buttonconnect {

    background: url(https://firstgas.co.nz/wp-content/uploads/connections.png) no-repeat 4px 6px / 31px;
        background-color: rgba(0, 0, 0, 0);
    padding: 10px 13px 10px 38px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;

}
#buttonemergency {

    background: url(https://firstgas.co.nz/wp-content/uploads/emergency-1.png) no-repeat 5px 7px / 28px;
        background-color: rgba(0, 0, 0, 0);
    padding: 10px 14px 10px 38px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;

}
.emergencyHover {
    position: absolute;
    width: 220px;
    background: #C00;
    z-index: 9999;
    top: -600px;
    right: 0px !important;
    overflow: hidden;
    transition: all .02s ease-in-out;
    height: auto;
    padding: 2%;
    overflow: hidden;
    border-radius: 10px;
}
.outageHover {

    position: absolute;
    width: 220px;
    background: #0061b2;
    z-index: 99999999999999999;
    top: -400px;
    right: 120px !important;
    overflow: hidden;
    transition: all .02s ease-in-out;
    height: auto;
    padding: 2%;
    overflow: hidden;
    border-radius: 10px;

}
.connectHover {

    position: absolute;
    width: 220px;
    background: #fff;
    z-index: 99999999999999999;
    top: -400px;
    right: 240px !important;
    overflow: hidden;
    transition: all .02s ease-in-out;
    height: auto;
    padding: 2%;
    overflow: hidden;
    border-radius: 10px;

}
.searchHover {

    position: absolute;
    width: 300px;
    background: #0061b2;
    z-index: 99999999999999999;
    top: -440px;
    right: 0 !important;
    overflow: hidden;
    transition: all .2s ease-in-out;
    height: auto;
    padding: 0;
    overflow: hidden;
    border-radius: 10px;
    height: 50px;

}
/*.outageHover, .connectHover, .searchHover*/



.emergencyBtn:hover .emergencyHover {
	opacity: 1;
	transition: all .2s ease-in-out;
	top: 40px;
}
.outageBtn:hover .outageHover {
	opacity: 1;
	transition: all .2s ease-in-out;
	top: 40px;
	z-index:99999999999999;
}
.connectBtn:hover .connectHover {
	opacity: 1;
	transition: all .2s ease-in-out;
	top: 40px;
}
.searchBtn:hover .searchHover {
	opacity: 1;
	transition: all .2s ease-in-out;
	top: 40px;
}
.emergencyHover h1, .outageHover h1, .connectHover h1, .searchHover h1 {

    color: #fff;
    font-size: 26px;
    line-height: 25px;
    margin-bottom: 10px !important;
    font-weight: 600;

}
.connectHover h1{

    color: #0061b2;


}
.connectHover h2 {
    color: #0061b2;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px !important;
    font-weight: 100;

}
  .connectHover h2 strong{
color: #0061b2;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px !important;
    font-weight: 700;
 }
.connectHover h3 {

    color: #0061b2;
    font-size: 30px;
    line-height: 28px;
    margin-bottom: 5px !important;
    font-weight: 100;

}
  .connectHover h3 strong{
color: #0061b2;
    font-size: 30px;
    line-height: 28px;
    margin-bottom: 10px !important;
    font-weight: 700;
 }
.emergencyHover p, .outageHover p, .connectHover p {

    color: #fff;
    font-size: 12px;
    margin-bottom: 5px;

}
#buttonsearch {

	background: url(https://firstgas.co.nz/wp-content/uploads/mag-icon.png) no-repeat 3px 7px / 30px;
	background-position-x: 3px;
	background-position-y: 7px;
	padding: 10px 20px 10px 35px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;

}
.topMenuWrapper {
    position: fixed;
	 position: absolute;
    top: 0px;
    width: 100%;
    margin: auto !important;
    display: block;
    left: 0 !important;
    z-index: 99999999999999;
}
.topMenu {
    float: none;
    padding-bottom: 10px;
    background: none;
    padding: 0;
    transition: all .2s ease-in-out;
    top: 0;
    right: 0;
    z-index: 999999999999999999999;
    max-width: 980px !important;
    margin: auto !important;
    position: relative;
}
.topMenu a:hover {

    background-color: rgba(255,255,255,.1) !important;

}
.form {
    float: left;
    padding-right: 0;
    margin-right: 40px;
    border-right: 0;
    padding-bottom: 0;
}
.form h1 {
    padding: 0 !important;
    margin: 10px 0 0 0;
}

#menu-item-1394::after, #menu-item-1281::after, #menu-item-1449::after, #menu-item-1468::after  {
   color: rgba(255,255,255,.8);
    text-align: center;
    font-weight: 200;
   /*  padding: 0;
    font-size: 13px;
    margin: 0;
    letter-spacing: .03em;*/
	padding: 0 15px !important;

}
.scrolled .topMenu {

    display: block;

    transition: all .2s ease-in-out;
    position: relative;
    top: -50px;

}
.scrolled #wrap {

/*    padding-top: 320px;*/

}
.scrolled .site-branding {

    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    transition: all .2s ease-in-out;

}
.scrolled #menu-item-1394::after, .scrolled #menu-item-1281::after, .scrolled #menu-item-1449::after {
/*    color: #999;*/

}
.ubermenu-target-title {

    padding: 0 15px;

}
.ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {

    font-weight: normal;
    color: #fff;

}
.ubermenu .ubermenu-submenu .ubermenu-column-auto {

    font-size: 15px;
}
.ubermenu-submenu {

    margin-top: 34px !important;

}
.ubermenu .ubermenu-autocolumn, .ubermenu .ubermenu-submenu-type-stack {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0px !important;
}
#menu-item-1394::after {
	  content: 'To Natural Gas';
}
#menu-item-1281::after {
    content: 'Near our pipelines';
   
}
#menu-item-1468::after {
    content: 'Touch Base';
   
}
#menu-item-1449::after {
    content: 'Our Company';
}
.ubermenu-skin-grey-white .ubermenu-submenu.ubermenu-submenu-drop {

    background: #0061b2;

}
.ubermenu .ubermenu-submenu .ubermenu-column-auto {

    min-width: 100px;
    width: auto;
    max-width: 140px;

}
.threeColMain {
    float: left;
    border: 0;
    margin-top: 20px;
    box-shadow: 0px 0px 40px #ccc;
    margin-left: 0%;
    min-height: 475px;
    width: 31.2%;
    padding: 0 0 22px 0;
}
.threeColMain img {

    display: inline-block;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: -9;
    margin-bottom: -47px;

}
.threeColMain.count-2 {

    margin-right: 2.7%;
    margin-left: 2.7%;

}
.threeCol p {
    padding: 0 9% 0 9%;
}
.content {
    margin: 30px;
}
.threeColMain h3 {
    background: #0061b2;
    left: 0;
    top: 0px;
    margin: 0 0 0px 0 !important;
        margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    width: 87.1%;
    padding: 4% 5% 4% 15%;
    color: #fff !important;
    text-transform: none !important;
    font-size: 27px !important;
    border: 0 !important;
    float: left;
    position: relative;
    left: 0;
    height: 40px;
    box-shadow: none !important;
    margin-bottom: 20px !important;
}
/*.threeColMain h3::after {

    background: url(https://firstgas.co.nz/wp-content/uploads/box-shadow.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 13px;
    height: 30px;
    content: '';
    float: left;

}*/
.threeColMain .inner {
    padding: 0;
    height: 275px !important;
}

/*UBER MENU*/

.ubermenu-items-align-left.ubermenu-horizontal .ubermenu-item.ubermenu-item-level-0, .ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left {
	float: none !important;
}
.ubermenu .ubermenu-nav .ubermenu-column-1-4 {
    width: auto !important;
}
#site-navigation {
    clear: right;
    float: right;
    margin-top: 50px;
    right: 5% !important;
    position: absolute;
    transition: all .2s ease-in-out;
}
.ubermenu-skin-grey-white {
    border: none;
    background: none  !important;
}
home #thediv::before {
	width: auto;
	
}
.home #thediv {
    min-height: 85%;
    min-width: 100%;
    display: flex;
    align-items: stretch;
    position: unset;
    background-position: bottom center;
    background-repeat: no-repeat !important;
    background-color: none;
    background-size: 180% !important;
    margin: 0;
    display: block;
}
.homepage-slide-cta, a.btn {
    border: 0;
    float: left;
    display: block;
    margin: 20px 0;
    color: #fff;
    padding: 6px 14px;
    border-radius: 7px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .03em;
    border: 3px solid #fff;
}
.homepage-slide-cta:hover {
	background: #fff;
	color: #0061b2;
}
#thediv {
	height: 230px;
	/*background: url(https://firstgas.co.nz/wp-content/uploads/family-home.jpg) 0px -100px;
	*/background-size: auto auto;
	background-size: 100%;
	display: none;
	
}
.feature-entry-content {
    z-index: 999999 !important;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0, .6);
    height: 240px;
    opacity: 0;
}
.feature-entry-header {
    position: ABSOLUTE;
    MArgin: 0 !important;
    padding: 0 !important;
    width: 100%;
    bottom: 0 !important;
    z-index: 9999999999;
}
.feature-thumbnail {
    margin: 0;
    max-height: 240px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
#homepage-features article {

    position: relative;
}
/*#thediv::before {

    background: #ccc;
    position: relative;
    width: 100%;
    height: 230px !important;
    left: 0;
    top: 0;
    content: '';
    float: left;a
    opacity: 0.6;

}*/
html, body {

    height: 100%;
    margin: 0;
    background: none;

}
#homepage-slider-wrap {

}
.page-id-1495 table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    padding: 10px !important;
}
.page-id-1495 .read_div {
    margin-left: 0% !important;
    float: left;
    padding: 18px;
}
.sidebar-container a:hover {
    color: #0061b2;
}
#tab_container_1603 .wpsm_nav {
    width: 30%;
    text-align: left !important;
}
.scrolled #site-navigation {

    clear: right;
    float: right;
    margin-top: 10px;

    position: absolute;

}

/*.parent-pageid-1392 article {

    float: left;
    width: 45%;

}
*/.map {

    width: 50%;
    float: right;
    margin-left: 5%;

}
.pum-theme-1011, .pum-theme-default-theme {
    background-color: rgba( 0, 0, 0, .5 ) !important;
}
.pum-theme-1011 .pum-title, .pum-theme-default-theme .pum-title {

    text-align: left;
    text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 );
    font-family: inherit;
    font-weight: inherit;
    font-size: 20px !important;
    line-height: 36px;
    font-weight: 700 !important;
    color: #0061b2 !important;
    margin-bottom: 20px;
    text-transform: uppercase;


}
.pum-theme-1011 .pum-container, .pum-theme-default-theme .pum-container {
	background: #fff !important;	
}
.pum-container.pum-responsive.pum-responsive-medium {
    margin-left: -45%;
    width: 90%;
    border-radius: 10px;
}
.pum-theme-1011 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {

    height: auto;
    width: auto;
    left: auto;
    right: 20px;
    bottom: auto;
    top: 20px;
    padding: 1% 2%;
    color: #ffffff;
    font-family: inherit;
    font-weight: inherit;
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    border: 1px none #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 );
    text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 );
    background-color: #0061b2 !important;

}
/*.threeColMain.count-1 {
    background: none !important;
    box-shadow: none;
    padding-top: 20px;
}
.threeColMain.count-1 h3 {

    background: none;
    color: #0061b2 !important;
    padding-left: 18%;
    display: block;
    width: 70%;
    line-height: 1em;
    position: relative;
    top: 143px;
    box-shadow: none;

}*/
/*.threeColMain.count-1 .inner {

    padding-top: 270px;
    background: url(https://firstgas.co.nz/wp-content/uploads/isgas-1.jpg) no-repeat 0 0 / 100%;
    padding-bottom: 0;
    height: auto !important;

}*/
/*.count-1 a.button {

    background: #fff;
    border: 1px solid #ccc;
    color: #666;

}

.threeColMain.count-1 .inner {

    padding-top: 230px;
    background: url(https://firstgas.co.nz/wp-content/uploads/isgas-1.jpg) no-repeat 0 0 / 100%;
    padding-bottom: 30px;
    height: auto !important;

}*/

/*.threeColMain.count-1 h3::after {
	display: none;	
}*/

.ubermenu .ubermenu-submenu .ubermenu-column {

    display: block;
    width: auto !important;
    clear: both;
    float: left;

}
.topCheck {

    float: left;
    width: 100%;
    padding-right: 0;

}
.topCheck a.button {
    background: none;
    display: block !important;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    color: #0061b2 !important;
    border: 1px solid #0061b2;
    float: left;
    margin-right: 12px;
    border-radius: 5px;
    margin-top: 12px;
    margin-bottom: 0;
    width: auto;
    bottom: 0 !important;
}
.emergencyHover .topCheck a.button {
	color: #fff !important;
		border: 1px solid #fff;
}
#pum-1643 a.button {
    background: #f90 none repeat scroll 0 0;
    display: block !important;
    padding: 18px 0;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    color: #fff;
    border: 1px solid #fff;
    float: none;
    margin-right: 6px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 0;
    width: 290px;
    bottom: 0 !important;
    margin: auto;
}
.pum-overlay h2 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 100 !important;
}
#pum-1643 {
    z-index: 199999999999999 !important;
}
.ubermenu.ubermenu-transition-slide .ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega, .ubermenu-submenu.ubermenu-submenu-type-mega {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-left: 0;
    margin-right: 0% !important;
    width: 100%;
    height: 490px;
}
.ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {

    font-weight: normal;

}
nav#bellows-main-getconnected li {
    background: #fff !important;
}
.bellows.bellows-skin-vanilla .bellows-nav .bellows-item-level-0.bellows-current-menu-item > .bellows-target, .bellows.bellows-skin-vanilla .bellows-nav .bellows-item-level-0.bellows-current-menu-ancestor > .bellows-target {
    background: #fff !important;
    font-weight: bold;

    color: #0061b2;
}
.bellows .bellows-nav .bellows-active > .bellows-target .bellows-subtoggle .bellows-subtoggle-icon-collapse {
    display: no ne;
}
.bellows-subtoggle-icon-collapse.fa.fa-chevron-up,
.bellows-subtoggle-icon-expand.fa.fa-chevron-down {
    font-size: 12px;
}
.bellows.bellows-skin-vanilla {
	box-shadow: none !important;	
}
.bellows .bellows-nav .bellows-submenu .bellows-target {
    padding-top: 10px;
    padding-bottom: 10px;
}
.bellows .bellows-nav .bellows-submenu .bellows-item-level-2 .bellows-target {
    padding-left: 22px !important;
    background: rgba(0,0,0,.02);
}
.sidebar-widget nav#bellows-main-getconnected,
.sidebar-widget nav#bellows-main-safetymenu,
.sidebar-widget nav#bellows-main-aboutourcompany {
    color: #363e47;
    box-shadow: 0px 0px 40px #ccc !important;
}
.ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {



}
/*ul ul ul .ubermenu-target {

    background: red !important;

}*/
.ubermenu ul ul ul {

    padding: 0 !important;
    margin: 0 !important;

    float: left !important;
    clear: both !important;


}
.ubermenu-submenu li a {

    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
        margin-right: 0px;
    margin-right: 0px;
    margin-right: 0px;
    margin-right: 0px;
    margin-right: 0px;
    margin-right: 0px;
    border-radius: 10px !important;
    font-size: 20px;
    font-weight: bold;
    width: 260px !important;
    text-transform: none !important;

}
.ubermenu .ubermenu-submenu li li a {

    display: block;
    float: left;
    width: auto;
    font-size: 13px !important;
    background: none !important;
    font-weight: 100;
    line-height: 13px;

}

.bellows {
    margin: 0px 0 !important;
}
a.buttonLeft {
    background: #0061b2;
    display: block !important;
    padding: 18px 20px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    color: #fff !important;
    border: 1px solid #fff;
    float: left;
    margin-right: 6px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: auto;
    bottom: 0 !important;
}
a.buttonLeft:hover {
    background: #666;
	color: #fff;
	border: 1px solid #666;
}
.hideable { display:none }

.twoColumn {
    float: left;
    width: 45%;
}
.twoColumn.left {
    padding: 0 2% 0 0;
    width: 47%;
}
.twoColumn.right {
    padding: 0 0 0 2%;
    width: 47%;
}
#secondary .textwidget {

    text-align: left;
}
.widget-1 li a {

    background: url(https://firstgas.co.nz/wp-content/uploads/document.png) 4px 6px / 22px no-repeat;
    padding: 10px 30px 10px 30px;
    display: block;
    line-height: 16px;
    color: #fff;
    border-radius: 10px;

}
.widget-1 li a:hover {
  background: url(https://firstgas.co.nz/wp-content/uploads/document.png) 4px 6px / 22px no-repeat rgba(255,255,255,.1);
    color: #fff;

}
.staff-entry-media img {
    width: 100%;
}
.portfolio_category-sticky {
 
}

.portfolio_category-sticky .portfolio-entry-title a {

     background: rgba(0,97,178,.0) !important;
    float: left;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: auto;
    vertical-align: middle;
    padding: 110px 5% 0 5%;
    align-items: end;
    height: 160px;
    margin: 0;
    transition: all 0.1s ease;
}
.portfolio_category-sticky.span_1_of_3.col {

    margin-bottom: 90px !important;
    height: 300px !important;
    padding: 20px !important;

    overflow: auto;
    display: relative !important;
    float: left !important;

}
#menu-item-1468 a.ubermenu-target.ubermenu-item-layout-text_only {

    padding: 0 !important;

}
.search-section {

    width: 100%;
    position: absolute;
    display: block;

}
.searchBox .inner {

    padding: 1% 2%;

}
.search-section .auto-suggest-submit {

    background: url(../images/search.png) #000 no-repeat scroll 50% 50%;
    border-radius: 10px;
    bottom: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 5px;
    height: 35px;

}
.search-section input.auto-suggest-front {

    width: 95%;
    height: 40px;
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 10px;
    background: #fff !important;
    color: #333;
    border: 0;
    margin-left: 2%;

}
.search-section .auto-suggest-submit {

    background: #fff;
    border-radius: 10px;
    bottom: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    left: 260px;
    top: 5px;
    height: 40px;
    color: #0061b2;
    width: 30%;
    text-align: center;

}
.asr-container {

    border: 0;
    width: 92%;
    z-index: 99999999 !important;
    position: relative;
    top: 46px;
    margin-bottom: 60px;

}
.pum-container.pum-responsive.pum-responsive-medium {

    background: #fff url(https://firstgas.co.nz/wp-content/uploads/magnify.png) 20px 35px / 170px no-repeat;
    min-height: 230px;
    border: 0;
    padding-left: 200px;
    padding-top: 90px;
}
.search-section button {

    display: none !important;

}
.result-section .post-details {

    width: 100%;
    float: left;
    min-height: 0;
    padding: 2px 5px;
    border-bottom: 0;
    background: #fff;
    box-sizing: border-box;

}
.search-section .auto-suggest-submit:hover, .search-section .auto-suggest-submit:focus {

    background: none rgba(255,255,255,.5) scroll 50% 50%;

}
p.more-res {

    margin-bottom: 0;
    text-align: center;
    text-transform: capitalize;
    font-size: 15px;
    padding: 5px 10px 0;
    background: rgba(25,86,163,1);

}
.result-section .col-right .post-title a {

    font-size: 15px;
    color: rgba(25,86,163,1);
    box-shadow: none;
    border-bottom: 0;
    text-decoration: none;

}
.result-section .post-details {

    width: 100%;
    float: left;
    min-height: 0;
    padding: 5px 5px;
    border-bottom: 0;
    background: none;
    box-sizing: border-box;

}
.page-id-1392 .portfolio_category-sticky {
display: block !important;

}

.steps {

    float: left;
    width: 18.1%;
    height: auto;
    overflow: hidden;
    padding: 0% 2% !important;
    padding-left: 13%;
    padding-left: 13%;
    margin: 1%;
    border: 0;
        border-right-color: currentcolor;
        border-right-style: none;
        border-right-width: 0px;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: 0px;
    border-right: 1px solid #eee;
    border-radius: 0;
    padding: 1% 2% 0 2% !important;
    background: none;
    overflow: hidden;

}
.steps h2 {

    background: #fff !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 10px 15px 15px 13px;
    margin: 10px auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    text-align: center;
    color: #0061b2;
    display: block;
    float: none;
    margin-left: 0;
    border: 1px solid #eee;
    margin: auto auto 30px auto;

}
.pum-theme-1012, .pum-theme-lightbox {

    background-color: rgba(25,86,163,.9) !important;

}
.ubermenu-skin-grey-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {

    width: 100% !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
    height: auto !important;

}#pum-1960 {

    z-index: 1999999999999999  !important;

}

.mobmenul-container {
    top: 5px;
    margin-left: 5px;
    right: 0;
}
.mob-menu-header-holder {
    background-color: transparent;
    height: 40px;
    width: 100%;
    font-weight: bold;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 9999999998 !important; 
    color: #000;
    display: block;
}
.mob-menu-slideout .mob-menu-left-panel, .mob-menu-slideout-over .mob-menu-left-panel {
    position: fixed;
    top: 160px;

    z-index: 9999999999 !important;

}
.steps a.buttonLeft, .steps a:hover.buttonLeft {

    background: #0061b2;
    border: 0 !important;
    color: #fff !important;
    width: 80%;
    padding: 20px;

}
.steps a:hover.buttonLeft {
	opacity: .7;
}




.docWrapper input {
  display: none;
}



.docWrapper {

    -webkit-transition: height .3s ease;
    overflow: hidden;
    width: 400px;
    position: absolute;
    right: -300px;
    margin-top: 0;
    transition: all .4s ease-in-out;
    padding: 20px;

}
input:checked + .docWrapper {

    height: auto;
    width: 400px;
    right: 0;
    transition: all .4s ease-in-out;

}
element {

}
label.relatedDocs {

    width: 86px;
    padding: 55px 10px 10px 10px;
    text-align: left;
    line-height: 1em;
    text-transform: uppercase;
    background: none;
    position: absolute;
    top: 30px !important;
    left: 20px;
    background-color: rgba(200,200,200,.8) !important;
    border-radius: 0;
    background: url(https://firstgas.co.nz/wp-content/uploads/document.png) no-repeat #f90 8px 12px / 35px !important;
    color: #fff;
    font-size: 13px;
    border-right: 0;
    box-shadow: 0;
    margin: 0;
    border-radius: 10px;

}
label.relatedDocs:hover {
opacity: .6;
}
.relevantDocs {

    background: #666;
    padding: 5%;
    margin-left: 120px;
    border: 0;
    border-radius: 20px;
        border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    border-top-left-radius: 0;

}
#FSContact1 {
	max-width: 100%;	
}
#FSContact1 form > div {
    float: left;
    width: 100%;
    clear: none !important;
}

#check {
    display: none;
}
/*  HIDE ALL   */
#portfolio-wrap article {
    display: n one;
}

/*CONNECTION PROCESS*/

.page-id-1508 #portfolio-wrap art icle {
    display: none;
}
.yuzo-img {

    width: 100% !important;
    height: 280px !important;

}
.yuzo__text--title {

    position: relative;
    text-align: center !important;
    margin: auto !important;
    font-size: 24px !important;
    font-weight: 700;
    bottom: 140px !important;
    width: 100% !important;
    float: left !important;
    line-height: 1em;

}
.yuzo_related_post .relatedthumb {

    margin: 1% !important;
    padding: 0 !important;
    width: 29.6% !important;
    height: 280px !important;
    box-shadow: 0 0px 5px rgba(0, 0, 0, .3);
    border: 10px solid #fff;

}
.ubermenu-skin-grey-white .ubermenu-submenu, .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-target {

    color: #0061b2 !important;

}
.homepage-wrap {
    width: 60%;
}
.flexslider .slides img {

    max-width: 500% !important;
    display: block;
    height: 114% !important;
    position: absolute;
    width: auto;

}
select {
    max-width: 100%;
    background: #0061b2;
    border: 0;
    padding: 5px 10px;
    color: #fff;
    font-family: 'Open Sans';
    font-size: 14px;
    width: 300px;
    border-radius: 3px;
}
.portfolio-entry-title .readMore {
	display: none;	
}
.mobmenu [class^="mob-icon-"]::before, .mobmenu [class*=" mob-icon-"]::before {
    font-size: 18px !important;
}
.mob-menu-header-holder {

    width: auto !important;
	top: 10px !important;

}
#homepage-content hr {
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 0;
    width: 60px;
    margin: 5px 0 0 0;
}
.flexslider .slides img {

    position: relative !important;
    width: auto;
    width: 120% !important;

}

#footer {

    padding-top: 2%;

}
.emergencyWrapper {

    margin-right: 5%;
    float: right;
    padding: 0;
    width: 50%;
    margin-top: 15px;
	display: none;

}
.emergencyInfo {

    float: right;
    padding: 3px 10px;
    width: auto;
    text-align: right;
    background: #fff;
    border-radius: 10px;
    margin-right: 1%;
    color: #999;
    margin-top: 5px;
    line-height: 18px;

}
.emergencyInfoTitle strong {

    font-weight: 900;

}
.emergencyInfo strong {

    font-weight: 600;
    font-size: 18px;

}
.emergencyInfo h2 {
	font-size: 13px;
}
.emergencyInfoTitle {

    float: right;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    text-transform: uppercase;

}

#main, .headerTop h1, .breadCrumbs, #header.container, #footer, #primary {
    max-width: 980px !important;
	margin:auto;
}
.emergencyHover .inner h1 a {

    color: #fff !important;
    text-decoration: underline;

}
ul#steps {
    border-bottom: 0;
    margin-bottom: 15px;
    float: right;
    margin: 0 0 -125px 0;
    width: 340px;
    position: relative;
    top: -125px;
    z-index: 9999999;
    right: -10px !important;
}
ul#steps li a {
	text-decoration: none !important;
	font-weight: 900;
	border: 0;
	  color: #0061b2;
}
ul#steps li {

    background: #fff !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 10px 15px 15px 13px;
    margin: 10px auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    text-align: center;
    color: #ccc;
    display: block;
    float: none;
    margin-left: 0;
    border: 1px solid #eee;
    float: left;
    margin: auto 15px 5px 0px;
    list-style: none;

}
.mobmenu .headertext {
	display: none;	
}

#wpadminbar {
    z-index: 99999999999999999999999999;
}
#FSContact5 fieldset {
    border: 1px solid #eee !important;
    margin: 20px 0;
}
.tab-content ul {
    margin: 15px 0 15px 0px;
}
.attachment-downloads {
	display: none;
}
.listing-item {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tab-content .download-attachments li {
	list-style: none;	
}
.tab-content .download-attachments .download-title {
    display: none;
    list-style: none !important;

}
.job-manager-application-wrapper .application .application_details, .single_job_listing .application .application_details {
display: block !important;	
}
.application_button.button {
    display: none !important;
}
.wp-block-columns {

    display: flex;
    flex-wrap: wrap;
    float: left;

}


#fscf_required7, #fscf_required1, .small {
    font-size: 11px;
    line-height: 17px !important;
    display: inline-block;
}
div .fiveCol {

    width: 20%;
    float: left;
    padding: 0;
    min-height: 510px;
    border-right: 0;
    margin: -1px;
        margin-top: -1px;
        margin-bottom: -1px;
    background: 

#eee !important;

border-left: 1px solid
#fff;

border-right: 1px solid

    #fff;

}
div .fiveCol p {

    padding: 0 20px;

}