/* CSS Document */
body {
font-weight: 300;
font-style: normal;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 28px;
    letter-spacing: 0.1px;
    font-family: 'Montserrat', sans-serif;
}
h1, h2, h3, h4, h5 {
	font-family: 'nexa_boldregular';
font-style: normal;
	color: #51616b;
}
h2 {
    font-size: 32px;
}
h3 {
    font-size: 24px;
}

h5 {
    font-size: 24px;
}
.panel-body h5 {
font-size: 18px;
	padding-top: 25px;
}

p {
    font-size: 16px;
    padding-top: 10px;
    /*padding-bottom: 10px;*/
}
p.large {
     font-size: 20px;
    line-height: 32px;
    padding-top: 16px;
}
hr {
margin-top: 70px;
margin-bottom: 90px;
}
hr.alt {
margin-top: 70px;
margin-bottom: 90px;
    border-top: none;
}

.visible-xs {
    display: none;
}

.thin {
   font-family: 'Montserrat', sans-serif !important;
    font-weight: 300!important;
}
.pad-t-0 {
    padding-top: 0px !important;
}
.pad-t-10 {
    padding-top: 10px !important;
}
.pad-t-20 {
    padding-top: 20px !important;
}
.pad-t-30 {
    padding-top: 30px !important;
}
.pad-t-40 {
    padding-top: 40px !important;
}
.pad-t-50 {
    padding-top: 50px !important;
}
.pad-t-60 {
    padding-top: 60px !important;
}
.pad-t-70 {
    padding-top: 70px !important;
}
.pad-t-80 {
    padding-top: 80px !important;
}
.pad-t-90 {
    padding-top: 90px !important;
}
.pad-t-100 {
    padding-top: 100px !important;
}

.pad-b-10 {
    padding-bottom: 10px !important;
}
.pad-b-20 {
    padding-bottom: 20px !important;
}
.pad-b-30 {
    padding-bottom: 30px !important;
}
.pad-b-40 {
    padding-bottom: 40px !important;
}
.pad-b-50 {
    padding-bottom: 50px !important;
}
.pad-b-60 {
    padding-bottom: 60px !important;
}
.pad-b-70 {
    padding-bottom: 70px !important;
}
.pad-b-80 {
    padding-bottom: 80px !important;
}
.pad-b-90 {
    padding-bottom: 90px !important;
}
.pad-b-100 {
    padding-bottom: 100px !important;
}





/*a {
    color: #ffffff;
}*/
a:hover {
    text-decoration: underline;
    color: #51616b;
}
.bold {
    font-weight: 700;
}
.blue {
    color: #104378;
}
.blue2 {
    color: #29abe1;
}

.pink {
    color: #d465a6;
}
.green {
    color: #49c681;
}
.white {
    color: #ffffff;
}
p.link a.btny {
    flex: 1 1 auto;
  margin-top: 10px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
    color: #fff;
padding: 14px 30px 18px 35px;
font-size: 26px;
line-height: 0px;
border-radius: 30px 35px 80px 25px;
    font-family: 'nexa_boldregular';
font-weight: 500;
}
p.link a.btny img {
    width: 20px;
height: auto;
margin-top: -2px;
padding-left: 5px;

}
td a.btny {
    flex: 1 1 auto;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
    color: #fff;
padding: 7px 20px 9px 20px;
font-size: 17px;
line-height: 0px;
border-radius: 60px;
    font-weight: 500;
}
p.link {
    padding-top: 50px;
}
p.link a.btny:hover, td a.btny:hover {
  background-position: right center; /* change the direction of the change here */
     text-decoration: none;
}
p.link a.green, td a.green {
  background-image: linear-gradient(to right, #29abe1 0%, #1b70bb 51%, #145593 100%);
  border: 4px solid #143a6c;
}
p.link a.green.alt, td a.green.alt {
  border: 4px solid #e3f1fc;
}
p.link a.green.alt2, td a.green.alt2 {
  border: 4px solid #3fb3e5;
}
p.link a.pink, td a.pink {
  background-image: linear-gradient(to right, #bf5273 0%, #c45f98 51%, #a84562 100%);
}
p.link a.blue, td a.blue {
  background-image: linear-gradient(to right, #5293bd 0%, #5fb3c4 51%, #2c6e99 100%);
}
td a.basic.blue {
  background-image: none;
      text-decoration: underline;
    color: #1f92c8; 
}
td a.basic.pink {
  background-image: none;
      text-decoration: underline;
    color: #d465a6;
}
td a.basic.green {
  background-image: none;
      text-decoration: underline;
    color: #49c681;
}

@keyframes caret {
  50% {
    border-color: transparent;
  }
}


.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }





/* NAVIGATION */

.logo {
	position: fixed;
	top: 15px;
	left: 15px;
	z-index: 1000;
}
.logo img {
	width: 150px;
}
.navigation {
	background-color: #ffffff;
	height: 90px;
	
font-weight: 300;
	 position: absolute;
  top: 0;
  left: 0;
  width:100%;
  z-index: 999;
    -webkit-box-shadow: 0px 10px 21px -16px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 10px 21px -16px rgba(0,0,0,0.0);
box-shadow: 0px 10px 21px -16px rgba(0,0,0,0.0);
}
.navbartoo.navigation {
    position: fixed;
    background-color: #FFFFFF;
}
.navbar {
	margin-bottom:0px;
}
.navbar, .navbar-default {
	margin-top:20px;
	font-size:17px;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	text-align:right;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
	padding-right: 35px;
}

.navbar .navbar-nav li.first{
	padding-left:0px;
}
.navbar .navbar-nav li a, .navbar .navbar-nav li button{
	padding-bottom:0px;
	padding-right:48px;
	padding-left:48px;
	border: none;
	background-color: transparent;
	transition: all 0.3s ease;
    color: #3f3f3f;
}
.navbar .navbar-nav li button {
	padding-top:11px

}
.navbar .navbar-nav li a.active {
    
}
.navbar .navbar-nav li a:hover, .navbar .navbar-nav li button:hover{
	color: #d3c799;
}
.navbar .navbar-nav li.last {
	padding-left: 35px;padding-top: 5px;
}
.navbar .navbar-nav li.last a{
	background: #363636;
	color: #ffffff;
	padding: 10px 20px 10px 20px;
    border-radius: 20px;
}
.navbar .navbar-nav li.last a:hover {
    background: #e8428a;
}


.navbar-collapse {
	padding-right:0px;
	padding-left:0px;
}
.navbar-nav>li>.dropdown-menu {
	background-color: rgba(255,255,255,0.9);
	border:none;
	border-radius:0px;
	box-shadow: none;
	text-align:left;
	padding-bottom:10px;
	margin-top:20px;

}
.dropdown-menu>li>a, .dropdown-menu>li {
	padding-bottom:5px;
}
.navbar-default .navbar-nav .dropdown-menu>li>a:focus{text-decoration:none;color:#d3c799;background-color:transparent;}
.dropdown-menu>li>a:hover {
	color: #d3c799;
	background-color:transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color:transparent;
}

.navbar-default .navbar-nav .dropdown-menu>li>a {
	font-size:20px}


.dropdown-menu {
    min-width: 200px;
}


.hero {
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
   
}

.hero .orb-bg {
    background-image: url("../images/hero-home-BG.png");
    background-size: 800px;
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 150px;
    padding-bottom: 50px;
}
.hero .quote{
    padding-bottom: 0px;
}
.hero.holding .orb-bg {
    padding-bottom: 100px;
    padding-top: 200px;
}

.hero h1 {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 17px;
    margin-top: 0px;
}
.hero h1.small {
    font-size: 20px;
    line-height: 44px;
    margin-bottom: 17px;
    margin-top: 0px;
}
.hero h1.about {
    font-size: 58px;
    line-height: 68px;
    margin-bottom: 17px;
    padding-bottom: 70px;
    margin-top: 0px;
}


.hero p {
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 8px;
}
.hero p.alt {
    font-size: 23px;
    line-height: 36px;
    padding-bottom: 8px;
    padding-right: 30px;
}
.hero.home-main form.bus-form {
text-align: left;
margin-bottom: 40px;
margin-top: 20px;
}
.hero.home-main form.bus-form input.field {
color: #30281d;
font-size: 16px;
background-color: #FFFFFF;
padding-left: 20px;
width: 52%;
height: 60px;
border: 4px solid #143a6c;
float: left;
border-radius: 20px 0px 0px 20px;
margin-bottom: 15px;
padding-top: 0px;

}
.hero.home-main form.bus-form input.button {
width: 35%;
text-decoration: none;
margin-top: -34px;
margin-left: -35px;
height: 70px;
float: left;
box-shadow: none;
background-image: linear-gradient(to right, #29abe1 0%, #1b70bb 51%, #145593 100%);
border: 4px solid #143a6c;
flex: 1 1 auto;
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: #fff;
padding: 14px 30px 18px 30px;
font-size: 26px;
line-height: 0px;
border-radius: 40px 35px 80px 40px;
font-family: 'nexa_boldregular';
font-weight: 500;

}
.hero.home-main form.bus-form input.button:hover {
background-position: right center;
text-decoration: none;
}

.hero.home-main {
    background-image: url("../images/hero-BG-home-MOB.webp");
    background-size: cover;
    background-position: center center;
    padding-top: 170px;
    padding-bottom: 100px;
}
.hero.home-main.home-hero {
     background-image: url("../images/Home-BG.jpg");
    background-size: cover;
    background-position: center center;
    padding-top: 170px;
    padding-bottom: 60px;
}
.hero.home-main p {
     font-size: 21px;
    line-height: 33px;
    padding-bottom: 0px;
    padding-right: 0px;
    color: #ffffff;
}
.hero.home-main p.alt {
     font-size: 18px;
    line-height: 30px;
    padding-bottom: 0px;
    padding-right: 0px;
    color: #a4ddf5;
}
.hero.home-main img.TP {
    width: 300px;
    height:auto;
    margin-top: 20px;
}
.hero.home-main .hero-img {
    text-align: right;
    padding-left: 20px
}
.hero.home-main .hero-img img {
    width: 100%;
    height: auto;
}
.hero.home-main h1 {
    font-size: 20px;
    line-height: 44px;
    margin-bottom: 15px;
    margin-top: 0px;
    color: #6db7f2;
    font-weight: 400;
}
.hero.alt1-main {
    background-image: none;
   background: rgb(24,50,77);
background: linear-gradient(53deg, rgba(24,50,77,1) 0%, rgba(16,67,120,1) 100%);
    padding-top: 170px;
    padding-bottom: 0px;
    height: 610px;
}
.hero.alt1-main .main-image img {
    width: 105%;
    height:auto;
}  


.hero.home-main h2 {
    font-size: 38px;
    line-height: 52px;
    margin-bottom: 25px;
    margin-top: 0px;
    color: #ffffff;
    font-weight: 400;
text-shadow: 0.643px 0.766px 0px rgba(22, 58, 96, 0.49);
}
.hero.home-main h2 span{
  background-color: #29abe1;
  padding: 7px 15px;
}
.hero.home-main p.small {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 17px;
    margin-top: 0px;
    padding-right: 30px;
}
.hero.home-main p.small a {
    color: #87a3af;
}
.hero.home-main p.link {
    padding-top: 30px;
    padding-bottom: 30px;
}
.hero.home-main .home-image {
    text-align: right;
}
.hero.home-main .home-image img {
    width: 80%;
    height: auto;
    margin-top: -10px;
}

 


.hero p.small {
    color: #87a3af;
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 12px;
}
.hero p.text-link {
    padding-top: 30px;
}
.hero img {
    height: 39px;
}
.hero .boxed {
    width: 97%;
    background-color: #f5fafc;
    padding: 10px 20px 3px 20px;
    border-radius: 20px;
    margin-left: -20px;
    margin-bottom: 20px;
}
.hero .boxed p {
font-size:21px;
    line-height: 32px;
    color: #51616b;
    padding: 0px;
}
.hero .info-wrap {
    margin-top: -30px;
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 1.462px 11.911px 35px 0px rgba(191, 219, 233, 0.29);
padding: 30px 40px 40px 40px;
    text-align: center;
}
.hero .info-wrap h2 {
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 12px;
}
.hero .info-wrap h2.alt {
    font-size: 34px;
    line-height: 36px;
    margin-top: 0px;
    margin-bottom: 6px;
    font-weight: 300
}
.hero .info-wrap h2.alt .phone {
    font-size: 40px;
    letter-spacing: 2px;
}
.hero .info-wrap p {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 0px;
}
.hero .info-wrap p.alt {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 0px;
}
.hero .info-wrap p.first-big {
    font-size: 23px;
    line-height: 30px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.hero .info-wrap p.second {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 0px;
}
.hero .info-wrap p.link {
    padding-top: 30px;
}
.hero .info-wrap img {
    height: auto;
    margin-top: 20px;
    margin-bottom: 15px;
}
.hero .info-wrap form.bus-form {
    text-align: center;
    margin-bottom: 50px;
    margin-left: 15px;
    margin-top: 20px;
}
.hero .info-wrap form.bus-form input.field {
    color: #30281d;
	font-size: 16px;
	background-color: #FFFFFF;
	padding-left: 20px;
	width: 73%;
	height: 60px;
	border: 2px solid #16c093;
	float: left;
	border-radius: 30px 0px 0px 30px;
	margin-bottom: 15px;
	padding-top: 0px;
}
.hero .info-wrap form.bus-form input.button {
    font-size: 23px;
	width: 30%;
	color: #FFFFFF !important;
	padding: 0px;
	padding-top: 0px;
	background-image: linear-gradient(to right, #14c096 0%, #40c661 51%, #0e9372 100%);
	text-decoration:none;
	border: none;
	margin-top: -25px;
	margin-left: -35px;
	height: 60px;
	float: left;
	border-radius: 30px;
	box-shadow:none;
    font-weight: 500;
}



.hero.guide .orb-bg {
    background-image: none;
    background-size: 600px;
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 120px;
    padding-bottom: 0px;
}
.hero.guide img {
    width: 100%;
    height: auto;
    border-radius: 45px 0px 45px 0px;
    margin-bottom: 45px;
}



.hero.guide p.intro {
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 30px;
}
.hero.guide p {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 8px;
}

.hero.guide-alt h1 {
font-size: 40px;
line-height: 50px;
margin-bottom: 17px;
margin-top: 0px;
    padding-right: 40px;
    
}
.hero.guide-alt .info-wrap {
    margin-top: 0px;
}
.hero.guide-alt .info-wrap h2.alt {
    font-size: 27px;
    line-height: 36px;
    margin-top: 0px;
    margin-bottom: 6px;
    font-weight: 300
}

.hero.guide-alt p.intro {
    padding-right: 40px;
    padding-bottom: 10px;
}
.hero.guide-alt p.large{
    padding-right: 40px;
    padding-top: 0px;
    font-size: 18px;
line-height: 30px;
}
.hero.guide-alt img.tp-img {
    width: 80%;
    border-radius: 0;
     margin-bottom: 0px;
}
.hero.guide-alt img.guide-icon {
    height: 50px;
    width: auto;
    border-radius: 0;
     margin-bottom: 10px;
}

.hero.guide-alt .info-wrap .super-simple form.bus-form input.field {
width: 76%;
}

.hero.change-text h1 {
    font-size: 28px;
    line-height: 36px;
    padding-right: 40px;
}
.hero.change-text h2 {
    font-size: 40px;
    line-height: 48px;
    padding-bottom: 11px;
    font-weight: 300;
    padding-right: 40px;
}
.hero.change-text .boxed {
    width: 95%;
    background-color: #dff6ff;
}

.hero.change-text .info-wrap {
    margin-top: -30px;
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 1.462px 11.911px 35px 0px rgba(191, 219, 233, 0.29);
padding: 30px 40px 30px 40px;
    text-align: center;
}
.hero.change-text .info-wrap p.heading {
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 12px;
}
.hero.change-text .info-wrap p.heading.alt {
    font-size: 24px;
    line-height: 36px;
    margin-top: 0px;
    margin-bottom: 6px;
    font-weight: 300;
    color: #51616b;
}
.hero.change-text .info-wrap p.heading.alt .phone {
    font-size: 26px;
    letter-spacing: 2px;
    color: #51616b;
}
.hero.change-text .info-wrap p {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 0px;
}
.hero.change-text .info-wrap p.alt {
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 0px;
    padding-right: 0px;
}
.hero.change-text .info-wrap h3 {
font-size: 28px;
line-height: 36px;
padding-bottom: 0px;
margin-bottom: 7px;
margin-top: 7px;

}
.hero.change-text .info-wrap p.second {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 0px;
}
.hero.change-text .info-wrap p.link {
    padding-top: 30px;
}
.hero.change-text .info-wrap img {
    height: auto;
    margin-top: 40px;
    margin-bottom: 25px;
}
.hero.change-text .info-wrap form.bus-form {
    text-align: center;
    margin-bottom: 60px;
    margin-left: 15px;
    margin-top: 20px;
    padding-left: 60px;
}
.hero.change-text .info-wrap form.bus-form input.field {
    color: #30281d;
	font-size: 16px;
	background-color: #FFFFFF;
	padding-left: 20px;
	width: 62%;
	height: 60px;
	border: 2px solid #16c093;
	float: left;
	border-radius: 30px 0px 0px 30px;
	margin-bottom: 15px;
	padding-top: 0px;
}
.hero.change-text .info-wrap form.bus-form input.button {
    font-size: 23px;
	width: 30%;
	color: #FFFFFF !important;
	padding: 0px;
	padding-top: 0px;
	background-image: linear-gradient(to right, #14c096 0%, #40c661 51%, #0e9372 100%);
	text-decoration:none;
	border: none;
	margin-top: -25px;
	margin-left: -35px;
	height: 60px;
	float: left;
	border-radius: 30px;
	box-shadow:none;
    font-weight: 500;
}



.how-to {
	  background-image: url("../images/how-to-frill.png");
	background-repeat:no-repeat;
	background-position: top center;
	background-size: contain;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
	background-color: #F1FAFF;
}
.how-to h2 {
	font-size: 40px;
	padding-bottom: 50px;
}
.how-to .item {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	text-align: center;
}
.how-to .item img.icon {
	height: 70px;
}
.how-to .item p.title {
	font-size: 28px;
	font-family: 'nexa_boldregular';
font-style: normal;
color: #51616b;
	padding-top: 25px;
}
.how-to .item p {
	font-size: 18px;
}




.supp-logos {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}
.supp-logos img {
    height: 70px;
    margin-left: 20px;
    margin-right: 20px;
}
#article-head {
      background-image: url("../images/fade-x.webp");
    background-repeat:repeat-x;
    background-size: 250px;
    margin-top: 70px;
    padding-top: 100px;
}

#article-head h1 {
    font-size: 50px;
    line-height: 62px;
    color: #2d2d2d;
}

#article-head p.author-stamp {
    border-top: 1px solid #29abe1;
    border-bottom: 1px solid #29abe1;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 30px 0px 30px 0px;
}
#article-head p.author-stamp img {
    width: 16px;
    margin-top: -2px;
    margin-right: 10px;
}
#article-head .goto {
    background-color: #ecf7ff;
    padding: 25px 30px;
    border-radius : 30px 60px 30px 60px;
     text-align: left;
    margin-bottom: 20px;
}
#article-head .goto p {
    font-size: 22px;
    color: #29abe1;
}

#article-head .goto ul {
    font-size: 18px;
    color: #29abe1;
    font-weight: 500;
     list-style:none;
      margin-left: 0px;
    margin-top: 0px;
    padding-left: 5px;
}
#article-head .goto ul li {
    padding-top: 8px;
    padding-bottom: 8px;
     list-style-image: none;
    padding-left: 25px;
    background-image: url("../images/chev.png");
    background-size: 10px;
    background-position: left 14px;
    background-repeat: no-repeat;
}
#article-head .goto ul li a {
    color: #2d2d2d;
}
#article-head .main-image img {
    width: 95%;
    float: right;
    object-fit: contain;
    height: auto;
}





