/* Utilitrack */
* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background: #e9e9e9;
	font-family: 'Open Sans', sans-serif;
}
a {
	text-decoration: none;
	color:red!important;
	transition: all 0.3s ease;
}
a:hover {
	transition: all 0.3s ease;
}
ul {
	list-style: none;
}
img {
	max-width: 100%;
}
h1, h2, h3, h4, h6, strong {
	font-weight: normal;
}
h1, .titletext {
	margin:0 0 10px;
}
p , li{padding:15px 0;}
.width100, .wrapperbox, .topheader ul, .nav li ul li, .nav li ul a, .bannercta ul, .bannercta ul li span, .ctaheading, .ctadescription, .footerbox ul li, h1, .titletext, .contentbox ul, .contentbox ol, .contentbox p, .innnerbanner ul, .aboutbanner span, .stepbox span, .bannerslider ul, .bannerslider li, .bannerslider li img, .stepout, .labelout, .contentbox .stepright p strong, .manageutili, .managetext strong, .contentbox .manageutili ul li, .gaslogo, .gaslogo ul, .formbox_two, .formbox_two h4, .radiolist, .supplierslogo, .radiolist li input[type="checkbox"], .subscribebox, .leaderbox, .leaderbox li, .subheading span, .newheader, .navigation ul, .loginboxnew .mainspan span, .loginboxnew a, .flexslider, .mobmenu {
	width: 100%;
}
.floatleft, .wrapperbox, .topheader a, .topheader ul, .topheader li, .logobox, .topnav, .smmbox, .loginbox, .topnav, .loginbox a span, .loginbox a img, .nav li, .nav li a, .nav li ul li, .nav li ul a, .bannercta ul, .bannercta ul li span, .bannercta ul li, .leftcta, .footerbox ul, .footerbox ul li, h1, .titletext, .aboutleft, .contentbox ul, .contentbox ol, .contentbox p, .innnerbanner ul, .aboutbanner span, .stepbox span, .bannerslider ul, .bannerslider li, .bannerslider li img, .stepout, .stepbox, .stepform, .formbox, .labelout, input[type="text"], input[type="email"], input[type="tel"], select, textarea, input[type="checkbox"], input[type="submit"], .labelout span, .contentbox .stepright p strong, .manageutili, .manageimg, .managetext, .managetext strong, .contentbox .manageutili ul li, .gastext, .gasform, .gaslogo, .gaslogo ul, .resileft, .resiright, .formbox_two, .formbox_two h4, .formlist li, .formlist li strong, .formlist li img, .radiolist, .supplierslogo, .radiolist li input[type="checkbox"], .subscribebox, .subscribebox .formbox_two h4 span, .contentbox .subheading strong, .leaderbox, .leaderimg, .leadertxt, .leaderimg img, .leaderbox li, .glossaryleft, .glossaryright, .locationbg .contactingbox, .addressbox, .subheading span, .newleft, .newheader, .navigation ul, .navigation ul li, .clock, .logtimebox, #Date, .clock ul, .loginboxnew, .loginboxnew .mainspan, .loginboxnew .mainspan span, .iconimg, .loginboxnew a, .flexslider, .mobmenu {
	float:left;
}
.widthauto, .topheader li, .topheader li, .logobox, .topnav, .smmbox, .loginbox, .topnav, .nav ul, .subscribebox .formbox_two h4 span, #Date, .clock ul {
 width:auto;
}
.floatright, .loginbox, .rightcta, .aboutright, .stepright, .subscribebox .formbox_two input[type="submit"], .contactingbox, .brokerlogin input[type=submit], .newright {
	float: right;
}
body, .subscribebox .formbox_two h4 span, textarea, .bannerslider li span.slide1 span, .bannerslider li span.slide2 span {
	font-weight:400;
}
h1, h2, h3, h4, h6, strong, .ctatitle, .topheader, .ctasubtitile, .bannercta ul li a, .homectabox a, .ctaheading, .savemoney, .aboutbanner span, .savemoney a, .stepbox, .stepsbanner span, input[type="submit"], h4, .contentbox .subheading, .managetext strong, .formbox_two h4, .moresupp, .bigfont, a.seemore, .navigation, .clock ul li, .loginboxnew .mainspan, .homecontact, .stepsbanner span strong, .bannerslider li span, .mobmenu {
	font-weight:600;
}
body, h1 span, a, .stepsbanner span strong, .subscribebox .formbox_two h4 span, .subheading span, .bannerslider li span.slide2 span, .bannerslider li span.slide5 {
	color: #272526;
}
h1, .titletext, .topnav li a:hover, .topnav li.active a, .homectabox a, .loginbox a, .nav li a:hover, .nav li.active > a, .nav li ul li a:hover, .nav li ul li.active > a, .footerbox ul li a:hover , .contentbox li::before, .savemoney a, .stepbox span, .stepsbanner span, .formbox h4, .formbox_two h4, .subheading, .managetext strong, .moresupp:hover, a.seemore:hover, .subscribebox .formbox_two input[type="submit"]:hover, .contactingbox .formbox_two input[type="submit"]:hover, .clock ul li, .bannerslider li span.slide2 { 
	color: #222;
}
.ctatitle, .bannercta ul li a:hover, .homectabox a:hover, .homecontact, .savemoney:hover, .navigation ul {
	background: #222;
}
body, .subscribebox .formbox_two h4 span, textarea {
	font-size: 15px;
}
h1, .titletext, .bigfont {
	font-size: 33px;
}
.contentbox .subheading, .contentbox .subheading strong, .ctaheading, .stepbox span, .contentbox .stepright p strong, .formbox_two h4 {
	font-size: 27px;
	line-height: 32px;
}
.ctatitle, .ctasubtitile, .contentbox .stepbox p, input[type="submit"], .formbox h4, .formlist li strong, .clock ul li {
	font-size: 22px;
	line-height: 26px;
}
h1, .titletext, .contentbox .subheading, .stepbox span {
	border-bottom-style: solid;
    border-bottom-width: 2px;
}
h1, .titletext, .contentbox .subheading, .stepbox span, .contentbox .manageutili ul {
	border-color: #d8d8d8;
}
.clear {
	clear: both;
}
.wrapperin {
	margin: 0 auto;
	width: 1188px;
}
/**Topheader**/
.topheader {
	padding: 5px 0;
	background: #fff;
	font-size:18px;
}
.topheader a {
	display: block;
}
.topnav {
	padding: 12px 10px 0;
}
.topnav li, .loginbox li {
	border-left: solid 1px #000;
}
.topnav li:first-child, .loginbox li:first-child {
	border-left: 0;
}
.topnav li, .loginbox li {
	padding: 0 14px;
}
.smmbox {
	padding: 18px 0 0 18px;
}
.smmbox li {
	margin: 0 4px;
}
.smmbox li a:hover {
	opacity: 0.8;
}
.loginbox {
	padding: 28px 0 0 20px;
}
.loginbox li:last-child {
	padding-right: 0;
}
.loginbox a:hover, .loginbox li.active a {
	color: #000;
}
.loginbox a span {
	padding: 0 6px 0 0;
}
/**Navigation**/
.nav {
	background: #272526;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	padding: 16px 0;
}
.nav ul {
	display: inline-block;
}
.nav li {
	padding: 0 20px 0;
	position: relative;
	border-left: solid 1px #222;
}
.nav li:first-child {
	border-left: none;
}
.nav li a {
	color: #fff;
	display: block;
}
/*submenu*/
.nav li ul {
	display: none;
	position: absolute;
	width: 230px;
	left: 0;
	top: 15px;
	z-index: 99;
	background: #272526;
	text-align: left;
}
.nav li:hover ul {
	display: block;
}
.nav li ul li {
	border-left: none;
	margin: 0;
	padding: 0;
}
.nav li ul a {
	border-bottom: solid 1px #000;
	padding: 8px 21px;
}
/**Banner**/
.bannerslider {
	position:relative;
}
.whitebg, .savemoney {
	background: #fff;
}
.savemoney {
	width: 100px;
	height: 150px;
	position: absolute;
	right: 0;
	bottom: 60%;
	padding: 12px 22px;
	font-size: 18px;
	text-align: center;
}
.savemoney:hover a {
	color:#fff;
}
.savemoney p {
	text-align:left;
}
.savemoney a {
	display:block;
}
.savemoney img {
	display: inline-block;
	margin: 4px 12px 0;
}
/**Bannercta**/
.bannercta {
	margin: -58px 0 0;
}
.bannercta ul {
	text-align: center;
}
.bannercta ul li {
	width: 258px;
	height: 310px;
	position: relative;
	background: #fff;
	margin-left: 52px;
}
.bannercta ul li:first-child {
	margin-left: 0;
}
.ctatitle {
	padding: 16px 10px;
	color: #fff;
}
.ctasubtitile {
	padding: 14px 10px 4px;
}
.textdescription {
	padding: 0 19px;
	font-size: 16px;
}
.bannercta ul li a {
	background: #7f7e7f;
	color: #fff;
	bottom: -18px;
	left: 48px;
	position: absolute;
}
.bannercta ul li a, .homectabox a {
	text-transform: uppercase;
	font-size: 16px;
	padding: 10px 14px;
}
.bannercta ul li a:hover, .homectabox a:hover {
	color: #fff;
}
.bannerslider li span {
	width: 100%;
	float: left;
}
.bannerslider li span {
	position: absolute;
	top: 20%;
	left: 0;
	padding: 0 11%;
	font-size: 42px;
	line-height: 44px;
}
.bannerslider li span {
	color: #fff;
}
.aboutbanner li span {
	top: 46%;
	padding: 26px 11%;
}
.bannerslider li span.slide1, .bannerslider li span.slide1 span, .bannerslider li span.slide2 span {
	font-size: 34px;
}
.bannerslider li span.slide1 span, .bannerslider li span.slide2 span {
	position: static;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
.bannerslider li span.slide3, .bannerslider li span.slide4, .bannerslider li span.slide6 {
	color: #fff;
}
.arrowbox {
	width: 130px;
	height: auto;
	float: left;
	position: absolute;
	top: 4%;
	left: 10%;
	z-index: 99;
}
.arrowbox p {
	width: 100%;
	height: 76px;
	float: left;
	background: url(../images/banner-arrow.png) no-repeat;
	background-size: 100%;
	margin: 4px 0;
}
/**Homecta**/
.homecta {
	padding: 60px 0 30px;
}
.homectabox {
	width: 575px;
	height: 367px;
	text-align: center;
	position: relative;
	color: #fff;
	padding: 30px 5% 0;
}
.leftcta {
	background: url(../images/leftcta.jpg) no-repeat 100% 100%;
}
.rightcta {
	background: url(../images/rightcta.jpg) no-repeat 100% 100%;
}
.ctaheading, .ctadescription, .homectabox a {
	display: inline-block
}
.ctadescription {
	padding: 84px 0 0;
	height: 210px;
}
/**Homecontact**/
.homecontact {
	padding: 16px 0;
	color: #fff;
	text-align: center;
}
.homecontact p {
	font-size: 19px;
}
.homecontact p strong {
	font-size: 26px;
}
/**Footerbox**/
.footerbox {
	background: #fff;
	font-size: 15px;
	padding: 18px 0 14px
}
.footerbox ul {
	width: 198px;
	padding-left: 30px;
}
.footerbox ul:first-child {
	padding-left: 0;
}
.footerbox ul li {
	margin: 4px 0;
}
.footerbox ul li a:hover {
	text-decoration: underline;
}
/**about-us**/
.contentbox {
	background:#fff;
	padding:20px 0;
	min-height:300px;
}
.contentbox strong {
    font-size:18px;
}
.contentbox p, .contentbox li {
	line-height: 21px;
}
.contentbox p {
	margin: 6px 0;
}
.contentbox ul, .contentbox ol {
	margin: 0;
}
.aboutlist li:before {
  content: "• ";
}
.aboutleft, .aboutright {
	width:50%
}
.aboutleft {
	padding-right:2%;
}
.aboutbanner span {
	position: absolute;
	z-index: 9;
	top: 32%;
	left: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	font-size: 40px;
	padding: 30px 0;
}
/**Forms**/
input[type="text"], input[type="email"], input[type="tel"], select, textarea {
	background: #fff;
	padding: 7px;
	margin: 4px 0;
}
textarea {
	height:70px;
	resize:none;
}
input[type="submit"], a.seemore {
	color: #3f76f8;
}
input[type="submit"] {
	cursor: pointer;
	background: none;
	margin: 6px 0 0;
}
input[type="submit"]:hover {
	color:#000;
}
input[type="checkbox"] {
	margin-top: 6px;
}
/**Steps**/
.stepbox {
	width: 30%;
	margin-left: 5%;
}
.stepbox:first-child {
	margin-left:0;
}
.stepbox span, .contentbox .subheading {
	padding-bottom: 5px;
}
.stepsbanner ul {
	text-align:center;
}
.stepsbanner span {
	position: absolute;
	z-index: 9;
	top: 44%;
	left: 20%;
	text-align: center;
	font-size: 52px;
	line-height: 50px;
}
.stepsbanner span strong {
	text-align: center;
	font-size: 34px;
	line-height: 36px;
}
.stepform {
	padding:20px 0;
}
.stepform {
	width: 670px;
}
.formbox {
	background: #eff7ee;
}
.formbox, .formbox_two {
	padding: 34px 25px 16px;
}
.labelout {
	margin:2px 0;
}
.formbox h4 {
	text-align:center;
	text-transform:uppercase;
	margin-bottom:10px;
} 
.labelout span {
	font-size: 18px;
	line-height: 26px;
	padding:0 6px 0 0;
}
.contentbox .formbox strong {
	font-size: 19px;
	margin-right: 8px;
}
.width85 {
	width:85%;
}
.width80 {
	width:80%;
}
.width75 {
	width:75%;
}
.width70 {
	width:70%;
}
.width60 {
	width:60%;
}
.width65 {
	width:65%;
}
.width62 {
	width:62%;
}
.width50 {
	width:50%;
}
.width55 {
	width:55%;
}
.width45 {
	width:45%;
}
.width40 {
	width:40%;
}
.width38 {
	width:38%;
}
.width35 {
	width:35%;
}
.width30 {
	width:30%;
}
.width25 {
	width:25%;
}
.width22 {
	width:22%;
}
.width20 {
	width:20%;
}
.width15 {
	width:15%;
}
.width10 {
	width:10%;
}
.width5 {
	width:10%;
}
.marginR10 {
	margin-right: 26px;
}
.formbox_two .labelout span.marginL20 {
	margin-left: 20px;
}
.formbox_two .labelout span.marginL40 {
	margin-left: 40px;
}
.stepright {
	width:438px;
	margin: 200px 0 0;
}
.contentbox .stepright p strong {
	margin:10px 0 20px;
}
.contentbox .manageutili ul {
	width: 33.3%;
	padding: 0 1.3%;
	margin:14px 0;
}
.contentbox .manageutili ul {
	border-left-style: solid;
    border-left-width: 2px;
}
.contentbox .manageutili ul.bordernone {
	border-left:none;
}
.contentbox .manageutili ul li {
	margin: 0;
	min-height: 288px;
}
.manageimg {
	width: 18%;
	float: left;
}
.managetext {
	width: 82%;
	padding-left: 12px;
}
/**Gas**/
.bannerslider ul li strong img {
	width:auto;
}
.imagetext span {
	position: absolute;
	z-index: 9;
	top: 40%;
	left: 16%;
	font-size: 52px;
	line-height: 50px;
}
.imagetext span {
	font-size: 46px;
	line-height: 36px;
}
.imagetext span {
	color: #fff;
}
.imagetext span strong {
	float:left;
}
.imagetext span strong.leftstrong {
	margin: -22px 8px 0;
}
.oneline span strong.rightstrong {
	margin: 3px 8px 0;
}
.twoline span strong.rightstrong {
	margin: 56px 8px 0;
}
.threeline span strong.rightstrong {
	margin: 104px 8px 0;
}
.imagetext span strong.midtext {
	line-height: 45px;
}
.gasbanner span strong {
	text-align: right;
}
.gastext {
	width:45%;
	padding-right:2%;
}
.gasform {
	width: 55%;
	margin: 12px 0 0;
}
.gaslogo {
	margin: 15px 0 0;
}
.gaslogo ul {
	text-align:center;
}
.gaslogo ul li {
	display: inline-block;
	width: 11%;
	margin: 4px 4px;
}
/**Electricity**/
.electricitybanner span strong.electricitytext {
	text-align:left;
}
/**Water**/
.waterbanner span strong, .energybanner span strong, .borkerbanner span strong, .careersbanner span strong, .connectionsbanner span strong {
	color:#272526;
	text-align:left;
}
/**Residential**/
.residentialbanner span {
	top: 8%;
}
.resileft {
	width:36%;
	padding-right:2%;
}
.resiright {
	width:64%;
}
.formbox_two {
	background:#E9E9E9;
}
.formbox_two h4 {
	text-transform:uppercase;
	margin-bottom:10px;
}
.contentbox ul.formlist {
	margin:5px 0;
}
.formlist li {
	margin-right:50px;
}
.formlist li img {
	margin:4px 4px 0;
}
.formbox_two .labelout span {
	font-size: 16px;
	margin: 5px 0 0;
}
.formbox_two input, .supplierslogo, .formbox_two textarea, .formbox_two select {
	border-radius:6px;
}
.supplierslogo {
	background:#fff;
	padding:20px 0;
}
.radiolist {
	text-align:center;
}
.radiolist li {
	display: inline-block;
	width: 170px;
	height: 66px;
	margin: 14px 24px;
	background-size:100%;
}
.radiolist li input[type="checkbox"] {
	height: 66px;
	cursor:pointer;
}
.moresupp {
	padding:0 2%;
	cursor:pointer;
}
.morelogo {
	display:none;
}
.formbox_two input[type="submit"] {
	background: #fff;
	padding: 5px 10px;
}
.logo1 {
	background:url(../images/logo1.jpg) no-repeat center center;
}
.logo2 {
	background:url(../images/logo2.jpg) no-repeat center center;
}
.logo3 {
	background:url(../images/logo3.jpg) no-repeat center center;
}
.logo4 {
	background:url(../images/logo4.jpg) no-repeat center center;
}
.logo5 {
	background:url(../images/logo5.jpg) no-repeat center center;
}
.logo6 {
	background:url(../images/logo6.jpg) no-repeat center center;
}
.logo7 {
	background:url(../images/logo7.jpg) no-repeat center center;
}
.logo8 {
	background:url(../images/logo8.jpg) no-repeat center center;
}
.logo9 {
	background:url(../images/logo9.jpg) no-repeat center center;
}
.logo10 {
	background: url(../images/logo10.jpg) no-repeat center center;
}
.logo11 {
	background:url(../images/logo11.jpg) no-repeat center center;
}
.logo12 {
	background:url(../images/logo12.jpg) no-repeat center center;
}
.logo13 {
	background:url(../images/logo13.jpg) no-repeat center center;
}
.logo14 {
	background:url(../images/logo14.jpg) no-repeat center center;
}
.logo15 {
	background:url(../images/logo15.jpg) no-repeat center center;
}
/**Energy**/
.contentbox p.bigfont {
	text-align: center;
	line-height: 36px;
	padding: 20px 0 0;
}
.contentbox p.smallfont {
	text-align: right;
	padding: 10px 0 18px;
}
.energybanner span {
	top: 44%;
	left: 10%;
}
/**borker**/
.borkerbanner span {
	top: 10%;
}
/**subscribebox**/
.subscribebox {
	margin:20px 0 0;
}
.subscribebox .formbox_two h4 {
	text-transform:none;
}
.contentbox .subheading span {
	margin-left:10px;
}
.subscribebox .formbox_two input[type="submit"], .contactingbox .formbox_two input[type="submit"] {
	background: #fff;
	padding: 4px 12px 2px;
	margin-right: 1.5%;
	color: #cf0b88;
	text-transform: uppercase;
	font-size: 14px;
}
.subscribebox .formbox_two {
	padding: 24px 50px 26px;
}
/**leaderbox**/
.leaderbox li {
	margin:15px 0;
}
.leaderimg {
	width: 122px;
	height: 156px;
	background: #ccbfb3;
	margin: 0 20px 0 0;
}
.leadertxt {
	width: 88%;
}
/**careers**/
.careersbanner span, .connectionsbanner span {
	top: 20%;
}
/**connectionsbanner**/
.connectionsbanner span {
	left: 10%;
}
/**contactingbg**/
.contentone {
	padding:0;
}
.contactingbg {
	background: url(../images/contactingbg.jpg) no-repeat;
	background-color:#c5c5c5;
	background-size:100%;
}
.contactingbox {
	width:826px;
	margin:24px 70px 80px 0;
}
.contactingbox img {
	margin-bottom:6px;
}
.contactingbox .formbox_two {
    background: rgba(255, 255, 255, 0.8);
	padding-top: 14px;
}
.contactingbox p {
	margin: 12px 0 24px;
}
.contactingbox textarea {
	height:200px;
}
.contactingbox .labelout {
	margin: 5px 0;
}
.contactingbox .formbox_two input[type="submit"] {
	padding: 7px 21px;
}
/**complaintsbg**/
.complaintsbg, .testimonialsbox .contactingbox {
	background:#E1E1E1;
}
.complaintsbg .contactingbox p {
	margin: 6px 0;
}
.complaintsbg .contactingbox .formbox_two {
	margin: 14px 0;
}
/**faqbg**/
.faqbg .formbox_two {
    background: rgba(255, 255, 255, 1);
}
.faqbg .contactingbox {
	margin-bottom: 0;
}
/**glossary**/
.glossaryleft {
	width:40%;
	padding-right:2%;
}
.glossaryright {
	width:60%;
}
/**testimonials**/
.testimonialsbox .contactingbox {
	margin: 0 70px 0 0;
}
.testimonialsbox .formbox_two {
	padding-bottom:88px;
}
.testimoniallist li {
	background: url(../images/gcomal.png) no-repeat 0 1px;
	padding: 0 0 0 86px;
	min-height: 60px;
	margin: 30px 0;
	position:relative;
}
.testimoniallist img {
	position: absolute;
	left: -28%;
	top: 4%;
}
/**locationbg**/
.locationbg {
	background: url(../images/locations.jpg) no-repeat;
	padding:30px;
}
.locationbg .contactingbox {
	margin:0;
}
.locationbg .contactingbox p {
	margin: 12px 0 0;
}
.locationbg .subheading span {
	background: url(../images/locationicon.png) no-repeat 0 10px;
	padding: 0 26px;
	margin-top:10px;
}
.addressbox {
	width: 400px;
	padding-left: 3%;
}
.locationbg .contactingbox p.add {
	padding: 0 0 0 10%;
}
/**brokerlogin**/
.brokerlogin .formbox_two {
	padding: 30px 60px;
}
.brokerlogin .formbox_two input[type="submit"] {
	padding: 4px 12px 2px;  
	margin:0; 
}
/**brokerportal**/
.brokerportalbox {
	padding:20px 0 0;
}
.newleft {
	width:680px;
}
.newright {
	width: 482px;
}
.navigation ul {
	padding:10px 0;
}
.navigation ul li {
	border-left:solid 2px #fff;
	padding:0 20px;
}
.navigation ul li:first-child {
	border-left:none;
}
.navigation ul a {
	color:#000;
	text-transform:uppercase;
}
.navigation ul a:hover, .navigation ul li.active a {
	color:#fff;
}
.headright {
	text-align:center;
}
.logtimebox, .loginboxnew {
	padding: 10px;
	border: solid 1px #cecfd1;
	height: 58px;
	margin: 8px;
}
#Date {
	color: #000;
	font-size: 12px;
	margin: 8px 0 0;
}
.clock ul {
	text-align: center;
	padding-left: 7px;
}
.clock ul li {
	display: inline;
	color: #009342;
	font-size: 32px;
}
.loginboxnew {
	text-align: center;
}
.loginboxnew {
	text-align: center;
	width: 195px;
}
.logtimebox {
	width:236px;
}
.loginboxnew a {
	display: inline-block;
}
.loginboxnew a:hover {
	opacity:.7;
}
.loginboxnew .mainspan {
	padding-left: 4%;
	width: 80%;
	text-align: left;
}
.loginboxnew .mainspan span {
	line-height: 17px;
}
.colorblk {
	color:#000;
}
.colorgreen {
	color:#22b24c;
}
.iconimg {
	width: 20%;
	text-align: center;
	padding: 8px;
	border-radius: 4px;
	margin-top: 3px;
}
.greenback {
	background:#22b24c;
}
.grayback {
	background:#bcbdc0;
}
.mobmenu {
	display:none;
	background: url(../images/mm.png) no-repeat left center;
	padding: 5px 43px;
	color: #fff;
	text-align: left;
	font-size: 18px;
	cursor:pointer;
}
/************
             MEDIA
			      ************/
