/* needed, do not remove 4/09/2020 :: Updated October 1, 2021 4:00 pm */

/* CSS Rebrand Version 0.0.1 - jv */
@charset "UTF-8";

/* RESET */
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img,
object,
cite {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}

/* STYLE */
.white {
  background: #fff url(/images/structure/white-subtle-gradient.gif) top repeat-x;
  border-bottom: 1px solid #eceae8;
  padding: 0 15px;
} /* padding: 0; but added 15px for padding on window resize */
body {
  background: #fafafa;
  color: #57504a;
}
body,
textarea,
input,
select {
  font: normal 81.25% "Energy", Arial, Helvetica, sans-serif; /* 75% */
} /* "Myriad Web Pro", Myriad, "Myriad Pro", */
h1 {
  font-size: 2.7em; /* 3em */
  color: #f47920;
  margin-bottom: 0.5em;
}
h2 {
  font-size: 1.8em; /* 2em */
  color: #f47920;
  margin-bottom: 0.75em;
  font-weight: normal;
}
h3 {
  font-size: 1.5em;
  color: #f47920;
  margin-bottom: 1em;
  font-weight: normal;
}
h4 {
  font-size: 1.1em;
  color: #57504a;
  line-height: 1.5em;
  margin-bottom: 1.2em;
}
h5,
h6 {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: bold;
}
h5 {
  margin-bottom: 1em;
}
p {
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
em,
.italic {
  font-style: italic;
}
strong,
.bold {
  font-weight: bold;
}
blockquote {
  padding-left: 1.5em;
  margin-left: 1.5em;
  border-left: 1px solid #57504a;
}
hr {
  border: none;
  background: #eceae8;
  height: 1px;
  margin-bottom: 1.5em;
}

.hatch-area {
  background: url(/images/structure/stripes.gif);
  margin: 0 -15px;
  padding: 10px 15px 0;
}

::selection {
  background: #f47920;
  color: #fff;
}
::-moz-selection {
  background: #f47920;
  color: #fff;
}
input.error {
  box-shadow: 0px 0px 5px 0px rgba(179, 8, 56, 1);
}
.highlight {
  background: #fec057;
  background: rgba(254, 192, 87, 0.35);
}

.img_right {
  float: right;
  margin: 15px 0 15px 15px;
}
.img_left {
  float: left;
  margin: 15px 15px 15px 0;
}
.img_border {
  border: 5px solid #fff;
}
.img_white {
  border-color: #fff;
  background-color: #fff;
}
.img_grey {
  border-color: #f8f8f7;
  background-color: #f8f8f7;
}
img.loading {
  padding-left: 5px;
  vertical-align: top;
}
.caption {
  font-style: italic;
  font-size: 0.85em;
  color: #636466;
}

.content li ul,
.content li ol {
  margin: 0 1.5em;
}
.content ul,
.content ol {
  margin: 0 0 1.5em 1.5em;
  line-height: 1.5em;
}
.content ul {
  list-style-type: disc;
}
.content ul ul {
  list-style-type: square;
}
.content ol {
  list-style-type: decimal;
}
.content ol ol {
  list-style-type: lower-alpha;
}
.content li {
  margin-left: 1.5em;
}
.content ul.space-out li {
  margin-bottom: 0.75em;
}

a {
  color: #f47920;
  text-decoration: underline;
}
a:hover,
a:focus {
  text-decoration: none;
  background: #f0f0f0;
  background: rgba(162, 149, 138, 0.1);
  color: #333;
}
a img {
  border: none;
}
a.nohover:hover {
  background: none;
  text-decoration: none;
  border: none;
}
a.pdf,
a.movie,
a.link,
a.twitter,
a.phone,
a.map,
a.email {
  background-image: url(/images/structure/pdf.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  line-height: 18px;
}
a.link {
  background-image: url(/images/structure/earth.gif);
}
a.twitter {
  background-image: url(/images/structure/twitter.png);
}
a.phone {
  background-image: url(/images/structure/phone.png);
}
a.map {
  background-image: url(/images/structure/map.png);
}
a.movie {
  background-image: url(/images/structure/movie.png);
}
a.email {
  background-image: url(/images/structure/email.png);
}
a.dotted {
  text-decoration: none;
  border-bottom: 1px dotted;
}
a.dashed {
  text-decoration: none;
  border-bottom: 1px dashed;
}

/********** ICONS *****************/
.icon_warning {
  background: url(/images/structure/warning_48.png) no-repeat left;
  background-size: contain;
  padding-left: 1.75em;
}

.mainblock {
  max-width: 950px;
  margin: 0 auto;
}

/********** GRADIENTS *************/
.orangegradient,
.sparkheader h4,
ul.module_tabs li.selected,
ul.module_tabs li.selected a,
.hm_subfeature a:hover {
  background: #f47920;
}
.purplegradient,
.badge > h4,
.rateplan .fixed {
  background: #4f2683;
}
.greengradient,
.rateplan .green {
  background: #8dc63f;
}
.rateplan .solar {
  background: #f47920;
}
.bluegradient,
.newsfeed h5,
.rateplan .variable,
.rateplan .TOU {
  background: #005cab;
}
.bluegreengradient {
  background: #00aaa6;
}
.redgradient {
  background: #b30838;
}
.subtlewhitegradient,
.subnav > ul {
  background: #fafaf9;
  background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f7 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #f8f8f7)
  );
  background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f7 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f7 100%);
  background: linear-gradient(top, #ffffff 0%, #f8f8f7 100%);
}

.header {
  border-bottom: 1px solid #beb5ad;
  padding: 50px 0 20px;
  position: relative;
}
.mobile-menu,
.m-sub,
.mobile-nav {
  display: none;
}
.logo,
.logo:hover {
  background: url(/images/structure/ambitenergy-logo.svg) 0px 12px no-repeat;
  width: 195px;
  height: 47px;
  display: block;
  text-indent: -9999px;
}
.header ul {
  list-style: none;
  position: absolute;
  right: 0;
  bottom: 0px;
  overflow: hidden;
  margin-right: -14px;
  font-weight: normal;
  font-size: 18px;
  line-height: 14px;
  height: 55px;
}
.header ul li {
  float: left;
  height: 55px;
}
.header li.current a {
  background: #f0f0f0;
}
.header li a {
  padding: 6px 14px;
  text-decoration: none;
  color: #f47920;
  display: block;
  line-height: 25px;
  text-align: center;
  /* CSS3 rounded corners */
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.header li a:hover,
.header li.current a:hover {
  background: #f47920;
  color: #fff;
}

.headerbar {
  position: absolute;
  top: 0;
  width: 100%;
}
.searchbar {
  height: 30px;
  background: #f47920;
}
.searchbarcontent {
  position: relative;
}

.toplinks {
  list-style: none;
  overflow: hidden;
  height: 30px;
  display: inline;
}
.toplinks li {
  float: left;
  height: 30px;
}
.toplinks a {
  display: block;
  height: 30px;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  color: #fff;
  line-height: 29px;
  padding: 0 15px;
  border-left: 1px solid #fff;
}
.toplinks a.last {
  border-right: 1px solid #fff;
}
.toplinks a:hover {
  background-color: #636466; /*change to gradient */
}
.toplinks img {
  float: left;
  cursor: pointer;
  margin: 0 0 0 0.75em;
}
.toplinks input {
  border: none;
  margin: 4px 0 0;
  font-weight: normal;
  font-size: 0.85em;
  padding: 3px 7px 4px;
  color: #57504a;
  width: 100px;
  float: left;
}

.content {
  padding: 20px 0;
}
.content .contentleft,
.content .contentright {
  float: left;
  position: relative;
}
.content .contentleft {
  width: 69.5%;
  margin: 0 2.1% 0 0;
}
.content .contentright {
  width: 26.3%;
  margin: 0 0 0 2.1%;
}
.contentcolumn {
  max-width: 768px;
  margin: 0 auto;
}

.subnav {
  margin-bottom: 20px;
}
.subnav h4,
.contentrightheading {
  color: #fff;
  margin: 0;
  padding: 5px 15px 6px;
  background: #f47920;
  /* rounded corners */
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
.subnav h4 a,
.subnav h4 a:hover {
  color: #fff;
  text-decoration: none;
}
.subnav h4 a:hover {
  text-decoration: underline;
}
.subnav > ul,
.contentrightbox {
  list-style: none;
  border: 1px solid #ebe9e6;
  border-width: 0 1px 1px;
  margin: 0;
  padding: 13px 15px 8px;
}
.subnav li {
  padding: 0;
  margin: 0 0 0.5em;
}
.subnav ul ul {
  margin: 0.5em 0 1em 15px;
  font-size: 0.9333em;
  list-style: none;
  color: #f47920;
}
.subnav a {
  color: #57504a;
}
.subnav a:hover {
  color: #f47920;
  background: none;
}
.subnav li.selected a {
  background: #ffe8de;
  padding: 4px 10px;
  text-decoration: none;
  color: #57504a;
  margin-left: -5px;
  /* rounded corners */
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

ul.subfeatureimg {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.subfeatureimg li {
  margin: 1.66em 0 0 0;
  padding: 0;
}
ul.subfeatureimg li img,
ul.subfeatureimg li a,
ul.subfeatureimg li {
  display: block;
  background: none;
}

.social {
  position: absolute;
  right: 0;
  margin-right: -10px;
  list-style: none;
  overflow: hidden;
  display: inline;
}
.social li {
  float: left;
}
.social a {
  display: block;
  height: 30px;
  text-indent: -9999px;
  background: url(/images/structure/sm-imgs-new.png) top left no-repeat;
}
.social a:hover {
  background-color: #636466;
}
.social a.fb {
  width: 28px;
  background-position: -82px -75px;
}
.social a.yt {
  width: 64px;
  background-position: -110px -75px;
}
.social a.in {
  width: 37px;
  background-position: -45px -75px;
}
.social a.tw {
  width: 35px;
  background-position: -4px -75px;
}
.social a.inst {
  width: 28px;
  background-position: -175px -75px;
}
.social a.switchlanguage {
  text-indent: 0;
  background: none;
  margin-right: 10px;
  line-height: 30px;
  opacity: 0.7;
  color: #fff;
}
.social a.switchlanguage:hover {
  opacity: 1;
}

.footer {
  background: url(/images/structure/footer-shadow.png) no-repeat top center;
  padding: 20px 15px;
  color: #636466;
  font-weight: normal;
  line-height: 14px;
} /* padding: 20px 0; but added 15px for padding on window resize */
.footerlinks,
.sponsors {
  list-style: none;
  overflow: hidden;
}
.footer li,
.footer p {
  font-size: 10px;
}
.footerlinks li {
  float: left;
  padding-right: 5px;
}
.footerlinks li:after {
  content: "|";
  padding-left: 5px;
}
.footerlinks li.last:after {
  content: none;
}
.footerlinks a {
  text-decoration: none;
}
.footer p a {
  color: #636466;
}
.sponsors {
  float: right;
  padding: 0 0 20px 0;
}
.sponsors li {
  float: left;
  margin: 0 0 0 20px;
}
.sponsors li a.dmn,
.sponsors li a.dsa,
.sponsors li a.greene-sm-foot {
  background: url(/images/structure/sm-imgs-new.png) no-repeat;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  display: block;
}
.sponsors li a.dmn {
  background-position: -30px 0px;
}
.sponsors li a.dsa {
  background-position: -60px 0px;
}
.sponsors li a.greene-sm-foot {
  background-position: -310px 0px;
}
.footer p {
  margin-top: 14px;
}
/*****************SPONSORS************************** */
.homesponsors {
  padding: 0 2%;
}
.sponsor1,
.sponsor2,
.sponsor3,
.sponsor4,
.sponsor5,
.sponsor6,
.sponsor7,
.sponsor8,
.sponsor9,
.sponsor10,
.sponsor11,
.sponsor12,
.sponsor13,
.sponsor14 {
  height: 85px;
  width: 123px;
  background: #fff url("/images/uploads/sponsors-2015.png") no-repeat;
  opacity: 0.6;
  filter: url(/images/uploads/filter/filter.svg#grayscale); /* Firefox */
  filter: gray; /* IE */
  -webkit-filter: grayscale(1); /* Webkit */
  margin: 18px 0 18px 0;
}
.sponsor4a,
.sponsor6a,
.sponsor9a,
.sponsor13a {
  height: 67px;
  width: 164px;
  background: #fff url("/images/uploads/sponsors-2015.png") no-repeat;
  opacity: 0.6;
  filter: url(/images/uploads/filter/filter.svg#grayscale); /* Firefox */
  filter: gray; /* IE */
  -webkit-filter: grayscale(1); /* Webkit */
  margin: 18px 0 18px 0;
}
.sponsor15,
.sponsor16,
.sponsor17,
.sponsor18,
.sponsor19 {
  height: 67px;
  width: 164px;
  background: #fff url("/images/uploads/sponsors-2016.png") no-repeat;
  opacity: 0.6;
  filter: url(/images/uploads/filter/filter.svg#grayscale); /* Firefox */
  filter: gray; /* IE */
  -webkit-filter: grayscale(1); /* Webkit */
  margin: 18px 0 18px 0;
}

/************ BADGE STYLES ******************/
.badge {
  margin-bottom: 20px;
}
.badge_label {
  margin-bottom: 0;
  font-weight: normal;
  font-style: italic;
  color: #d0cacb;
  color: rgba(162, 149, 138, 0.5);
}
.badge > h4 {
  color: #fff;
  padding: 5px 15px 6px;
  margin: 0;
  /* css rounded corners */
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
.badge h3 {
  color: #4f2683;
  padding: 0;
  margin: 0;
}
.badge p {
  padding: 0;
}
.badge .badge_content {
  border: 1px solid #eeece9;
  border-color: rgba(79, 38, 131, 0.3);
  border-width: 0 1px 1px;
  padding: 15px 15px 0 105px;
  min-height: 90px;
  background: #f9f8f7;
}
.badge .badge_content_second {
  clear: both;
  padding-top: 15px;
}
.badge .badge_image {
  float: left;
  margin: 15px 15px 0;
  /* css drop shadow */
  -webkit-box-shadow: 1px 1px 5px 0px #636466;
  box-shadow: 1px 1px 5px 0px #636466;
}
.badge .badge_image img {
  display: block;
}
.badge_contact_info {
  margin-left: -90px;
}
.badge_customer .badge_content {
  padding: 15px;
}

/********** SOCIAL MEDIA **********/
.socialmedia,
.thesparkfront {
  position: relative;
  border-bottom: 1px solid #eee;
  word-wrap: break-word;
}
.newsfeed h5,
.sparkheader h4 {
  color: #fff;
  margin: 0;
  padding: 5px 15px 6px;
  /* rounded corners */
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  /* drop shadow */
  -webkit-box-shadow: 0px 0px 5px 0px #636466;
  box-shadow: 0px 0px 5px 0px #636466;
  /* text shadow */
  text-shadow: 0px -1px 0px #b9b0a7;
}
.content .thesparkfront ul {
  list-style: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.content .thesparkfront {
  list-style: none;
  margin: 0;
}
.thesparkfront li {
  margin: 0;
  border: 1px solid #eee;
  border-width: 0 1px;
}
.thesparkfront span {
  display: block;
  width: 30px;
  height: 30px;
  margin: 10px 5px 0;
  float: left;
  text-indent: -9999px;
}
.thesparkfront a {
  display: block;
  padding: 10px 10px 10px 42px;
  min-height: 30px;
  text-decoration: none;
  color: #57504a;
}
.thesparkfront a:hover {
  background-color: #fff6e6;
}
.spark {
  margin-bottom: 0.5em;
}

/********** BUTTON ****************/
a.button {
  padding: 6px 14px;
  text-decoration: none;
  color: #f47920;
  /* CSS3 rounded corners */
  -webkit-border-radius: 1.25em;
  border-radius: 1.25em;
}
a.button:hover {
  background: #f47920;
  color: #fff;
  /* CSS3 gradient background */
  background: -moz-linear-gradient(top, #ff7330 0%, #e65917 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ff7330),
    color-stop(100%, #e65917)
  );
  background: -webkit-linear-gradient(top, #ff7330 0%, #e65917 100%);
  background: -o-linear-gradient(top, #ff7330 0%, #e65917 100%);
  background: -ms-linear-gradient(top, #ff7330 0%, #e65917 100%);
  background: linear-gradient(top, #ff7330 0%, #e65917 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7330', endColorstr='#e65917',GradientType=0 );
  /* CSS3 drop shadow */
  -webkit-box-shadow: 0 1px 2px #636466;
  box-shadow: 0 1px 2px #636466;
}

/* ------ buttons ----------- */
.btn {
  background: #f47920;
  color: #fff;
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 7px 20px;
  /* 
-webkit-border-radius: 3px;
	border-radius: 3px;
 */
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #f47920;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #f47920;
}
.btn:hover,
.btn:focus {
  background: #fff;
  text-decoration: none;
  color: #f47920;
}
.btn:active {
  background: #eee;
}
.smallbtn {
  font-size: 87.5%;
  padding: 3px 10px;
}

.orangebtn {
  background: #f47920;
}
.orangebtn:hover,
.orangebtn:focus {
  background: #fff;
  color: #f47920;
}

.yellowbtn {
  background: #fec057;
  color: #333;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #fec057;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #fec057;
}
.yellowbtn:hover,
.yellowbtn:focus {
  background: #fff;
  color: #fec057;
}

.greenbtn {
  background: #8dc63f;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #8dc63f;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #8dc63f;
}
.greenbtn:hover,
.greenbtn:focus {
  background: #fff;
  color: #8dc63f;
}

.bluegreenbtn {
  background: #00aaa6;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #00aaa6;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #00aaa6;
}
.bluegreenbtn:hover,
.bluegreenbtn:focus {
  background: #fff;
  color: #00aaa6;
}

.redbtn {
  background: #b30838;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #b30838;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #b30838;
}
.redbtn:hover,
.redbtn:focus {
  background: #fff;
  color: #b30838;
}

.greybtn {
  background: #eeeeee;
  color: #555;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #eeeeee;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #eeeeee;
}
.greybtn:hover,
.greybtn:focus {
  background: #fff;
  color: #555;
}

.whitebtn {
  background: #fff;
  color: #f47920;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #f47920;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #f47920;
}
.whitebtn:hover,
.whitebtn:focus {
  background: #fff;
  color: #666666;
}

.purplebtn {
  background: #4f2683;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #4f2683;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #4f2683;
}
.purplebtn:hover,
.purplebtn:focus {
  background: #fff;
  color: #4f2683;
}

.bluebtn {
  background: #005cab;
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #005cab;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #005cab;
}
.bluebtn:hover,
.bluebtn:focus {
  background: #fff;
  color: #005cab;
}

.social-btn {
  line-height: 30px;
  font-weight: normal; /*padding: 3px 15px 3px 10px;*/
  padding: 5px;
}
.social-btn span {
  display: inline-block;
  width: 30px;
  height: 30px; /*margin-right: 10px;*/
  text-indent: -9999px;
  background: url(/images/structure/sm-imgs-new.png) no-repeat;
}
.facebook-btn,
.facebook-btn:hover,
.facebook-btn:focus {
  color: #005cab;
}
.facebook-btn span {
  background-position: -150px 0;
}
.twitter-btn,
.twitter-btn:hover,
.twitter-btn:focus {
  color: #00aaa6;
}
.twitter-btn span {
  background-position: -180px 0;
}
.youtube-btn,
.youtube-btn:hover,
.youtube-btn:focus {
  color: #b30838;
}
.youtube-btn span {
  background-position: -210px 0;
}
.linkedin-btn {
  color: #00aaa6;
}
.linkedin-btn span {
  background-position: -210px -75px;
}

/********* MODULES ***************/
.module {
  padding: 30px 20px 20px; /*#eceae8 halfway between <- & -> */
  background: #f8f8f7;
  position: relative;
  margin: 30px 0 20px;
  /* CSS3 rounded corners */
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.module_single {
  padding: 20px;
  margin: 20px 0;
}
ul.module_tabs {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -12px;
  padding: 0;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0px 2px 5px 0px #d5d3d2;
  box-shadow: 0px 2px 5px 0px #d5d3d2;
}
ul.module_tabs li,
ul.module_tabs a {
  float: left;
  padding: 6px 9px;
  margin: 0;
  color: #aaaaaa;
  background: #fff;
}
ul.module_tabs a {
  color: #f47920;
  margin: 0;
  text-decoration: none;
}
ul.module_tabs a:hover {
  text-decoration: underline;
}
ul.module_tabs li {
  padding: 0;
  border-right: 1px solid #e5e5e5;
}
ul.module_tabs li.selected,
ul.module_tabs li.selected a {
  color: #fff;
  text-decoration: none;
  border-color: #f47920;
}
.accessibility_button {
  border: none;
  padding: 3px 7px;
  background: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  margin: 7px 5px 0 0;
  color: #636466;
}

/************ KIND OF A MODULE ***************/
.whitebox,
.greybox {
  padding: 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.whitebox {
  background: #ffffff;
}
.greybox {
  background: #f4f4f3;
}

/************ NEW PHOTO GALLERY **************/
.photogal-collection-thumb {
  float: left;
  width: 25%;
  border: 1px solid #ccc;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
  margin-bottom: 30px;
}
.photogal-collection-thumb,
.photogal-set-thumb {
  float: left;
  width: 25%;
  border: 1px solid #ccc;
  padding: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #f8f8f8;
}
.photogal-collection-thumb img,
.photogal-set-thumb img {
  width: 100%;
  display: block;
}
.photogal-collection-content {
  padding-left: 31%;
  margin-bottom: 30px;
}

.photogal-sets {
  overflow: hidden;
}
.photogal-set {
  width: 46%;
  margin: 0 4% 20px 0;
  float: left;
  text-decoration: none;
}
.photogal-set-thumb {
  padding: 5px;
  width: 41%;
}
.photogal-set-content {
  padding-left: 50%;
}
.photogal-set-content h4 {
  margin: 5px 0 0 0;
}
.photogal-set-content p {
  text-decoration: underline;
  margin: 0;
}

a.flickr {
  background: url(http://l.yimg.com/g/favicon.ico) no-repeat left;
  padding-left: 23px;
  background-size: contain;
}

.photogal-gallery {
  margin-bottom: 20px;
}
.photogal-gallery a.flickr {
  color: #57504a;
}
.photogal-gallery-container {
  background: #6b6b6b;
  padding: 20px 20px 11px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
.photogal-gallery-thumb,
.photogal-close-gallery {
  border: 2px solid #ccc;
  float: left;
  margin: 0 9px 9px 0;
}
.photogal-gallery-thumb:hover {
  border-color: #f47920;
}
.photogal-gallery-thumb img {
  display: block;
}
.photogal-close-gallery {
  display: block;
  height: 75px;
  width: 75px;
  background: #fff;
  text-align: center;
  line-height: 75px;
}
.photogal-close-gallery:hover {
  background: #f47920;
  color: #fff;
}
.photogal-gallery-fullsize {
  float: left;
  position: relative;
  text-align: center;
  width: 100%;
}
.photogal-gallery-fullsize a {
  background: #fff;
  padding: 5px 10px;
  position: relative;
  top: -25px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
.photogal-gallery-fullsize img {
  display: block;
  border: 5px solid #fff;
  margin: 0 auto;
  max-width: 100%;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
}

/************ FORMS *************************/
.hiddenFields {
  display: none;
}
form.module {
  padding: 20px;
}
form.module em {
  font-style: normal;
  color: #f47920;
  padding-left: 3px;
}
form.module label {
  float: left;
  width: 25%;
  padding-right: 5%;
  cursor: pointer;
}
form.module input,
form.module textarea,
form.module select {
  font-size: 1.1em;
}
form.module input {
  width: 40%;
}
form.module textarea {
  width: 69%;
}
form.module .clear {
  padding: 5px 0 15px;
  overflow: hidden;
}
form.module input.btn {
  margin-left: 30%;
  width: auto;
  border: none;
}

form.module .inputgroup {
  width: 70%;
  float: right;
  font-weight: normal;
}
form.module .inputgroup input {
  width: auto;
  margin-right: 7px;
}

form.module label.error {
  color: #b30838;
  width: 100%;
}

/************ RATES AND PLANS ***************/
.greene-sm {
  background: url("/images/structure/sm-imgs-new.png") no-repeat -300px 0;
  width: 83px;
  height: 20px;
}
.rateplans {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.rateplan {
  display: table-row;
  width: 100%;
}
.rateplan h3,
.rateplan p,
.rateplan h4 {
  border-bottom: 2px solid #fff;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 15px;
  margin: 0;
  white-space: nowrap;
  background: #eee;
}
.rateplan p {
  line-height: 1.3em;
}
.rateplan h3 {
  color: #57504a;
  font-weight: bold;
}
.rateplan .rateprice,
.rateplan h4 {
  background: #e6e5e4;
}
.rateplan .ratedescription {
  white-space: normal;
}
.rateplan .btn {
  padding-left: 1em;
  padding-right: 1em;
}
.rateplan .ratelabel {
  text-indent: -9999px; /*font-weight:bold; color:#fff;*/
  width: 20px;
  padding: 0;
}

.eplancapable h3 em,
.eplancapable .rateprice em {
  display: none;
}
.eplan h3 em,
.eplan .rateprice em {
  display: inline;
}
.eplan .rateprice strong {
  text-decoration: line-through;
  opacity: 0.5;
}
.rateplan h3 em,
.rateplan .rateprice em {
  font-weight: bold;
  font-style: normal;
  color: #b30838;
}
/* tou */
.showpaneltou,
.showpaneltou2 {
  display: none;
}
.rateplan .fixed {
  background: #4f2683 url(/images/structure/sm-imgs-new.png) no-repeat -240px center;
}
.rateplan .variable {
  background: #005cab url(/images/structure/sm-imgs-new.png) no-repeat -280px center;
}
.rateplan .green {
  background: #8dc63f url(/images/structure/sm-imgs-new.png) no-repeat -260px center;
}
.spanish .rateplan .fixed {
  background: #4f2683 url(/images/structure/sm-imgs_sp.png) no-repeat -240px center;
}
.spanish .rateplan .variable {
  background: #005cab url(/images/structure/sm-imgs_sp.png) no-repeat -280px center;
}
.spanish .rateplan .green {
  background: #8dc63f url(/images/structure/sm-imgs_sp.png) no-repeat -260px center;
}
p.ratedescription {
  text-align: left;
}

.odd .rateprice,
.odd h4 {
  background: #eee;
}
.odd .ratedescription,
.odd h3 {
  background: #f6f6f6;
}

.rateinfo {
  background: #f6f6f6;
  padding: 20px;
  margin: -2px 0 5px 20px;
  border: 1px solid #ddd;
  border-width: 0 1px 1px 1px;
  display: none;
}
.rateinfo-inner {
  background: #fff;
  padding: 20px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.rateinfo .whitebox {
  margin-left: 20px;
  margin-bottom: 20px;
  background: #fafafa;
  border: 1px solid #ddd;
}
.rateinfo h3 {
  border-bottom: 1px solid #ddd;
}
.content .rateinfo ul {
  margin-left: 0;
  list-style: none;
}
.content .rateinfo li {
  margin: 0;
}
.content .rateinfo .whitebox ul {
  margin-bottom: 0;
}
.rateinfo li span {
  width: 25%;
  display: inline-block;
  font-style: italic;
}
.rateplan-extended p,
.rateplan-extended h4,
.rateplan-extended h3 {
  border-top: 1px solid #ddd;
}
.rateplan-extended h4 {
  border-right: 1px solid #ddd;
}

.rateheader p,
.rateheader .ratelabel,
.rateheader h4,
.rateheader h3,
.rateheader .rateprice {
  background: none;
  padding: 0;
  border: none;
}
.rateheader .rateprice {
  padding: 0 10px;
  color: #fff;
  background: #636466;
}
.ratefilters {
  overflow: hidden;
  margin-bottom: 10px;
}
.ratefilters .kwh,
.ratefilters .eplan,
.ratefilters .plantype {
  margin-bottom: 10px;
}
.ratefilters ul {
  list-style: none;
  margin: 0;
  padding: 0 15px 0 0;
  float: left;
}
.ratefilters li {
  float: left;
  margin: 0;
  padding: 0;
}
.ratefilters a {
  display: block;
  padding: 2px 8px;
  text-decoration: none;
  color: #57504a;
  border-right: 1px solid #fff;
  background: #eee;
}
.ratefilters a:hover {
  background: #ffffff;
}
.ratefilters .label {
  padding: 2px 7px 2px 0;
}
.ratefilters .first a {
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.ratefilters .last a {
  border: none;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.ratefilters a.selected {
  color: #fff;
}
.ratefilters .fixed a.selected {
  background: #4f2683;
}
.ratefilters .variable a.selected {
  background: #005cab;
}
.ratefilters .green a.selected {
  background: #8dc63f;
}
.ratefilters .kwh a.selected {
  background: #00aaa6;
}
.ratefilters .eplan .first a.selected {
  background: #b30838;
}
.ratefilters .eplan .last a.selected {
  background: #636466;
}
.five,
.twenty {
  display: none;
}
/************** GREEN E *********************/
.green1-1 {
  width: 70.9%;
  float: left;
  padding: 1.2% 1% 1% 0;
}
.green1-2 {
  width: 24.9%;
  float: left;
  padding: 5% 0 0 3%;
}
.green2 {
  width: 75%;
  padding-bottom: 2%;
  padding-top: 1.2%;
}
.green3 {
  background: url("/images/fullpage/leaves.jpg") no-repeat scroll 100% 10px
    transparent;
  width: 60%;
  padding-right: 40%;
  padding-top: 1.2%;
  padding-bottom: 2%;
}
.green4 {
  padding: 7% 10% 14% 40%;
  background: url("/images/fullpage/social-media-channels.jpg") no-repeat scroll
    left -42px rgba(0, 0, 0, 0);
  width: 50%;
}

/************ THE SPARK *********************/
.sparkaddthis {
  width: 200px;
  top: -7px;
  position: relative;
}
.the-spark-logo {
  background: url("/images/structure/the-spark-logo.svg") no-repeat;
  text-indent: -9999px;
  height: 85px;
  width: 208px;
}
.post1 {
  border: 1px solid #cccccc;
  float: right;
  margin: 0 0 15px 25px;
  padding: 5px;
  width: 33%;
}
.spark-tmain {
  float: left;
  width: 31%;
  border: 1px #ccc solid;
  position: relative;
  margin: 1%;
  margin-bottom: 3%;
}
.spark-tmain:hover {
  border: 1px #f47920 solid;
  text-decoration: none;
}
.tmain-caption {
  background: none repeat scroll 0 0 #000000;
  bottom: 0;
  color: #ffffff;
  left: 0;
  opacity: 0.8;
  overflow: hidden;
  padding: 5px 10px;
  position: absolute;
  width: 90%;
  z-index: 8;
}
.readmore {
  text-decoration: underline;
  color: #f47920;
}
.spark-tmain:hover .readmore {
  text-decoration: none;
  color: #fec057;
}
.paginate strong {
  padding: 1%;
  background: #f4f4f4;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px #ccc solid;
}
.paginate a:link,
.paginate a:visited,
.paginate a:hover {
  text-decoration: none;
  padding: 1%;
  background-color: #f47920;
  background: -moz-linear-gradient(center top, #ff8a53 0%, #f47920 100%) repeat
    scroll 0 0 transparent;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px #ff8c55 solid;
  color: #ffffff;
}
.sparkhm {
  padding-top: 50px;
  margin-bottom: 0.1em;
}
.sparkol {
  list-style-position: inside;
}
.infographic_link {
  padding: 2px;
  border: 1px solid #f47920;
  display: block;
  margin-bottom: 20px;
}
.infographic_link:hover {
  background: #f47920;
}
.infographic_link img {
  max-width: 100%;
  display: block;
}

/************ HOMEPAGE STYLES ***************/
.hm_features {
  border-bottom: 1px solid #beb5ad;
  padding: 20px 0 20px;
  margin-bottom: 20px;
  position: relative;
}
/* top right features */
#feature1 {
  background: url(/images/features/v7/PluggedIn.jpg) no-repeat top right;
}
#feature6 {
  background: url(/images/features/v7/Commercial.jpg) no-repeat top right;
}
#feature13 {
  background: url(https://www.ambitenergy.com/uploads/images/uploads/alexa-banner.jpg)
    no-repeat top right;
}

/* bottom right features */
#feature2 {
  background: url(/images/features/v7/Success.jpg) no-repeat bottom right;
}
#feature4 {
  background: url(/images/features/v7/FreeEnergy.jpg) no-repeat bottom right;
}
#feature5 {
  background: url(/images/features/v7/Service.jpg) no-repeat bottom right;
}
#feature7 {
  background: url(/images/features/v8/hm_5.jpg) no-repeat bottom right;
}
#feature8 {
  background: url(/images/features/v8/welcome-ohio.jpg) no-repeat bottom right;
}
#feature9 {
  background: url(/images/features/v8/welcome-indiana.jpg) no-repeat bottom
    right;
}
#feature10 {
  background: url(/images/features/v8/ambitcares.jpg) no-repeat bottom right;
}
#feature12 {
  background: url(/images/features/NewTexasPlans_ae_banner.jpg) no-repeat top
    right;
}

/* bottom left features */
#feature3 {
  background: url(/images/features/v7/Green.jpg) no-repeat bottom left;
}
#feature_k {
  background: url(/images/features/konami.gif) no-repeat bottom left;
}
#feature11.en {
  background: url(/images/features/v8/AmbitCares1in7_en.jpg) no-repeat bottom
    left;
}
#feature11.es {
  background: url(/images/features/v8/AmbitCares1in7_es.jpg) no-repeat bottom
    left;
}
/* COVID-19 Features */
#feature3Covid {
  background: url(/uploads/images/uploads/covid19-ambit-supporting-our-family.png)
    no-repeat bottom left;
}
#feature4Covid {
  background: url(/uploads/images/uploads/ambitcares-covid19.png) no-repeat
    bottom left;
}

#featureSecure {
  background: url(https://www.ambitenergy.com/uploads/images/uploads/secure-savings-c.png)
    no-repeat bottom left;
}

#featureSummer {
  background: url(https://www.ambitenergy.com/uploads/images/uploads/summer-lg-b.png)
    no-repeat bottom left;
}
.hm_feature {
  height: 340px;
  padding: 10px 30px 0;
}
.hm_feature h2 {
  font-weight: bold;
  font-size: 46px;
  line-height: 60px;
  color: #636466;
}
.hm_feature .nobold {
  font-weight: normal;
}

a.solidbutton,
a.solidbutton :link,
#powerpwerks a.solidbutton :active {
  align-items: center;
  color: #fff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-family: "Energy";
  font-weight: 400;
  font-size: 1.3em;

  background-color: #f47920;
}
a.whitesolidbutton, a.whitesolidbutton :link, a.whitesolidbutton :active { 
  align-items: center;color: #444444; padding: 10px 20px 10px 20px;text-decoration: none;font-family: "Energy";font-weight: 400;font-size: 1.3em;
 
 background-color: #ffffff;
}
#featureSpringES {
  background-size: 100%;
  background-position: top;
  background: url(https://cdn.ambitenergy.io/images/ambitenergy/homebanners/Spring_AEcom_banner_950x500_es.jpeg)
    no-repeat bottom left;
}
#featureSpring {
  background-size: 100%;
  background-position: top;
  background: url(https://cdn.ambitenergy.io/images/ambitenergy/homebanners/Spring_AEcom_banner_950x500.jpeg)
    no-repeat bottom left;
}
#featureSpring .springcta,
#featureSpringES .springcta {
  margin-top: 30%;
  align-items: center;
  color: #fff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-family: "Energy";
  font-weight: 400;
  font-size: 1.3em;
  background-color: #f47920;
}
#featureSpring .springhead,
#featureSpringES .springhead {
  padding-top: 30%;
  margin-left: 45%;
}

#powerperks {
  background: url(https://cdn.ambitenergy.com/images/ambitenergy/homebanners/ambit-ultimate-perks-home-background.png)
    no-repeat bottom left;
    background-size: cover;
}
#powerperks h4 {
  margin-top: 20px;
  margin-left: 35px;
}

.hm_feature {
  height: 340px;
  padding: 10px 30px 0;
}
.hm_feature h2 {
  font-weight: bold;
  font-size: 46px;
  line-height: 60px;
  color: #636466;
}
.hm_feature .nobold {
  font-weight: normal;
}

#feature1 h2,
#feature2 h2,
#feature3 h2,
#feature4 h2,
#feature5 h2,
#feature_k h2,
#feature10 h2,
#feature13 h2 {
  padding-top: 50px;
}
#feature7 h2 {
  padding-top: 20px;
}
#feature1 h2,
#feature2 h2,
#feature6 h2 {
  margin-bottom: 0.25em;
}

/* bottom left features */
#feature3Covid .hm_feature h2,
#feature3Covid .hm_feature h4,
#feature3Covid .hm_feature h3 {
  margin-left: 44%;
}
#feature4Covid .hm_feature h2,
#feature4Covid .hm_feature h4,
#feature4Covid .hm_feature h3 {
  margin-left: 57%;
}