.wiggle {
    text-align: center;
    width: 100%;
}
.wiggle img {
    width: 50px;
}

.split {
    padding-top: 100px;
    padding-bottom: 100px;
}
.split.fader {
    background-image: url("../images/fade-x.webp");
    background-repeat:repeat-x;
    background-size: 350px;
    margin-top: -15px;
}
.split.fader-short {
    background-image: url("../images/fade-x.webp");
    background-repeat:repeat-x;
    background-size: 200px;
    margin-top: -15px;
}
.split.lblue {
    background-color: #ecf7ff;
    margin-top: -15px;
}
.split.first {
padding-top: 50px;
}
.split .image img {
    width: 90%;
}
.split .image.topper img {
    width: 300px;
}
.split .image img.right {
float:right;
}
.split .text h2 {
    font-size: 40px;
}
.split .text h3 {
    padding-top: 15px;
}
.split .text img.divider {
    width: 100px;
    margin-top: 10px;
    margin-bottom: 25px;
}
.split p.link {
    
}
.split p.link a {
    
}




.split .itemx {
    border-left: 3px solid #29abe1;
    padding-left: 20px;
    margin-bottom: 40px;
}
.split .itemx h4 {
font-size: 22px;
}
.split h4 {
padding-top: 40px;
}
.split .itemx p {
    padding-bottom: 0px;
}
.split .itemz {
    background-color: #ecf7ff;
    padding: 50px 40px;
    border-radius : 70px 40px 70px 40px;
     text-align: left;
    margin-bottom: 20px;
}
.split .itemz img.list-image {
    width: 60px;float:left
}
.split .itemz p {
    margin-left: 75px;
    padding-top: 10px
}
.split .itemz h3 {
    margin-left: 75px;
    margin-top: 0px;
    font-size: 23px;
}
.split ul {
    padding-left: 20px;
}
.split ul.tight {
    padding-left: 3px;
    list-style:none;
    padding-bottom: 10px;
}
.split ul.tight li {
    list-style-image: none;
    padding-left: 30px;
    background-image: url("../images/tick.png");
    background-size: 20px;
    background-position: left 14px;
    background-repeat: no-repeat;
    padding-top: 10px;
    font-size: 16px;
}
.split .itemz ul {
    margin-left: 75px;
    margin-top: 0px;
}
.split .itemz li {
    padding-top: 10px;
    padding-bottom: 5px;
}
.split .left-wrap {
    padding-right: 10px;
}
.split .right-wrap {
    padding-left: 10px;
}
.split .number-item {
    padding-bottom: 10px;
}
.split .number-item img.list-image {
    float: left;
    width: 90px;
}
.split .number-item h3 {
    padding-left: 110px;
    padding-top: 20px;
}
.split .number-item p {
    padding-left: 110px;
}

.split .number-item.alt img.list-image {
    float: left;
    width: 40px;
    margin-top: 12px;
}
.split .number-item.alt p {
    padding-left: 50px;
}


.blue-box .text {
    background-color: #1b70bb;
    padding:0px 200px 50px 50px;
    color: #ffffff;
    border-radius: 70px 140px 140px 70px;
}

.blue-box .text a.white:hover {
    color: #ffffff;
    text-decoration: underline;
}

.split.lister .item {
    padding-top: 30px;
    padding-bottom: 30px;
}
.split.lister .item img {
    width: 80px 
}
.split.lister .item .text-indent {
    padding-left: 100px;
}
.split.lister .item .text-indent h3 {
    margin-top: 0px;
}
img.float-l {
    float: left;
}


.blue-box .image img {
width: 155%;
float: right;
margin-top: 30px;
}
.blue-box .text h2 {
    font-size: 32px;
    color: #ffffff;
}
.blue-box .text h3 {
    color: #ffffff;
    padding-top: 20px;
}
.blue-box .text img.divider-lg {
    width: 200px;
    margin-top: -7px;
    margin-bottom: 30px;
}
.blue-box .text img.divider {
    width: 100px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }



.promo-blue {
    background-color: #29abe1;
    color: #29abe1;
   padding-top: 50px;
}
.promo-blue .city {
background-image: url("../images/home-IMG-city.webp");
background-repeat: no-repeat;
background-size: 440px;
background-position: 0px 190px;
height: 460px;
}
.promo-blue .city.bill {
background-image: url("../images/blue-IMG-bill.webp");
background-repeat: no-repeat;
background-size: 431px;
background-position: 0px 215px;
height: 680px;
}

.promo-blue .text {
    padding-bottom: 0px;
}
.promo-blue h2 {
    font-size: 47px;
    line-height: 65px;
}
.promo-blue h2 span {
background-color: #104378;
padding: 7px 15px;
    color: #ffffff;
}
.promo-blue p {
    color: #ffffff;
    font-weight: 400;
}

.promo-blue p.link {
padding-top: 30px;
}
.promo-blue img.divider {
    margin-top: -130px;
}





.promo-blue.navy {
    background-color: #104378;
    color: #29abe1;
    padding: 0px 0px 0px 0px;
}
.promo-blue.navy .city {
background-image: url("../images/geometric-BG.webp");
background-repeat: no-repeat;
background-size: 640px;
background-position: left center;
height: auto;
}
.promo-blue.navy .bill {
background-image: url("../images/navyblue-IMG-city.webp");
background-repeat: no-repeat;
background-size: 440px;
background-position: 0px 265px;
height: 585px;
}
.promo-blue.navy .text {
    padding-bottom: 0px;
    padding-left: 30px;
}
.promo-blue.navy .content {
    padding-top: 60px;
    padding-bottom: 60px;
}
.promo-blue.navy h2 {
    font-size: 47px;
    line-height: 65px;
}
.promo-blue.navy h2.alt {
    font-size: 38px;
    line-height: 48px;
}
.promo-blue.navy h2 span {
background-color: #29abe1;
padding: 7px 15px;
    color: #ffffff;
}
.promo-blue.navy .city p.large {
    font-size: 20px;
}
.promo-blue.navy p {
    color: #ffffff;
    font-weight: 400;
    padding-bottom: 0px;
}
.promo-blue.navy .image img {
    width: 95%;
    margin-top: 15px;
}

.promo-blue.navy.alt h2 {
    color: #ffffff;
    font-size: 47px;
line-height: 57px;
}

.promo-blue.navy.alt ul {
    color: #ffffff;
    padding-left: 20px;
}

.promo-blue.navy ul.tight {
padding-left: 3px;
list-style: none;
padding-bottom: 10px;
}
.promo-blue.navy ul.tight li {
list-style-image: none;
    color: #ffffff;
padding-left: 30px;
background-image: url("../images/tick.png");
background-size: 20px;
background-position: left 14px;
background-repeat: no-repeat;
padding-top: 10px;
font-size: 16px;
}


.city-wide {
    background-image: url("../images/city-wide.webp");
background-size: auto 150px;
height: 150px;
background-repeat: repeat-x;
}
.tri {
    padding-top: 40px;
     padding-bottom: 40px;
}
.tri h3 {
    padding-bottom: 20px;
}
.tri .item {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}
.tri .item.alt {
    text-align: left;
    margin-left: 0px;
    margin-right: 30px;
}
.tri .item h4 {
    margin-bottom: 0px;
    line-height: 28px;
}
.tri .item img {
   width: 80px; 
}

.box {
    background-color: #ecf7ff;
    padding: 20px 30px;
    border-radius: 70px 30px 70px 30px;
    text-align: center;
}
.box.lefter {
     text-align: left;
}
.box p {
    font-size: 17px;
    line-height:28px;
    font-weight: 400;
}
.home-choice {
    text-align: center;
    padding-bottom: 30px
}
.home-choice h2 {
    font-size: 30px;
     color:#51616b;
    padding-bottom: 20px;
}
.home-choice .col-sm-2 {
    background:#f5fafc;
    color:#51616b;
        text-align: center;
    padding: 20px 20px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.home-choice .col-sm-2:hover {
    
}
.home-choice .col-sm-2 img {
    height: 40px;
}
.home-choice .col-half-offset{
    margin-left:4.166666667%
}
.home-choice p.link {
    padding-top: 30px;
}
.home-choice p.link a.btny {
flex: 1 1 auto;
margin-top: 10px;
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: #fff;
padding: 13px 28px 17px 28px;
font-size: 20px;
line-height: 0px;
border-radius: 60px;
font-weight: 500;
}

.all-links h2 {
    text-align: center;
    padding-bottom: 25px;
}
.all-links .item {
    padding-top: 35px;
    padding-bottom: 20px;
    border-top: 1px solid #CECECE;
}
.all-links .item.first {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: none;
}
.all-links img {
   height: 20px; 
}
.all-links p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
}
.all-links p a {
    color: #51616b;
    text-decoration: none;
}
.all-links p a:hover {
    text-decoration: underline;
}
.all-links .heading p a {
    font-size: 16px;
    font-weight: 700;
    ;
}
.all-links .three p a {
    padding-right: 0px;
}

  .pledge .item {
        padding-left: 15px;
        padding-right: 15px;
    }  

.breadcrumb {
padding: 0 0 30px 0;
margin-bottom: 20px;
list-style: none;
background-color: transparent;
border-radius: 4px;
    font-size: 14px;
}
.breadcrumb li a {
    color: #1f92c8;
    font-weight: 500;
}