@media(min-width:0px) and (max-width:799px) {
.wrapperin, .nav ul, .nav ul li, .nav ul li a, .homectabox, .gastext, .gasform, .resileft, .resiright, .mobwidth, .testimoniallist li strong, .contactingbox, .aboutleft, .aboutright, .addressbox, .leadertxt {
	width: 100%;
}
.savemoney, .flex-control-nav, .flex-direction-nav, ul.slides li span, .electricitybanner span, .borkerbanner li span, .gasbanner li span, .residentialbanner li span, .energybanner li span, .aboutbanner li span, .careersbanner span, .connectionsbanner li span {
	display: none;
}
h1, .titletext, .bigfont {
	font-size: 21px;
}
.contentbox .subheading, .contentbox .subheading strong, .ctaheading, .stepbox span, .contentbox .stepright p strong, .formbox_two h4 {
	font-size: 19px;
}
.mobmenu {
	display: block;
}
.nav {
	padding: 6px 0;
}
.nav ul, .nav ul li, .nav ul li a, .testimoniallist li strong {
	float:left;
}
.nav ul {
	text-align:left;
	display:none;
}
.nav ul li {
	border:none;
	border-top:solid 1px #000;
}
.nav ul li a {
	padding:6px 0;
}
.topheader, .bannercta, .footerbox {
	text-align: center;
}
.topnav, .logobox, .loginbox, .smmbox, .bannercta ul li, .footerbox ul, .leaderimg {
	display: inline-block;
	float: none;
}
.topnav {
	padding: 10px 10px 0;
}
.smmbox {
	padding: 14px 0 0;
}
.loginbox {
	padding: 21px 0;
}
.bannercta {
	margin: 0;
}
.bannercta ul li {
	margin: 20px 0;
}
.homectabox {
	height: 367px;
	padding: 30px 5% 0;
	margin: 0 0 10px;
}
.footerbox ul {
	padding: 6px 0;
	text-align: left;
}
.topheader {
	font-size: 16px;
}
.topnav li {
	padding: 0 10px;
}
.contentbox {
	padding: 20px 2%;
}
.gasform {
	margin: 12px 0 0;
}
.formbox, .formbox_two {
	padding: 16px 12px 16px;
}
.gaslogo ul li {
	width: 29%;
}
.labelout span {
	font-size: 12px;
}
.width15 {
	width: 24%;
}
.width85 {
	width: 76%;
}
.resileft {
	padding-right: 0;
}
.mobwleft {
	width:15%;
}
.mobwright {
	width:76%;
}
.radiolist li {
	width: 124px;
	height: 56px;
	margin: 2px 5px;
}
.formbox_two .labelout span {
	font-size: 13px;
}
.formbox_two .labelout span.marginL20 {
	margin-left: 0;
}
.testimonialsbox .contactingbox {
	margin: 0;
}
.testimoniallist li {
	padding: 0 0 0 28px;
	margin: 30px 0;
	background-size: 20px;
}
.testimoniallist img {
	position: static;
}
.aboutleft {
	padding-right: 0;
}
.leaderbox ul {
	text-align:center;
}
.contactingbox {
	margin: 0;
	padding: 10px 2%;
}
.contactingbox h1 img {
	width: 19%;
}
}
@media(min-width:600px) and (max-width:979px) {
.stopnav {
	min-height: 64px;
}
.loginbox {
	padding: 10px 0;
}
.smmbox {
	padding: 10px 0 0;
}
.footerbox ul {
	width: 164px;
}
.bannercta ul li {
	margin: 18px 10px;
}
.topnav {
	height: 64px;
}
.labelout span {
	font-size: 18px;
}
.gaslogo ul li {
	width: 10%;
}
.gaslogo ul li {
	width: 10%;
}
.labelout span {
	font-size: 16px;
}
.contentbox .formbox strong {
	font-size: 18px;
}
.radiolist li {
	width: 96px;
	height: 38px;
}
.radiolist li {
	width: 78px;
}
.formbox_two .labelout span {
	font-size: 16px;
}
.leadertxt {
	width: 75%;
}
}
@media(min-width:800px) and (max-width:979px) {
.wrapperin, .contactingbox, .mobwidth, .testimoniallist li strong {
    width: 100%;
}
.wrapperin {
	padding: 0 1%;
}
.topnav {
	padding: 12px 10px 0;
	min-height: 66px;
}
.flex-control-nav {
	bottom: 70px;
}
.bannerslider li span.slide1, .bannerslider li span.slide1 span, .bannerslider li span.slide2 span {
	font-size: 30px;
}
.bannerslider li span, .bannerslider li span.slide1 span {
	font-size: 26px;
	line-height: 30px;
}
.savemoney {
	bottom: 28%;
}
.nav {
	font-size: 13px;
	padding: 10px 0;
}
.nav li {
	padding: 0 6px 0;
}
.bannercta {
	margin: 0;
}
.homecta, .topheader {
	text-align:center;
}
.bannercta ul li {
	display:inline-block;
	float:none;
}
.homectabox {
	width: 385px;
	height: 367px;
	padding: 30px 1%;
	display: inline-block;
	float: none;
	margin: 0 2px;
}
.footerbox ul {
	width: 130px;
	padding-left: 12px;
}
.footerbox ul li {
	margin: 2px 0;
}
.footerbox ul li a {
    font-size: 12px;
}
.logobox, .topnav, .smmbox, .loginbox {
	float:none;
	display:inline-block;
}
.labelout span {
	font-size: 12px;
}
.contentbox .formbox strong {
	font-size: 16px;
}
.formbox_two .labelout span {
	font-size: 14px;
}
.width15 {
	width: 24%;
}
.width85 {
	width: 76%;
}
.formbox_two .labelout span.marginL20 {
	margin-left: 0;
}
.testimonialsbox .contactingbox {
	margin: 0;
}
.testimoniallist li strong {
	float:left;
}
.testimoniallist img {
	position: static;
}
.addressbox {
	padding: 6px 0 20px 3%;
}
.leadertxt {
	width: 80%;
}
.contactingbox {
	margin: 0;
	padding: 10px 1%;
}
}
@media(min-width:980px) and (max-width:1187px) {
.wrapperin {
	width: 100%;
	padding: 0 1%;
}
.topheader {
	font-size: 17px;
}
.logobox img {
	max-width: 136px;
	float: left;
}
.smmbox {
	padding: 12px 0 0;
}
.loginbox {
	padding: 14px 0 0 6px;
}
.smmbox li {
	margin: 0 2px;
}
.smmbox img {
	max-width:30px;
	float:left;	
}
.nav {
	font-size: 12px;
	padding: 10px 0;
}
.savemoney {
	bottom: 44%;
}
.bannercta {
	margin: -88px 0 0;
}
.bannercta ul li {
	width: 235px;
	height: 360px;
	margin-left: 6px;
}
.homecta {
	text-align: center;
}
.homectabox {
	width: 466px;
	text-align: center;
}
.footerbox ul {
	width: 160px;
	padding-left: 14px;
}
.labelout span {
	font-size: 14px;
}
.contentbox .formbox strong {
	font-size: 18px;
}
.bannerslider li span {
	font-size: 35px;
	line-height: 44px;
}
.width35 {
	width: 34%;
}
.width25 {
	width: 24%;
}
.testimonialsbox .contactingbox {
	margin: 0;
}
.contactingbox {
	width: 782px;
}
.addressbox {
	padding: 6px 0 20px 3%;
}
.leadertxt {
	width: 84%;
}
}