#feature10 .hm_feature h2 {
  margin-left: 70%;
}
#feature3 .hm_feature h2,
#feature_k .hm_feature h2 {
  margin-left: 50%;
}
#feature3 .hm_feature h4,
#feature_k .hm_feature h4 {
  margin-left: 50%;
}
#feature10 .hm_feature h2,
#feature_k .hm_feature h2 {
  margin-left: 60%;
}
#feature10 .hm_feature h4,
#feature_k .hm_feature h4 {
  margin-left: 60%;
}
#feature_k .hm_feature {
  height: 300px;
}

#feature11 h2 {
  padding-top: 100px;
  line-height: 0.85;
  margin-bottom: 0.5em;
}
#feature11 .hm_feature h2 {
  margin-left: 50%;
}
#feature11 .hm_feature h4 {
  margin-left: 50%;
}
#feature11 h2 .nobold {
  font-size: 80%;
}

#featureSecure .hm_feature {
  text-align: center;
}
#featureSecure .hm_feature h2 {
  margin: auto;
  color: #fff;
  font-family: "Energy";
  font-size: 2em;
  font-weight: 100;
}

#featureSecure .hm_feature img {
  padding-top: 36px;
}
#featureSecure .hm_feature h4 {
  padding-top: 30px;
}

a.ssavings,
a.ssavings :link,
#featureSecure a.ssavings :active {
  align-items: center;
  color: #fff;
  padding: 10px 20px 10px 52px;
  text-decoration: none;
  font-family: "Energy";
  font-weight: 400;
  font-size: 1.3em;
  background: url(https://www.ambitenergy.com/uploads/images/uploads/tx-icon.png)
    no-repeat 9px 7px;
  background-color: #f47920;
}
/* a.ssavings, a.ssavings :link, #featureSecure a.ssavings :active { 
     align-items: center;background: #f47920;color: #fff;padding: 10px 20px 10px 20px;text-decoration: none;font-family: "Energy";font-weight: 400;font-size: 1.3em;} */