.body {
    
}
.body.blend {
    background-image:url("../images/process-BG-top.png");
    background-repeat:repeat-x;
    background-size: 10px 190px;
    background-position: 0px 0px;
    padding-top: 60px;
}
.body h2 {
    padding-bottom: 20px;
    font-size: 27px;
}
.body h3 {
    padding-top: 20px;
    font-size: 22px;
    padding-bottom: 0px;
}
.body img.title {
    width: 300px;
}
.body.about img.title {
    width: 300px;
    margin-top: -200px
}
.body.about img.title2 {
    width: 300px;
    margin-top: 0px
}
.body img.title.ebico {
    width: 120px;
}
.body img.title.bulb {
    width: 170px;
}
.body .item {
    padding-top:20px;
    padding-bottom:20px;
}
.body .item .boxed {
     background-color: #f5fafc;
    border-radius: 50px;
    padding: 15px 30px 5px 30px;
    text-align: left;
    margin-left: -20px;
    margin-top: 30px;
     margin-bottom: 0px;
}
.body .item .boxed.alt {
     background-color: #ffffff;

}
.body .item .boxed.alt.two {
     background-color: #f5fafc;
    border-radius: 50px;
    padding: 15px 30px 5px 30px;
    text-align: left;
    margin-left: -20px;
    margin-top: 30px;
     margin-bottom: 0px;
}
.body .item .boxed img.list-icon {
    height: 50px;
    margin-top: 10px;
}
.body .item .boxed img.list-icon-2 {
    height: 90px;
    margin-top: 10px;
}
.body p {
     font-size: 16px;
    line-height: 26px;
    padding-bottom: 8px;
}
.body p.large {
     font-size: 18px;
    line-height: 30px;
    padding-top: 0px;
}
.body p.small-print {
     font-size: 12px;
    line-height: 18px;
    padding-top: 10px;
    color: #989898;
}
.body ul {
     font-size: 16px;
    line-height: 26px;
    padding-top: 0px;
    padding-bottom: 18px;
    padding-left: 0px;
  list-style: none; 
}
.body li {
    margin-left: 18px;
    padding-top: 10px;
}
.body ol {
     font-size: 16px;
    line-height: 26px;
    padding-top: 0px;
    padding-bottom: 18px;
    padding-left: 4px;
}

.body img.supplier {
    width: 300px;
}
.body img.logos {
    height: 70px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
}
   .body img.speech {
      width: 90%;
margin-top: 30px;
    }  
.body ul li::before {
   content: "\2022";
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.body ul.greendots li::before {
  color: #15c094;
}
.body ul.pinkdots li::before {
  color: #de62a6;
}
.body ul.bluedots li::before {
  color: #1f92c8;
}
.body iframe {
    width: 100%;
    height: 400px;
}
.body.alt {
    background-color: #f5fafc;
    padding-top:60px;
    padding-bottom:60px;
}

.body table {
    margin-top: 25px;
}
.body .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 0px;
    padding-right: 10px;
}

.body .table.alt>thead>tr>th, .table.alt>tbody>tr>th, .table.alt>tfoot>tr>th, .table.alt>thead>tr>td, .table.alt>tbody>tr>td, .table.alt>tfoot>tr>td {
    vertical-align:top;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 0px;
    padding-right: 20px;
}


.body .table>thead>tr>th {
    border-bottom: 1px;
}
   .table.bigger>thead>tr>th, .table.bigger>tbody>tr>th, .table.bigger>tfoot>tr>th {
        padding-left: 10px;
    border-right: 1px solid #ddd;
    }
     .table.bigger>thead>tr>th.last, .table.bigger>tbody>tr>th.last, .table.bigger>tfoot>tr>th.last {
    
    border-right: none;
    }
    .table.bigger>thead>tr>th.topper, .table.bigger>tbody>tr>th.topper, .table.bigger>tfoot>tr>th.topper {
    text-align: center !important;
    }
     .table.bigger>thead>tr>td, .table.bigger>tbody>tr>td, .table.bigger>tfoot>tr>td {
        padding-left: 10px;
    border-right: none;
    }

.body img.list-icon {
    height: 30px;
    float:left;
        margin-top: 15px;
}
.body img.list-icon-2 {
    height: 90px;
    float:left;
        margin-top: 15px;
}
.body img.list-icon.numba {
    height: 30px;
    float:left;
        margin-top: 8px;
}
.body p.indent {
    margin-left: 40px;
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 15px;
}
.body p.indent.indent-100 {
    margin-left: 120px;
}
.body p.indent.numba {
    margin-left: 40px;
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 3px;
}
.body .item.alt {
    padding: 20px 20px 0px 0px;
     text-align: left;
    margin-bottom: 20px;
}
.body .item.alt img.list-image {
    height: 90px;
    float:left;
        margin-top: 15px;
}
.body .item.alt img.list-image.alt {
    height: 70px;
    float:left;
        margin-top: 15px;
}
.body .item.alt p {
    margin-left: 110px;
    padding-top: 0px
}
.body .item.alt h3 {
    margin-left: 110px;
    margin-top: 0px;
    padding-bottom: 0px;
}

.body .item.alt h4 {
    margin-left: 110px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
}
.body .item.alt ul {
    margin-left: 110px;
    margin-top: 0px;
}
.body .item.alt li {
    padding-top: 10px;
    padding-bottom: 5px;
}

.text.tablegap {
    padding-right: 30px;
}
.table-box {
background-color: #ecf7ff;
padding: 20px 30px;
border-radius: 70px 30px 70px 30px;
    margin-top: 10px;
}
.table-box p {
    font-size: 13px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
padding: 8px 8px 8px 0px;
}
.table {
    font-size: 15px;
}


/* -------------------------- FORM -------------------------- */


.hero .module-commercial-energy-form {
    text-align: center;
    padding-left: 20px;
    padding-top: 5px;
}

.hero .module-commercial-energy-form h2 {
    color: #FFF;
    font-size: 18px;
    margin: 0;
    line-height: 42px;
    padding-bottom: 0px;
}

.hero .module-commercial-energy-form .gform_button {
    padding-top: 30px;
}
.hero .module-commercial-energy-form p.link {
        margin-top: 30px;
    padding-top: 0px;
    font-size: 24px;
    }

.hero .btny {
  flex: 1 1 auto;
  margin: 0px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
    color: #fff;
padding: 18px 35px 22px 35px;
font-size: 26px;
line-height: 0px;
border-radius: 60px;
 }
.hero .btny:hover {
  background-position: right center; /* change the direction of the change here */
     text-decoration: none;
}
.hero .btny-1 {
  background-image: linear-gradient(to right, #14c096 0%, #40c661 51%, #0e9372 100%);
}


    
.hero .form-check {
        width: 100%;
       margin-top: -30px;
        margin-right: 0px;
        margin-left: 0px;
        
    }
.hero .form-check.row {
        margin-right: 0px;
        margin-left: 0px;
    }
.hero .form-check .col-sm-4{
        padding: 0px;
    }
.hero .form-check .col-xs-4.lefty {
        padding-right: 4px;
    }
.hero .form-check .col-xs-4.righty {
        padding-left: 4px;
    }
.hero input.tgl-radio-tab-child {
  position: absolute;
/*   left: -99999em; */
/*   top: -99999em; */
  opacity: 1;
  z-index: 1;
  opacity: 0;
}

.hero input.tgl-radio-tab-child+label {
  cursor: pointer;
  border: none;
/*     border-radius: 20px; */
  margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 11px;
    margin-top: 11px;
  padding: .6em 1em .7em 1em;
    font-size: 16px;
  position: relative;
    background-color: #ffffff;
    width: 100%;
    text-align: center;
    transition: 0.3s;
}

.hero .form-check .tgl-radio-tabs .lefty label{
	border-radius: 20px 0px 0px 20px;
}
.hero .form-check .tgl-radio-tabs .righty label{
	border-radius: 0px 20px 20px 0px;
}

/* .hero input#radioDual.tgl-radio-tab-child+label {
 border-radius: 20px 0px 0px 20px;
}
.hero input#radioElectric.tgl-radio-tab-child+label {
 border-radius: 0px 0px 0px 0px;
}
.hero input#radioGas.tgl-radio-tab-child+label {
 border-radius: 0px 20px 20px 0px;
} */
.hero input.tgl-radio-tab-child+label:hover {
  background-color: #8ac640;
    color: #ffffff
}

.hero [type=radio]:checked+label {
  background-color: #d465a6;
  z-index: 1;
    color: #ffffff
}
    
    
    
.hero .module-commercial-energy-form .gfield_required {
    display: none;
}

.hero .module-commercial-energy-form .form-inputs {
    margin-top: 10px;
}
.hero .module-commercial-energy-form input.field {
        border-radius: 40px;
        width: 100%;
        padding: 15px;
        margin-bottom: 20px;
        border: none;
        font-size: 18px;
    text-align: center;
         box-shadow: -4px 5px 0px rgba(31, 146, 200, 1);
    }
.hero .module-commercial-energy-form input.field:active {
    border: none;
}
.hero .gform_wrapper .button:hover, .gform_button:hover {
        color: #ffffff;
    }
.hero .gform_wrapper li {
    margin-bottom: 0;
}
.hero .gform_wrapper form {
        width: 100%;
        display: inline-block;
    }
.hero .radio-wrapper li {
    margin-bottom: 30px;
}

.hero .field_sublabel_below,
.hero .gfield_radio li {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

.hero .gfield_radio li:first-child {
    padding-left: 0;
    padding-left: 0;
}

.hero .gfield_radio li:last-child {
    padding-right: 0;
    padding-right: 0;
}

@media (min-width: 992px) {
.hero .field_sublabel_below,
.hero .gfield_radio li {
    float: left;
    width: 100%;
    float: left;
}

.hero .radio-wrapper.field_sublabel_below {
    width: 100%;
}
}

.hero .gform_footer {
    float: left;
    width: 100%;
}

.hero .ginput_container_text input,
.hero .ginput_container_email input {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 18px;
    height: 48px;
    padding-left: 15px;
    border-radius: 6px;
    border: 0 none;
    font-size: 18px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-color: #FFF;
}

.hero .gform_wrapper ul.gfield_radio li input[type=radio] {
    position: absolute;
    left: -99999em;
    top: -99999em;
    opacity: 1;
    z-index: 1;
}

.hero .gform_wrapper ul.gfield_radio li label {
    cursor: pointer;
    border: none;
    border-radius: 6px;
    margin-right: 1px;
    margin-left: 1px;
    padding: .5em 1em;
    font-size: 21px;
    font-family: "brandon_grotesqueblack", sans-serif;
    font-weight: normal;
    position: relative;
    color: #ffffff;
    background-color: #336d87;
    width: 100%;
}

.hero .gform_wrapper ul.gfield_radio li label:hover {
    background-color: #8ac640;
}

.hero .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
    background-color: #8ac640;
    z-index: 1;
}


.hero .module-commercial-energy-form .gfield_label {
    display: none;
}

.hero .module-commercial-energy-form .ginput_container_text,
.hero .module-commercial-energy-form .ginput_container_email {
    margin-top: -10px;
}

.hero .module-commercial-energy-form .ginput_container_radio {
    margin-top: 15px;
}

.hero n.module-commercial-energy-form img.tooltips {
    opacity: 1;
    margin-left: 350px;
    margin-top: -95px;
    position: static
}

.hero .module-commercial-energy-form #leadMessage {

    /* honeytrap field */
    position: absolute !important;
    left: -2000px !important;
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1309px) {
    


    
    
.hero .module-commercial-energy-form h2 {
    font-size: 20px;
}
.hero img.thousand {
        margin-top:20px;
    }



    
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px) {
.hero .module-commercial-energy-form {
        padding-top: 80px;
        padding-bottom: 90px;
    }

.hero .module-commercial-energy-form {
        text-align: center;
    }

.hero .module-commercial-energy-form h1 {
        font-size: 50px;
        line-height: 45px;
        padding-bottom: 10px;
         padding-left: 0;
        padding-right: 0;
    }

 .hero .module-commercial-energy-form h2 {
        font-size: 20px;
        line-height: 35px;
        padding-bottom: 15px;
       padding-left: 0;
        padding-right: 0;
    }
.hero .module-commercial-energy-form input.field, .hero .ginput_container_text input {
width: 80%;
    text-align: center;
    margin-left: auto;
margin-right: auto;

}
.hero img.thousand {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
.hero .button {
display: inline;
    }
.hero .form-submits a {
        bottom: -35px;
    }

.hero .form-submits {
        font-size: 13px;
    }

.hero .form-submits > div {
        height: 170px;
    }

.hero .module-commercial-energy-form #energy-form-commercial .form-inputs input.second {
        margin-top: -20px;
    }

.hero .module-commercial-energy-form img.tooltips {
        margin-left: 540px !important;
    }


.hero .form-check {
        width: 80%;
            margin-top: -10px;
        margin-right: auto;
        margin-left: auto;
        
    }
.hero .form-check.row {
margin-right: auto;
        margin-left: auto;
}
    
    
.hero .form-bottom-text {
    float: left;
    width: 100%;
}



    }



/* -------------------------- END OF FORM -------------------------- */

.guide-ad-wrap {
    padding-top: 20px;
    padding-bottom: 40px;
}
.guide-ad-wrap form.bus-form {
    text-align: center;
    margin-bottom: 50px;
    margin-left: 0px;
    margin-top: 20px;
}
.guide-ad-wrap form.bus-form input.field {
    color: #30281d;
	font-size: 16px;
	background-color: #FFFFFF;
	padding-left: 20px;
	width: 63%;
	height: 60px;
	border: 2px solid #16c093;
	float: left;
	border-radius: 30px 0px 0px 30px;
	margin-bottom: 15px;
	padding-top: 0px;
}
.guide-ad-wrap form.bus-form input.button {
    font-size: 23px;
	width: 30%;
	color: #FFFFFF !important;
	padding: 0px;
	padding-top: 0px;
	background-image: linear-gradient(to right, #14c096 0%, #40c661 51%, #0e9372 100%);
	text-decoration:none;
	border: none;
	margin-top: -25px;
	margin-left: -35px;
	height: 60px;
	float: left;
	border-radius: 30px;
	box-shadow:none;
    font-weight: 500;
}


.bus-ad-form h2 {
    padding-top: 40px;
}

.bus-ad.guide-ad {
    padding-top: 0px;
}
.bus-ad.guide-ad img {
width: 80%;
margin-top: 40px;
}
.bus-ad.guide-ad .module-commercial-energy-form #leadMessage {
position: absolute !important;
left: -2000px !important;
}
.guide-ad .module-commercial-energy-form {
    text-align: left;
    padding-left: 0px;
    padding-top: 5px;
}

.guide-ad .module-commercial-energy-form h2 {
    color: #FFF;
    font-size: 18px;
    margin: 0;
    line-height: 42px;
    padding-bottom: 0px;
}

.guide-ad .module-commercial-energy-form .gform_button {
    padding-top: 30px;
}
.guide-ad .module-commercial-energy-form h3.link,
.form-wrap h3.link {
        margin-top: 35px;
    }

.guide-ad .btny {
  flex: 1 1 auto;
  margin: 0px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
    color: #fff;
padding: 18px 35px 22px 35px;
font-size: 26px;
line-height: 0px;
border-radius: 60px;
 }
.guide-ad .btny:hover {
  background-position: right center; /* change the direction of the change here */
     text-decoration: none;
}
.guide-ad .btny-1 {
  background-image: linear-gradient(to right, #14c096 0%, #40c661 51%, #0e9372 100%);
}

.guide-ad .form-check {
        width: 100%;
       margin-top: -30px;
        margin-right: 0px;
        margin-left: 0px;
        
    }
.guide-ad .form-check.row {
        margin-right: 0px;
        margin-left: 0px;
    }
.guide-ad .form-check .col-sm-4{
        padding: 0px;
    }
.guide-ad .form-check .col-xs-4.lefty {
        padding-right: 4px;
    }
.guide-ad .form-check .col-xs-4.righty {
        padding-left: 4px;
    }
.guide-ad input.tgl-radio-tab-child {
  position: absolute;
/*   left: -99999em; */
/*   top: -99999em; */
  opacity: 1;
  z-index: 1;
  opacity: 0;
}

.guide-ad input.tgl-radio-tab-child+label {
  cursor: pointer;
  border: none;
    /*border-radius: 20px;*/
  margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 11px;
    margin-top: 11px;
  padding: .6em 1em .7em 1em;
    font-size: 16px;
  position: relative;
    background-color: #ffffff;
    width: 100%;
    text-align: center;
    transition: 0.3s;
}

.guide-ad .form-check .tgl-radio-tabs .lefty label{
	border-radius: 20px 0px 0px 20px;
}
.guide-ad .form-check .tgl-radio-tabs .righty label{
	border-radius: 0px 20px 20px 0px;
}

/*
.guide-ad input#radioDual.tgl-radio-tab-child+label {
 border-radius: 20px 0px 0px 20px;
}
.guide-ad input#radioElectric.tgl-radio-tab-child+label {
 border-radius: 0px 0px 0px 0px;
}
.guide-ad input#radioGas.tgl-radio-tab-child+label {
 border-radius: 0px 20px 20px 0px;
}
*/

.guide-ad input.tgl-radio-tab-child+label:hover {
  background-color: #8ac640;
    color: #ffffff
}

.guide-ad [type=radio]:checked+label {
  background-color: #d465a6;
  z-index: 1;
    color: #ffffff
}
    
    
    
.guide-ad .module-commercial-energy-form .gfield_required {
    display: none;
}

.guide-ad .module-commercial-energy-form .form-inputs {
    margin-top: 10px;
}
.guide-ad .module-commercial-energy-form input.field {
        border-radius: 40px;
        width: 100%;
        padding: 15px;
        margin-bottom: 20px;
        border: none;
        font-size: 18px;
    text-align: center;
         box-shadow: -4px 5px 0px rgba(31, 146, 200, 1);
    }
.guide-ad .module-commercial-energy-form input.field:active {
    border: none;
}
.guide-ad .gform_wrapper .button:hover, .gform_button:hover {
        color: #ffffff;
    }
.guide-ad .gform_wrapper li {
    margin-bottom: 0;
}
.guide-ad .gform_wrapper form {
        width: 100%;
        display: inline-block;
    }
.guide-ad .radio-wrapper li {
    margin-bottom: 30px;
}

.guide-ad .field_sublabel_below,
.guide-ad .gfield_radio li {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

.guide-ad .gfield_radio li:first-child {
    padding-left: 0;
    padding-left: 0;
}

.guide-ad .gfield_radio li:last-child {
    padding-right: 0;
    padding-right: 0;
}

.tl h2 {
padding-bottom: 20px;
font-size: 37px;
    padding-left:10px
}




.hero form.green-form input.field {
color: #30281d;
font-size: 16px;
background-color: #FFFFFF;
padding-left: 20px;
width: 100%;
height: 50px;
border: 2px solid #16c093;
float: left;
border-radius: 30px;
margin-bottom: 5px;
padding-top: 0px;
    margin-top: 5px;
}

.hero form.green-form input.btny-1 {
    box-shadow: none;
    background-image: linear-gradient(to right, #14c096 0%, #40c661 51%, #0e9372 100%);
flex: 1 1 auto;
margin: 10px;
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: #fff;
padding: 24px 35px 28px 35px;
font-size: 24px;
line-height: 0px;
border-radius: 60px;
font-weight: 500;
border: none;
}

.box-array .box {
   background-color: #f5fafc;
padding: 20px 40px 30px 40px;
border-radius: 0px 40px 0px 40px;
text-align: left;
margin-bottom: 40px; 
margin-top: 60px; 
}
.box-array .box.lefty {
margin-right: 20px; 
}
.box-array .box h2 {
    font-size: 26px;
    padding-bottom: 10px;
}
.box-array .box p a {
    color: #51616b;
}


.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 2px;
        background-color: #eeeeee;
        left: 51%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            text-align: center;
            border-radius: 0px 40px 0px 40px;
            background-color: #f5fafc;
            padding: 20px;
            position: relative;
        }

  .timeline > li > .timeline-panel img.tl-1 {
            height: 80px;
      margin-bottom: 15px;
        }
 .timeline > li > .timeline-panel img.tl-2 {
            height: 120px;
      margin-bottom: 15px;
        }



            /*.timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }*/

        .timeline > li > .timeline-badge {
color: #fff;
width: 80px;
height: 80px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 48.5%;
border: 5px solid #ffffff;
padding-top: 10px;
margin-left: -25px;
margin-top: -45px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
             border-radius: 40px 0px 40px 0px;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.body ul li.timeline-inverted::before {
content: none !important
}
.body ul.timeline li::before {
content: none !important
}


.timeline-badge.primary {
    background-color: #1f92c8 !important;
}

.timeline-badge.success {
    background-color: #da65a6 !important;
}

.timeline-badge.warning {
    background-color: #43c698 !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
    font-size: 19px;
    line-height: 29px;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 50px);
        width: -moz-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
    }

   ul.timeline > li > .timeline-badge {
left: -18px;
margin-left: 0;
top: 47px;
}

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
    

}









.trust {
    padding-top: 50px;
    padding-bottom: 30px;
    background-color: #f5fafc;
}

.trust .item {
    text-align: center;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.trust .item img {
    height: 80px
}
.trust .item h2 {
    font-size: 19px;
    color: #51616b;
}
.trust .item p {
    font-size: 15px;
    line-height: 24px;
}

.curve-t-l img {
    height: 60px;
}
.curve-b-r {
    width: 100%;
    text-align: right;
}
.curve-b-r img {
    height: 60px;
}
.promo {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #ffffff;
}
.promo img.divider {
    width: 100px;
margin-top: 0px;
    margin-bottom: 30px;
}
.promo-quote {
    background-color: #f9f9f9;
    padding-left: 0px;
        padding-right: 0px;
}
.promo.white {
    background-color: #ffffff;
}
.promo p {
    padding-bottom: 15px;
}
.promo h2 {
   margin-top: 0px; 
}
.promo1 img {
    width: 90%;
    margin-top: 10px;
}
.promo2 img {
    width: 90%;
    margin-top: -140px;
}
.promo2 .curious {
    padding-top: 50px;
}
.promo2 .curious .lefty {
    padding-right: 30px;
    margin-top: -15px;
}
.promo2 .curious .lefty h3 {
    padding-bottom: 20px;
    line-height: 35px;
    font-size: 28px
}
.promo .item {
    padding: 0px 20px 0px 20px;
     text-align: left;
    margin-bottom: 20px;
}
.promo .item img.list-image {
    width: 60px;
    float:left;
        margin-top: -5px;
}
.promo .item p {
    margin-left: 70px;
    padding-top: 0px
}
.promo .item h3 {
    margin-left: 70px;
    margin-top: 0px;
    padding-bottom: 0px;
}



.trust .carousel-control.right, .trust .carousel-control.left {
background-image: none;
filter: none;
}
.carousel-inner .item {
    text-align: center;
    padding-left: 15%;
    padding-right: 15%;
}
.carousel-inner .item img {
    display: inline;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right {
    color: #222328;
    text-shadow: none;
    opacity: 1;
    margin-top: -10px;
}



.process {
    text-align: center;
    padding-bottom: 110px;
}
.process.alt {
    background-image:url("../images/process-BG-top.png");
    background-repeat:repeat-x;
    background-size: 10px 190px;
    background-position: 0px 0px;
    padding-top: 60px;
}
.process.img-tray {
    background-image:url("../images/process-BG.png");
    background-repeat:repeat-x;
    background-size: 200px 2px;
    background-position: 0px 45px;
}
.process img {
    height: 90px;
    margin-bottom: 10px;
}
.process img.book {
    height: 190px;
    margin-bottom: 10px;
}
.process h4 {
    padding-top: 40px;
    font-size: 24px;
    padding-bottom: 20px;
}

.process .item {
    padding-left: 20px;
    padding-right: 20px;
}
.process .boxed p {
    padding-top: 40px; 
    font-size:22px;
    color: #51616b;
   
}
.process .boxed p {

}
.process.steps {
    padding-bottom: 50px;
}
.process.steps h3 {
    padding-bottom: 20px;
    font-size: 30px;
}
.process.levels.alt {
    background-color: #f5fafc;
    background-image: none;
    padding-top: 60px;
}
.process.levels h3 {
    padding-bottom: 10px;
}
.process.levels img {
    height: 110px;
    margin-bottom: 0px;
}
.process.levels .img-tray {
    padding-top: 30px;
    background-image: none;
    padding-bottom: 70px;
}
.process.levels ul {
    list-style: none;
    font-weight: 400;
    padding-left: 0px;
}
.process.levels ul li {
    padding-top: 10px;
}
.process.levels ul li::before {
   content: "\2022";
  display: inline-block; 
  width: 1.3em;
  margin-left: -1em;
}
.process.levels ul.greendots li::before {
  color: #15c094;
}
.process.levels ul.pinkdots li::before {
  color: #de62a6;
}
.process.levels ul.bluedots li::before {
  color: #1f92c8;
}
.process.levels .item.alt {
    padding: 40px 20px 0px 20px;
     text-align: left;
    margin-bottom: 20px;
}
.process.levels .item.alt img.list-image {
    height: 60px;
    float:left;
        margin-top: 5px;
}
.process.levels .item.alt p {
    margin-left: 80px;
    padding-top: 0px
}
.process.levels .item.alt h3 {
    margin-left: 80px;
    margin-top: 0px;
    padding-bottom: 0px;
}

.process.levels .item.alt ul {
    margin-left: 75px;
    margin-top: 0px;
}
.process.levels .item.alt li {
    padding-top: 10px;
    padding-bottom: 5px;
}





.bills {
    text-align: center;
    padding-bottom: 110px;
}
.bills img {
    width: 400px;
}

.bills img.pill {
    width: 30px;
    margin-top: 20px;
}

.bills .list {
    padding-left: 10%;
    padding-right: 10%;
    text-align: left;
}
.bills .list .item {
    padding-top: 20px;
}
.bills .list img {
    width: 80%;
    margin-top: 20px;
}



.taxi-list .lefty {
    padding-right: 10px;
}
.taxi-list .righty {
    padding-left: 10px;

}
.taxi-list .taxi-list-item {
    background-color: #f5fafc;
padding: 5px 40px 20px 40px;
border-radius: 0px 40px 0px 40px;
text-align: left;
margin-bottom: 20px;
}
.taxi-list .taxi-list-item.alt {
    background-color: #ffffff;
padding: 5px 40px 20px 40px;
border-radius: 0px 40px 0px 40px;
text-align: left;
margin-bottom: 20px;
}

.bus-ad-wrap.on-home  {
   
}
.bus-ad-wrap .phoney-wrap  {
    background-image:url("../images/BG-image-phone.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}
.bus-ad {
    background-image:url("../images/home-business-BG.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px 0px 40px 100px;
}
.bus-ad img {
    width: 90%;
    margin-top: -80px;
}
.bus-ad.on-home {
background-image: none;
padding: 20px 0px 120px 0px;
}



.compare-energy {
    padding-top: 80px;
     padding-bottom: 80px;
}

.compare-energy h2 {
    margin-top: 0px;
}
.compare-energy h3 {
    margin-top: 8px;
}
.compare-energy h3.last {
    padding-top: 40px;
}
.compare-energy .righty p {
    padding-top: 10px;
}
.compare-energy .righty p.link {
    padding-top: 60px;
}
.compare-energy .lefty {
    padding-right: 40px;
}

.compare-energy .lefty img {
    margin-top: 0px;
    width: 92%
}





.tips {
    text-align: center;
}
.tips .left-wrap {
    padding-right: 10px;
}
.tips .right-wrap {
    padding-left: 10px;
}
.tips p.large {
    padding-bottom: 30px;
}
.tips .item {
    background-color: #ecf7ff;
    padding: 50px 40px;
    border-radius : 70px 40px 70px 40px;
     text-align: left;
    margin-bottom: 20px;
}
.tips .item img.list-image {
    width: 60px;float:left
}
.tips .item p {
    margin-left: 75px;
    padding-top: 10px
}
.tips .item h3 {
    margin-left: 75px;
    margin-top: 0px;
    font-size: 23px;
}

.tips .item ul {
    margin-left: 75px;
    margin-top: 0px;
}
.tips .item li {
    padding-top: 10px;
    padding-bottom: 5px;
}




.suppliers {
    text-align: center;
    padding-top: 30px;
}
.suppliers img.pill {
width: 30px;
margin-top: 5px;
}
.suppliers .logos {
    padding-bottom: 30px;
}
.suppliers .logos img {
    height: 80px;
    padding-left: 15px;
    padding-right: 15px;
}
.suppliers .small-suppliers {
    background-color: #f5fafc;
    border-radius: 80px;
    padding: 40px;
    text-align: left;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
     margin-bottom: 20px;
}
.suppliers .small-suppliers img {
    width: 80%;
    margin-top: 0px;
}
.suppliers .small-suppliers h3 {
    margin-top: 0px;
}





.reasons {
    padding-top: 140px;
    
    padding-bottom: 100px;
    text-align: center;
}
.reasons img.pill {
width: 30px;
margin-top: 20px;
margin-bottom: 20px;
}
.reasons img.main {
    width: 400px;
}
.reasons .tri img {
    height: 90px;
}
.reasons h3 {
    padding-top: 60px;
    padding-bottom: 30px;
}
.reasons .item {
    padding-left: 15px;
    padding-right: 15px
}




.lookout {
    text-align: center;
    
    padding-bottom: 100px;
}
.lookout .left-wrap {
    padding-right: 10px;
}


.lookout .right-wrap {
    padding-left: 10px;
}
.lookout p.large {
    padding-bottom: 30px;
}
.lookout .item {
    padding: 10px 20px;
    border-radius : 40px 0px 40px 0px;
     text-align: left;
    margin-bottom: 20px;
}
.lookout .item img.list-image {
    width: 80px;float:left
}
.lookout .item p {
    margin-left: 95px;
    padding-top: 10px
}
.lookout .item h3 {
    margin-left: 95px;
    margin-top: 0px;
}

.lookout ul {
    margin-left: -25px;
    margin-top: 0px;
    text-align: center;
     display: inline;
    list-style-type: none;
    font-weight: 500
}
.lookout li {
    padding-top: 10px;
    padding-bottom: 5px;
}



.why-switch {
     padding-top: 30px;
    padding-bottom: 100px;
    text-align: center;
}
.why-switch .item {
    text-align: left;
    padding-top: 25px;
}
.why-switch .item.first {
    padding-top: 55px;
}
.why-switch .item img {
    width: 90%;
}
.why-switch .item .text {
    padding-top: 20px;
}
.why-switch  img.pill {
width: 30px;
margin-top: 20px;
margin-bottom: 20px;
}



.newsletter {
    text-align: center;
}
.newsletter .wrap-bg {
    background-image:url("../images/BG-newsletter.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    padding: 90px 40px 90px 40px;
}
.newsletter input.field {
    border-radius: 40px;
width: 100%;
padding: 15px;
margin-bottom: 20px;
border: none;
font-size: 18px;
text-align: center;
box-shadow: -4px 5px 0px rgba(73, 198, 129, 1);
}
.newsletter input[type="submit"] {
    background-image: linear-gradient(to right, #14c096 0%, #40c661 51%, #0e9372 100%);
    flex: 1 1 auto;
  margin: 10px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
    color: #fff;
padding: 28px 35px 32px 35px;
font-size: 26px;
line-height: 0px;
border-radius: 60px;
    font-weight: 500;
    border: none;
}

.newsletter input[type="submit"]:hover {
  background-position: right center; /* change the direction of the change here */
     text-decoration: none;
}
.newsletter input[type="submit"] .btny-1 {
  background-image: linear-gradient(to right, #14c096 0%, #40c661 51%, #0e9372 100%);
}




.split .news-feed {
    padding-top: 60px;
    padding-bottom: 100px;
}
.split .news-feed h1 {
    font-size: 46px;
}
.split .news-feed .item {
    padding: 0px;
    text-align: left;
    margin: 15px;
}
.split .news-feed .item-image {
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    border-radius: 0px 0px 0px 0px;
}




.split .news-feed .item-text {
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 500;
   height: 220px;
    border-radius: 0px;
    background-color: #e3f0fb;
}
.split .news-feed .item-text.rel {
   height: 100px;
} 
.split .news-feed .item-text p {
     font-size: 16px;
    line-height: 21px;
}
.split .news-feed .item-text p a {
    color: #3c3c3c;
     font-size: 16px;
    line-height: 21px;
    font-weight: 700;
}
.split .news-feed .item-text p.under {
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    padding-top: 0px;
}
.split .news-feed .item-text h2 {
     font-size: 30px;
    color: #104378;
}
.split .news-feed .item-text p.link {
    
}
.split .news-feed .item-text p.link a {
    font-size: 16px;
    font-weight: 700;
    color: #29abe1;
}
.split .news-feed.alt .item-text p {
     font-size: 15px;
    line-height: 24px;
    font-weight: 300;
}
.split .news-feed.alt .item-text {
 
   height: 430px;
    background-color: #e3f0fb;
}
.split .news-feed.alt .item-text p.link {
    padding-top: 20px;
}
.car-insurance .item-image.one {
    background-image: url("../images/best-dual-fuel-deals.jpg");
}
.car-insurance .item-image.two {
    background-image: url("../images/best-dual-fuel-deals.jpg");
}
.car-insurance .item-image.three {
    background-image: url("../images/cheapest-energy-suppliers.jpg");
}
.car-insurance .item-image.four {
    background-image: url("../images/cheapest-electricity-prices.jpg");
}
.car-insurance .item-image.five {
    background-image: url("../images/cheapest-gas-prices.jpg");
}
.car-insurance .item-image.six {
    background-image: url("../images/economy-7.jpg");
}
.car-insurance .item-image.seven {
    background-image: url("../images/fuel-poverty.jpg");
}
.car-insurance .item-image.eight {
    background-image: url("../images/energy-switch-guarantee.jpg");
}
.car-insurance .item-image.nine {
    background-image: url("../images/economy-10.jpg");
}
.car-insurance .item-image.ten {
    background-image: url("../images/prepayment-meters.jpg");
}
.car-insurance .item-image.eleven {
    background-image: url("../images/standard-variable-tariffs.jpg");
}
.car-insurance .item-image.twelve {
    background-image: url("../images/utility-bill-debt.jpg");
}
.car-insurance .item-image.thirteen {
    background-image: url("../images/how-to-switch-gas-and-electricity.jpg");
}
.car-insurance .item-image.fourteen {
    background-image: url("../images/smart-meters.jpg");
}
.car-insurance .item-image.fifteen {
    background-image: url("../images/warm-home-discount.jpg");
}
.car-insurance .item-image.sixteen {
    background-image: url("../images/ofgem.png");
}
.car-insurance .item-image.seventeen {
    background-image: url("../images/energy-price-cap.jpg");
}
.car-insurance .item-image.eighteen {
    background-image: url("../images/underfloor-heating.jpg");
}
.car-insurance .item-image.nineteen {
	background-image: url("../images/climate-change-levy.jpg");
}
.car-insurance .item-image.twenty {
	background-image: url("../images/winter-fuel-payment.jpg");
}


.list img.charity {
    width: 84%;
}
.list h3.charity {
padding-top: 0px;
    margin-top: 0px;
font-size: 22px;
padding-bottom: 0px;
}



.tri-choice {
padding-bottom: 20px;
padding-top: 20px;
}
.tri-choice .item {
padding: 30px 30px 20px 30px;
border-radius: 20px;
background-color: rgba(226,242,247,0.75);
font-size: 16px;
font-weight: 400;
margin-top: -40px;
color: #323232;
}
.tri-choice p {
    font-size: 18px;
    line-height: 26px;
    padding-top: 20px;
}
.tri-choice .col-sm-4 {
    padding-left: 10px;
    padding-right: 10px;
}
.tri-choice .item.first {
padding: 40px 20px 30px 20px;
border-radius: 20px;
background-color: #288cbb;
color: #ffffff;
font-weight: 700;
}
.tri-choice img.under-tri {
width: 60px;
    height: 30px;
margin-top: -2px;
}
.tri-choice.under-quote {
padding-bottom: 50px;
text-align: center;
}
.tri-choice.under-quote .item.under {
padding: 50px 20px 40px 20px;
border-radius: 20px;
background-color: #ffffff;
font-size: 16px;
font-weight: 400;
margin-top: -40px;
color: #323232;
text-align: center;
}
.tri-choice.under-quote .item.under.two {
padding: 40px 20px 20px 20px;
border-radius: 20px;
font-weight: 700;
}
.tri-choice img.number {
height: 70px;
}
.tri-choice.under-quote img.number {
height: 70px;
    width: auto;
    margin-top: -10px;
}
.tri-choice.under-quote p {
    margin: -15px;
    padding-left: 20px;
    padding-right: 20px;
}

.types {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #f5fafc;
    text-align: center;
}
.types.alt {
    background-color: #ffffff;
}
.types p.heading {
    font-size: 19px;
    padding-bottom: 0px;
    font-weight: 500;
    padding-top: 10px;
}
.types p {
    padding-bottom: 25px;
}
.types h2 {
   margin-top: 0px; 
     padding-bottom: 20px; 
}
.types img {
    width: 70px;
}
.types.pledge img {
    width: 100px;
    margin-bottom: 15px;
}
.types .spacer {
    padding-left: 10px;
    padding-right: 10px;
}



.faq {
    padding-top: 0px;
    padding-bottom: 70px;
}
.faq .lefty {
     padding-right: 20px;
    text-align: left
}
.faq .righty {
    padding-left: 20px;
    text-align: left
}
.faq .panel {
    box-shadow: none;
    
    padding-left: 20px;
}
.faq .panel-default {
    border: none;
    border-left: 3px solid #29abe1;
    border-radius: 0px;
    margin-top: 45px;
    margin-bottom: 45px;
}
.faq .panel-title {
    font-size: 20px;
    color: #51616b;
    padding-top: 0px;
}
.faq .panel-body {
    padding: 0px 0px 10px 0px;
    border: none;
    
}
.faq ul {
   padding-left:20px; 
}
.faq .panel-group .panel-heading+.panel-collapse .panel-body {
border-top: 1px solid #fff;
}
.faq .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #fff;
  padding: 0px 0px 0px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.faq .panel-default>.panel-heading a {
  display: block;
  padding: 10px 0px;
}
.faq .panel-default>.panel-heading a:hover {
    color: #1f92c8;
    text-decoration: none;
}
.faq .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
    color: #29abe1;
    font-size: 12px;
}

.faq .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #fff;
}

.faq .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}



.footer-frill {
background-image: url("../images/divider-1-lg.webp");
background-repeat: no-repeat;
background-position: bottom left;
background-size: 100px;
height: 20px;
margin-top: 0px;
}




footer {
    background-color: #104378;
    padding-top: 80px;
    padding-bottom: 90px;
}
footer a {
    color: #ffffff;
}
footer a:hover {
color: #29abe1;
    text-decoration: none;
}
footer img {
    width: 60%;
    margin-bottom: 15px;
}
footer .footer-2 p, footer .footer-3 p, footer .footer-4 p {
    line-height: 32px;
}footer p {
    color: #ffffff;
}
footer p.small {
    font-size: 11px;
        color: #ffffff;
    line-height: 16px;
}
footer p.small.first {
    padding-top: 60px;;
}


/* CAROUSEL */
.owl-carousel {
    padding-top: 40px;
}

.owl-carousel .slide1 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */


}

.owl-carousel .slide-xmas {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */


}


.owl-carousel .slider-content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	transition: all 0.3s ease;
    height: 360px;
}
.owl-carousel .slider-content .text {
    padding-top:20px;
}
.owl-carousel .slider-content h2 {
    font-size: 39px;
    line-height: 45px;
    font-weight: 600;
}
.owl-carousel .slider-content p {
    font-size: 27px;
    line-height: 45px;
}
.owl-carousel .slider-content img {
    width: 100%;
}
.owl-carousel .slider-content.pump:hover {
	transform: scale(1.03);
	cursor:pointer;
	background-color: rgba(255, 255, 255, 1);
}


.owl-carousel .slider-content img.slide-tip  {
    height: 20px;
	width: 80px;
	display:inline;
	margin-top: -6px;

}
.owl-carousel .owl-dots {
	margin-top: -50px;
	z-index: 199999;
	position: relative;
	text-align: center;
}
.owl-theme .owl-dots .owl-dot span {
	width: 20px !important;
	height: 20px !important;
	background: transparent !important;
	border: 2px solid #969696;
}
.owl-theme .owl-dots .owl-dot:hover span {
	background: #f5b411 !important;
}
.owl-theme .owl-dots .owl-dot.active span {
	background: #e8428a !important;
}
.owl-carousel .owl-nav {
	display: none;
}




.contact-form input.form-field {
	width:100%;
    padding-top: 20px;
    padding-bottom: 5px;
	background-color: #FFFFFF;
	box-shadow: none;
	border-radius: 0px;
	padding-left: 20px;
	margin-bottom: 16px;
    font-size: 18px;
}

.contact-form input.form-btn {
	
	color: #ffffff;
	transition: all 0.3s ease;
    border: none
}
.contact-form input.form-field {
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 2px;
    border-bottom: 1px #b7b7b7 solid;
}
.contact-form input.form-btn {
       background-color: rgb(54, 54, 54);
  box-shadow: 0px 8px 20px 0px rgba(35, 31, 32, 0.27);
 color: #ffffff;
    
font-weight: 600;
    padding: 20px;
     font-size: 22px;
    line-height: 30px;  
}
::-webkit-input-placeholder { /* Edge */
  color: #333333;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333;
}

::placeholder {
  color: #333333;
}
.contact-form input.form-btn:hover {
    text-decoration: none;
    background: #9b58a2;
}


 .contact-form select {
     padding-top: 23px;
    padding-bottom: 5px;
    padding-left: 2px;
	margin-bottom: 16px;
    font-size: 18px;
     height: 53px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -webkit-box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 0px 0 #ccc, 0 0px #fff inset;
    background: #ffffff;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width: 100%;
	 border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px #b7b7b7 solid;
	background-image:url("../images/form-arrow.png");
     background-size: 26px;
	background-repeat:no-repeat;
	background-position: right;
}





/* MODAL */
.modal-content {
	background-color: #ffffff;
	border: none;
	padding-left: 0;
	padding-right: 0;
}
.modal-content h3 {
	color: #2d5070;
	font-size: 38px;
	line-height: 37px;
	padding-bottom: 5px;
	margin-top:20px;
}
.modal-content h2 {
	color: #ffffff;
	font-size: 31px;
	line-height: 34px;
	padding-bottom: 0px;
	margin-top:-15px;
	padding-top:0px;
}
.modal-content iframe {
	border: none;
}
.modal-content p {
	padding-top: 10px;
	color: #ffffff;
	font-size: 18px;
	line-height: 19px;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-left: 0;
	padding-right: 0;
}
.modal-header {
	border: none;
	padding-bottom:0px;
}
.modal-header .close{
	color: #000000;
	opacity: 1;
	font-size: 23px !important;
}
.modal-body {
	border: none;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-left: 0;
	padding-right: 0;

}
.modal-body iframe {
	width: 90%;
	height: 710px;
}
.modal-footer {
	border: none;
	text-align:center;
	margin-top: 0px;
	padding-top:0px;
}

.reg-button {
	text-shadow:none;
	color: #FFFFFF;
	font-size: 19px;
	margin-top:0px;
	background-color: #275579;
	padding: 6px 20px 6px 20px;
	border: none;
}





.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pad-t-10 {
  padding-top: 10px !important;  
}
.pad-t-20 {
  padding-top: 20px !important;   
}
.pad-t-30 {
  padding-top: 30px !important;   
}
.pad-t-40 {
  padding-top: 40px !important;   
}
.pad-t-50 {
  padding-top: 50px !important;   
}
.pad-b-10 {
  padding-bottom: 10px !important;  
}
.pad-b-20 {
  padding-bottom: 20px !important;   
}
.pad-b-30 {
  padding-bottom: 30px !important;  
}
.pad-b-40 {
  padding-bottom: 40px !important;  
}
.pad-b-50 {
  padding-bottom: 50px !important;  
}


/* Extra Large devices (extra large desktops, 1600px and up) */
@media (min-width: 1600px) {
   .hero input.tgl-radio-tab-child+label {
box-shadow: -0px 2px 5px rgba(0, 0, 0, 0.15);
}
   .hero .module-commercial-energy-form input.field {
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: -4px 5px 0px rgba(31, 146, 200, 1);
} 
        .visible-xs {
    display: none;
}
    .hero.home-main .hero-img img {
    width: 95%;
    height: auto;
}
}



/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1599px) {

     .visible-xs {
    display: none;
} 
    
}






/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    .hero.home-main .hero-img {
        overflow-x: hidden;
    }
    .hero.home-main .hero-img img {
        width: 150%;
    }
    .split .news-feed.alt .item-text {
 
   height: 460px;
    background-color: #e3f0fb;
}
    .supp-logos {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}
.supp-logos img {
    height: 50px;
    margin-left: 15px;
    margin-right: 15px;
}
    
    
.hero .boxed p {
font-size:18px;
    line-height: 28px;
}
 .hero p.alt2 {
font-size: 21px;
line-height: 32px;
}   
    
 .hero .orb-bg {
    background-position: 550px 0px;
}  
.hero .info-wrap {
padding: 30px 30px;
}
.hero .info-wrap h2 {
    font-size: 28px;
}
.hero .info-wrap p {
    font-size: 20px;
}
    .hero.guide-alt p.intro {
font-size: 26px;
}
    .hero.guide-alt p.large {
font-size: 16px;
line-height: 28px;
}
    .hero.guide-alt .info-wrap form.bus-form input.button {
        margin-left: -25px;
        width: 40%;
    }
    .hero.guide-alt .info-wrap form.bus-form {
margin-left: 0px;
}

 .hero.guide-alt .info-wrap .super-simple form.bus-form input.field {
width: 67%;
}   
  
    
    
    .hero.home-main {
    padding-bottom: 85px;
}


.hero.home-main h2 {
    font-size: 37px;
    
}
    
 .promo-blue .city {
background-image: url("../images/home-IMG-city.webp");
background-repeat: no-repeat;
background-size: 380px;
background-position: 0px 280px;
height: 520px;
}
.promo-blue .city.bill {
background-size: 361px;
background-position: 0px 150px;
height: 810px;
}
    .promo-blue.navy .bill {
background-size: 361px;
background-position: 0px 450px;
height: 710px;
}
    
    
.promo-blue .text {
    padding-bottom: 0px;
}
.promo-blue h2 {
    font-size: 39px;
    line-height: 55px;
}
.promo-blue h2 span {
background-color: #104378;
padding: 7px 15px;
    color: #ffffff;
}  
    
  .promo-blue.navy h2 {
    font-size: 39px;
    line-height: 55px;
}  

.home-choice h2 {
    font-size: 28px;
     color:#51616b;
    padding-bottom: 20px;
}
.home-choice .col-sm-2 {
    background:#f5fafc;
    color:#51616b;
        text-align: center;
    padding: 20px 20px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.home-choice .col-xs-2:hover {
    
}
.home-choice .col-xs-2 img {
    height: 40px;
}
.home-choice .col-half-offset{
    margin-left:4.166666667%
}
    
    
  .hero.change-text h2 {
font-size: 34px;
line-height: 42px;
padding-right: 30px;
      margin-top: 10px;
}  
    .hero.change-text h1 {
font-size: 24px;
line-height: 36px;
padding-right: 30px;
        margin-bottom: 5px;
}
    .hero.change-text .info-wrap h3 {
font-size: 24px;
}
 .hero.change-text .info-wrap form.bus-form {
    padding-left: 0px;
}
.hero.change-text .info-wrap form.bus-form input.field {
   
	width: 72%;
}  
    
    
 .blue-box .text {
    padding:0px 150px 50px 50px;
}
 
    
    
    

    
.bus-ad {
    padding: 20px 0px 40px 100px;
}
.bus-ad img {
    margin-top: -20px;
}
    
    
    .bus-ad-wrap.on-home  {
   
}
.bus-ad-wrap .phoney-wrap  {
    background-image:url("../images/BG-image-phone.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    background-size: 550px;
}
.bus-ad {
    background-image:url("../images/home-business-BG.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px 0px 40px 100px;
}
.bus-ad img {
    width: 90%;
    margin-top: -80px;
}
.bus-ad.on-home {
background-image: none;
padding: 20px 0px 120px 0px;
}
 .bus-ad.on-home h2 {
     font-size: 28px;
     line-height: 36px;
    }
    
    
    
.suppliers .logos img {
height: 60px;
}
    
.promo2 img {
width: 90%;
margin-top: -100px;
}
    
    
.split .news-feed .item-text {
padding: 10px 20px;
font-size: 18px;
font-weight: 500;
height: 260px;
border-radius: 0px;
background-color: #f5fafc;
}
    .footer-frill {
    background-image:url("../images/footer-frill.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 250px;
    height: 350px;
    margin-top: -220px;
}
    .faq {
        padding-bottom: 10px
    }
        .visible-xs {
    display: none;
}
}






/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .hero .boxed {
        width: 100%;
        margin: 0px;
    }
    .hero .wrap {
  padding-left: 10%; 
  padding-right: 10%; 
    text-align: center;
}
    
        .supp-logos {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}
.supp-logos img {
    height: 50px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
}
    
    
.hero .orb-bg {
    background-image: none;
    background-size:auto;
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 90px;
    padding-bottom: 10px;
    text-align: center;
    
}
    .hero.guide .wrap {
    text-align: left;
    padding-left: 0%; 
  padding-right: 0%; 
}

    .hero img.tp-img {
        margin-left: auto;
        margin-right: auto;
    }
    .hero h1 {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 12px;
    margin-top: 0px;
}
    .hero h1.about {
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 17px;
    padding-bottom: 70px;
    margin-top: 0px;
        text-align: left
}
        .hero .wrap.about {
  padding-left: 0%; 
  padding-right: 0%; 
    text-align: left;
}
    
.hero p {
    font-size: 21px;
    line-height: 26px;
    padding-bottom: 8px;
}
    .hero p.alt {
        font-size: 21px;
    line-height: 28px;
    padding-bottom: 8px;
    }
.hero p.small {
    color: #87a3af;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 12px;
}
.hero img {
    height: 32px;
}
    .hero.home-main .hero-img img {
        margin-top: 25px;
    }
    .hero.home-main {
    background-image: url("../images/hero-BG-home-MOB.webp");
    background-size: cover;
    background-position: center center;
    padding-top: 140px;
    padding-bottom: 300px;
}
    .hero.alt1-main {
    background-image: none;
   background: rgb(24,50,77);
background: linear-gradient(53deg, rgba(24,50,77,1) 0%, rgba(16,67,120,1) 100%);
    padding-top: 170px;
    padding-bottom: 0px;
    height: 900px;
        margin-bottom: 70px;
}
.hero.alt1-main .main-image img {
    width: 100%;
    height:auto;
    margin-top: 0px;
} 
 
    
    .hero .info-wrap {
padding: 30px 70px;
        margin-top: 20px;
        margin-bottom: 30px;
}
.hero .info-wrap h2 {
    font-size: 26px;
}
.hero .info-wrap p {
    font-size: 20px;
}
    
    
.hero .module-commercial-energy-form {
padding-top: 5px;
padding-bottom: 40px;
padding-left: 0%;
padding-right: 0%;
}
    

  .hero .module-commercial-energy-form input.field, .hero .ginput_container_text input {
width: 100%;
      border: 1px solid #1f92c8;
}   
    .hero .module-commercial-energy-form input.field {
        margin-bottom: 0px;
    }
 
    .hero input.tgl-radio-tab-child+label {
        width: 100%;
        background-color: #f2f2f2;
        margin-bottom: 3px;
        margin-top: 3px;
        font-size: 15px;
    }
.hero .form-check {
padding-top: 0px;
margin-top: -10px
}  
    
    
    
         .hero.guide-alt .info-wrap .super-simple form.bus-form input.field{
    width:70%;
         margin-bottom: 10px;
}
    
    .hero.guide-alt .bus-ad {
        margin-top: 0px;
    }
    .hero.guide-alt .bus-ad.domestic-simple form.bus-form input.button {
        width: 30%;
    }
    
    
    
   .hero.home-main form.bus-form {
padding-left: 90px;
} 
.hero.home-main form.bus-form input.button {
width: 40%;
}
    .home-choice {
        padding-top: 45px;
    }
 .home-choice h2 {
    font-size: 28px;
     color:#51616b;
    padding-bottom: 20px;
}
.home-choice .col-sm-2 {
padding: 15px 20px;
    font-size: 16px;
    line-height: 18px;
    height: 115px;
}

.home-choice .col-half-offset{
    margin-left:4.166666667%
}
   .hero.change-text h2 {
padding-right: 0px;
 margin-top: 10px;
}  
    .hero.change-text h1 {

padding-right: 0px;
}
    .hero.change-text .info-wrap h3 {
font-size: 24px;
}
 .hero.change-text .info-wrap form.bus-form {
    padding-left: 0px;
}
.hero.change-text .info-wrap form.bus-form input.field {
   
	width: 72%;
}  
 .hero.change-text .orb-bg {
padding-top: 110px;
}  
    .hero.change-text .boxed {
width: 100%;
}
    
    .hero.change-text .info-wrap {
margin-top: 30px;
}
    
    
    
    
    
#article-head .main-image img {
    width: 300px;
    float: none;
}
    
    
    
 .promo {
    padding-top: 40px;
    padding-bottom: 70px;
    }
 
 .promo1 img {
width: 40%;
margin-bottom: 30px;
}   
     .promo1 img.normal {
width: 90%;
}  
 .promo2 img {
width: 90%;
margin-bottom: 30px;
     margin-top: 15px;
}     
    .promo2 .item {
        padding-left: 0px;
    }
    .promo2 .lefty {
        padding-bottom: 40px;
    }


   .faq .righty {
padding-left: 0px;
text-align: left;
} 
 
    
     .blue-box .text {
    padding:0px 120px 50px 50px;
}
    
.promo-blue .city {
background-image: url("../images/home-IMG-city.webp");
background-repeat: no-repeat;
background-size: 480px;
background-position: 0px 80px;
height: 420px;
}
    .promo-blue .city.bill {
background-size: 331px;
background-position: 200px 5px;
height: 360px;
}
.promo-blue .text {
    padding-bottom: 80px;
}
.promo-blue h2 {
    font-size: 39px;
    line-height: 55px;
}
.promo-blue h2 span {
background-color: #104378;
padding: 7px 15px;
    color: #ffffff;
}  
  .promo-blue.navy h2 {
    font-size: 39px;
    line-height: 55px;
}     
 .promo-blue.navy .text {
    padding-left: 0px;
}   
    .promo-blue.navy .image img {
width: 45%;
margin-top: 15px;
}
    .split {
padding-top: 50px;
padding-bottom: 50px;
}
      .split .number-item h3 {
padding-left: 50px;
padding-top: 8px;
}
    
 .split .number-item p {
padding-left: 50px;
}   
  .split .number-item img.list-image {
float: left;
width: 40px;
}    
    .split .news-feed .item-text {
padding: 10px 20px;
font-size: 18px;
font-weight: 500;
height: 260px;
border-radius: 0px;
background-color: #f5fafc;
}
    .promo-blue .city.bill {
background-size: 331px;
background-position: 120px 5px;
height: 260px;
}
    
    
    .promo-blue.navy {
padding: 60px 0px 80px 0px;
}
.promo-blue.navy .content {
padding-top: 0px;
padding-bottom: 0px;
}    
    
    
    
    
.bus-ad {
background-image: none;
background-repeat: no-repeat;
background-size: contain;
    background-color: #f5fafc;
    margin-top:70px;
  padding-top: 40px;
    padding-bottom: 70px;
    border-radius: 140px;
    padding-left: 50px;
    padding-right: 50px
}
    .bus-ad img {
        width: 100%;
        margin-top: 130px;
    }
  .bus-ad-wrap .phoney-wrap {
background-image: url("../images/BG-image-phone.png");
background-repeat: no-repeat;
background-size: 360px;
background-position: bottom center;
}
.bus-ad img {
    width: 90%;
    margin-top: -80px;
}
.bus-ad.on-home {
background-image: none;
    background-color: transparent;
padding: 0px 0px 320px 0px;
    text-align: center;
    margin-top: 0px;
} 
    
    
.compare-energy {
padding-top: 90px;
padding-bottom: 80px;
}


 
    
    .tips {
        padding-top: 50px;
padding-bottom: 80px;
    }
    
    .tips .item {
padding: 30px 25px;
}

   .tips .item ul {
margin-left: -20px;
} 
    .tips .item img.list-image {
width: 80px;
  float:none;
        margin-bottom: 15px;
}
    .tips .item h3 {
margin-left: 0px;
margin-top: 0px;
}
   .tips .item p {
margin-left: 0px;
padding-top: 10px;
} 
    
    

 .suppliers .logos img {
height: 45px;
}   
  .suppliers .small-suppliers {
border-top-left-radius: 40px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
padding-top: 30px;
text-align: left;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
margin-bottom: 20px;
}  
    .suppliers .small-suppliers img {
        width: 100px;
    }  
    
    
      
 .reasons {
    padding-top: 90px;
    padding-bottom: 50px;
    }
.reasons img.main {
width: 60%;
}

    
    
    .lookout {
        text-align: left;
        padding-top: 60px;
    }  
        .lookout .item {
padding: 0px;
}
   .lookout .right-wrap {
padding-left: 10px;
} 
       .lookout .left-wrap {
padding-right: 10px;
} 
   .lookout .item ul {
margin-left: -20px;
} 
    .lookout .item img.list-image {
width: 80px;
  float:none;
        margin-bottom: 15px;
}
    .lookout .item h3 {
margin-left: 0px;
margin-top: 0px;
}
   .lookout .item p {
margin-left: 0px;
padding-top: 10px;
} 
    

  .why-switch .item .text {
padding-top: 0px;
}  
  
    .tri-choice.under-quote .item.under {
        margin-top: -80px;
        padding-top: 60px;
    }
    .tri-choice p {
font-size: 17px;
line-height: 22px;
}
.newsletter .wrap-bg {
padding-top: 50px;
padding-bottom: 90px;
padding-left: 20%; 
    padding-right: 20%; 
}
    
    
 .faq {
        padding-bottom: 0px
    }

    .panel {
        background-color: transparent;
    }
    
    .footer-frill {
    background-size: 140px;
    height: 190px;
    margin-top: -80px;
}
footer {
    padding-top: 60px;
    padding-bottom:50px;
    font-size: 14px;
}

footer img {
    width: 80%;
    margin-bottom: 15px;
}
    footer .footer-1 {
        padding-right: 28px;
        line-height: 24px;
    } 
footer .footer-2 p, footer .footer-3 p, footer .footer-4 p {
    line-height: 32px;
}
footer p.small {
    font-size: 11px;
        color: #7ea6b9;
    line-height: 16px;
}
footer p.small.first {
    padding-top: 40px;;
}   
    .visible-xs {
    display: none;
}
    
 }







/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
           .supp-logos {
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
     padding-left: 7%;
        padding-right: 7%;
}
.supp-logos img {
    height: 50px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
} 
    .hero.home-main img.TP {
width: 250px;
}
    
      .megamenu-inner{
    top: 70px !important
  }
        .split .news-feed.alt .item-text {
 
   height: auto;
}
    
.navigation {
background-color: #ffffff;
height: 75px;
    }
    .logo img {
width: 120px;
}
  h2 {
font-size: 26px;
}  
      p.large {
font-size: 18px;
} 
    .hero.guide .wrap {
    text-align: left;
    
}
    .hero.guide .orb-bg {
    background-image: none;
    background-size:auto;
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 90px;
    padding-bottom: 50px;
    text-align: center;
}
    .body {
        padding-left: 7%;
        padding-right: 7%;
    }   
     .body .item .boxed {
        margin-left: 0px;
    }
    .body .item.xcep {
padding-top: 60px;
}
.hero {
  padding-left: 7%; 
  padding-right: 7%; 
    text-align: center;
}
    .hero .boxed {
padding: 10px 20px 3px 20px;
margin-left: 0px;
}
    .hero .boxed p {
        font-size: 16px;
        line-height: 22px;
    }
.hero .orb-bg {
    background-image: none;
    background-size:auto;
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 90px;
    padding-bottom: 50px;
    text-align: center;
}
    .hero.holding .orb-bg {
    padding-bottom: 0px;
    padding-top: 100px;
}
   .hero img.tp-img {
        margin-left: auto;
        margin-right: auto;
    }  
.hero h1 {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 12px;
    margin-top: 0px;
}
        .hero h1.about {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 17px;
    padding-bottom: 70px;
    margin-top: 0px;
        text-align: left
}
        .hero .wrap.about {
  padding-left: 0%; 
  padding-right: 0%; 
    text-align: left;
}
    
    
.hero p, .hero p.alt {
    font-size: 19px;
    line-height: 27px;
    padding-bottom: 8px;
    padding-right: 0px;
}
    
.hero p.small {
    color: #87a3af;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 12px;
}
.hero img {
    height: 32px;
}
 .hero p.text-link {
    padding-top: 40px;
}
.hero .info-wrap {
padding: 20px 30px 40px 30px;
        margin-top: 20px;
        margin-bottom: 30px;
}
.hero .info-wrap h2 {
    font-size: 22px;
}
.hero .info-wrap p {
    font-size: 18px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.hero .info-wrap p.link-mob {
        padding-top: 50px;
    }
.hero .module-commercial-energy-form {
padding-top: 5px;
padding-bottom: 40px;
padding-left: 0%;
padding-right: 0%;
}
  
    
    
    
    .hero.home-main form.bus-form {
text-align: left;
margin-bottom: 60px;
margin-top: 20px;
}
.hero.home-main form.bus-form input.field {
padding-left: 20px;
width: 55%;


}
.hero.home-main form.bus-form input.button {
width: 46%;
margin-top: -34px;
margin-left: -20px;
height: 70px;
padding: 19px 20px 18px 20px;
font-size: 22px;
}
    
    
    
    
p.link a.btny {
font-size: 23px;
}
  .hero .module-commercial-energy-form input.field, .hero .ginput_container_text input {
width: 100%;
      border: 1px solid #1f92c8;
}   
    .hero .module-commercial-energy-form input.field {
        margin-bottom: 0px;
    }
 
    .hero input.tgl-radio-tab-child+label {
        width: 100%;
        background-color: #f2f2f2;
        margin-bottom: 3px;
        margin-top: 3px;
        font-size: 15px;
    }
.hero .form-check {
padding-top: 0px;
margin-top: -10px
}    

    
    .hero p.alt2 {
        padding-right: 0px;
    } 
    
.hero .info-wrap h2.alt {
    font-size: 30px;
    line-height: 36px;
    margin-top: 0px;
    margin-bottom: 6px;
    font-weight: 300
}
.hero .info-wrap h2.alt .phone {
    font-size: 35px;
    letter-spacing: 2px;
    margin-bottom: 0px;
}
.hero .info-wrap p.alt {
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 0px;
    padding-right: 0px;
}
.hero .info-wrap p.first-big {
    font-size: 22px;
    line-height: 26px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.hero .info-wrap form.bus-form {
    text-align: center;
    margin-bottom: 100px;
    margin-left: 0px;
    margin-top: 20px;
}
.hero .info-wrap form.bus-form input.field {
    color: #30281d;
	font-size: 16px;
	background-color: #FFFFFF;
	padding-left: 0px;
	width: 100%;
	height: 60px;
	border-radius: 30px;
	margin-bottom: 35px;
	padding-top: 0px;
    text-align: center;
}
.hero .info-wrap form.bus-form input.button {
    font-size: 23px;
	width: 100%;
	color: #FFFFFF !important;
	padding: 0px;
	padding-top: 0px;
	text-decoration:none;
	border: none;
	margin-top: -25px;
	margin-left: auto;
	height: 60px;
	border-radius: 30px;
	box-shadow:none;
    font-weight: 500;
}
    
    
    .hero.guide p.intro {
    font-size: 22px;
    line-height: 34px;
    padding-bottom: 30px;
}
.hero.guide-alt h1 {
font-size: 28px;
line-height: 35px;
margin-bottom: 17px;
margin-top: 0px;
padding-right: 0px;
}
    .hero.guide-alt p.intro {
font-size: 19px;
line-height: 30px;
padding-bottom: 6px;
padding-right: 0px;
}
       .hero.guide-alt p.large {
font-size: 16px;
line-height: 26px;
padding-right: 0px;
}
    .hero.guide-alt .info-wrap h2.alt {
font-size: 21px;
line-height: 28px;
}
     .hero.guide-alt .info-wrap .super-simple form.bus-form input.field{
    width:100%;
         margin-bottom: 10px;
}
    .hero.guide-alt .orb-bg {
        padding-bottom: 10px;
    }
    
    

    .hero.home-main {
    background-image: url("../images/hero-BG-home-MOB.webp");
    background-size: cover;
    background-position: center 60px;
    padding-top: 110px;
    padding-bottom: 160px;
}
        .hero.home-main.home-hero {
    padding-top: 110px;
    padding-bottom: 80px;
}
    
.hero.home-main p {
     font-size: 18px;
    line-height: 28px;
    padding-bottom: 0px;
    padding-right: 0px;
    color: #ffffff;
}
.hero.home-main h1 {
    font-size: 20px;
    line-height: 44px;
    margin-bottom: 8px;
    margin-top: 0px;
    color: #6db7f2;
    font-weight: 400;
}
    .hero.alt1-main {
    background-image: none;
   background: rgb(24,50,77);
background: linear-gradient(53deg, rgba(24,50,77,1) 0%, rgba(16,67,120,1) 100%);
     padding-top: 110px;
    padding-bottom: 0px;
    height: 740px;
        margin-bottom: 70px;
}
.hero.alt1-main .main-image img {
    width: 100%;
    height:auto;
    margin-top: 0px;
} 
    


.hero.home-main h2 {
    font-size: 25px;
    line-height: 43px;
    margin-bottom: 15px;
    margin-top: 0px;
    color: #ffffff;
    font-weight: 400;
text-shadow: 0.643px 0.766px 0px rgba(22, 58, 96, 0.49);
}
.hero.home-main h2 span{
  background-color: #29abe1;
  padding: 7px 15px;
}
.hero.home-main p.small {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 17px;
    margin-top: 0px;
    padding-right: 30px;
}
.hero.home-main p.small a {
    color: #87a3af;
}
.hero.home-main p.link {
    padding-top: 30px;
    padding-bottom: 30px;
}
 
    
    
    .hero.change-text h2 {
padding-right: 0px;
 margin-top: 10px;
        font-size: 26px;
line-height: 32px;
}  
    .hero.change-text h1 {
font-size: 22px;
line-height: 30px;
padding-right: 0px;
}
    .hero.change-text .info-wrap h3 {
font-size: 18px;
        margin: 0px;
}
 .hero.change-text .info-wrap form.bus-form {
    padding-left: 0px;
     padding-bottom: 30px;
margin-bottom: 70px;
     margin-top: 10px;
}

.hero.change-text .info-wrap form.bus-form input.field {
color: #30281d;
font-size: 16px;
background-color: #FFFFFF;
padding-left: 0px;
width: 100%;
height: 50px;
border-radius: 30px;
margin-bottom: 32px;
padding-top: 0px;
text-align: center;
}  
.hero.change-text .info-wrap form.bus-form input.button {
font-size: 20px;
width: 100%;
color: #FFFFFF !important;
padding: 0px;
padding-top: 0px;
text-decoration: none;
border: none;
margin-top: -25px;
margin-left: auto;
height: 50px;
border-radius: 30px;
box-shadow: none;
font-weight: 500;
} 
.hero.change-text .info-wrap p.heading.alt {
font-size: 18px;
line-height: 10px;
}  
.hero.change-text .info-wrap p.heading.alt .phone {
font-size: 20px;
}
    
    
 .hero.change-text .orb-bg {
padding-top: 100px;
}  
    .hero.change-text .boxed {
width: 100%;
}
    
    .hero.change-text .info-wrap {
margin-top: 10px;
        padding: 20px 20px 30px 20px;
}
    
  
	
	.how-to {
	padding-bottom: 30px;
	padding-left: 6%;
	padding-right: 6%;
}
.how-to h2 {
	font-size: 30px;
	padding-bottom: 30px;
}
.how-to .item {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
}
	
	
    #article-head {
        padding-left: 6%;
padding-right: 6%;
        padding-top: 40px;
    }
    #article-head .main-image img {
    width: 300px;
    float: none;
}
    #article-head .breadcrumb {
        padding: 0px;
        line-height: 20px;
    }
  #article-head h1 {
font-size: 32px;
line-height: 40px;
}  
#article-head .goto {
background-color: #ecf7ff;
padding: 15px 20px
}
    #article-head .goto ul {
font-size: 14px;
        line-height: 20px;
    }
    #article-head .goto ul li {