a.ssavings:hover {
  color: #f47920;
  background: url(https://www.ambitenergy.com/uploads/images/uploads/txo-icon.png)
    no-repeat 9px 7px;
  background-color: #ffffff;
}
/* summer */
a.summer,
a.summer :link,
#featureSummer a.summer :active {
  align-items: center;
  color: #f47920;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-family: "Energy";
  font-weight: 400;
  font-size: 1.2em;
  /*background: url(https://www.ambitenergy.com/uploads/images/uploads/tx-icon.png)no-repeat 9px 7px; */
  background-color: #ffffff;
}
#featureSummer .summerlogo {
  margin: auto;
  witdth: 90%;
}
#featureSummer .hm_feature {
  text-align: center;
}
#featureSummer .hm_feature h2 {
  margin: auto;
  color: #666666;
  font-family: "Energy";
  font-size: 1.5em;
  font-weight: 100;
}

#featureSummer .hm_feature img {
  padding-top: 60px;
}
#featureSummer .hm_feature h4 {
  padding-top: 30px;
}
#winterbreak {
  background: url(https://cdn.ambitenergy.com/images/ambitenergy/homebanners/winter-break.jpeg)
    no-repeat top left;
  background-size: cover;
}
#winterhighbill {
  background: url(https://cdn.ambitenergy.io/images/ambitenergy/AE.com_banner_950x500_notext.jpg)
    no-repeat top left;
  background-size: cover;
}
#winterhighbill .hm_feature {
  margin-left: 45%;
}
#winterhighbill .hm_feature h2 {
  color: white !important;
  padding-top: 35px;
}
#winterweather {
  background: url(/uploads/images/uploads/winter-resource.jpg) no-repeat top left;
 background-size: cover;
}
.hm_subfeatures {
}
.hm_subfeature {
  display: block;
  float: left;
  width: 32.3%;
  /* width: 24%; */
  padding: 0 0.5%;
}
.hm_subfeature a {
  min-height: 97px;
  display: block;
  padding: 10px;
  background: #e5e5e5;
  text-decoration: none;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  /* CSS gradient */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #e5e5e5)
  );
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E5E5E5',GradientType=0 );
  /* CSS rounded corners */
  /*-webkit-border-radius: 5px;
	border-radius: 5px; 
	 drop shadow */
  -webkit-box-shadow: 2px 2px 5px 0px rgba(162, 149, 138, 0.5);
  box-shadow: 2px 2px 5px 0px rgba(162, 149, 138, 0.5);
}
.hm_subfeature p {
  color: #57504a;
  margin: 0;
  font-size: 0.99em;
}
.hm_subfeature h4 {
  margin: 0;
  color: #f47920;
}
.hm_subfeature img {
  float: left;
  padding-right: 10px;
}
.hm_subfeature a:hover {
  background: #fff;
}
/*.hm_subfeature a:hover h4, .hm_subfeature a:hover p {color:#FFF;}*/
.hm_subfeatures .last {
  margin-right: 0;
}