padding-top: 5px;
padding-bottom: 5px;
        background-size: 8px;
background-position: left 9px;
    }


    
    .promo-blue {
        padding-left: 6%;
padding-right: 6%;
        padding-top: 10px;
    }
    
.promo-blue .city {
background-image: url("../images/home-IMG-city.webp");
background-repeat: no-repeat;
background-size: contain;
background-position: 0px 80px;
height: 310px;
}
        .promo-blue .city.bill {
background-size: 301px;
background-position: 20px 115px;
height: 450px;
}
.promo-blue .text {
    padding-bottom: 60px;
}
.promo-blue h2 {
    font-size: 33px;
    line-height: 50px;
}
.promo-blue h2 span {
background-color: #104378;
padding: 7px 15px;
    color: #ffffff;
}  
    
 .promo-blue img.divider {
margin-top: -50px;
}   
    
        .promo-blue.navy {
        padding-left: 6%;
padding-right: 6%;
        padding-top: 10px;
    }
   .promo-blue.navy h2 {
    font-size: 33px;
    line-height: 50px;
} 
       .promo-blue.navy h2.alt {
    font-size: 33px;
    line-height: 40px;
} 
    .promo-blue.navy .text {
    padding-left: 0px;
}
    .promo-blue.navy .content {
padding-top: 30px;
}
      .home-choice {
        padding-top: 0px;
          padding-left: 3%;
          padding-right: 3%;
          padding-bottom: 45px;
    }
 .home-choice h2 {
    font-size: 26px;
     color:#51616b;
    padding-bottom: 20px;
}
.home-choice .col-xs-4 {
padding: 15px 20px;
    font-size: 14px;
    line-height: 15px;
    height: 100px;
    background:#f5fafc;
    color:#51616b;
        text-align: center;
    margin-bottom: 10px;
 margin-left: 2%;
margin-right: 2%;
width: 29.3%;
}
.home-choice .col-xs-4 img {
    height: 30px;
}
.home-choice .col-half-offset{
    margin-left:4.166666667%
}
    
    .all-links {
        padding-left: 0%;
          padding-right: 0%;
    }
    
  .all-links h2 {
      font-size: 26px;
    text-align: left;
    padding-bottom: 25px;
}
.all-links img {
   height: 20px; 
}
.all-links p {
    padding-right: 0px;
}  
    
    .pledge .item {
        padding-left: 0px;
        padding-right: 0px;
    }  
    
    
   .split  {
padding-left: 6%;
          padding-right: 6%;
       padding-top: 50px;
padding-bottom: 50px;
} 
  .split .text h2 {
font-size: 30px;
}  
   .split .text  {
font-size: 30px;
       
       text-align: left;
} 
  
	.split .text li {
		font-size: 16px;
	}    
    
.split .itemz img.list-image {
width: 50px;
float: none;
}
 .split .itemz p {
margin-left: 0px;
}   
   .split .itemz h3 {
margin-left: 0px;
margin-top: 20px;
} 
    
    
          .split .number-item h3 {
padding-left: 50px;
padding-top: 8px;
}
    
 .split .number-item p {
padding-left: 50px;
}   
  .split .number-item img.list-image {
float: left;
width: 40px;
}  
    .split .news-feed .item-text {
padding: 10px 20px;
font-size: 18px;
font-weight: 500;
height: auto;
border-radius: 0px;
background-color: #f5fafc;
}
   .split .news-feed .item {
padding: 15px 0px;
text-align: left;
margin: 0px;
} 
    .promo-blue .city.bill {
background-size: 301px;
background-position: 20px 55px;
height: 250px;
}
    
    .promo-blue.navy {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .promo-blue.navy .content {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    
    img.float-l {
float: none;
}
 .split.lister .item .text-indent {
padding-left: 0px;
     padding-top: 20px;
}   
    
    .blue-box .text {
background-color: #1b70bb;
padding: 0px 6% 50px 6%;
color: #ffffff;
border-radius: 70px 140px 140px 70px;
        margin-top: -50px;
}
      .blue-box .text h2 {
font-size: 30px;
}  
    .blue-box .image {
       padding-left: 6%;
        padding-right: 6%; 
    }
    
    .blue-box .image img {
width: 100%;
float: none;
margin-top: 30px;
        
}
 .table-box {
background-color: #ecf7ff;
padding: 20px 20px;
border-radius: 40px 0px 40px 0px;
    margin-top: 50px;
}   
    .table-box p {
        line-height: 18px;
    }  
    .text.tablegap {
padding-right: 0px;
}
    
  .bus-ad-wrap .phoney-wrap {
background-image: url("../images/BG-image-phone.png");
background-repeat: no-repeat;
background-size: 240px;
background-position: bottom center;
}
.bus-ad img {
    width: 90%;
    margin-top: -80px;
}
.bus-ad.on-home {
background-image: none;
    background-color: transparent;
padding: 0px 7% 220px 7%;
    text-align: center;
    margin-top: 0px;
} 
    
 .bus-ad.on-home p.large {
font-size: 16px;
line-height: 24px;
padding-top: 10px;
}   
 .bus-ad.on-home p.link {
padding-top: 35px;
}   
    
    .tri-choice {
        padding-bottom: 0px;
    }
    .tri-choice .item {
        margin-bottom: 20px;
        padding-bottom: 20px !important;
        padding-top: 30px !important
    }   
      .tri-choice.under-quote .item.under {
        margin-top: -80px;
          padding-bottom: 30px !important;
        padding-top: 60px !important
    }
    .tri-choice.under-quote {
padding-bottom: 0px;
}
    
 .curve-b-r img {
height: 30px;
}   
  .curve-t-l img {
height: 30px;
}  
    
    
    .trust {
      
}

.box-array .box.lefty {
margin-right: 0px; 
}
    .box-array  {
padding-left: 7%; 
    padding-right: 7%;
}
    .tl {
        padding-bottom: 120px;
    }   
    .tl h2 {
padding-left: 0px;
}
    .about  h2 {
padding-bottom: 20px;
font-size: 27px;
margin-top: -40px;
    }
    .list img.charity {
width: 120px;
        margin-bottom: 15px
}
    .body img.list-icon-2 {
height: 120px;
float: none;
margin-top: 15px;
}
    .body p.indent.indent-100 {
margin-left: 0px;
}
    
    
.promo {
    padding-top: 40px;
    padding-bottom: 70px;
    padding-left: 7%; 
    padding-right: 7%; 
    }
   .promo-quote {
    background-color: #f9f9f9;
    padding-left: 0px;
        padding-right: 0px;
}
 .promo1 img {
width: 100%;
margin-bottom: 30px;
}   
    
   .promo2 img {
width: 70%;
margin-bottom: 30px;
     margin-top: -95px;
}     
    .promo2 .item {
        padding-left: 0px;
        padding-right: 0px;
    }
    .promo2 .lefty {
        padding-bottom: 40px;
    }  
  .taxi-list .righty {
padding-left: 0px;
}  
   
    .process {
    padding-top: 20px;
    padding-bottom: 70px;
    padding-left: 7%; 
    padding-right: 7%; 
    }
    .process.levels .item {
padding-bottom: 50px; 
}
    
   .process.levels .img-tray {
padding-top: 30px;
background-image: none;
padding-bottom: 30px;
} 
 .bills {
    padding-top: 20px;
    padding-bottom: 70px;
    padding-left: 7%; 
    padding-right: 7%; 
     text-align: left;
    }
.bills img {
width: 100%;
}
.bills .list {
padding-left: 0%;
padding-right: 0%;
}
    .bills .list img {
width: 20%;
}
    .bus-ad.guide-ad {
        padding-top: 20px; 
        background-image: none;
    }
  .bus-ad.guide-ad img {
width: 20%;
margin-top: 20px;
}  
    .guide-ad-wrap {
padding-top: 0px;
padding-bottom: 20px;
}
.bus-ad {
background-image: url("../images/home-business-BG.png");
background-repeat: no-repeat;
background-size: contain;
    background-color: #f5fafc;
    margin-top:-10px;
  padding-top: 10px;
    padding-bottom: 70px;
    padding-left: 7%; 
    padding-right: 7%; 
    border-radius: 0px
}
    .bus-ad img {
        width: 80%
    }
    
    
    .types {
    padding-left: 7%; 
    padding-right: 7%;   
    } 
    
    
    
    
    
    
.compare-energy {
padding-top: 50px;
padding-bottom: 80px;
    padding-left: 7%; 
    padding-right: 7%; 
}
   .compare-energy .lefty {
padding-right: 0px;
       padding-bottom: 40px;
} 
    .compare-energy img {
        margin-bottom: 30px;
    }   
 
    
    .tips {
        padding-top: 50px;
padding-bottom: 80px;
    padding-left: 7%; 
    padding-right: 7%; 
        text-align: left;
    }
   
    .tips .item {
padding: 50px 25px 30px 25px;
}
   .tips .right-wrap {
padding-left: 0px;
} 
       .tips .left-wrap {
padding-right: 0px;
} 
   .tips .item ul {
margin-left: -20px;
} 
    .tips .item img.list-image {
width: 60px;
  float:none;
        margin-bottom: 15px;
}
    .tips .item h3 {
margin-left: 0px;
margin-top: 0px;
}
   .tips .item p {
margin-left: 0px;
padding-top: 10px;
} 
   
    
    
    


    .body .item.alt {
padding: 20px 0px 0px 0px;
}
   .body .right-wrap {
padding-left: 0px;
} 
       .body .left-wrap {
padding-right: 0px;
} 
   .body  .item.alt ul {
margin-left: -0px;
} 
    .body .item.alt img.list-image {
  float:none;
        margin-bottom: 5px;
}
        .body .item.alt img.list-image.alt {
  float:none;
        margin-bottom: 5px;
}
    .body .item.alt h3 {
margin-left: 0px;
margin-top: 0px;
}
    .body .item.alt h4 {
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
}
   .body .item.alt p {
margin-left: 0px;
padding-top: 10px;
} 
  .body img.logos {
    height: 50px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 15px;
}  
    .body img.title {
        width: 250px;
    }  
     .body img.speech {
      width: 30%;
margin-top: 30px;
    }  
    
    
.suppliers {
    padding-left: 7%; 
    padding-right: 7%; 
padding-top: 30px;
}
 .suppliers .logos img {
height: 60px;
padding-left: 15px;
padding-right: 15px;
}   
  .suppliers .small-suppliers {
border-top-left-radius: 40px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
padding-top: 30px;
text-align: left;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
margin-bottom: 20px;
}  
    .suppliers .small-suppliers img {
        width: 100px;
    }  
    
    
      
 .reasons {
    padding-top: 90px;
    padding-bottom: 50px;
    padding-left: 7%; 
    padding-right: 7%; 
     text-align: left;
    }
.reasons img.main {
width: 100%;
}
.reasons .item {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 40px;
}
  .reasons p.link {
padding-top: 20px;
} 
 
    
    
    .lookout {
        text-align: left;
        padding-top: 60px;
    }  
        .lookout .item {
padding: 0px;
}
   .lookout .right-wrap {
padding-left: 0px;
} 
       .lookout .left-wrap {
padding-right: 0px;
} 
   .lookout .item ul {
margin-left: -20px;
} 
    .lookout .item img.list-image {
width: 80px;
  float:none;
        margin-bottom: 15px;
}
    .lookout .item h3 {
margin-left: 0px;
margin-top: 0px;
}
   .lookout .item p {
margin-left: 0px;
padding-top: 10px;
} 
    
    .why-switch {
        text-align: left;
        padding-top: 20px;
        padding-bottom: 80px;
        padding-left: 7%; 
    padding-right: 7%; 
    }    
  .why-switch .item .text {
padding-top: 0px;
}  
  
    
    
.newsletter .wrap-bg {
background-image: none;
    background-color: #f5fafc;
padding-top: 50px;
padding-bottom: 90px;
padding-left: 9%; 
    padding-right: 9%; 
}
    
    

    
    .faq {
        padding-left: 7%; 
    padding-right: 7%; 
        padding-bottom: 0px
    }   
    .faq .lefty {
padding-right: 0px;
}
        .faq .righty {
padding-left: 0px;
}
    
    .faq .panel-default>.panel-heading a:after {
top: 4px;
}
    
    
    .panel {
        background-color: transparent;
    }
    
    .footer-frill {
    background-size: 140px;
    height: 190px;
    margin-top: -80px;
}
footer {
    padding-top: 60px;
    padding-bottom:50px;
     padding-left: 7%; 
    padding-right: 7%; 
}
footer a {
    color: #ffffff;
}
footer img {
    width: 50%;
    margin-bottom: 15px;
}
    footer .footer-1 {
        padding-bottom: 20px;
    }
footer .footer-2 p, footer .footer-3 p, footer .footer-4 p {
    line-height: 32px;
    padding-top: 30px;
}
footer p.small {
    font-size: 11px;
        color: #7ea6b9;
    line-height: 16px;
}
footer p.small.first {
    padding-top: 60px;;
}

    
    
}




/* Simple forms */

.bus-ad.commercial-simple,
.bus-ad.domestic-simple {
  padding-left: 0;
  background-image: none;
  background: #f4fafc;
  padding: 30px;
  border-radius: 40px 0px;
}
.bus-ad.domestic-simple p,
.bus-ad.commercial-simple p{
  font-size: 28px;
  line-height: 38px;
}

.bus-ad.commercial-simple p.link {
    padding-top: 5px;
}

.bus-ad.commercial-simple .module-commercial-energy-form input.field,
.bus-ad.domestic-simple .module-commercial-energy-form input.field{
  box-shadow: none;
  margin-bottom:0;
  padding:0 30px;
  text-align: left;
}
.bus-ad.commercial-simple form.bus-form,
.bus-ad.domestic-simple form.bus-form{
  margin-top: 0px;
}
.bus-ad.commercial-simple .img-responsive,
.bus-ad.domestic-simple .img-responsive{
  height: 100%;
  margin: 0;
  padding: 0;
  object-fit: contain;
  max-height: 170px;
}
.bus-ad.commercial-simple form.bus-form input.button,
.bus-ad.domestic-simple form.bus-form input.button{
  padding-left:15px;
  padding-right:15px;
  width:auto;
}
.bus-ad.commercial-simple{
  text-align:left;
}
.bus-ad.commercial-simple .module-commercial-energy-form p.link{
  margin-top:10px;
}

@media (max-width:767px){
  .bus-ad.domestic-simple p,
  .bus-ad.commercial-simple p{
    font-size: 19px;
    line-height: 27px;
  }
  .bus-ad.commercial-simple .module-commercial-energy-form input.field,
  .bus-ad.domestic-simple .module-commercial-energy-form input.field{
    display: block;
    margin: auto;
    float: none;
    border-radius: 40px;
    text-align: center;
	min-width:220px;
  }
  .bus-ad.commercial-simple form.bus-form input.button,
  .bus-ad.domestic-simple form.bus-form input.button{
    display: block;
    float: none;
    margin: auto;
    text-align: center;
    margin-top: -10px;
  }
  .bus-ad.commercial-simple p.link {
    padding-top: 10px;
  }
  .bus-ad.domestic-simple form.bus-form input.button,
  .bus-ad.domestic-simple .module-commercial-energy-form input.field{
    min-width:220px;
  }


  .bus-ad.commercial-simple .module-commercial-energy-form,
  .bus-ad.commercial-simple form.bus-form,
  .bus-ad.domestic-simple .module-commercial-energy-form,
  .bus-ad.domestic-simple form.bus-form{
    margin-bottom:0;
    padding-bottom:0;
  }
}


/* Super simple forms */

.guide-ad-wrap.super-simple {
    padding-top: 20px;
    padding-bottom: 0px;
}

.bus-ad.domestic-simple.super-simple{
    padding:0;
    background: transparent;
}
.hero .guide-ad-wrap.super-simple form.bus-form{
    padding:0;
    margin:0;
}

.hero .info-wrap .super-simple form.bus-form input.field{
    width:64%;
}


.domestic-simple-wrap.super-simple .container,
.domestic-simple-wrap.super-simple .col-sm-9{
    width:100%;
}





@media (min-width: 1600px) {
	.pad-t-xl-0 {
    padding-top: 0px !important;
}
    .pad-t-xl-10 {
    padding-top: 10px !important;
}
.pad-t-xl-20 {
    padding-top: 20px !important;
}
.pad-t-xl-30 {
    padding-top: 30px !important;
}
.pad-t-xl-40 {
    padding-top: 40px !important;
}
.pad-t-xl-50 {
    padding-top: 50px !important;
}

.pad-b-xl-10 {
    padding-bottom: 10px !important;
}
.pad-b-xl-20 {
    padding-bottom: 20px !important;
}
.pad-b-xl-30 {
    padding-bottom: 30px !important;
}
.pad-b-xl-40 {
    padding-bottom: 40px !important;
}
.pad-b-xl-50 {
    padding-bottom: 50px !important;
}
}


@media (min-width: 1200px) and (max-width: 1599px) {
		.pad-t-lg-0 {
    padding-top: 0px !important;
}
    .pad-t-lg-10 {
    padding-top: 10px !important;
}
.pad-t-lg-20 {
    padding-top: 20px !important;
}
.pad-t-lg-30 {
    padding-top: 30px !important;
}
.pad-t-lg-40 {
    padding-top: 40px !important;
}
.pad-t-lg-50 {
    padding-top: 50px !important;
}

.pad-b-lg-10 {
    padding-bottom: 10px !important;
}
.pad-b-lg-20 {
    padding-bottom: 20px !important;
}
.pad-b-lg-30 {
    padding-bottom: 30px !important;
}
.pad-b-lg-40 {
    padding-bottom: 40px !important;
}
.pad-b-lg-50 {
    padding-bottom: 50px !important;
}
}
    
    

@media (min-width: 992px) and (max-width: 1199px) {
    
.pad-t-md-0 {
    padding-top: 0px !important;
}
    .pad-t-md-10 {
    padding-top: 10px !important;
}
.pad-t-md-20 {
    padding-top: 20px !important;
}
.pad-t-md-30 {
    padding-top: 30px !important;
}
.pad-t-md-40 {
    padding-top: 40px !important;
}
.pad-t-md-50 {
    padding-top: 50px !important;
}

.pad-b-md-10 {
    padding-bottom: 10px !important;
}
.pad-b-md-20 {
    padding-bottom: 20px !important;
}
.pad-b-md-30 {
    padding-bottom: 30px !important;
}
.pad-b-md-40 {
    padding-bottom: 40px !important;
}
.pad-b-md-50 {
    padding-bottom: 50px !important;
}
    
}


@media (min-width: 768px) and (max-width: 991px) {
    
     .pad-t-sm-0 {
    padding-top: 0px !important;
}
    .pad-t-sm-10 {
    padding-top: 10px !important;
}
.pad-t-sm-20 {
    padding-top: 20px !important;
}
.pad-t-sm-30 {
    padding-top: 30px !important;
}
.pad-t-sm-40 {
    padding-top: 40px !important;
}
.pad-t-sm-50 {
    padding-top: 50px !important;
}

.pad-b-sm-10 {
    padding-bottom: 10px !important;
}
.pad-b-sm-20 {
    padding-bottom: 20px !important;
}
.pad-b-sm-30 {
    padding-bottom: 30px !important;
}
.pad-b-sm-40 {
    padding-bottom: 40px !important;
}
.pad-b-sm-50 {
    padding-bottom: 50px !important;
}
    
}
    
    
    
@media (max-width: 991px) 
{
    
       .pad-t-xs-0 {
    padding-top: 0px !important;
}
    .pad-t-xs-10 {
    padding-top: 10px !important;
}
.pad-t-xs-20 {
    padding-top: 20px !important;
}
.pad-t-xs-30 {
    padding-top: 30px !important;
}
.pad-t-xs-40 {
    padding-top: 40px !important;
}
.pad-t-xs-50 {
    padding-top: 50px !important;
}

.pad-b-xs-10 {
    padding-bottom: 10px !important;
}
.pad-b-xs-20 {
    padding-bottom: 20px !important;
}
.pad-b-xs-30 {
    padding-bottom: 30px !important;
}
.pad-b-xs-40 {
    padding-bottom: 40px !important;
}
.pad-b-xs-50 {
    padding-bottom: 50px !important;
}
}