.hm_content .contentright {
  top: 0;
}
.hm_content {
  padding-top: 0;
}
.hm_content .contentleft {
  width: 65.9%;
  margin: 0 2.1% 0 0;
}
.hm_content .contentright {
  width: 32%;
  margin: 0;
}

.hm_content .module {
  margin: 12px 0 0;
}
.hm_content .module h1 {
  font-size: 1.8em;
  font-weight: normal;
}

/****** Updated Homepage (social / spark) ********/
.social-bar,
.social-bar h6,
.social-bar > a,
.social-bar ul,
.social-bar li a {
  height: 40px;
}

.social-bar {
  margin-bottom: 20px;
  position: relative;
}
.social-bar h6 {
  float: left;
  line-height: 40px;
  padding: 0 15px;
  color: #fff;
  -webkit-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.social-bar > a {
  line-height: 40px;
  background: #f8f8f7;
  padding-left: 10px;
  text-decoration: none;
  overflow: hidden;
  display: block;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.social-bar > a span {
  display: inline-block;
  margin: 5px 7px 0 0;
  float: left;
}
.social-bar ul {
  position: absolute;
  right: 0;
  top: 0;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  background: #f8f8f7;
  display: inline-block;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.social-bar li {
  float: left;
  padding: 0 5px 0 0;
  margin: 0;
}
.social-bar li a {
  display: block;
  text-decoration: none;
  line-height: 38px;
}
.social-bar li a.plain {
}
.social-bar li.icon {
  padding: 5px 0;
}
.social-bar li.icon a {
  display: block;
  height: 30px;
}

.social-bar-icon,
.social-bar-icon:hover,
.social-bar-icon:focus {
  width: 30px;
  height: 30px;
  background: url(/images/structure/sm-imgs-new.png) no-repeat;
  text-indent: -9999px;
}
.social-bar-twitter,
.social-bar-twitter:hover,
.social-bar-twitter:focus {
  background-position: -180px 0;
}
.social-bar-facebook,
.social-bar-facebook:hover,
.social-bar-facebook:focus {
  background-position: -150px 0;
}
.social-bar-youtube,
.social-bar-youtube:hover,
.social-bar-youtube:focus {
  background-position: -210px 0;
}
.social-bar-gplus,
.social-bar-gplus:hover,
.social-bar-gplus:focus {
  background-position: -210px -30px;
}
.social-bar-linkedin,
.social-bar-linkedin:hover,
.social-bar-linkedin:focus {
  background-position: -210px -75px;
}

.social-bar > a:hover,
.social-bar-icon:hover,
.social-bar li a:hover {
  background-color: rgba(254, 192, 87, 0.5);
}

.spark-home {
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
}
.spark-home h2 a {
  display: block;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 10px 5px 5px;
  height: 20px;
}
.spark-home h2 a:hover,
.spark-home h2 a:focus {
  background: none;
}
.spark-home h2 a:hover em,
.spark-home h2 a:focus em {
  text-decoration: underline;
}
.spark-home h2 span {
  display: inline-block;
  float: left;
  height: 20px;
  text-indent: -9999px;
  width: 100px;
  background: url("/images/structure/the-spark-logo-home.svg") no-repeat 0 1px;
}
.spark-home h2 em {
  color: #636466;
  float: right;
  font-size: 0.65em;
}

.spark-home-main {
  background-position: center;
  display: block;
  text-decoration: none;
  padding: 80px 0 20px;
  background-size: cover;
}
.spark-home-main h4 {
  font-weight: normal;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  padding: 16px 20px 18px;
  margin: 0;
}
.spark-home-main strong {
  text-decoration: underline;
}

.spark-home-sub {
  background-position: center;
  background-size: cover;
  display: block;
  float: left;
  width: 49.85%;
  height: 100px;
  margin-top: 1px;
  text-decoration: none;
  overflow: hidden;
  position: relative;
}
.spark-home-sub p {
  text-indent: -9999px;
}
.spark-home-sub span {
  display: inline-block;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  line-height: 1em;
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 10px;
  text-decoration: underline;
}
.spark-home-sub:last-of-type {
  float: right;
}

.spark-home-main:hover,
.spark-home-sub:hover {
  background-size: cover;
  background-position: center;
}
.spark-home-main:hover h4,
.spark-home-sub:hover p {
  background: #f47920;
  background: rgba(255, 99, 25, 0.85);
}
.spark-home-sub:hover p {
  text-indent: 0;
  padding: 10%;
  color: #fff;
  width: 80%;
  font-weight: bold;
  margin: 0;
}
.spark-home-sub:hover span {
  display: none;
}
/****** END Updated Homepage (social / spark) ********/

/********** IMAGES ****************/
img.w25,
img.w33,
img.w50 {
  float: right;
  padding: 15px 0 15px 15px;
}
img.w100 {
  padding-bottom: 15px;
}
img.w100b {
  width: 98%;
  padding: 3px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 5px 0 rgba(162, 149, 138, 0.7);
  -webkit-box-shadow: 0 0 5px 0 rgba(162, 149, 138, 0.7);
  margin-bottom: 15px;
}
img.newsroom {
  padding: 0 10px 10px 0;
}

/********** ALERTS ****************/
.alert > h4 {
  background: #f47920;
  margin: 0;
  padding: 6px 10px 6px 20px;
  color: #fff;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
.alert_content {
  border: 5px solid #f47920;
  border-width: 0 5px 5px;
  padding: 15px;
}
.small-text-warning,
.large-text-warning {
  color: #fff;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
}
.small-text-warning {
  padding: 0.15em 0.5em;
  margin: 0 0.3em;
}
.large-text-warning {
  padding: 0.5em 1em;
}
.add-exclamation:before {
  content: "!";
  background: #fff;
  color: #b30838;
  margin-right: 0.75em;
  padding: 0 0.5em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
}

/********** No Nav Pages **********/
.header h1 {
  margin-bottom: 0;
  margin-top: 18px;
  line-height: 29px;
}
.logo-go-right {
  position: absolute;
  right: 0;
  top: 52px;
}
.searchbar .no-nav-show {
  display: none;
}
.no-login .no-nav-hide,
.no-login .social .tw,
.no-login .social .fb,
.no-login .social .yt,
.no-login .searchbarcontent form {
  display: none;
}
.no-login .no-nav-show {
  display: block;
}
.new_vid {
  max-width: 768px;
  margin: 0 auto 20px;
}

/* ************* Home Services ***************/
.sparkambition2012 {
  background: url("/images/structure/sm-imgs-new.png") no-repeat scroll -162px -30px
    transparent;
  float: left;
  height: 29px;
  position: relative;
  top: 6px;
  width: 33px;
}
.surge {
  padding-left: 41px;
  padding-top: 4px;
  color: #57504a;
}
.surge1 {
  position: relative;
  top: 6px;
  width: 33px;
  height: 33px;
  background: url(/images/uploads/ambit-home-services.png) no-repeat 0 0
    transparent;
  float: left;
}
.surge2 {
  position: relative;
  top: 6px;
  width: 33px;
  height: 33px;
  background: url(/images/uploads/ambit-home-services.png) no-repeat 0 -37px transparent;
  float: left;
}
.service-mod {
  background: #f6f4f3;
  padding: 10px;
  position: relative;
  margin-bottom: 3px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0px 0px 4px 3px #ccc;
  box-shadow: inset 0px 0px 4px 3px #ededed;
}
.service-mod h4 {
  position: absolute;
  top: 18px;
  right: 20px;
}
.service-mod h4 a {
  -webkit-box-shadow: 0px 0px 4px 3px #d8d8d8;
  box-shadow: 0px 0px 4px 3px #d8d8d8;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: block;
  height: 30px;
  width: 30px;
  background: #f47920; /* Old browsers */
  background: -moz-linear-gradient(top, #ff8a53 0%, #f47920 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ff8a53),
    color-stop(100%, #f47920)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #ff8a53 0%,
    #f47920 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #ff8a53 0%,
    #f47920 100%
  ); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ff8a53 0%, #f47920 100%); /* IE10+ */
  background: linear-gradient(top, #ff8a53 0%, #f47920 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8A53', endColorstr='#f47920',GradientType=0 ); /* IE6-9 */
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
}
.service-mod h4 a:hover {
  background: #ff9349;
}
.service-mod-content {
  padding: 20px;
}
.main {
  position: relative;
  margin-left: 8px;
  top: -8px;
  width: 90%;
  border-top: 1px #ccc solid;
  background: none;
}
.stabletop {
  width: 100%;
  display: table-row;
}
.stabletop p {
  width: 31%;
  display: table-cell;
}
.stable {
  width: 100%;
  display: table-row;
}
.stable p {
  width: 30%;
  display: table-cell;
  background: #ffffff;
}
.odd p {
  background: #faf8f8;
}
.column {
  padding: 5px;
  white-space: nowrap;
  text-align: center;
}
.service-mod h6 {
  color: #57504a;
  font-size: 1.2em;
  line-height: 1.5em;
}
.smonth {
  margin-bottom: 1em;
  color: #ffffff;
  font-weight: bold;
  background: -moz-linear-gradient(center top, #ff8a53 0%, #f47920 100%) repeat
    scroll 0 0 transparent;
  padding: 5px;
  margin-bottom: 0px;
}
.ssubtitle {
  border-bottom: 1px solid #cccccc;
  font-style: oblique;
  margin-left: 7%;
  position: absolute;
  text-align: right;
  top: 27px;
  width: 80%;
}

/********** Ambition 2012 page *********/
.service-mod-main {
  background: #f6f4f3;
  padding: 10px;
  position: relative;
  margin-bottom: 3px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0px 0px 4px 3px #ccc;
  box-shadow: inset 0px 0px 4px 3px #ededed;
}
.service-mod-main h4 {
  position: absolute;
  top: 18px;
  right: 20px;
}
.service-mod-main h4 a {
  -webkit-box-shadow: 0px 0px 4px 3px #d8d8d8;
  box-shadow: 0px 0px 4px 3px #d8d8d8;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: block;
  height: 30px;
  width: 30px;
  background: #f47920; /* Old browsers */
  background: -moz-linear-gradient(top, #ff8a53 0%, #f47920 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ff8a53),
    color-stop(100%, #f47920)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #ff8a53 0%,
    #f47920 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #ff8a53 0%,
    #f47920 100%
  ); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ff8a53 0%, #f47920 100%); /* IE10+ */
  background: linear-gradient(top, #ff8a53 0%, #f47920 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8A53', endColorstr='#f47920',GradientType=0 ); /* IE6-9 */
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
}
.service-mod-main h4 a:hover {
  background: #ff9349;
}
.service-mod-content-main {
  padding: 20px;
}

/****** New ContentFull additions *********/
.subnav .subnav-min {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.subnav-min:after {
  content: "+";
  float: right;
}
.subnav-max:after {
  content: "-";
  float: right;
}
/****** END New ContentFull additions *********/

/****** New Rates and Plans additions *********/
div.randp_1 {
  border-top: 1px solid #eceae8;
  border-bottom: 1px solid #eceae8;
  padding-top: 20px;
}
div.randp_1_1 {
  width: 50%;
  float: left;
}
div.randp_1_1-wide {
  width: 74.9%;
}
div.randp_1_1 .module {
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  padding-left: 40px;
  margin: 0 0 20px;
}
.module_label {
  background: #f47920;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
div.randp_1_2 {
  width: 24.9%;
  float: left;
  text-align: center;
  padding: 20px 0;
}
div.randp_1_2 p {
  text-align: left;
  padding: 20px 30px 0;
  margin: 0;
}
div.randp_1_2.first {
  border-right: 1px solid #eceae8;
}
div.randp_1_1-wide + .first {
  border: none;
}
div.randp_2 {
  border-bottom: 1px solid #eceae8;
  background: url("/images/fullpage/kid-time.jpg") no-repeat bottom left;
  padding: 20px 0 20px 35%;
}
.quote_slider {
  margin: 30px 0 15px;
}
.quote {
  padding-right: 110px;
}
.quote_next {
  float: right;
  color: #636466;
  text-decoration: none;
  font-size: 1.5em;
  font-style: italic;
  opacity: 0.5;
  margin-top: 35px;
}
.quote_next:after {
  content: ">";
  color: #fff;
  display: inline-block;
  text-align: center;
  height: 30px;
  width: 30px;
  background: #636466;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  line-height: 27px;
  margin-left: 7px;
}
.quote_next:hover {
  opacity: 1;
  background: none;
}
.quote p {
  font-size: 2.5em;
  line-height: 1.25em;
  font-style: italic;
  background: url("/images/fullpage/quote-left.jpg") no-repeat top left;
  padding: 5px 0 0 45px;
  margin: 0 0 20px;
}
.quote em {
  color: #f47920;
  font-size: 1.5em;
  padding-left: 45px;
}
.quote em:before {
  content: "-- ";
}
.quote_small,
.quote_smaller {
  padding-right: 20px;
}
.quote_small p {
  font-size: 2em;
}
.quote_smaller p {
  font-size: 1.5em;
}
div.randp_3 {
  border-bottom: 1px solid #eceae8;
  background: url("/images/fullpage/maa-mobile.jpg") no-repeat bottom right;
  padding: 40px 60% 40px 40px;
}
div.randp_4 {
  background: url("https://www.ambitenergy.com/uploads/images/uploads/coverage-map-june-2022.png")
    no-repeat left 40px;
  padding: 40px 0 0 42%;
}
div.randgift {
  float: right;
  text-align: center;
  width: 33%;
  padding-bottom: 18px;
}
div.randp_0 {
  float: left;
  padding: 5px 0 51px 5px;
  text-align: left;
  width: 29.9%;
}
div.randp_01 {
  width: 67%;
  float: right;
}
/****** END New Rates and Plans additions *********/

/****** New About Ambit additions *********/
div.about_1 {
  padding: 20px 405px 20px 0;
  background: url("https://cdn.ambitenergy.com/images/ambitenergy/about/landmark-center.jpeg")
    bottom right no-repeat;
  border-bottom: 1px solid #eceae8;
  border-top: 1px solid #eceae8;
}
div.about_2 {
  margin-top: 20px;
  padding: 20px 0 0 0;
  background: url("https://cdn.ambitenergy.com/images/ambitenergy/about/the-ambit-story.jpeg")
    no-repeat;
  padding-left: 55%;
  border-bottom: 1px solid #eceae8;
}
div.about_3 {
  background: url("https://cdn.ambitenergy.com/images/ambitenergy/about/going-up-arrow.jpeg")
    no-repeat right bottom;
  padding: 30px 25% 30px 0;
  border-bottom: 1px solid #eceae8;
}
div.about_3 p img {
  margin-right: 30px;
}
div.about_4 {
  background: url("https://cdn.ambitenergy.com/images/ambitenergy/about/collage-1.jpeg")
    no-repeat;
  margin-top: 20px;
  padding: 40px 0 40px 42%;
}
/****** END New About Ambit additions *********/

/****** Testimonials *********************/
.testimonial-mod {
  position: relative;
  margin-bottom: 3px;
}
.testimonial-mod h4 {
  bottom: -13px;
  margin: 0 auto;
  padding-left: 65%;
  position: relative;
}
.testimonial-mod h4 a {
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  display: block;
  height: 41pxpx;
  width: 50px;
  background: #f47920; /* Old browsers */
  background: -moz-linear-gradient(top, #ff8a53 0%, #f47920 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ff8a53),
    color-stop(100%, #f47920)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #ff8a53 0%,
    #f47920 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #ff8a53 0%,
    #f47920 100%
  ); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ff8a53 0%, #f47920 100%); /* IE10+ */
  background: linear-gradient(top, #ff8a53 0%, #f47920 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8A53', endColorstr='#f47920',GradientType=0 ); /* IE6-9 */
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
}
.testimonial-mod .testimonial-plus {
  left: 0;
  padding-left: 17%;
  top: 0px;
}
.testimonial-mod .testimonial-plus1 {
  left: 0;
  padding-left: 8%;
  top: 0px;
}
.testimonial-mod h4 a:hover {
  background: #ff9349;
}
.testimonial-mod-content {
  background: none repeat scroll 0 0 #f4f4f4;
  padding: 20px 15px;
}
div.testimonial_1 {
  margin-top: 0px;
  padding: 65px 0 0 34%;
  background: url("/images/fullpage/coach.jpg") 0 bottom no-repeat;
  border-bottom: 1px solid #eceae8;
}
div.testimonial_1 p,
div.testimonial_2 p,
div.testimonial_3 p {
  line-height: 2em;
}
div.testimonial_2 {
  padding: 89px 30% 13px 0;
  background: url("/images/fullpage/debbie.jpg") bottom right no-repeat;
  margin-top: 25px;
  border-bottom: 1px solid #eceae8;
}
div.testimonial_4 {
  background: url("/images/fullpage/mac.jpg") no-repeat right bottom;
  padding: 117px 50% 75px 0;
  margin-top: 25px;
}
div.testimonial_4 p img {
  margin-right: 40px;
}
div.testimonial_3 {
  background: url("/images/fullpage/adam-michelle.jpg") no-repeat left bottom;
  margin-top: 25px;
  padding: 57px 0 0 40%;
  border-bottom: 1px solid #eceae8;
}
/******* END Testimonials ********************/

/* Summer 2014 Why Ambit Works and Energy 526 Refresh */
.vid_opp {
  margin-bottom: 20px;
  overflow: hidden;
}
.vid_opp:last-child {
  margin: 0;
}
.vid_icon,
.vid_play,
.vid_watching {
  width: 200px;
  height: 112px;
  display: block;
}
.vid_icon,
.vid_icon:hover {
  background-repeat: no-repeat;
  background-position: center;
  padding: 1px;
  border: 1px solid #666;
  text-decoration: none;
}
.vid_icon:hover {
  border: 2px solid #f47920;
  padding: 0;
}
.vid_icon .vid_play {
  background: url(/images/structure/play-icon.png) no-repeat center;
  text-indent: -9999px;
}
.vid_icon .vid_watching {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 110px;
  text-align: center;
}
.vid_content {
  margin-top: 20px;
  margin-right: 20px;
}
/* END WAW E526 Refresh */

/********** OVERRIDES *************/
.hide,
.show970,
.show768,
.show640,
.show480,
.show320 {
  display: none;
}
.nowrap {
  white-space: nowrap;
}
.nopadmargin {
  padding: 0;
  margin: 0;
}
.nopadtop,
img.nopadtop {
  padding-top: 0;
}
.nopadbottom {
  padding-bottom: 0;
}
.nopadright {
  padding-right: 0;
}
.nopadleft {
  padding-left: 0;
}
.nomargintop {
  margin-top: 0;
}
.nomarginbottom {
  margin-bottom: 0;
}
.content ul.nomarginbottom,
.content ol.nomarginbottom {
  margin-bottom: 0;
}
.nomarginright {
  margin-right: 0;
}
.nomarginleft {
  margin-left: 0;
}
.add-margintop-20 {
  margin-top: 20px;
}
.add-marginbottom-20 {
  margin-bottom: 20px;
}
.clear {
  clear: both;
}
.right {
  float: right;
}
.nofloat {
  float: none;
}
.left {
  float: left;
}
.w100 {
  width: 100%;
}
.w66 {
  width: 66%;
}
.w50 {
  width: 50%;
}
.w50p {
  width: 46%;
  padding: 2%;
}
.w33 {
  width: 33%;
}
.w25 {
  width: 25%;
}
.noshadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.nobold {
  font-weight: normal;
}
.browntext {
  color: #57504a;
}
.lightbrowntext {
  color: #636466;
}
.redtext {
  color: #b30838;
}
.orangetext {
  color: #f47920;
}
.tcenter {
  text-align: center;
}
.tleft {
  text-align: left;
}
.tright {
  text-align: right;
}
.m-l-130 {
  margin-left: 130px;
}
.lh2x {
  line-height: 2em;
}
.f0-5 {
  font-size: 0.5em;
}
.f0-75 {
  font-size: 0.75em;
}
.f1-25 {
  font-size: 1.25em;
}
.f1-5 {
  font-size: 1.5em;
}
.f1-75 {
  font-size: 1.75em;
}
.f2 {
  font-size: 1.5em;
}
.f2-5 {
  font-size: 2.2em;
}
.f3 {
  font-size: 2.5em;
}
.f4 {
  font-size: 3.5em;
}
.opacity90 {
  opacity: 0.9;
}

/********** MEDIA QUERIES *********/
@media all and (max-width: 970px) {
  .show970 {
    display: block;
  }
  .hide970 {
    display: none;
  }
  .subfeatureimg,
  .hm_subfeatures .last {
    display: none;
  } /* , .ratefilters .plantype */
  .social {
    margin: 0;
  }
  .hm_subfeature a {
    min-height: 0;
  }
  .hm_subfeature {
    width: 32.3%;
  }
  .hm_features {
  }
  #feature1,
  #feature2,
  #feature3,
  #feature4,
  #feature5,
  #feature6,
  #feature7,
  #feature13,
  #feature10,
  #feature11.en,
  #feature11.es,
  #feature_k,
  #feature3Covid,
  #feature4Covid {
    background-size: auto 100%;
  }

  #featureSummer .hm_feature h2,
  #featureSecure .hm_feature h2 {
    text-shadow: none;
  }
  #featureSummer .hm_feature img,
  #featureSecure .hm_feature img {
    padding-top: 20px;
  }
  #featureSummer .hm_feature h4,
  #featureSecure .hm_feature h4 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #featureSpring,
  #featureSpringES {
    background-size: 100%;
    background-position: top;
  }
  /*#feature1 {background-position:bottom center;}
	#feature2 {background-size:100% auto;}*/
  .hm_feature {
    height: auto;
    padding-bottom: 20px;
  }
  .hm_feature h2 {
    text-shadow: 1px 1px #fff, 1px -1px #fff, -1px 1px #fff, -1px -1px #fff,
      2px 2px 1px #fff, 2px -2px 1px #fff, -2px 2px 1px #fff, -2px -2px 1px #fff;
  }

  .ratefilters ul {
    padding: 0;
  }
  .ratefilters .kwh {
    padding-right: 15px;
  }
  .rateinfo .whitebox {
    margin-left: 0;
    float: none;
  }
  .rateinfo li span {
    width: 50%;
  }

  /****** New Rates and Plans additions *********/
  div.randp_1_2 img {
    max-width: 75%;
  }
  div.randp_3 {
    background-size: 53%;
    padding: 40px 60% 40px 40px;
  }
  div.randp_4 {
    background-size: 38%;
    padding: 40px 0 0 42%;
    background-position: 0 40px;
  }
  /****** END New Rates and Plans additions *********/

  /****** New About Ambit additions *********/
  div.about_1 {
    background-size: 38%;
    padding: 20px 40% 20px 0;
  }
  div.about_2 {
    background-size: 48%;
  }
  div.about_3 {
    padding: 20px 28% 20px 0;
  }
  div.about_4 {
    background-size: 37%;
    padding: 20px 0 20px 42%;
  }
  /****** END New About Ambit additions *********/

  /************** GREEN E *********************/
  .green1-1 {
    width: 70.9%;
    float: left;
    padding: 1.2% 1% 1% 0;
  }
  .green1-2 {
    width: 24.9%;
    float: left;
    padding: 5% 0 0 3%;
  }
  .green2 {
    width: 75%;
    padding-bottom: 2%;
    padding-top: 1.2%;
  }
  .green3 {
    background: url("/images/fullpage/leaves.jpg") no-repeat scroll 100% 10px
      transparent;
    width: 60%;
    padding-right: 40%;
    padding-top: 1.2%;
    padding-bottom: 2%;
  }
  .green4 {
    padding: 7% 10% 14% 40%;
    background: url("/images/fullpage/social-media-channels.jpg") no-repeat
      scroll left -42px rgba(0, 0, 0, 0);
    width: 50%;
  }
}
@media all and (max-width: 768px) {
  .show768 {
    display: block;
  }
  .hide768 {
    display: none;
  }
  .header ul {
    bottom: 10px;
  }
  .header li a {
    width: 70px;
  }

  /* change tab structure on smaller screens */
  .module {
    padding-top: 20px;
    margin-top: 0;
  }
  ul.module_tabs {
    position: relative;
    top: auto;
    margin-bottom: 20px;
  }
  ul.module_tabs li {
    float: none;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
  }
  ul.module_tabs a {
    float: none;
    display: block;
  }

  .badge_image {
    display: none;
  }
  .badge .badge_content {
    padding: 15px 15px 0 15px;
    min-height: inherit;
  }
  .badge_contact_info {
    margin-left: 0px;
  }

  .hm_subfeature {
    width: 49%;
    margin-bottom: 2%;
  }
  .hm_subfeatures .last {
    display: block;
  }
  .hm_features {
    padding-bottom: 10px;
    background: none;
  }
  .hm_feature h2 {
    font-size: 36px;
    line-height: 48px;
  }

  #feature1,
  #feature2,
  #feature3,
  #feature4,
  #feature5,
  #feature6,
  #feature7,
  #feature8,
  #feature13,
  #feature9,
  #feature10,
  #feature11.en,
  #feature3Covid,
  #feature4Covid,
  #feature11.es,
  #feature_k {
    background: none;
  }
  #featureSummer .hm_feature h2,
  #featureSecure .hm_feature h2 {
    text-shadow: none !important;
  }
  #featureSummer .hm_feature h4,
  #featureSecure .hm_feature h4 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #featureSummer,
  #featureSecure {
    background-size: auto 144%;
  }
  #featureSummer .summerlogo,
  #featureSecure .securesavingslogo {
    margin: auto;
  }

  /* top right features */
  #feature1 .hm_feature {
    background: url(/images/features/v7/PluggedIn.jpg) no-repeat top right;
    background-size: auto 100%;
    border-bottom: 1px solid #beb5ad;
    margin-bottom: 20px;
  }
  #feature1,
  #feature6 {
    padding-top: 0;
  }
  #feature1 h2,
  #feature6 h2 {
    padding-top: 20px;
  }
  #feature6 .hm_feature {
    background: url(/images/features/v7/Commercial.jpg) no-repeat top right;
    background-size: auto 100%;
    border-bottom: 1px solid #beb5ad;
    margin-bottom: 20px;
  }

  /* bottom right features */
  #feature4Covid .hm_feature {
    background: url(/uploads/images/uploads/ambitcares-food-drive.png) no-repeat
      bottom left;
    background-size: auto 100%;
    border-bottom: 1px solid #beb5ad;
    margin-bottom: 20px;
  }

  #feature3Covid .hm_feature {
    background: url(/uploads/images/uploads/covid19-ambit-supporting-our-family.png)
      no-repeat bottom left;
    background-size: auto 100%;
    border-bottom: 1px solid #beb5ad;
    margin-bottom: 20px;
  }
  #feature2 .hm_feature,
  #feature4 .hm_feature,
  #feature5 .hm_feature,
  #feature7 .hm_feature {
    background: url(/images/features/v7/Success.jpg) no-repeat top right;
    background-size: auto 100%;
    border-bottom: 1px solid #beb5ad;
    margin-bottom: 20px;
  }
  #feature4 .hm_feature {
    background: url(/images/features/v7/FreeEnergy.jpg) no-repeat top right;
    background-size: auto 100%;
  }
  #feature5 .hm_feature {
    background: url(/images/features/v7/Service.jpg) no-repeat top right;
    background-size: auto 100%;
  }
  #feature7 .hm_feature {
    background: url(/images/features/v7/NewStates.jpg) no-repeat top right;
    background-size: auto 100%;
  }
  #feature13 .hm_feature {
    background: url(https://www.ambitenergy.com/uploads/images/uploads/alexa-banner.jpg)
      no-repeat top right;
    background-size: auto 100%;
  }
  /* bottom left features */
  #feature3 .hm_feature {
    background: url(/images/features/v7/Green.jpg) no-repeat bottom left;
    background-size: auto 100%;
    border-bottom: 1px solid #beb5ad;
    margin-bottom: 20px;
  }
  #feature10 .hm_feature {
    background: url(/images/features/v8/ambitcares.jpg) no-repeat bottom left;
    background-size: auto 100%;
    border-bottom: 1px solid #beb5ad;
    margin-bottom: 20px;
  }
  #feature11 .hm_feature {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
    border-bottom: 1px solid #beb5ad;
    margin-bottom: 20px;
  }
  #feature11.en .hm_feature {
    background-image: url(/images/features/v8/AmbitCares1in7_en.jpg);
  }
  #feature11.es .hm_feature {
    background-image: url(/images/features/v8/AmbitCares1in7_es.jpg);
  }
  #feature_k .hm_feature {
    background: url(/images/features/konami.gif) no-repeat bottom left;
    background-size: auto 100%;
    border-bottom: 1px solid #beb5ad;
    margin-bottom: 20px;
  }

  #feature2 h2,
  #feature3 h2,
  #feature4 h2,
  #feature5 h2,
  #feature7 h2,
  #feature_k h2 {
    padding-top: 0;
  }

  /* top left features 
	#feature2 .hm_feature, #feature5 .hm_feature, #feature6 .hm_feature {
		background:url(/images/features/v5/million-customer-background.jpg) no-repeat top left; 
		background-size:100% auto;
		border-bottom:1px solid #beb5ad; 
		margin-bottom:20px;
	}*/

  /*#feature2 .hm_feature h2 {font-size:36px;}*/

  .hm_feature h2 {
    text-shadow: none;
  }
  .hm_content .module {
    margin: 0;
  }
  .spark-tmain {
    width: 47%;
  }

  /****** New Rates and Plans additions *********/
  div.randp_1_1 {
    width: 100%;
  }
  div.randp_1_2 {
    width: 44.9%;
    padding: 0 2.5%;
    margin-bottom: 20px;
  }
  div.randp_1_2 img {
    float: left;
    height: 75px;
  }
  div.randp_1_2 p {
    padding: 0 20px 0 145px;
  }
  div.randp_2 {
    padding: 20px 20px 20px 20px;
    background-size: 30%;
  }
  .quote_slider {
    margin: 30px 0 15px;
    padding: 0 0 0 25%;
  }
  div.randp_3 {
    background-size: 50%;
    padding: 20px 0 20px 20px;
  }
  div.randp_3 p {
    padding: 0 60% 0 0;
  }
  div.randp_4 {
    background-size: 38%;
    padding: 20px 0 0 42%;
    background-position: 0 20px;
  }
  div.randp_0 {
    float: left;
    padding: 5px 0 51px 5px;
    text-align: left;
    width: 33%;
  }
  div.randp_01 {
    width: 61%;
    float: right;
  }
  /****** END New Rates and Plans additions *********/

  /****** New About Ambit additions *********/
  div.about_1 {
    background-size: 300px;
    background-position: center 20px;
    padding: 240px 0 20px 0;
  }
  div.about_3 {
    padding: 20px 33% 20px 0;
  }
  /****** END New About Ambit additions *********/

  /****** Testimonials ************/
  div.testimonial_1 {
    background: url("/images/fullpage/coach.jpg") no-repeat scroll left bottom;
    background-size: 200px;
  }
  div.testimonial_2 {
    background: url("/images/fullpage/debbie.jpg") no-repeat scroll right bottom;
    background-size: 200px;
  }
  div.testimonial_3 {
    background-size: 200px;
    background: url("/images/fullpage/adam-michelle.jpg") no-repeat scroll left
      bottom / 200px auto rgba(0, 0, 0, 0);
  }
  div.testimonial_4 {
    background: url("/images/fullpage/mac.jpg") no-repeat scroll right bottom;
    background-size: 300px;
  }
  /******* END Testimonials **************/

  /************** GREEN E *********************/
  .green1-1 {
    width: 70.9%;
    float: left;
    padding: 1.2% 1% 1% 0;
  }
  .green1-2 {
    width: 24.9%;
    float: left;
    padding: 5% 0 0 3%;
  }
  .green2 {
    width: 75%;
    padding-bottom: 2%;
    padding-top: 1.2%;
  }
  .green3 {
    background: url("/images/fullpage/leaves.jpg") no-repeat scroll 91% 126px /
      64% auto rgba(0, 0, 0, 0);
    width: 60%;
    padding-right: 40%;
    padding-top: 1.2%;
    padding-bottom: 2%;
  }
  .green4 {
    padding: 7% 10% 14% 40%;
    background: url("/images/fullpage/social-media-channels.jpg") no-repeat
      scroll left -36px / 39% auto rgba(0, 0, 0, 0);
    width: 50%;
  }

  /* ----- Fixing Vid Icon A ----- */
  .vid_icon,
  .vid_play,
  .vid_watching {
    width: 100px;
    height: 56px;
  }
  .vid_icon,
  .vid_icon:hover {
    background-size: 100px;
  }
  .vid_icon .vid_watching {
    font-size: 1.15em;
    line-height: 55px;
  }
}
@media all and (max-width: 639px) {
  #winterhighbill .hm_feature {
    margin-left: 10%;
  }

  .show640 {
    display: block;
  }
  .hide640 {
    display: none;
  }
  h1 {
    font-size: 2em;
  }
  .hm_content .module h1 {
    border-bottom: none;
  }
  .hm_subfeature a {
    min-height: 0;
  }
  .hm_subfeatures {
    padding: 0 15px 10px;
  }
  .hm_subfeature {
    width: 100%;
    padding: 0;
  }
  .hm_subfeature img {
    width: 50px;
    height: 50px;
  }
  .hm_feature h2 {
    text-shadow: none;
    font-size: 36px;
    line-height: 48px;
  }
  #powerperks {
    /* background-position-y: 140px; */
    background-size: cover;
  }
  #featureSpring,
  #featureSpringES {
    background-size: 100%;
    background-position: top;
  }
  #featureSpring .springhead,
  #featureSpringES .springhead {
    padding-top: 27%;
    margin-left: 32%;
  }
  #feature1 .hm_feature,
  #feature2 .hm_feature,
  #feature3 .hm_feature,
  #feature4 .hm_feature,
  #feature5 .hm_feature,
  #feature6 .hm_feature,
  #feature7 .hm_feature,
  #feature8 .hm_feature,
  #feature10 .hm_feature,
  #feature13 .hm_feature,
  #feature11.en .hm_feature,
  #feature11.es .hm_feature,
  #feature_k .hm_feature,
  #feature3Covid .hm_feature,
  #feature4Covid .hm_feature {
    background: none;
    border-bottom: none;
    margin-bottom: 0;
  }
  #feature1 .hm_feature br,
  #feature2 .hm_feature br,
  #feature3 h2 br,
  #feature4 h2 br,
  #feature5 h2 br,
  #feature6 h2 br,
  #feature7 h2 br,
  #feature12 h2 br,
  #feature10 h2 br,
  #feature3Covid h2 br,
  #feature4Covid h2 br,
  #feature11 h2 br,
  #feature_k h2 br {
    display: none;
  }

  /* bottom left features */
  #feature4Covid .hm_feature h2,
  #feature4Covid .hm_feature h4,
  #feature4Covid .hm_feature h3 {
    margin-left: 0;
  }
  #feature3Covid .hm_feature h2,
  #feature3Covid .hm_feature h4,
  #feature3Covid .hm_feature h3 {
    margin-left: 0;
  }
  #feature3 .hm_feature h2,
  #feature_k .hm_feature h2 {
    margin-left: 0;
  }
  #feature3 .hm_feature h4,
  #feature_k .hm_feature h4 {
    margin-left: 0;
  }
  #feature10 .hm_feature h2,
  #feature_k .hm_feature h2 {
    margin-left: 0;
  }
  #feature10 .hm_feature h4,
  #feature_k .hm_feature h4 {
    margin-left: 0;
  }

  #feature11 .hm_feature h2,
  #feature11 .hm_feature h4 {
    margin-left: 0;
  }
  #feature13 .hm_feature h2,
  #feature13 .hm_feature h4 {
    margin-left: 0;
  }

  .badge_image {
    display: block;
  } /*show image again*/
  .badge .badge_content {
    min-height: 90px;
  }

  .content .contentleft {
    margin: 0;
  }
  .content .contentright {
    position: relative;
    width: 100%;
    margin: 0;
    top: auto;
  }
  .badge,
  .badge_label {
    width: 94%;
    margin: 0 3% 2%;
  }
  .badge_label {
    margin-bottom: 0;
  }
  .badge + h4 {
    margin-left: 3%;
  }

  .sponsors {
    display: none;
  }

  .white {
    padding: 0;
    border: 0;
    background-image: none;
  }
  .header {
    background: #f47920;
    padding: 0 10px;
    border: none;
  }
  .logo,
  .logo:hover {
    background: none;
    height: 39px;
    width: 200px;
    text-indent: 10px;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
  }
  .mobile-menu {
    display: block;
    height: 35px;
    position: absolute;
    right: 3px;
    margin-top: -37px;
  }
  .mobile-menu a {
    display: block;
    height: 40px;
    float: right;
    line-height: 40px;
    padding: 0 13px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    margin-top: -2px;
  }
  .mobile-menu a.switchlanguage {
    background: none;
    opacity: 0.8;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .mobile-menu a.menu {
    border-left: 1px solid #fff;
    padding-left: 15px;
  }
  .menu span {
    display: block;
    background: #fff;
    height: 2px;
    width: 18px;
    margin-top: 3px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
  }
  .menu span:first-child {
    margin-top: 13px;
  }
  .m-sub {
    display: block;
  }

  .mobile-nav ul {
    list-style: none;
  }
  .mobile-nav > ul {
    border-top: 1px solid #fff;
  }
  .mobile-nav li,
  .mobile-nav a {
    display: block;
    line-height: 44px;
    font-size: 18px;
  }
  .mobile-nav a {
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    border-bottom: 1px solid #302d29;
    border-top: 1px solid #7d736a;
    height: 44px;
    background: #57504a;
  }
  .mobile-nav a.selected {
    font-style: italic;
    background: #3a3531;
  }
  .mobile-nav ul ul a {
    font-size: 16px;
    padding-left: 40px;
    color: #cccccc;
  }
  .mobile-nav ul ul ul a {
    font-size: 14px;
    padding-left: 60px;
  }
  .mobile-nav ul ul ul ul a {
    padding-left: 80px;
  }
  .mobile-nav a:after {
    content: url("/images/structure/arrow-right.png");
    float: right;
  }
  .white > .badge {
    margin-bottom: 0;
    padding-bottom: 1em;
  }

  .header ul {
    display: none;
  }
  .headerbar {
    position: relative;
  }
  .content {
    width: 100%;
    padding-bottom: 0;
  }
  .content .contentleft {
    padding-left: 3%;
    padding-right: 3%;
    width: 94%;
  }
  .contentfull,
  .contentcolumn {
    width: 94%;
    margin: 0 3%;
    padding-bottom: 1px; /* padding-bottom is to fix grey issue at bottom*/
  }

  .subnav,
  .subnav ul,
  .subnav li,
  .subnav h4,
  .subnav li.selected a {
    padding: 0;
    margin: 0;
    border: 0;
  }
  .subnav {
    padding-bottom: 2px;
  }
  .subnav h4 {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .subnav a {
    text-decoration: none;
  }
  .subnav ul ul {
    margin: 0;
    text-indent: 25px;
  }
  .subnav li.selected a {
    color: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
  }

  .footer {
    padding-bottom: 0;
  }
  .headerbar {
    padding-bottom: 25px;
  }
  .searchbar {
    padding: 0 15px;
    background: none;
  }
  .searchicon {
    background: #f47920;
    height: 17px;
    width: 16px;
  }

  .toplinks {
    overflow: auto;
    height: auto;
    display: block;
    font-size: 10px;
    padding-bottom: 10px;
  }
  .toplinks li {
    float: left;
    height: auto;
    margin-right: 15px;
  }
  .toplinks a {
    display: inline;
    height: auto;
    background: none;
    font-size: 10px;
    line-height: 14px;
    text-decoration: underline;
    color: #636466;
    text-transform: none;
    line-height: auto;
    padding: 0;
    border: none;
  }
  .toplinks a.last {
    border: none;
  }
  .toplinks a:hover {
    background: none;
    color: #f47920;
  }
  .toplinks img {
    float: left;
    cursor: pointer;
    margin: 0;
  }
  .toplinks input {
    margin: 0;
    font-weight: normal;
    font-size: 0.85em;
    padding-left: 0.5em;
    color: #57504a;
  }

  .social {
    font-size: 10px;
    position: relative;
    margin: 0;
    list-style: none;
    overflow: auto;
  }
  .social li {
    float: left;
    margin-right: 15px;
  }
  .social a {
    width: auto;
    color: #636466;
    display: inline;
    height: auto;
    text-indent: 0;
    background: none;
  }
  .social a.yt,
  .social a.fb,
  .social a.in,
  .social a.tw {
    background: none;
  }
  .social a:hover {
    background: none;
    color: #f47920;
    border: none;
    text-decoration: underline;
  }
  .social .switchlanguage {
    display: none;
  }

  .module {
    padding-top: 20px;
    margin-top: 20px;
  }
  .module_content {
    margin-bottom: 20px;
  }
  .module :last-child {
    margin-bottom: 0;
  }
  .newsfeed {
    margin-bottom: 20px;
  }

  form.module input {
    width: 65%;
  }

  /* NO NAV PAGES */
  .header h1 {
    float: left;
    width: 94%;
    margin-left: 3%;
  }
  .logo-go-right {
    position: relative;
    right: auto;
    top: auto;
  }
  img.newsroom {
    padding: 0 10px 10px 0;
    display: none;
  }
  .spark-tmain {
    width: 47%;
  }

  /****** New Rates and Plans additions *********/
  div.randp_1_2 {
    width: 95%;
  }
  div.randp_2 {
    padding: 20px 0;
    background: none;
  }
  .quote_slider {
    margin: 30px 0 15px;
    padding: 0;
  }
  div.randp_1_2.first {
    border-right: none;
  }
  div.randp_3 {
    background-size: 256px;
    background-position: center 20px;
    padding: 197px 0 0 0;
  }
  div.randp_3 p {
    padding: 0;
  }
  div.randp_4 {
    background-size: 347px;
    background-position: center 20px;
    padding: 250px 0 0 0;
  }
  /****** END New Rates and Plans additions *********/

  /****** New About Ambit additions *********/
  div.about_2 {
    background-size: auto;
    background-position: top center;
    padding: 270px 0 0 0;
  }
  div.about_4 {
    background-size: auto;
    background-position: top center;
    padding: 300px 0 0 0;
  }
  /****** END New About Ambit additions *********/

  /****** Updated Homepage (social / spark) ********/
  .social-bar {
    width: 94%;
    padding-left: 3%;
  }
  .spark-home {
    margin: 20px;
  }
  .spark-home em.hide970 {
    display: inline;
  }
  /****** END Updated Homepage (social / spark) ********/

  /****** Testimonials ************/
  div.testimonial_1 {
    padding: 0 0 161px 0;
    background: url("/images/fullpage/coach.jpg") no-repeat scroll center bottom;
    background-size: 200px;
  }
  div.testimonial_2 {
    padding: 0 0 161px 0;
    background: url("/images/fullpage/debbie.jpg") no-repeat scroll center
      bottom;
    background-size: 200px;
  }
  div.testimonial_3 {
    padding: 0 0 161px 0;
    background-size: 200px;
    background: url("/images/fullpage/adam-michelle.jpg") no-repeat scroll
      center bottom / 200px auto rgba(0, 0, 0, 0);
  }
  div.testimonial_4 {
    padding: 0 0 161px 0;
    background: url("/images/fullpage/mac.jpg") no-repeat scroll center bottom;
    background-size: 200px;
  }
  .testimonial-mod h4 {
    left: 0;
    padding-left: 0;
    top: 161px;
  }
  .testimonial-mod .testimonial-plus {
    left: 0;
    padding-left: 0;
    top: 161px;
  }
  .testimonial-mod .testimonial-plus1 {
    left: 0;
    padding-left: 0;
    top: 161px;
  }
  /******* END Testimonials **************/

  /************** GREEN E *********************/
  .green1-1 {
    width: 70.9%;
    float: left;
    padding: 1.2% 1% 1% 0;
  }
  .green1-2 {
    width: 24.9%;
    float: left;
    padding: 5% 0 0 3%;
  }
  .green2 {
    width: 75%;
    padding-bottom: 2%;
    padding-top: 1.2%;
  }
  .green3 {
    background: url("/images/fullpage/leaves.jpg") no-repeat scroll 104% 218px /
      84% auto rgba(0, 0, 0, 0);
    width: 60%;
    padding-right: 40%;
    padding-top: 1.2%;
    padding-bottom: 2%;
  }
  .green4 {
    padding: 7% 10% 14% 40%;
    background: url("/images/fullpage/social-media-channels.jpg") no-repeat
      scroll left -4px / 40% auto rgba(0, 0, 0, 0);
    width: 50%;
  }

  .hatch-area {
    margin: 0;
    padding: 10px 15px;
  }
}
@media all and (max-width: 479px) {
  #featureSpring .springhead,
  #featureSpringES .springhead {
    padding-top: 27%;
    margin-left: 32%;
  }
  .hm_subfeature a {
    min-height: 0;
  }
  .show480 {
    display: block;
  }
  .hide480 {
    display: none;
  }
  .rateplans,
  .rateplan,
  .rateplan h3,
  .rateplan p,
  .rateplan h4 {
    display: block;
  }
  .rateheader,
  .rateprice br,
  .rateplan h3 br {
    display: none;
  }
  .rateplans {
    padding: 0 2%;
    width: 96%;
  }
  .rateplan {
    margin-bottom: 20px;
  }
  .rateplan h3,
  .rateplan p,
  .rateplan h4 {
    padding: 10px;
    border: none;
    text-align: center;
  }
  .rateplan h4 {
    padding: 5px 0;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
  }
  .rateplan .btn {
    width: 40%;
  }
  .rateplan .ratelabel {
    text-indent: 0;
    width: auto;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 0;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
  }
  .rateinfo {
    margin: 0 0 20px;
    padding: 10px;
    border-width: 1px;
  }
  .rateplan-extended {
    margin-bottom: 5px;
  }

  .rateplan .fixed {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#67478d),
      to(#46256c)
    );
    background: -moz-linear-gradient(top, #67478d, #46256c);
  }
  .rateplan .variable {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#2674b8),
      to(#004f92)
    );
    background: -moz-linear-gradient(top, #2674b8, #004f92);
  }
  .rateplan .green {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#98cc52),
      to(#7fb239)
    );
    background: -moz-linear-gradient(top, #98cc52, #7fb239);
  }

  form.module label {
    float: none;
    display: block;
    width: 95%;
    padding-right: 0;
  }
  form.module input,
  form.module textarea,
  form.module select {
    width: 95%;
  }
  form.module .clear {
    overflow: auto;
  }
  form.module input.btn {
    margin-left: 0;
    width: auto;
  }

  form.module .inputgroup {
    width: 100%;
    float: none;
  }

  .w33,
  .w50,
  .w50p,
  .w66 {
    width: 100%;
    float: none;
  }
  img.w33,
  img.w50 {
    padding: 0 0 15px;
  }
  .the-spark-logo {
    padding-left: 25%;
    padding-right: 2%;
    text-align: center;
    width: 50%;
    float: none;
  }
  .spark-tmain {
    width: 47%;
  }
  .post1 {
    width: 50%;
  }
  .the-spark-description {
    display: none;
  }

  /****** New Rates and Plans additions *********/
  .quote_next {
    margin-top: 35px;
    font-size: 1.25em;
  }
  .quote p {
    font-size: 1.75em;
    background-size: 17px;
    padding: 5px 0 0 20px;
    margin: 0 0 10px;
  }
  .quote em {
    font-size: 1.25em;
    padding-left: 20px;
  }
  div.randp_4 {
    background-size: 60%;
    background-position: center 20px;
    padding: 50% 0 0 0;
  }
  /****** END New Rates and Plans additions *********/

  /****** New About Ambit additions *********/
  div.about_3 {
    background-size: 50%;
    background-position: top center;
    padding: 70% 0 0 0;
    margin-top: 20px;
  }
  /****** END New About Ambit additions *********/

  /****** Updated Homepage (social / spark) ********/
  .social-bar > a span {
    display: none;
  }
  /****** END Updated Homepage (social / spark) ********/

  /****** Testimonials ************/
  div.testimonial_1 {
    padding: 0 0 161px 0;
    background: url("/images/fullpage/coach.jpg") no-repeat scroll center bottom;
    background-size: 200px;
  }
  div.testimonial_2 {
    padding: 0 0 161px 0;
    background: url("/images/fullpage/debbie.jpg") no-repeat scroll center
      bottom;
    background-size: 200px;
  }
  div.testimonial_3 {
    padding: 0 0 161px 0;
    background-size: 200px;
    background: url("/images/fullpage/adam-michelle.jpg") no-repeat scroll
      center bottom / 200px auto rgba(0, 0, 0, 0);
  }
  div.testimonial_4 {
    padding: 0 0 161px 0;
    background: url("/images/fullpage/mac.jpg") no-repeat scroll center bottom;
    background-size: 200px;
  }
  .testimonial-mod h4 {
    left: 0;
    padding-left: 0;
    top: 161px;
  }
  .testimonial-mod .testimonial-plus {
    left: 0;
    padding-left: 0;
    top: 161px;
  }
  .testimonial-mod .testimonial-plus1 {
    left: 0;
    padding-left: 0;
    top: 161px;
  }
  /******* END Testimonials **************/

  /************** GREEN E *********************/
  .green1-1,
  .green1-2 {
    background: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    padding-top: 1.2%;
    padding-bottom: 2%;
  }
  .green2 {
    width: 75%;
    padding-bottom: 2%;
    padding-top: 1.2%;
  }
  .green3 {
    background: none;
    padding: 0;
    width: 100%;
  }
  .green4 {
    padding: 42% 0% 5% 0%;
    background: url("/images/fullpage/social-media-channels.jpg") no-repeat
      scroll center -12% / 43% auto rgba(0, 0, 0, 0);
    width: 100%;
  }

  /* Summer 2014 Why Ambit Works and Energy 526 Refresh */
  .vid_content {
    margin: 10px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
  }
  /* END WAW E526 Refresh */
}
@media all and (max-width: 320px) {
  .hm_subfeature a {
    min-height: 0;
  }
  .show320 {
    display: block;
  }
  .hide320 {
    display: none;
  }
  .spark-entries-images {
    display: none;
  }
  .spark-tmain {
    float: left;
    width: 97%;
    border_bottom: 1px #ccc solid;
    position: relative;
    margin: 1%;
    margin-bottom: 3%;
  }
  .spark-tmain:hover {
    border: 1px #f47920 solid;
    text-decoration: none;
    width: 97%;
  }
  .tmain-caption {
    background: none repeat scroll 0 0 #333333;
    bottom: 0;
    color: #ffffff;
    left: 0;
    opacity: 0.8;
    overflow: hidden;
    padding: 5px 10px;
    position: relative;
    width: 93%;
    z-index: 8;
  }
  .post1 {
    width: 90%;
    margin: 0 auto 15px;
    float: none;
  }
  #featureSpring,
  #featureSpringES {
    background-size: 100%;
    background-position: top;
  }
  #featureSummer .summerlogo,
  #featureSecure .securesavingslogo {
    margin: auto;
  }
  /****** Testimonials ************/
  div.testimonial_1 {
    padding: 0 0 161px 0;
    background: url("/images/fullpage/coach.jpg") no-repeat scroll center bottom;
    background-size: 200px;
  }
  div.testimonial_2 {
    padding: 0 0 161px 0;
    background: url("/images/fullpage/debbie.jpg") no-repeat scroll center
      bottom;
    background-size: 200px;
  }
  div.testimonial_3 {
    padding: 0 0 161px 0;
    background-size: 200px;
    background: url("/images/fullpage/adam-michelle.jpg") no-repeat scroll
      center bottom / 200px auto rgba(0, 0, 0, 0);
  }
  div.testimonial_4 {
    padding: 0 0 161px 0;
    background: url("/images/fullpage/mac.jpg") no-repeat scroll center bottom;
    background-size: 200px;
  }
  .testimonial-mod h4 {
    left: 0;
    padding-left: 0;
    top: 161px;
  }
  .testimonial-mod .testimonial-plus {
    left: 0;
    padding-left: 0;
    top: 161px;
  }
  .testimonial-mod .testimonial-plus1 {
    left: 0;
    padding-left: 0;
    top: 161px;
  }
  /******* END Testimonials **************/

  /************** GREEN E *********************/
  .green1-1,
  .green1-2 {
    background: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    padding-top: 1.2%;
    padding-bottom: 2%;
  }
  .green2 {
    width: 100%;
    padding-bottom: 2%;
    padding-top: 1.2%;
  }
  .green3 {
    background: none;
    padding: 0;
    width: 100%;
  }
  .green4 {
    padding: 42% 0% 5% 0%;
    background: url("/images/fullpage/social-media-channels.jpg") no-repeat
      scroll center -12% / 43% auto rgba(0, 0, 0, 0);
    width: 100%;
  }
}

/* ----- Fees Table for Municipal Fees page /municipalfees ----- */
.fees-table {
  border-spacing: 0;
}
.fees-table th,
.fees-table td {
  border-bottom: 1px solid #eee;
  padding: 0.2em 1em;
}
.fees-table th {
  border-bottom: 1px solid #bbb;
  text-align: left;
  font-weight: bold;
}