@charset "UTF-8";
/* Table Saw Stack Mixin */
/*Tablesaw - v1.0.4 - 2015-02-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed MIT */
/*Tablesaw - v1.0.4 - 2015-02-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed MIT */
table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%; }

.tablesaw {
  border-collapse: collapse;
  width: 100%; }

/* Structure */
.tablesaw {
  border: 0;
  padding: 0; }

.tablesaw th,
.tablesaw td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5em .7em; }

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em; }

/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
  border-bottom: 1px solid #dfdfdf; }

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none; }

.tablesaw-stack td.ew-currency {
  text-align: right;
  padding: 0 20px 0 0 !important; }

.tablesaw-stack th.ew-currency {
  text-align: right; }

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block; }

  .tablesaw-stack tr {
    clear: both;
    display: table-row; }

  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 2.6em 0 0;
    width: 42%;
    display: inline-block; }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0; }

  .tablesaw-cell-label {
    display: block; }

  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px; }

  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important; } }
@media only screen and (max-width: 767px) {
  .tablesaw-stack td.ew-currency {
    padding: 21px 15px 15px 10px !important;
    text-align: left; } }
/* Typography
===========================================*/
/* @font face
==================================================*/
@font-face {
  font-family: 'ITCAvantGardeStd-Bk';
  src: url("../fonts/2E2AB3_0_0.eot");
  src: url("../fonts/2E2AB3_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2E2AB3_0_0.woff2") format("woff2"), url("../fonts/2E2AB3_0_0.woff") format("woff"), url("../fonts/2E2AB3_0_0.ttf") format("truetype"), url("../fonts/2E2AB3_0_0.svg#wf") format("svg"); }

@font-face {
  font-family: 'ITCAvantGardeStd-Demi';
  src: url("../fonts/2E2AB3_1_0.eot");
  src: url("../fonts/2E2AB3_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2E2AB3_1_0.woff2") format("woff2"), url("../fonts/2E2AB3_1_0.woff") format("woff"), url("../fonts/2E2AB3_1_0.ttf") format("truetype"), url("../fonts/2E2AB3_1_0.svg#wf") format("svg"); }

/* Base Typographic styles can be over written
* elsewhere if more specific styles are needed.
===============================================*/
.ew-body .ew-h1 {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-body .ew-h3 {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: normal;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-body .ew-h4 {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-body .ew-p-11 {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-weight: normal;
  color: #4c4c4c; }

.ew-body .ew-p-12 {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #4c4c4c; }

.ew-body .ew-p {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  color: #4c4c4c; }

.ew-body .ew-p-14 {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  color: #4c4c4c; }

.ew-body .ew-p-15 {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: normal;
  color: #4c4c4c; }

.ew-body .ew-p-16 {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #4c4c4c; }

.ew-body .ew-li {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
  color: #4c4c4c; }

/* Wysiwyg styles
===============================================*/
#ew-wysiwyg h1 {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#ew-wysiwyg h3 {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: normal;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#ew-wysiwyg p {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  color: #4c4c4c; }

#ew-wysiwyg ul {
  list-style: none;
  padding-left: 16px !important; }

#ew-wysiwyg ul li {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 8px;
  font-weight: normal;
  color: #4c4c4c; }

#ew-wysiwyg ul li:before {
  /* For a round bullet */
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -15px;
  top: 0;
  color: #35b5e9;
  font-size: 12px; }

#ew-wysiwyg b {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif; }

.ew-phone-number {
  color: #97c11f;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Bold Text
===========================================*/
.ew-bold {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif !important; }

/* Colored Text
===========================================*/
.ew-text-blue {
  color: #35b5e9 !important; }

.ew-text-green {
  color: #95c11e !important; }

/* Underline Text
===========================================*/
.ew-underline {
  text-decoration: underline; }

/* Phone Number Links
===========================================*/
.ew-phone-link {
  color: #97c11f; }

/* Links
===========================================*/
.ew-body .ew-a {
  color: #35b5e9;
  text-decoration: underline;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-transition: color 100ms ease-out;
  -moz-transition: color 100ms ease-out;
  -o-transition: color 100ms ease-out;
  transition: color 100ms ease-out; }

.ew-body .ew-a:hover {
  color: #95c11e; }

/* Form Labels
===========================================*/
.ew-form-label {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #4c4c4c; }

/* Form Input Typographic Styles
===========================================*/
.ew-form-control {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #4c4c4c; }

/* Superscript Text
===========================================*/
.ew-home-superscript {
  position: relative;
  font-size: 75%;
  top: -9px;
  max-width: 26px;
  display: inline-block; }

.ew-superscript {
  position: relative;
  font-size: 59%;
  top: -15px;
  display: inline-block; }

/* Character Offsets
* Character offsets to fix specific characters line height letter 
* spacing etc.
===========================================*/
.ew-home-off-set-one {
  display: inline-block;
  max-width: 34px; }

/* List Styles
===========================================*/
.ew-li {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  margin-bottom: 14px;
  vertical-align: top;
  color: #4c4c4c; }

.ew-arrows-list {
  padding-left: 0;
  list-style: none;
  margin: 20px 0; }

.ew-arrows-list .ew-li {
  vertical-align: top;
  margin-bottom: 0;
  padding-left: 30px;
  position: relative;
  margin-bottom: 10px; }

.ew-arrows-list .ew-li:before {
  content: "\e63f";
  font-family: 'EOL-Icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  top: -2px;
  left: 0;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #95c11e; }

.ew-ticks-list {
  padding-left: 0;
  list-style: none;
  margin: 20px 0; }

.ew-ticks-list .ew-li {
  vertical-align: top;
  margin-bottom: 0;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 18px; }

.ew-ticks-list .ew-li:before {
  content: "\e637";
  font-family: 'EOL-Icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  top: -1px;
  left: 0;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #95c11e; }

/** 
* Brand Text
*
* Brand text to be colored in blue and green and contain brand messages...
*/
.ew-body .ew-brand-text {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* EOL Icons
===========================================*/
/* Png Icons
==================================================*/
.ew-img-icon {
  display: inline-block; }

.ew-img-icon-phone {
  background-image: url("../images/phone-icon.png");
  width: 19px;
  position: relative;
  height: 29px;
  top: -5px; }

.ew-img-icon-envolope {
  background-image: url("../images/envelope-icon.png");
  width: 27px;
  height: 18px; }

.ew-img-at-icon {
  background-image: url("../images/at-icon.png");
  width: 25px;
  height: 18px; }

.ew-handshake-png {
  background-image: url("../images/hand-shake.png");
  background-repeat: no-repeat;
  width: 38px;
  height: 18px;
  display: inline-block;
  margin-top: 5px; }

/* Icon Font
* Styles to Implement our iconfont
==================================================*/
@font-face {
  font-family: 'EOL-Icon';
  src: url("../fonts/EOL-Icon.eot");
  src: url("../fonts/EOL-Icon.eot") format("embedded-opentype"), url("../fonts/EOL-Icon.woff") format("woff"), url("../fonts/EOL-Icon.ttf") format("truetype"), url("../fonts/EOL-Icon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Create a class to assign the icon font too */
.ew-icon {
  font-family: 'EOL-Icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Icon Colors
==================================================*/
.ew-icon-blue {
  color: #35b5e9; }

.ew-icon-green {
  color: #95c11e; }

.ew-icon-white {
  color: #fff; }

/* Icon Sizes
==================================================*/
.ew-icon-EOL_Home:before {
  content: "\e600"; }

.ew-icon-EOL_Business:before {
  content: "\e601"; }

.ew-icon-EOL_Moving:before {
  content: "\e602"; }

.ew-icon-EOL_User:before {
  content: "\e603"; }

.ew-icon-EOL_MultiUser:before {
  content: "\e649"; }

.ew-icon-EOL_Agent:before {
  content: "\e605"; }

.ew-icon-EOL_Account:before {
  content: "\e606"; }

.ew-icon-EOL_Menu:before {
  content: "\e607"; }

.ew-icon-EOL_Settings:before {
  content: "\e608"; }

.ew-icon-EOL_Maintanence:before {
  content: "\e609"; }

.ew-icon-EOL_Files:before {
  content: "\e60a"; }

.ew-icon-EOL_Document:before {
  content: "\e60b"; }

.ew-icon-EOL_Bank:before {
  content: "\e60c"; }

.ew-icon-EOL_BankRecurring:before {
  content: "\e60d"; }

.ew-icon-EOL_Dollar:before {
  content: "\e60e"; }

.ew-icon-EOL_CreditCard:before {
  content: "\e60f"; }

.ew-icon-EOL_CreditCardRecurring:before {
  content: "\e610"; }

.ew-icon-EOL_Money:before {
  content: "\e611"; }

.ew-icon-EOL_Download:before {
  content: "\e612"; }

.ew-icon-EOL_Upload:before {
  content: "\e613"; }

.ew-icon-EOL_Mobile:before {
  content: "\e614"; }

.ew-icon-EOL_Post:before {
  content: "\e615"; }

.ew-icon-EOL_Post2:before {
  content: "\e616"; }

.ew-icon-EOL_Email:before {
  content: "\e617"; }

.ew-icon-EOL_Twitter:before {
  content: "\e618"; }

.ew-icon-EOL_Facebook:before {
  content: "\e619"; }

.ew-icon-EOL_Google1:before {
  content: "\e61a"; }

.ew-icon-EOL_Google2:before {
  content: "\e61b"; }

.ew-icon-EOL_RSS:before {
  content: "\e61c"; }

.ew-icon-EOL_Message:before {
  content: "\e61d"; }

.ew-icon-EOL_RecurringPayment:before {
  content: "\e61e"; }

.ew-icon-EOL_Recurring:before {
  content: "\e61f"; }

.ew-icon-EOL_SearchPlus:before {
  content: "\e620"; }

.ew-icon-EOL_Search:before {
  content: "\e621"; }

.ew-icon-EOL_Working:before {
  content: "\e622"; }

.ew-icon-EOL_Water:before {
  content: "\e623"; }

.ew-icon-EOL_Electricity:before {
  content: "\e624"; }

.ew-icon-EOL_Gas:before {
  content: "\e625"; }

.ew-icon-EOL_Environment:before {
  content: "\e626"; }

.ew-icon-EOL_GasTri:before {
  content: "\e627"; }

.ew-icon-EOL_WaterTri:before {
  content: "\e628"; }

.ew-icon-EOL_ElectricityTri:before {
  content: "\e629"; }

.ew-icon-EOL_WarningTri:before {
  content: "\e62a"; }

.ew-icon-EOL_Warning:before {
  content: "\e62b"; }

.ew-icon-check:before {
  content: "\e62c"; }

.ew-icon-EOL_Cross:before {
  content: "\e62d"; }

.ew-icon-EOL_TimerDot:before {
  content: "\e62e"; }

.ew-icon-EOL_HappyFace:before {
  content: "\e62f"; }

.ew-icon-EOL_SadFace:before {
  content: "\e630"; }

.ew-icon-EOL_SmilieFace:before {
  content: "\e631"; }

.ew-icon-EOL_Stop:before {
  content: "\e632"; }

.ew-icon-EOL_Internet:before {
  content: "\e633"; }

.ew-icon-EOL_WarningDot:before {
  content: "\e634"; }

.ew-icon-EOL_QuestionDot-58:before {
  content: "\e635"; }

.ew-icon-EOL_InfoDot:before {
  content: "\e636"; }

.ew-icon-EOL_TickDot:before {
  content: "\e637"; }

.ew-icon-EOL_AddDot:before {
  content: "\e638"; }

.ew-icon-EOL_CrossDot:before {
  content: "\e639"; }

.ew-icon-EOL_MinusDot:before {
  content: "\e63a"; }

.ew-icon-EOL_QuestionDot-62:before {
  content: "\e63b"; }

.ew-icon-EOL_AnswerDot:before {
  content: "\e63c"; }

.ew-icon-EOL_ArrowDDot:before {
  content: "\e63d"; }

.ew-icon-EOL_ArrowUDot:before {
  content: "\e63e"; }

.ew-icon-EOL_ArrowRDot:before {
  content: "\e63f"; }

.ew-icon-EOL_ArrowLDot:before {
  content: "\e640"; }

.ew-icon-EOL_DownArrow:before {
  content: "\e641"; }

.ew-icon-EOL_UpArrow:before {
  content: "\e642"; }

.ew-icon-EOL_RightArrow:before {
  content: "\e643"; }

.ew-icon-EOL_LeftArrow:before {
  content: "\e644"; }

.ew-icon-EOL_UpChevron:before {
  content: "\e645"; }

.ew-icon-EOL_DownChevron:before {
  content: "\e646"; }

.ew-icon-EOL_RightChevron:before {
  content: "\e647"; }

.ew-icon-EOL_LeftChevron:before {
  content: "\e648"; }

.ew-icon-EOL_DownWidget:before {
  content: "\e649"; }

.ew-icon-EOL_UpWidget:before {
  content: "\e64a"; }

.ew-icon-EOL_RightWidget:before {
  content: "\e64b"; }

.ew-icon-EOL_LeftWidget:before {
  content: "\e64c"; }

/* Base Styles
* Styles specific to generic areas
===========================================*/
/* Body background color */
.ew-body {
  /*
  background-color: #f5f6f5 !important;
  */ }

/* Remove blue border chrome puts around everything*/
*:focus {
  outline: 0; }

/* Content Area Spacing */
.ew-content {
  padding-top: 30px; }

.ew-content h1 {
  margin-top: 4px; }

.ew-remove-padding-left {
  padding-left: 0 !important; }

.ew-remove-padding-right {
  padding-right: 0 !important; }

.ew-add-padding-left {
  padding-left: 15px !important; }

.ew-add-padding-right {
  padding-right: 15px !important; }

/* Top row spacing */
.ew-top-row {
  padding-bottom: 15px; }

/* Add a 15px right margin */
.ew-add-margin-right {
  margin-right: 15px; }

/* Remove the right margin for mobile layouts */
/* Page Hero Image Styles
===========================================*/
.ew-two-col-hero-image {
  margin-bottom: 30px; }

@media only screen and (max-width: 768px) {
  .ew-add-margin-right {
    margin-right: 0; } }
/*Add Hover animation to drop down menus */
.ew-dropdown-menu li {
  -webkit-transition: background-color 100ms ease-out;
  -moz-transition: background-color 100ms ease-out;
  -o-transition: background-color 100ms ease-out;
  transition: background-color 100ms ease-out; }

.ew-dropdown-menu li a {
  -webkit-transition: background-color 100ms ease-out;
  -moz-transition: background-color 100ms ease-out;
  -o-transition: background-color 100ms ease-out;
  transition: background-color 100ms ease-out; }

/* Responsive helpers */
/* Make containers go right to the edge of the screen on mobile devices */
@media only screen and (max-width: 768px) {
  .ew-mobile-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  .ew-full-width-img-xs {
    margin-right: -15px;
    margin-left: -15px; } }
/* fix body width @ 300px and re add horizontal scroll for crazy small devices... */
@media only screen and (max-width: 300px) {
  .ew-body {
    min-width: 285px;
    position: relative; } }
/* My Account Specific Base Styles
===========================================*/
.ew-body .ew-my-account-sub-heading {
  margin-top: 0;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  position: relative;
  top: -10px; }

/* Header Control
* Controls SHowing / Hiding of Mobile / Desktop header....
===========================================*/
#ew-mobile-header {
  display: none; }

#ew-header {
  display: block;
  position: relative;
  z-index: 99; }

.ew-home-content, .ew-home-content-bg {
  position: relative;
  top: -188px;
  z-index: 0; }

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  #ew-mobile-header {
    display: block;
    position: relative;
    z-index: 9; }

  #ew-header {
    display: none; } }
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  #ew-mobile-side-menu {
    display: none !important; }

  html.mm-opening .mm-slideout {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }
/* Header
===========================================*/
.ew-top-options {
  background-color: #323232;
  max-height: 50px; }

.ew-top-options a:hover {
  text-decoration: none; }

.ew-top-options .ew-navbar {
  margin-bottom: 0;
  min-height: 0; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav {
  float: right; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-top-menu-item {
  padding: 6px 0px;
  height: 48px; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-top-menu-item .ew-top-menu-link {
  font-size: 13px;
  color: #fff;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  padding: 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-top-menu-item .ew-top-menu-link .ew-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 3px;
  vertical-align: middle;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-top-menu-item .ew-top-menu-link:hover, .ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-top-menu-item .ew-top-menu-link:focus {
  background-color: transparent;
  color: #35b5e9; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-dropdown:hover .ew-dropdown-menu {
  display: block; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-open .ew-top-menu-link {
  background-color: transparent;
  color: #35b5e9; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-dropdown-menu {
  background-color: #1c9dd1;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  border: 0;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -khtml-border-radius: 6px;
  margin-top: 1px; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-dropdown-menu .ew-top-menu-dropdown-item .ew-top-menu-dropdown-item-link {
  color: #fff;
  padding: 8px 20px; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-dropdown-menu .ew-top-menu-dropdown-item .ew-top-menu-dropdown-item-link:hover {
  color: #fff;
  background-color: transparent; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-dropdown-menu .ew-top-menu-dropdown-item:hover {
  background-color: #35b5e9; }

.ew-top-options .ew-navbar .ew-navbar-header .ew-nav .ew-dropdown:hover:before {
  content: '  ';
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  /* left arrow slant */
  border-right: 10px solid transparent;
  /* right arrow slant */
  border-bottom: 10px solid #1c9dd1;
  /* bottom, add background color here */
  position: absolute;
  top: 0;
  left: 50%;
  margin: 40px 0 0 -10px; }

.ew-top-options .ew-header-search-form {
  position: relative; }

.ew-top-options .ew-header-search-form .ew-header-search {
  background-color: #ebebeb;
  border: none;
  width: 90%;
  height: 26px;
  padding: 5px 10px;
  margin-top: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #4c4c4c; }

.ew-top-options .ew-header-search-form .ew-header-search-form-icon {
  position: absolute;
  right: 4px;
  top: 18px;
  color: #caced4; }

/* Set Min hieght to 0 for mobile nav */
.ew-top-nav {
  background-color: #fdfefb;
  height: 80px;
  padding: 15px 0 0 0; }

.ew-top-nav .ew-top-option {
  display: inline-block;
  padding: 10px 0 0 34px;
  vertical-align: top; }

.ew-top-nav .ew-top-option .ew-icon {
  font-size: 26px; }

.ew-top-nav .ew-top-option .ew-a {
  font-size: 15px;
  color: #fff;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none; }

.ew-top-nav .ew-top-option .ew-a .ew-top-link-text {
  vertical-align: top;
  display: inline-block;
  padding-top: 5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-top-nav .ew-top-option:first-child {
  padding-left: 0; }

.ew-top-nav .ew-current-offers {
  color: #000; }

.ew-top-nav .ew-current-offers .ew-a {
  color: #000; }

.ew-top-nav .ew-for-home {
  color: #35b5e9; }

.ew-top-nav .ew-for-home .ew-a {
  color: #35b5e9; }

.ew-top-nav .ew-for-business {
  color: #97c11f; }

.ew-top-nav .ew-for-business .ew-a {
  color: #97c11f; }

.ew-top-nav .ew-im-moving {
  color: #4c4c4c; }

.ew-top-nav .ew-im-moving .ew-a {
  color: #4c4c4c; }

/* Set Min hieght to 0 for mobile nav */
@media only screen and (max-width: 992px) {
  .ew-top-nav .ew-top-option {
    padding: 10px 0 0 15px; }

  .ew-top-nav .ew-top-option .ew-a {
    font-size: 13px; }

  .ew-top-nav .ew-top-option .ew-a .ew-icon {
    font-size: 22px;
    max-width: 23px;
    overflow: hidden;
    display: inline-block; } }
.ew-header-main .ew-header-main-bg {
  background: url("../images/header-bg.png") repeat top center;
  background-color: #262626;
  padding: 30px 0;
  min-height: 188px; }

.ew-header-main .ew-header-main-bg-home {
  background: transparent; }

.ew-header-main .ew-main-page-title {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 50px;
  font-weight: normal; }

.ew-header-main .ew-main-page-title .ew-main-page-sub-title {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  padding-left: 2px; }

.ew-header-main .ew-main-page-title .ew-main-page-sub-title a {
  color: #fff;
  text-decoration: none; }

.ew-header-main .ew-my-account-heading h3 {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #fff;
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-header-main .ew-current-bill-header {
  background-color: #fff;
  padding: 10px 15px 8px 15px;
  float: left;
  width: 40%;
  height: 100px;
  -moz-border-radius-toplright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.ew-header-main .ew-current-bill-header .ew-p {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  padding: 4px 0 0 0; }

.ew-header-main .ew-current-bill-header .ew-current-amount-header {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
  line-height: 28px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-header-main .ew-current-bill-header .ew-pay-now-btn-header {
  background-color: #95c11e;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 5px 15px;
  margin: 0 auto;
  font-size: 14px;
  width: 94%;
  display: inline-block;
  margin-top: 4px;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif; }

.ew-header-main .ew-my-account-header {
  position: relative;
  background-color: #35b5e9;
  max-width: 240px;
  height: 100px;
  float: left;
  width: 60%;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.ew-header-main .ew-my-account-header p {
  color: #fff;
  font-size: 11px;
  margin-bottom: 2px; }

.ew-header-main .ew-my-account-header .ew-my-account-logoff {
  float: left;
  clear: both;
  width: 100%;
  clear: both;
  border-bottom: 1px solid #70C9F0;
  padding: 10px 15px 8px 15px; }

.ew-header-main .ew-my-account-header .ew-my-account-logoff .ew-my-account-logoff-link {
  color: #fff;
  margin-right: 6px;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  text-decoration: underline; }

.ew-header-main .ew-my-account-header .ew-my-account-logoff .ew-my-account-logoff-link:first-child {
  border-right: 1px solid #fff;
  padding-right: 10px; }

.ew-header-main .ew-my-account-header .ew-my-account-details {
  padding: 10px 15px;
  max-width: 160px;
  overflow: hidden;
  opacity: 0; }

.ew-header-main .ew-my-account-header .ew-my-account-name {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  margin-bottom: 0; }

.ew-header-main .ew-my-account-header .ew-my-account-name-text-adjust {
  font-size: 11px;
  line-height: 15px; }

.ew-header-main .ew-my-account-header .ew-my-account-customer-number {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-header-main .ew-my-account-header .ew-my-account-header-action {
  border-left: 2px solid #70C9F0;
  width: 44px;
  height: 60px;
  text-align: right;
  cursor: pointer !important; }

.ew-header-main .ew-my-account-header .ew-my-account-header-action .ew-my-account-header-down {
  line-height: 0;
  margin-right: 10px;
  position: relative;
  top: 26px;
  font-size: 22px; }

.ew-header-main .ew-my-account-header .ew-dropdown-menu {
  background-color: #e9e9e9;
  width: 100%;
  margin: 0;
  padding: 0;
  padding: 10px;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  /* future proofing */
  -khtml-border-radius: 5px;
  /* for old Konqueror browsers */
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.175);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.175);
  z-index: 9999; }

.ew-header-main .ew-my-account-header .ew-dropdown-menu li:nth-child(even) {
  background: #e0e0e0; }

.ew-header-main .ew-my-account-header .ew-dropdown-menu li:last-child {
  border-radius: 0 0 5px 5px; }

.ew-header-main .ew-my-account-header .ew-dropdown-menu li:first-child {
  border-radius: 5px 5px 0 0; }

.ew-header-main .ew-my-account-header .ew-dropdown-menu li:hover {
  background: #b9f1ff; }

.ew-header-main .ew-my-account-header .ew-dropdown-menu .ew-my-account-dropdown-name {
  text-align: left; }

.ew-header-main .ew-my-account-header .ew-dropdown-menu .ew-my-account-dropdown-customer-number {
  text-align: left; }

.ew-header-main .ew-my-account-header .ew-dropdown-menu .ew-my-account-dropdown-price {
  font-weight: bold;
  text-align: right; }

.ew-header-main .ew-my-account-header .ew-dropdown-menu .ew-my-account-dropdown-price-overdue {
  font-weight: bold;
  color: red; }

.ew-header-main .ew-my-account-header .ew-dropdown-menu:before {
  content: ' ';
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: 0;
  left: 50%;
  margin: -10px 0 0 -10px; }

.ew-header-main .ew-my-account-header .ew-dropdown-menu .ew-my-account-dropdown-menu-item {
  padding: 7px 15px 7px 15px; }

@media only screen and (max-width: 992px) {
  .ew-header-main .ew-current-bill-header {
    text-align: center; }

  .ew-header-main .ew-top-nav .ew-top-contact-us {
    padding-left: 0; }

  .ew-header-main .ew-my-account-header .ew-my-account-logoff .ew-my-account-logoff-link, .ew-header-main .ew-current-bill-header .ew-p {
    font-size: 11px; } }
@media only screen and (max-width: 767px) {
  .ew-header-main .ew-header-main-bg {
    min-height: 0; }

  .ew-header-main .ew-my-account-header {
    max-width: none;
    width: 100%; }

  .ew-header-main .ew-navbar {
    min-height: 0; } }
@media only screen and (max-width: 767px) {
  .ew-header-main .ew-logo {
    max-width: 60%; } }
.ew-yamm .ew-nav,
.ew-yamm .ew-collapse,
.ew-yamm .ew-dropup,
.ew-yamm .ew-dropdown {
  position: static; }

.ew-yamm .ew-container {
  position: relative; }

.ew-yamm .ew-dropdown-menu {
  left: auto; }

.ew-yamm .ew-nav.ew-navbar-right .ew-dropdown-menu {
  left: auto;
  right: 0; }

.ew-yamm .ew-yamm-content {
  padding: 20px 30px; }

.ew-yamm .ew-dropdown.ew-yamm-fw .ew-dropdown-menu {
  left: 0;
  right: 0; }

.ew-header-main .ew-navbar {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
  min-height: 0; }

.ew-header-main .ew-navbar .ew-navbar-nav {
  margin-bottom: 0; }

.ew-header-main .ew-navbar .ew-navbar-nav li {
  margin-bottom: 0; }

.ew-header-main .ew-navbar .ew-navbar-nav li a {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #4c4c4c;
  padding: 20px 25px;
  border-right: 1px solid #e0e2e4;
  -webkit-transition: background-color 100ms ease-out;
  -moz-transition: background-color 100ms ease-out;
  -o-transition: background-color 100ms ease-out;
  transition: background-color 100ms ease-out; }

.ew-header-main .ew-navbar .ew-navbar-nav li a:hover {
  color: #fff; }

.ew-header-main .ew-navbar .ew-navbar-nav li:first-child a {
  border-left: 1px solid #e0e2e4; }

.ew-header-main .ew-navbar .ew-navbar-nav .ew-open a {
  color: #fff; }

.ew-header-main .ew-navbar .ew-nav li a:focus, .ew-header-main .ew-navbar .ew-nav li a:hover, .ew-header-main .ew-navbar .ew-nav .ew-open a, .ew-header-main .ew-navbar .ew-nav li a:active, .ew-header-main .ew-navbar .ew-nav .ew-active > a {
  text-decoration: none;
  background-color: #95c11e;
  color: #fff;
  border-right: 1px solid #95c11e; }

.ew-header-main .ew-navbar .ew-yamm-fw .ew-dropdown-menu {
  background-color: transparent;
  border: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0 15px; }

.ew-header-main .ew-navbar .ew-yamm-fw .ew-dropdown-menu li {
  display: inline-block;
  text-align: left; }

.ew-header-main .ew-navbar .ew-yamm-fw .ew-dropdown-menu li a {
  position: relative;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  line-height: 13px;
  text-align: left;
  padding: 13px 15px 12px 15px;
  background-color: transparent;
  color: #fff;
  border: none;
  min-width: 114px;
  text-align: center;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }

.ew-header-main .ew-navbar .ew-yamm-fw .ew-dropdown-menu li a:focus, .ew-header-main .ew-navbar .ew-yamm-fw .ew-dropdown-menu li a:hover {
  background-color: #abcd4c;
  color: #fff; }

.ew-header-main .ew-navbar .ew-yamm-fw .ew-dropdown-menu .ew-current a:after {
  content: '  ';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #95c11e;
  font-size: 0;
  line-height: 0;
  bottom: 0;
  left: 50%;
  margin-bottom: -9px;
  margin-left: -11px;
  position: absolute; }

.ew-header-main .ew-navbar .ew-yamm-fw .ew-dropdown-menu .ew-current:hover a:after {
  border-top: 10px solid #abcd4c; }

.ew-no-arrow .ew-current a:after {
  display: none !important; }

.ew-nav-bg {
  width: 100%;
  height: 38px;
  background-color: #95c11e; }

 	/* Mobile Nav Styles
	===========================================*/
@media only screen and (max-width: 767px) {
  .ew-header-main .ew-navbar {
    position: absolute;
    z-index: 999;
    width: 100%; }

  .ew-header-main .ew-navbar .ew-navbar-nav {
    margin: 0 -15px; }

  .ew-header-main .ew-navbar .ew-navbar-nav li > a, .ew-header-main .ew-navbar .ew-navbar-nav li > a:hover, .ew-header-main .ew-navbar .ew-navbar-nav li > a:active, .ew-header-main .ew-navbar .ew-navbar-nav li > a:focus {
    background-color: #fff;
    color: #95c11e; }

  .ew-header-main .ew-navbar .ew-navbar-nav .ew-open > a:focus, .ew-header-main .ew-navbar .ew-navbar-nav .open > a:active, .ew-header-main .ew-navbar .ew-navbar-nav .ew-open > a {
    background-color: #95c11e;
    color: #fff; }

  .ew-header-main .ew-navbar .ew-navbar-nav .ew-top-menu-item {
    border-bottom: 1px solid #e9e9e9; }

  .ew-header-main .ew-navbar .ew-navbar-nav .ew-yamm-fw .ew-dropdown-menu {
    padding: 0;
    background-color: #e9e9e9;
    /* Set style for current menu item */ }

  .ew-header-main .ew-navbar .ew-navbar-nav .ew-yamm-fw .ew-dropdown-menu li {
    display: block;
    padding-left: 35px;
    padding-right: 35px;
    border-bottom: 1px solid #fff; }

  .ew-header-main .ew-navbar .ew-navbar-nav .ew-yamm-fw .ew-dropdown-menu li a {
    background-color: #e9e9e9;
    color: #4c4c4c; }

  .ew-header-main .ew-navbar .ew-navbar-nav .ew-yamm-fw .ew-dropdown-menu .ew-current a {
    font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif; }

  .ew-header-main .ew-navbar .ew-current a:after {
    display: none; }

  /* Mobile Nav extras
  ===========================================*/
  .ew-mobile-extras .ew-my-account-menu a {
    padding-bottom: 10px; }

  .ew-mobile-extras .ew-my-account-menu .ew-my-account-menu-ctas {
    background-color: #fff;
    padding: 0 25px 15px 25px; }

  .ew-mobile-extras .ew-my-account-menu .ew-my-account-menu-ctas p {
    float: left;
    padding-top: 12px; }

  .ew-mobile-extras .ew-my-account-menu .ew-my-account-menu-ctas p .ew-current-amount-header {
    font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif; }

  .ew-mobile-extras .ew-my-account-menu .ew-my-account-menu-ctas .ew-pay-now-btn-menu {
    float: right;
    background-color: #95c11e;
    color: #fff;
    border: none;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; } }
@media only screen and (max-width: 480px) {
  .ew-mobile-extras .ew-my-account-menu .ew-my-account-menu-ctas p {
    font-size: 11px; } }
/* Responsive Nav Show / Hide Button
===========================================*/
.ew-navbar-toggle {
  position: absolute;
  right: 13px;
  top: 46px;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-size: 15px;
  line-height: 15px;
  text-align: left;
  border: none;
  padding: 3px; }

.ew-navbar-toggle .ew-hamburger-menu {
  display: inline-block;
  margin-left: 10px; }

.ew-navbar-toggle .ew-hamburger-menu .ew-hamburger-menu-bar {
  display: block;
  position: relative;
  width: 20px;
  margin-top: 3px;
  height: 3px;
  background-color: #fff; }

/* Set Min hieght to 0 for mobile nav */
@media only screen and (max-width: 992px) {
  .ew-current-amount-header {
    display: block; }

  .ew-header-main .ew-current-bill-header .ew-pay-now-btn-header {
    margin-top: 7px; } }
/* Set Min hieght to 0 for mobile nav */
@media only screen and (max-width: 767px) {
  .ew-navbar {
    min-height: 0; } }
/* Header when user is not logged in
===========================================*/
.ew-header-main .ew-header-main-bg .ew-login-cta {
  float: right;
  width: 100%; }

.ew-header-main .ew-header-main-bg .ew-login-cta .ew-login-cta-pay-your-bill {
  float: left;
  width: 41.5%;
  margin-right: 2.5%;
  background-color: #95c11e;
  color: #fff;
  border: none;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #fff;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 8px 12px; }

.ew-header-main .ew-header-main-bg .ew-login-cta .ew-login-cta-login {
  float: left;
  width: 53.5%;
  margin-left: 2.5%;
  background-color: #35b5e9;
  color: #fff;
  border: none;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #fff;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 8px 12px; }

.ew-header-main .ew-header-main-bg .ew-login-cta .ew-login-cta-login:hover {
  background-color: #5dc4ed !important; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box {
  float: right;
  background-color: #f8f8f8;
  width: 95%;
  padding: 15px 15px 0 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -khtml-border-radius: 4px;
  display: none; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-login-dialog-box-form-inputs {
  float: left;
  clear: both;
  width: 100%; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-form-group {
  float: left;
  width: 47.5%;
  margin-left: 2.5%;
  margin-right: 0;
  margin-bottom: 5px; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-form-group .ew-form-control {
  height: 28px;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #4c4c4c; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-form-group .ew-form-validation-error {
  font-size: 9px; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-form-group:first-child {
  margin-right: 2.5%;
  margin-left: 0; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-form-label {
  font-size: 9px;
  vertical-align: top;
  padding-top: 0px; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-checkbox {
  width: 14px;
  height: 14px;
  min-height: 14px;
  padding-left: 14px; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-checkbox:before {
  position: absolute;
  font-size: 11px;
  top: 2px;
  left: 2px; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-header-login {
  float: right; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-login-dialog-box-links {
  float: left;
  clear: both;
  margin-top: 5px;
  text-align: center;
  width: 100%; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-box-not-user {
  display: inline-block;
  font-size: 10px;
  margin-right: 8px;
  padding-top: 2px;
  color: #4c4c4c; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-box-not-user .ew-bold {
  font-size: 10px; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-box-link {
  font-size: 10px;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  padding-top: 2px;
  text-decoration: underline; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-register-now {
  padding-right: 12px;
  margin-right: 8px;
  border-right: 1px solid #4c4c4c; }

.ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-forgot-password {
  color: #4c4c4c; }

/* Header Mobile
===========================================*/
.ew-mobile-header {
  padding-top: 6px;
  background: url("../images/header-bg.png") repeat top center;
  background-color: #262626; }

.ew-mobile-header .ew-mobile-header-top {
  width: 100%;
  height: 40px; }

.ew-mobile-header .ew-mobile-header-top .ew-login-cta {
  float: right;
  width: 205px; }

.ew-mobile-header .ew-mobile-header-top .ew-login-cta .ew-login-cta-pay-your-bill {
  width: 106px; }

.ew-mobile-header .ew-mobile-header-top .ew-login-cta .ew-login-cta-login {
  width: 76px; }

.ew-mobile-header .ew-mobile-header-top .ew-logged-in-cta {
  float: right;
  width: 293px; }

.ew-mobile-header .ew-mobile-header-top .ew-logged-in-cta .ew-login-cta-pay-your-bill {
  width: 106px; }

.ew-mobile-header .ew-mobile-header-top .ew-logged-in-cta .ew-login-cta-my-account {
  width: 76px; }

.ew-mobile-header .ew-mobile-header-main-nav {
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: 15px 18px; }

.ew-mobile-header .ew-mobile-header-main-nav .ew-mobile-menu-open-close {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 22px;
  font-size: 26px;
  margin-right: 15px;
  text-decoration: none;
  color: #4c4c4c; }

.ew-mobile-header .ew-my-account-mobile-menu {
  display: none;
  background-color: #e9e9e9; }

.ew-mobile-header .ew-my-account-mobile-menu li {
  padding: 7px 15px 7px 15px; }

.mm-opened .ew-mobile-header .ew-mobile-header-main-nav .ew-mobile-menu-open-close {
  background-color: black;
  color: white;
  height: 73px;
  margin: 0;
  right: 0;
  padding: 23px 30px;
  top: 0;
  text-align: center;
  width: 80px;
  opacity: 0; }

.mm-opened .ew-mobile-header .ew-mobile-header-main-nav .ew-mobile-menu-open-close:before {
  content: "\e62d";
  transform: rotate(45deg); }

.mm-opened .ew-mobile-header .ew-mobile-header-main-nav .ew-mobile-menu-open-close:after {
  transform: rotate(-45deg); }

.mm-opening .ew-mobile-header .ew-mobile-header-main-nav .ew-mobile-menu-open-close {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 1; }

.ew-current-bill-header-mob {
  background: #323232;
  border-radius: 0;
  height: auto;
  overflow: hidden;
  padding: 10px 20px 0;
  width: 100%; }

.ew-current-bill-header-mob .ew-p {
  color: white;
  float: left;
  font-size: 12px;
  text-align: left; }

.ew-current-bill-header-mob .ew-p span {
  font-size: 18px;
  line-height: 28px; }

.ew-current-bill-header-mob button {
  background-color: #95c11e;
  color: #fff;
  border: none;
  float: right;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 5px 15px;
  margin: 0 auto;
  font-size: 14px;
  display: inline-block;
  margin-top: 4px; }

.ew-my-account-header-mob {
  background-color: #35b5e9;
  overflow: hidden;
  height: 60px; }

.ew-my-account-header-mob .ew-my-account-details-mob {
  padding: 13px 15px;
  width: 80%; }

.ew-my-account-header-mob .ew-my-account-details-mob p {
  font-size: 13px;
  line-height: 15px;
  color: white; }

#ew-my-account-header-action-mob {
  border-left: 2px solid #70C9F0;
  height: 60px;
  text-align: right;
  cursor: pointer !important; }

#ew-my-account-header-action-mob span {
  line-height: 0;
  margin: 0 10px;
  position: relative;
  top: 26px;
  font-size: 22px; }

#ew-my-account-header-action-mob span:before {
  content: ”\e604”; }

#ew-my-account-details-mob {
  height: 60px;
  padding: 13px 15px;
  width: 100%; }

#ew-my-account-details-mob .ew-my-account-name {
  color: white;
  font-size: 13px;
  line-height: 15px;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: 0; }

#ew-my-account-details-mob .ew-my-account-customer-number {
  color: white;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px; }

#ew-my-account-details-mob .ew-icon-white {
  color: #fff;
  float: right;
  top: -13px;
  position: relative;
  right: 5px;
  border-left: 1px solid white;
  height: 60px;
  padding: 25px 0 15px 20px; }

.ew-mobile-side-menu .ew-login-dialog-box-mobile {
  width: 96%;
  border: 1px solid #e6e6e6;
  margin-right: 2%; }

.ew-mobile-side-menu .ew-logout-cta-item {
  position: absolute;
  right: 2%;
  margin-top: -49px; }

.ew-mobile-side-menu .ew-logout-cta-logout {
  background-color: #35b5e9;
  color: #fff;
  border: none;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #fff;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }

.ew-mobile-side-menu .ew-logout-cta-logout:hover {
  background-color: #5dc4ed !important; }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 479px) {
  .ew-mobile-side-menu .ew-login-dialog-box-mobile {
    width: 96%;
    border: 1px solid #e6e6e6;
    margin-right: 2%;
    padding-bottom: 15px; }

  .ew-mobile-side-menu .ew-login-dialog-box-mobile .ew-form-group {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px; }

  .ew-mobile-side-menu .ew-login-dialog-box-links {
    margin-top: 10px; }

  .ew-mobile-side-menu .ew-login-dialog-box-links .ew-login-dialog-box-not-user {
    width: 100%;
    text-align: center; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 280px) {
  .ew-mobile-side-menu .ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-register-now {
    border-right: none;
    padding-right: 12px;
    margin-right: 8px; }

  .ew-mobile-side-menu .ew-login-dialog-box-link {
    width: 100%;
    display: block;
    text-align: center; } }
#ew-mobile-side-menu {
  display: none; }

#ew-mobile-side-menu a:hover {
  color: inherit;
  text-decoration: none; }

#ew-mobile-side-menu .mm-panel {
  margin: 0;
  padding: 32px 0 0 0; }

#ew-mobile-side-menu .ew-mobile-menu-item {
  padding: 0 0 0 15px; }

#ew-mobile-side-menu .ew-mobile-menu-item a:hover {
  text-decoration: none;
  color: inherit; }

#ew-mobile-side-menu .top {
  z-index: 20;
  border: none; }

#ew-mobile-side-menu .top #ew-mobile-nav-search {
  margin: 0;
  position: relative;
  top: -6px; }

#ew-mobile-side-menu .top #ew-mobile-nav-search .ew-mobile-nav-search-input {
  width: 96%;
  margin-left: 2%;
  padding: 0 13px;
  background-color: #ebebeb;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
  height: 26px;
  margin-bottom: 10px; }

#ew-mobile-side-menu .top #ew-mobile-nav-search .ew-mobile-search-button {
  position: absolute;
  right: 15px;
  top: 7px;
  color: #cbcfd5; }

#ew-mobile-side-menu .bottom {
  position: relative;
  top: -10px; }

#ew-mobile-side-menu .mm-listview {
  margin: 0; }

#ew-mobile-side-menu .mm-listview .ew-mobile-menu-item a {
  font-size: 18px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased; }

#ew-mobile-side-menu .mm-listview .ew-green-mobile-menu-item {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  background-color: #95c11e;
  color: #fff;
  border-bottom: 1px solid #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#ew-mobile-side-menu .mm-listview .ew-blue-mobile-menu-item {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  background-color: #35b5e9;
  color: #fff;
  border-bottom: 1px solid #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#ew-mobile-side-menu .mm-listview .ew-highlight-mobile-menu-item {
  background-color: #d9e6b4; }

#ew-mobile-side-menu .ew-mobile-sub-menu-item a {
  padding-left: 40px;
  font-size: 15px;
  line-height: 18px;
  -webkit-font-smoothing: antialiased; }

#ew-mobile-side-menu .ew-mobile-sub-menu-spacer {
  background-color: #eeeeee;
  font-size: 10px;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #787878;
  padding: 2px 0 2px 40px; }

.mm-listview > li:not(.mm-divider):after {
  left: 0; }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  .ew-logo {
    width: 195px; } }
/* Footer
===========================================*/
.ew-footer {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 50px;
  background-color: #e8e8e8; }

.ew-footer .ew-p {
  color: #4c4c4c;
  font-size: 14px;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  margin-bottom: 4px; }

.ew-footer .ew-footer-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.ew-footer .ew-footer-list .ew-footer-link {
  color: #4c4c4c;
  font-size: 12px;
  text-decoration: none;
  -webkit-transition: color 200ms ease-out;
  -moz-transition: color 200ms ease-out;
  -o-transition: color 200ms ease-out;
  transition: color 200ms ease-out; }

.ew-footer .ew-footer-list .ew-footer-link:hover {
  color: #35b5e9; }

.ew-footer .ew-footer-list .ew-footer-list-submenu {
  margin-left: 10px;
  padding-left: 8px !important;
  list-style: none; }

.ew-footer .ew-footer-list-large .ew-footer-link {
  color: #4c4c4c;
  font-size: 14px;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif; }

.ew-footer .ew-footer-sitemap-link-row {
  position: relative;
  margin-top: 2px;
  margin-bottom: 10px; }

.ew-footer .ew-footer-sitemap-link-row .ew-sitemap-link {
  position: absolute;
  font-size: 10px;
  cursor: pointer;
  margin-top: 8px;
  margin-bottom: 2px;
  width: 60px;
  top: 0;
  left: 50%;
  margin-left: -30px; }

.ew-footer .ew-footer-sitemap-link-row .ew-sitemap-link .ew-footer-indicator {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #4c4c4c;
  font-size: 0;
  line-height: 0;
  margin-left: 5px; }

.ew-footer .ew-footer-copyright-link {
  font-family: 'ITCAvantGardeStd-BK', Helvetica, Arial, "Lucida Grande", sans-serif;
  text-align: left;
  color: #a5a5a5;
  font-size: 10px;
  margin-top: 7px; }

.ew-footer .ew-footer-data {
  display: none;
  margin-top: 20px;
  margin-bottom: 30px; }

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .ew-footer .ew-footer-copyright-link {
    margin-top: 40px;
    text-align: center; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 600px) {
  .ew-footer-link-column {
    width: 50%;
    margin-bottom: 30px; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .ew-footer-link-column {
    width: 100%; }

  .ew-footer .ew-footer-data {
    margin-bottom: 10px; } }
/* Form Elements
===========================================*/
/* Select Drop Down Styles
===========================================*/
.ew-form-select {
  position: relative;
  width: 130px;
  min-height: 20px;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* future proofing */
  -khtml-border-radius: 4px;
  /* for old Konqueror browsers */
  overflow: hidden;
  background-color: #e9e9e9; }

.ew-form-select select {
  background: transparent;
  width: 125%;
  padding: 5px;
  height: 20px;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  color: #222222;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  line-height: 100%;
  border-radius: 0;
  padding: 0 0 0 10px;
  cursor: pointer;
  position: relative;
  display: block;
  border: none;
  z-index: 5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border: 0 !important; }

.ew-form-select .ew-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2f2f2f;
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: 10px;
  top: 13px;
  z-index: 1; }

.ew-form-select .ew-border {
  position: absolute;
  top: 0;
  right: 30px;
  width: 2px;
  height: 100%;
  background-color: #d9d9d9; }

.ew-select-overide {
  background: #fff !important; }

/* Form Submit Button
===========================================*/
.ew-form-submit-button {
  background-color: #95c11e;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 10px 35px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 100%; }

.ew-form-submit-button-lrg {
  background-color: #95c11e;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 10px 54px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 100%;
  font-family: "ITCAvantGardeStd-Demi", Helvetica, Arial, "Lucida Grande", sans-serif !important; }

.ew-btn-default {
  font-family: "ITCAvantGardeStd-Demi", Helvetica, Arial, "Lucida Grande", sans-serif !important; }

.ew-form-submit-button-med {
  background-color: #95c11e;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 7px 40px;
  max-width: 100%;
  margin: 20px 0 30px;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-form-submit-button-small {
  background-color: #95c11e;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 3px 15px;
  max-width: 100%; }

.ew-form-submit-button:active, .ew-form-submit-button:focus, .ew-form-submit-button-lrg:active, .ew-form-submit-button-lrg:focus, .ew-form-submit-button-med:hover, .ew-form-submit-button-med:focus {
  background-color: #95c11e;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }

.ew-form-submit-button:hover, .ew-form-submit-button-lrg:hover, .ew-btn:hover {
  background-color: #a7a4a4 !important;
  color: #fff; }

.ew-form-submit-button-lrg.eol:hover, .ew-btn.eol:hover {
  background-color: #abcd4c !important;
  color: #fff; }

.ew-form-submit-button-lrg.ge:hover, .ew-btn.ge:hover {
  background-color: #f58025 !important;
  color: #fff; }

.ew-form-submit-button-med-blue {
  background-color: #95d5ef;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 7px 40px;
  max-width: 100%; }

.ew-form-submit-button-med-blue:hover {
  background-color: #35b5e9 !important;
  color: #fff; }

/* Standardized Buttons
===========================================*/
.ew-standard-blue-button {
  background-color: #35b5e9;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 8px 25px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 100%; }

.ew-standard-blue-button:hover {
  background-color: #95d5ef !important; }

.ew-standard-green-button {
  background-color: #95c11e;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 8px 25px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 100%; }

.ew-standard-green-button:hover {
  background-color: #abcd4c !important; }

.ew-standard-grey-button {
  background-color: #caced4;
  color: #fff;
  border: none;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 8px 25px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 100%; }

.ew-standard-grey-button:hover {
  background-color: #D8DCE1 !important; }

.ew-standard-red-button {
  background-color: #e74c3c;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 8px 25px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 100%; }

.ew-standard-red-button:hover {
  background-color: #EF6B5D !important; }

/* Styled Checkboxes
===========================================*/
.ew-checkbox {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  background-color: #caced4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */ }

.ew-checkbox input[type=checkbox] {
  display: none; }

.ew-icon-check {
  background-color: #95c11e; }

.ew-checkbox:before {
  position: absolute;
  font-size: 16px;
  top: 2px;
  left: 3px; }

.ew-checkbox-group .ew-form-label {
  display: inline !important;
  vertical-align: top;
  font-size: 11px;
  margin-left: 6px;
  margin-top: 4px; }

.ew-checkbox-group .ew-form-label a {
  position: relative;
  top: -6px; }

/* Styled Radio Buttons
===========================================*/
.ew-radio {
  padding: 0; }

.ew-radio .ew-radio-inline {
  display: inline-block;
  position: relative;
  padding: 0;
  vertical-align: top;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  color: #4c4c4c;
  margin-left: 0;
  margin-right: 10px; }

.ew-radio .ew-radio-inline input[type=radio] {
  display: none; }

.ew-radio .ew-radio-inline .ew-radio-circle {
  width: 22px;
  height: 22px;
  background: transparent;
  border: 4px solid #caced4;
  border-radius: 50%;
  padding: 0;
  display: inline-block;
  position: relative; }

.ew-radio .ew-radio-inline .ew-radio-circle .ew-radio-checked {
  width: 8px;
  height: 8px;
  background: #caced4;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  margin-top: 3px;
  margin-left: 3px;
  display: none; }

.ew-radio .ew-radio-inline .ew-radio-inline-label {
  display: inline-block;
  vertical-align: top;
  padding-top: 4px; }

.ew-radio .ew-radio-checked-on .ew-radio-circle {
  border-color: #95c11e; }

.ew-radio .ew-radio-checked-on .ew-radio-circle .ew-radio-checked {
  background: #95c11e;
  display: block !important; }

.ew-radio-small .ew-radio-inline .ew-radio-circle {
  width: 18px;
  height: 18px;
  margin-top: 2px; }

.ew-radio-small .ew-radio-inline .ew-radio-circle .ew-radio-checked {
  width: 4px;
  height: 4px; }

.ew-form-group-hidden {
  display: none; }

/* Text input active 
  -- Add transition as well.
*/
.ew-form-control {
  -webkit-transition: border 300ms ease-out;
  -moz-transition: border 300ms ease-out;
  -o-transition: border 300ms ease-out;
  transition: border 300ms ease-out;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-family: "ITCAvantGardeStd-Bk", Helvetica, Arial, "Lucida Grande", sans-serif !important; }

.ew-form-control::-webkit-input-placeholder {
  color: #4c4c4c; }

.ew-form-control:-moz-placeholder {
  color: #4c4c4c; }

.ew-form-control::-moz-placeholder {
  color: #4c4c4c; }

.ew-form-control:-ms-input-placeholder {
  color: #4c4c4c; }

.ew-form-control:focus {
  border-color: #95c11e;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #95c11e; }

/* Form Validation
===========================================*/
.ew-form-validation-errors .ew-form-validation-error {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: normal;
  color: red; }

.ew-form-validation-error-input {
  border-color: red; }

.form-validator-stack {
  padding-top: 5px;
  padding-left: 2px;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: normal;
  color: red !important; }

/* Pagination
===========================================*/
.ew-pagination {
  margin-top: 18px; }

.ew-pagination .ew-pagination li a {
  color: #35b5e9;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  text-align: center;
  height: 12px;
  line-height: 12px; }

.ew-pagination .ew-pagination li a, .ew-pagination .ew-pagination li span {
  border: none;
  background-color: transparent;
  color: #35b5e9;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  text-align: center;
  height: 12px;
  line-height: 20px;
  padding: 0;
  height: 20px;
  width: 20px;
  margin: 0 4px; }

.ew-pagination .ew-pagination .ew-active span {
  background-color: #35b5e9;
  color: #fff !important;
  height: 20px;
  width: 20px;
  border-radius: 50%; }

.ew-pagination .ew-pagination > .disabled > a, .ew-pagination .ew-pagination > .ew-disabled > a:focus, .ew-pagination .ew-pagination > .ew-disabled > a:hover, .ew-pagination .ew-pagination > .ew-disabled > span, .ew-pagination .ew-pagination > .ew-disabled > span:focus, .ew-pagination .ew-pagination > .ew-disabled > span:hover {
  background-color: transparent; }

.ew-pagination .ew-pagination li a:hover {
  opacity: 0.6 !important; }

.ew-pagination .ew-pagination-back {
  display: block;
  margin-top: 3px; }

.ew-pagination .ew-pagination-foward {
  display: block;
  margin-top: 3px; }

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .ew-pagination {
    text-align: center; }

  .ew-pagination .ew-pagination li a, .ew-pagination .ew-pagination li span {
    margin: 0 15px; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .ew-pagination .pagination li a, .ew-pagination .pagination li span {
    font-size: 10px; }

  .ew-pagination .pagination-sm > li > a, .ew-pagination .pagination-sm > li > span {
    padding: 8px; } }
/* Results Table
===========================================*/
/* Results Table Base Styles
===========================================*/
.ew-results-table {
  display: table;
  width: 100%; }

.ew-results-table a {
  color: #35b5e9; }

.ew-results-table .ew-results-table-row {
  display: table-row;
  background-color: #e8e8e6; }

.ew-results-table .ew-results-table-header {
  background-color: #d8e6b4; }

.ew-results-table .ew-results-table-header .ew-results-table-cell {
  padding-top: 12px;
  padding-bottom: 11px; }

.ew-results-table .ew-results-table-feature-row {
  background-color: #fff; }

.ew-results-table .ew-results-table-feature-row .ew-table-description {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #35b5e9; }

.ew-results-table .ew-results-table-feature-row .ew-download-link {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  margin-left: -29px;
  margin-right: 16px; }

.ew-results-table .ew-results-table-cell {
  display: table-cell;
  table-layout: fixed;
  padding: 21px 2px;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
  color: #222222; }

/* Cell Specific Styles
===========================================*/
.ew-results-table .ew-table-description {
  width: 40%;
  padding-left: 4%;
  padding-right: 15px; }

.ew-results-table .ew-table-date {
  width: 31%; }

.ew-results-table .ew-table-type {
  width: 13%; }

.ew-results-table .ew-table-amount {
  width: 15%;
  padding-right: 3%;
  text-align: right; }

.ew-results-table-top-info {
  background-color: #e8e8e6;
  padding: 15px; }

.ew-results-table-top-info .ew-results-table-top-info-header {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #4c4c4c;
  margin: 0; }

.ew-results-table-top-info .ew-p-12 {
  margin: 12px 0 0 0; }

.ew-results-table-top-info .ew-p-12 .ew-results-table-top-highlight {
  color: #8c8c8c; }

.ew-results-table-header-green {
  background-color: #95c11e !important; }

.ew-results-table-header-green .ew-results-table-cell {
  color: #fff !important; }

.ew-results-table-bg-white {
  background-color: #fff !important; }

.ew-results-table-text-center .ew-results-table-cell {
  text-align: center; }

.ew-table-action-buttons {
  padding-top: 20px; }

.ew-table-action-buttons-show {
  padding-top: 20px; }

.ew-results-table-icon .ew-icon:before {
  color: #c2d980;
  position: absolute;
  right: 15px;
  font-size: 23px;
  top: 8px; }

/* Responsive Results Table Styles 
===========================================*/
@media only screen and (min-width: 992px) {
  .ew-results-table .ew-table-description {
    width: 32%;
    padding-left: 1.5%; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .ew-results-table {
    display: block; }

  .ew-results-table .ew-results-table-row {
    display: block;
    position: relative;
    border-bottom: 2px solid #f6f6f5; }

  .ew-results-table .ew-results-table-feature-row {
    border-bottom: none; }

  .ew-results-table .ew-results-table-cell {
    display: inline-block; }

  .ew-results-table .ew-results-table-row .ew-table-description {
    width: 69%;
    padding: 21px 2px 34px 47px;
    position: relative; }

  .ew-results-table .ew-results-table-row .ew-table-amount {
    width: 30%;
    padding: 21px 15px 34px 2px;
    text-align: right;
    position: relative; }

  .ew-results-table .ew-results-table-row .ew-table-date {
    position: absolute;
    width: 69%;
    left: 47px;
    bottom: 15px;
    padding-left: 0;
    font-size: 11px;
    padding-top: 0;
    padding-bottom: 0; }

  .ew-results-table .ew-results-table-row .ew-table-type {
    position: absolute;
    width: 30%;
    bottom: 15px;
    padding-right: 15px;
    text-align: right;
    font-size: 11px;
    padding-top: 0;
    padding-bottom: 0; }

  .ew-results-table .ew-results-table-row .ew-download-link {
    position: absolute;
    font-size: 11px;
    margin-left: 15px;
    left: 0; }

  .ew-results-table .ew-results-table-row .ew-download-link .ew-results-table-icon {
    display: block;
    margin: 0 auto 5px auto; }

  .ew-results-table .ew-results-table-header .ew-table-date {
    display: none; }

  .ew-results-table .ew-results-table-header .ew-table-type {
    display: none; }

  .ew-results-table .ew-results-table-header .ew-table-description {
    width: 69%;
    padding: 21px 2px 21px 47px; }

  .ew-results-table .ew-results-table-header .ew-table-amount {
    width: 30%;
    padding: 21px 15px 21px 2px;
    text-align: right; } }
/* End Small Devices, Tablets */
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .ew-results-table .ew-results-table-row .ew-table-description {
    width: 50%;
    padding-right: 0; }

  .ew-results-table .ew-results-table-row .ew-table-date {
    width: 50%; }

  .ew-results-table .ew-results-table-row .ew-table-amount {
    width: 49%;
    float: right; }

  .ew-results-table .ew-results-table-row .ew-table-type {
    width: 49%;
    right: 2px; }

  .ew-results-table .ew-results-table-row .ew-download-link {
    font-size: 9px;
    position: absolute;
    font-size: 11px;
    margin-left: 15px;
    left: 0; }

  .ew-results-table .ew-results-table-header .ew-table-description {
    width: 50%; }

  .ew-results-table .ew-results-table-header .ew-table-amount {
    width: 49%;
    float: right; } }
/* End Extra Small Devices, Phones */
/* Results Generic Table for Wysiwyg / General Use...
===========================================*/
.ew-results-table-generic {
  margin-bottom: 15px;
  background-color: #e8e8e6; }

.ew-results-table-generic .ew-results-table-row .ew-results-table-cell:first-child {
  padding-left: 15px; }

.ew-results-table-generic .ew-results-table-row .ew-results-table-cell {
  border-top: 1px solid #fff; }

/* Actual table...
===========================================*/
@media (max-width: 766.9375px) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none; }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%; }

  .tablesaw-cell-label {
    vertical-align: top; }

  .tablesaw-cell-content {
    max-width: 100%;
    display: inline-block;
    float: right; }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none; } }
@media (min-width: 767px) {
  .tablesaw-stack tr {
    display: table-row; }

  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0; }

  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important; } }
.tablesaw {
  table-layout: fixed;
  background-color: #e8e8e6;
  width: 95%;
  margin-bottom: 15px; }

.tablesaw tr th {
  background-color: #d8e6b4;
  padding-top: 12px;
  padding-bottom: 11px;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
  color: #4c4c4c;
  padding-left: 0; }

.tablesaw tr th .ew-icon {
  font-size: 20px;
  color: #c2d980;
  display: block;
  width: 100%;
  text-align: center; }

.tablesaw tr td {
  padding: 21px 2px;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
  color: #4c4c4c;
  border-top: 1px solid #fff;
  padding-left: 0; }

.tablesaw tr th:first-child, .tablesaw tr td:first-child {
  padding-left: 15px;
  padding-right: 5px; }

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  .tablesaw {
    width: 100%; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .tablesaw tr th, .tablesaw tr td {
    padding-left: 15px; }

  .tablesaw tr {
    border-top: 1px solid #fff;
    border-bottom: 0; }

  .tablesaw tr td {
    border-bottom: 0;
    border-top: 0; }

  .tablesaw tr:first-child {
    border-top: 0; } }
/* Sidebar
===========================================*/
.ew-sidebar-base {
  float: left;
  clear: both;
  background-color: #fff;
  width: 100%;
  padding: 0 15px 15px 15px; }

.ew-sidebar-base .ew-sidebar-header {
  width: 100%;
  border-bottom: 1px solid #f8f8f8;
  margin-bottom: 15px; }

.ew-sidebar-base .ew-sidebar-header .ew-sidebar-heading {
  color: #35b5e9;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 15px;
  line-height: 15px; }

.ew-sidebar-base .ew-sidebar-nav {
  list-style: none;
  padding: 0;
  margin: 0; }

.ew-sidebar-base .ew-sidebar-nav .ew-sidebar-nav-item {
  margin-bottom: 2px;
  position: relative; }

.ew-sidebar-base .ew-sidebar-nav .ew-sidebar-nav-item .ew-sidebar-link {
  color: #4c4c4c;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 13px;
  text-decoration: none;
  -webkit-transition: color 100ms ease-out;
  -moz-transition: color 100ms ease-out;
  -o-transition: color 100ms ease-out;
  transition: color 100ms ease-out; }

.ew-sidebar-base .ew-sidebar-nav .ew-sidebar-nav-item .ew-sidebar-link:hover {
  color: #abcd4c; }

.ew-sidebar-base .ew-sidebar-nav .ew-sidebar-nav-item .ew-sidebar-dropdown-nav {
  list-style: none;
  padding-left: 8px !important; }

.ew-sidebar-base .ew-sidebar-nav .ew-sidebar-nav-item .ew-sidebar-dropdown-nav .ew-sidebar-dropdown-nav-item .ew-sidebar-link {
  font-size: 11px;
  color: #4c4c4c;
  -webkit-transition: color 100ms ease-out;
  -moz-transition: color 100ms ease-out;
  -o-transition: color 100ms ease-out;
  transition: color 100ms ease-out; }

.ew-sidebar-base .ew-sidebar-nav .ew-sidebar-nav-item .ew-sidebar-dropdown-nav .ew-sidebar-dropdown-nav-item .ew-sidebar-link:hover {
  color: #abcd4c; }

.ew-sidebar-base .ew-sidebar-nav .ew-sidebar-nav-item .ew-sidebar-dropdown-nav .ew-sidebar-nav-item-current .ew-sidebar-link {
  color: #35b5e9; }

.ew-sidebar-base .ew-sidebar-nav .ew-sidebar-nav-item-current .ew-sidebar-link {
  color: #35b5e9; }

/* Transaction history sidebar styles..
===========================================*/
/* Current Bill Module */
.ew-sidebar-current-bill {
  background-color: #fff;
  width: 100%;
  text-align: center;
  padding: 45px; }

.ew-sidebar-current-bill .ew-current-bill-sidebar {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #222222; }

.ew-sidebar-current-bill .ew-current-bill-sidebar .ew-current-amount-sidebar {
  display: block;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 40px;
  line-height: 40px;
  font-weight: normal;
  color: #222222;
  margin-top: 12px; }

.ew-sidebar-current-bill .ew-including-the-discount {
  display: block;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #222222;
  margin-bottom: 5px; }

.ew-sidebar-current-bill .ew-if-pais-today {
  font-family: 'ITCAvantGardeStd-BkObl', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  color: #222222;
  padding: 0 20px; }

.ew-sidebar-current-bill .ew-current-savings-outer {
  display: inline-block;
  width: 165px;
  height: 165px;
  background-image: url("../images/circle.png"); }

.ew-sidebar-current-bill .ew-current-savings-outer .ew-current-savings {
  display: inline-block;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  position: relative;
  top: 7px;
  padding-top: 25px; }

.ew-sidebar-current-bill .ew-current-savings-outer .ew-current-savings .ew-your-savings {
  color: #fff;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  line-height: 17px;
  font-weight: normal;
  margin-bottom: 4px; }

.ew-sidebar-current-bill .ew-current-savings-outer .ew-current-savings .ew-your-savings-price {
  color: #fff;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 38px;
  line-height: 40px;
  font-weight: normal;
  margin-bottom: 0; }

.ew-sidebar-current-bill .ew-current-savings-outer .ew-current-savings .ew-your-savings-price .ew-your-savings-price-small {
  font-size: 22px;
  line-height: 34px;
  vertical-align: top; }

.ew-sidebar-current-bill .ew-current-savings-outer .ew-current-savings .ew-prompt-payment {
  color: #fff;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal; }

.ew-sidebar-current-bill .ew-pay-now-btn-sidebar {
  background-color: #95c11e;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 17px;
  line-height: 17px;
  color: #fff;
  padding: 14px 46px;
  margin: 26px 0 0 0;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }

.ew-you-may-also-want-to {
  padding-top: 40px; }

.ew-you-may-also-want-to p {
  font-size: 13px;
  line-height: 15px;
  -webkit-font-smoothing: antialiased; }

.ew-you-may-also-want-to .ew-bold {
  color: #35b5e9;
  font-size: 15px;
  line-height: 15px;
  -webkit-font-smoothing: antialiased; }

.ew-you-may-also-want-to .ew-icon {
  font-size: 25px; }

.ew-you-may-also-want-to .ew-you-may-also-want-to-two-col {
  padding-top: 30px; }

.ew-you-may-also-want-to .ew-col-xs-10 {
  padding-left: 22px;
  padding-top: 3px; }

@media only screen and (max-width: 992px) {
  .ew-sidebar-current-bill .ew-current-savings-outer {
    display: block;
    margin: 0 auto; } }
@media only screen and (max-width: 768px) {
  .ew-you-may-also-want-to {
    padding-left: 15px;
    padding-right: 15px; } }
/* Generic Sidebar Styles..
===========================================*/
.ew-generic-sidebar {
  background-color: #fff;
  padding: 15px;
  text-align: center;
  width: 100%;
  max-width: 280px; }

.ew-generic-sidebar .ew-p-14 {
  margin-bottom: 0; }

.ew-generic-sidebar .ew-sidebar-customer-number {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 28px;
  color: #4c4c4c; }

/* Small Devices, Tablets */
@media only screen and (max-width: 991px) {
  .ew-generic-sidebar {
    max-width: none; }

  .ew-current-amounts-sidebar .ew-sidebar-banner {
    display: none; }

  .ew-current-amounts-buttons {
    margin-bottom: 20px;
    width: 100%; } }
/* Progress Bar
===========================================*/
.ew-progress {
  height: 14px;
  margin-top: 12px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 28px;
  /* Styles for for a three point progress bar
  =======================================*/ }

.ew-progress .ew-progress-bar {
  position: relative;
  float: left;
  height: 14px;
  margin: 0;
  padding: 0;
  border: none;
  text-align: center; }

.ew-progress .ew-progress-bar .ew-progress-indicator {
  position: absolute;
  z-index: 5;
  left: 50%;
  margin-left: -14px;
  top: -7px;
  max-width: 28px;
  width: 28px;
  height: 28px;
  background-image: url("../images/progress-bar-button.png");
  background-size: 28px 28px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/progress-bar-button.png', sizingMethod='scale'); }

.ew-progress .ew-progress-bar .ew-progress-label {
  margin-top: -15px;
  top: -30px;
  position: relative;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  line-height: 13px;
  color: #4c4c4c; }

.ew-progress .ew-progress-bar-three-first {
  width: 33%;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  background-color: #fff; }

.ew-progress .ew-progress-bar-three-second {
  width: 33%;
  text-align: center;
  background-color: #fff; }

.ew-progress .ew-progress-bar-three-third {
  width: 33%;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  background-color: #fff; }

.ew-progress .ew-progress-bar-complete {
  background-color: #95c11e; }

/* Progress Bar Responsive Styles..
=======================================*/
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .ew-progress {
    margin-top: 40px; } }
/* Password Strength Meter
===========================================*/
.ew-password-meter {
  width: 100%;
  height: 10px;
  margin-top: 10px; }

.ew-password-meter .ew-password-meter-section {
  width: 60px;
  height: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ccc; }

.ew-password-meter .ew-password-message {
  display: inline-block;
  margin-left: 8px;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px;
  line-height: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-password-meter .ew-password-criteria-met {
  background-color: #f9c90a; }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 479px) {
  .ew-progress .ew-progress-bar span {
    font-size: 9px; } }
/* Highlight Box
===========================================*/
.ew-highlight-box {
  background-color: #fff;
  float: left;
  clear: both;
  width: 100%;
  padding: 15px 0;
  margin-top: 2px;
  margin-bottom: 15px; }

.ew-highlight-box .ew-highlight-box-col {
  margin-right: 0;
  padding-right: 0; }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .ew-highlight-box .ew-highlight-box-col {
    min-width: 150px; } }
/* Login Pay Your Bill...
===========================================*/
.ew-login-cta {
  float: right;
  width: 100%; }

.ew-login-cta .ew-login-cta-pay-your-bill {
  float: left;
  width: 44%;
  margin-right: 2.5%;
  background-color: #95c11e;
  color: #fff;
  border: none;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #fff;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }

.ew-login-cta .ew-login-cta-login {
  float: left;
  width: 35%;
  margin-left: 2.5%;
  background-color: #35b5e9;
  color: #fff;
  border: none;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #fff;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }

.ew-login-cta .ew-login-cta-login:hover {
  background-color: #5dc4ed !important; }

.ew-login-dialog-box {
  float: right;
  background-color: #f8f8f8;
  width: 95%;
  padding: 15px 15px 0 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -khtml-border-radius: 4px;
  display: none; }

.ew-login-dialog-box .ew-login-dialog-box-form-inputs {
  float: left;
  clear: both;
  width: 100%; }

.ew-login-dialog-box .ew-form-group {
  float: left;
  width: 47.5%;
  margin-left: 2.5%;
  margin-right: 0;
  margin-bottom: 15px; }

.ew-login-dialog-box .ew-form-group .ew-form-control {
  height: 28px;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #4c4c4c; }

.ew-login-dialog-box .ew-form-group .ew-form-validation-error {
  font-size: 9px; }

.ew-login-dialog-box .ew-form-group:first-child {
  margin-right: 2.5%;
  margin-left: 0; }

.ew-login-dialog-box .ew-form-label {
  font-size: 9px;
  vertical-align: top;
  padding-top: 2px; }

.ew-login-dialog-box .ew-checkbox {
  width: 14px;
  height: 14px;
  min-height: 14px;
  padding-left: 14px; }

.ew-login-dialog-box .ew-checkbox:before {
  position: absolute;
  font-size: 13px;
  top: 1px;
  left: 3px; }

.ew-login-dialog-box .ew-header-login {
  float: right; }

.ew-login-dialog-box .ew-login-dialog-box-links {
  float: left;
  clear: both;
  margin-top: 5px;
  text-align: center;
  width: 100%; }

.ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-box-not-user {
  display: inline-block;
  font-size: 10px;
  margin-right: 8px;
  padding-top: 2px;
  color: #4c4c4c; }

.ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-box-not-user .ew-bold {
  font-size: 10px; }

.ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-box-link {
  font-size: 10px;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  padding-top: 2px;
  text-decoration: underline; }

.ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-register-now {
  padding-right: 12px;
  margin-right: 8px;
  border-right: 1px solid #4c4c4c; }

.ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-forgot-password {
  color: #4c4c4c; }

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  .ew-header-main .ew-header-main-bg .ew-login-dialog-box .ew-login-dialog-box-links .ew-login-dialog-register-now {
    padding-right: 10px;
    margin-right: 5px;
    border-right: 1px solid #4c4c4c; } }
/* Login Pay Your Bill...
===========================================*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  overflow: scroll;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch; }

.mfp-container {
  display: table;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0.5em; }

@media all and (min-width: 820px) {
  .mfp-container {
    display: inline-block; } }
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  text-align: left;
  z-index: 1045;
  background: #f5f6f5;
  border-radius: 1em;
  display: table-cell;
  height: 100%;
  vertical-align: middle; }

.mfp-image-holder .mfp-content {
  background: #fff; }

@media all and (min-width: 820px) {
  .mfp-content {
    display: inline-block;
    height: auto; } }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

@media all and (min-width: 820px) {
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    max-width: 500px; } }
.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.close-alert,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #ccc; }

.mfp-preloader a:hover {
  color: #fff; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.close-alert,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background-color: #95c11e;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close,
.close-alert {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  border-radius: 50%;
  color: #005768;
  margin: 0.25em; }

.mfp-close:hover,
.close-alert:hover,
.mfp-close:focus,
.close-alert:focus {
  background-color: #abcd4c;
  filter: alpha(opacity=100); }

.mfp-close:active,
.close-alert:active {
  top: 1px; }

.mfp-iframe-holder .mfp-close,
.mfp-iframe-holder .close-alert {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close,
.mfp-iframe-holder .close-alert {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto; }

.mfp-figure {
  line-height: 0; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 600px; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close,
.mfp-ie7 .close-alert {
  top: 0;
  right: 0;
  padding-top: 0; }

.ew-modal-header {
  padding: 0.71429em 4em 0.71429em 0.71429em; }

.ew-modal-header .ew-h2,
.ew-modal-header .ew-h3 {
  margin: 0;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-modal-header p:last-child {
  margin-bottom: 0; }

@media all and (min-width: 820px) {
  .ew-modal-header {
    background: #fff;
    padding: 1.5em 4em 1.5em 1.5em; } }
.ew-modal-body {
  padding: 0.714285714em;
  overflow: hidden; }

.ew-modal-body .ew-p {
  margin: 0 0 1em 0;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  color: #4c4c4c; }

.ew-modal-body p:only-child,
.ew-modal-body p:last-child {
  margin: 0; }

@media all and (min-width: 820px) {
  .ew-modal-body {
    padding: 1.5em; } }
.ew-modal-register .mfp-content {
  max-width: none; }

@media all and (min-width: 820px) {
  .ew-modal-register .mfp-content {
    max-width: 720px; } }
/* Top Row Border For My Account Section
===========================================*/
.ew-top-row-border {
  border-bottom: 1px solid #e1e3e5; }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .ew-top-row-no-border-sm {
    border-bottom: none; }

  .ew-top-row-border-sm {
    border-bottom: 1px solid #e1e3e5; }

  .ew-top-row-border-sm:before,
  .ew-top-row-border-sm:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }

  .ew-top-row-border-sm:after {
    clear: both; } }
/* Current Results Table
===========================================*/
.ew-bill-information .ew-current-balance-results-table .ew-results-table-row {
  background-color: #fff; }

.ew-bill-information .ew-current-balance-results-table .ew-results-table-row .ew-results-table-cell {
  padding: 15px 24px;
  vertical-align: middle;
  font-size: 11px;
  border-top: 1px solid #f6f6f5; }

.ew-bill-information .ew-current-balance-results-table .ew-results-table-row .ew-results-table-cell .ew-current-balance-results-table-cell-bold {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-size: 13px;
  display: block; }

.ew-bill-information .ew-current-balance-results-table .ew-results-table-row .ew-results-table-cell .ew-current-balance-results-table-cell-price {
  font-size: 13px; }

.ew-bill-information .ew-current-balance-results-table .ew-results-table-row .ew-results-table-cell-price {
  text-align: right; }

.ew-bill-information .ew-current-balance-results-table .ew-balance-table-overdue-row {
  background-color: #f3cac5; }

.ew-bill-information .ew-current-balance-results-table .ew-balance-table-overdue-row .ew-results-table-cell {
  color: #c54133; }

.ew-bill-information .ew-current-balance-results-table .ew-balance-table-savings-row .ew-results-table-cell {
  color: #35b5e9; }

.ew-bill-information .ew-current-balance-results-table .ew-balance-table-savings-row .ew-results-table-cell .ew-current-balance-results-table-cell-price {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif; }

.ew-bill-information .ew-current-balance-results-table .ew-balance-table-total-row .ew-results-table-cell {
  border-top: 1px solid #cfcfce;
  border-bottom: 1px solid #cfcfce; }

.ew-bill-information .ew-current-balance-results-table .ew-balance-table-total-row .ew-results-table-cell .ew-current-balance-results-table-cell-price {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased; }

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .ew-bill-information .ew-current-balance-results-table .ew-results-table-row .ew-results-table-cell {
    display: inline-block;
    width: 49%;
    border-top: none !important;
    padding: 15px; }

  .ew-results-table .ew-results-table-row {
    border-top: 2px solid #f6f6f5;
    border-bottom: none !important; }

  .ew-current-balance-results-table .ew-results-table-cell-price {
    text-align: right; }

  .ew-bill-information .ew-current-balance-results-table .ew-balance-table-total-row {
    border-top: 1px solid #cfcfce !important;
    border-bottom: 1px solid #cfcfce !important; }

  .ew-bill-information .ew-current-balance-results-table .ew-balance-table-total-row .ew-results-table-cell {
    border-top: none;
    border-bottom: none; } }
/*Sidebar Join Now Button
===========================================*/
.ew-sidebar-join-now {
  padding-top: 48px; }

.ew-sidebar-join-now .ew-p-11 {
  color: #939393;
  margin: 0 0 6px; }

.ew-sidebar-join-now .ew-sidebar-join-now-btn {
  padding: 6px 30px;
  background-color: #95c11e;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }

/*Accordion
===========================================*/
.ew-accordion {
  margin-top: 30px; }

.ew-accordion .ew-accordion-item .ew-accordion-header {
  cursor: pointer; }

.ew-accordion .ew-accordion-item .ew-accordion-header .ew-icon {
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
  width: 5%; }

.ew-accordion .ew-accordion-item .ew-accordion-header .ew-h3 {
  display: inline-block;
  vertical-align: top;
  width: 92%;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-size: 18px;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 1px;
  margin-bottom: 25px; }

.ew-accordion .ew-accordion-item .ew-accordion-body {
  display: none;
  margin-bottom: 15px; }

.ew-accordion .ew-accordion-item .ew-accordion-body .ew-icon {
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
  padding-left: 5%;
  margin-left: 3px;
  width: 5%; }

.ew-accordion .ew-accordion-item .ew-accordion-body .ew-accordion-body-content {
  display: inline-block;
  vertical-align: top;
  width: 80%;
  padding-left: 5%; }

.ew-accordion .ew-accordion-body-open .ew-accordion-header .ew-h3 {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-size: 18px;
  color: #35b5e9;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .ew-accordion .ew-accordion-item .ew-accordion-header .ew-icon {
    width: 7%; }

  .ew-accordion .ew-accordion-item .ew-accordion-body .ew-icon {
    width: 7%;
    padding-left: 7%; } }
@media only screen and (max-width: 480px) {
  .ew-accordion .ew-accordion-item .ew-accordion-header .ew-icon {
    width: 10%; }

  .ew-accordion .ew-accordion-item .ew-accordion-header .ew-h3 {
    width: 75%; }

  .ew-accordion .ew-accordion-item .ew-accordion-body .ew-icon {
    width: 10%;
    padding-left: 10%; }

  .ew-accordion .ew-accordion-item .ew-accordion-body .ew-accordion-body-content {
    width: 80%;
    padding-top: 4px;
    padding-left: 10%; } }
/*Social Buttons
===========================================*/
.ew-social-buttons {
  margin-top: 15px; }

.ew-social-buttons .ew-social-button {
  display: inline-block;
  margin-right: 5px; }

.ew-social-buttons .ew-social-button .ew-social-icon {
  background-color: #caced4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: table;
  color: #fff;
  font-size: 22px;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-social-buttons .ew-social-button .ew-social-icon:before {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.ew-social-buttons .ew-social-button .ew-social-icon:hover {
  opacity: 0.8; }

/*Contact Links
===========================================*/
.ew-contact-links {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px; }

.ew-contact-links .ew-contact-links-numbers {
  width: 100%;
  background-color: #f6f6f5;
  padding: 10px 8px 0 8px; }

.ew-contact-links .ew-contact-links-numbers .contact-link-number {
  float: left;
  width: 100%;
  clear: both; }

.ew-contact-links .ew-contact-links-numbers .contact-link-number .contact-link-number-name {
  color: #4c4c4c;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 11px;
  float: left; }

.ew-contact-links .ew-contact-links-numbers .contact-link-number .contact-link-number-phone {
  color: #97c11f;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 11px;
  float: right; }

.ew-contact-links .ew-you-may-also-want-to {
  text-align: left;
  padding-top: 20px; }

.ew-contact-links .ew-you-may-also-want-to .ew-col-xs-10 {
  padding-top: 0;
  padding-bottom: 2px; }

.ew-contact-links .ew-you-may-also-want-to .ew-col-xs-10 .ew-bold {
  color: #4c4c4c;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  margin-bottom: 4px; }

.ew-contact-links .ew-you-may-also-want-to .ew-col-xs-10 .ew-p-11 {
  margin-bottom: 4px; }

/*Sidebar Banner / Advert
===========================================*/
.ew-sidebar-banner {
  float: left;
  clear: both;
  width: 100%;
  padding: 25px 16px;
  border: 1px solid #caced4;
  margin-top: 25px;
  text-align: left; }

.ew-sidebar-banner .ew-sidebar-banner-header {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 17px;
  color: #4c4c4c;
  margin: 0;
  padding: 0;
  margin-bottom: 48px; }

.ew-sidebar-banner .ew-sidebar-banner-header .ew-sidebar-banner-highlight-text {
  font-size: 22px; }

.ew-sidebar-banner .ew-sidebar-banner-cta {
  width: 100%;
  text-align: center; }

.ew-sidebar-banner .ew-sidebar-banner-cta .ew-standard-blue-button {
  margin-top: 20px;
  min-width: 160px;
  text-align: center; }

/* Warnings
===========================================*/
#ew-wysiwyg .ew-warning, .ew-warning {
  color: #35b5e9;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 22px; }

#ew-wysiwyg .ew-warning .ew-icon, .ew-warning .ew-icon {
  margin-right: 6px;
  font-size: 18px; }

/* Image Grid
===========================================*/
.ew-image-grid {
  margin-bottom: 30px; }

.ew-image-grid .ew-image-grid-item {
  position: relative;
  float: left;
  margin: 20px 20px 0 0;
  max-width: 46.999%; }

.ew-image-grid .ew-image-grid-item .ew-image-grid-heading {
  background: #35b5e9;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 10px 0 10px 10px;
  display: block;
  margin: 0;
  border-radius: 0 0 5px 5px; }

/* tablets */
@media only screen and (min-width: 767px) and (max-width: 991px) {
  .ew-image-grid .ew-image-grid-item {
    margin: 0;
    padding: 6px 3px 0 3px; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 767px) {
  .ew-image-grid {
    margin: 0 -4px 20px -4px; }

  .ew-image-grid .ew-image-grid-item {
    margin: 0;
    padding: 6px 3px 0 3px; }

  .ew-image-grid .ew-image-grid-item .ew-image-grid-heading {
    font-size: 14px;
    margin: 0; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 479px) {
  .ew-image-grid .ew-image-grid-item {
    text-align: left;
    max-width: 100%; }

  .ew-image-grid .ew-image-grid-item .ew-image-grid-heading {
    font-size: 16px;
    line-height: 18px;
    margin-top: 0; } }
/* Custom, iPhone Retina */
@media only screen and (max-width: 380px) {
  .ew-image-grid .ew-image-grid-item .ew-image-grid-heading {
    font-size: 14px;
    line-height: 16px; } }
/* Address Checker
===========================================*/
.ew-address-checker {
  position: absolute;
  top: 60px;
  left: 0;
  padding: 5px 0 0 10px;
  overflow: hidden;
  list-style-position: outside;
  width: 100%;
  background-color: #fff;
  z-index: 999;
  display: none; }

.ew-address-checker .ew-address-checker-item {
  display: block;
  opacity: 1;
  padding: 5px;
  color: #4c4c4c; }

.ew-address-checker .ew-address-checker-item .ew-address-checker-nzpost-logo {
  white-space: nowrap;
  display: block;
  padding: 0px;
  border-style: none;
  height: 24px;
  background: url(https://address.nzpost.co.nz/assets/brought-to-you-by-nzpost.png) 100% 50% no-repeat; }

/** 
 * 
* Page Specific Styles..
*
*/
/* Login Page Styles
===========================================*/
/* Login / Signup Pages Heading Styles
===========================================*/
.ew-login h3 {
  margin: 18px 0 40px 0; }

.ew-login .ew-form-group {
  margin-bottom: 28px; }

.ew-login .checkbox label {
  font-size: 11px; }

.ew-login .ew-password-reset-link {
  text-decoration: underline;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 30px; }

.ew-body .ew-signup-alert {
  background-color: #fff;
  margin: 25px 0;
  padding: 15px;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-body .ew-signup-alert .ew-icon {
  font-size: 26px; }

.ew-body .ew-signup-alert p {
  margin-bottom: 0;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-body .ew-signup-alert p span {
  display: inline-block; }

.ew-body .ew-signup-alert a {
  text-decoration: underline;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-body .ew-signup-alert .ew-signup-alert-text {
  display: table;
  width: 100%;
  min-height: 28px; }

.ew-body .ew-signup-alert .ew-signup-alert-text .ew-signup-alert-center {
  display: table-cell;
  vertical-align: middle; }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .ew-login .ew-password-reset-link {
    display: block;
    margin: 10px 0 0 2px; } }
/* Transaction History Page Styles
===========================================*/
/* Transaction history specific styles..
===========================================*/
.ew-data-sort p {
  display: inline-block;
  vertical-align: top;
  display: inline-block;
  vertical-align: top;
  padding: 8px 6px; }

.ew-data-sort .ew-form-select {
  display: inline-block;
  vertical-align: top; }

/* Signup Page Styles
===========================================*/
.ew-signup-form-container .ew-prevent-access-group {
  display: inline-block;
  margin-right: 5px; }

.ew-signup-form-container .ew-new-user-signup-form .ew-form-group {
  position: relative; }

.ew-signup-form-container .ew-new-user-signup-form .ew-form-group .ew-modal-icon {
  position: absolute;
  top: 31px;
  right: -31px;
  font-size: 18px; }

.ew-signup-form-container .ew-new-user-signup-form .ew-form-group .ew-radio-modal-icon {
  display: inline-block;
  margin-left: 10px;
  font-size: 18px; }

.ew-signup-form-container .ew-new-user-signup-form .ew-form-group .ew-form-control::-webkit-input-placeholder {
  color: #caced4; }

.ew-signup-form-container .ew-new-user-signup-form .ew-form-group .ew-form-control:-moz-placeholder {
  color: #caced4; }

.ew-signup-form-container .ew-new-user-signup-form .ew-form-group .ew-form-control::-moz-placeholder {
  color: #caced4; }

.ew-signup-form-container .ew-new-user-signup-form .ew-form-group .ew-form-control:-ms-input-placeholder {
  color: #caced4; }

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  .ew-signup-form-container .ew-new-user-signup-form .ew-form-group .ew-modal-icon {
    top: 32px;
    right: -25px;
    font-size: 18px; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .ew-signup-form-container .ew-new-user-signup-form .ew-form-group .ew-modal-icon {
    right: 8px;
    top: 2px;
    z-index: 999; } }
/* Search Results Page Styles
===========================================*/
.ew-login-main-heading .ew-search-term {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif; }

/* Search Results Box.
===========================================*/
.ew-search-box {
  background-color: #95c11e;
  float: left;
  padding-top: 35px;
  padding-bottom: 35px;
  height: 98px; }

.ew-search-box .ew-search-text {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #fff;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  padding-top: 6px; }

.ew-search-box .ew-search-results-input {
  background-color: #bfd977;
  color: #fff;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  border: none;
  height: 28px; }

.ew-search-box .search-results-icon {
  cursor: pointer; }

.ew-search-box-title {
  width: 15%;
  text-align: center; }

.ew-search-box-input {
  width: 75%; }

.ew-search-box-action {
  width: 10%;
  text-align: center; }

/* Search Results Count
===========================================*/
.ew-search-results-count {
  padding-top: 45px; }

.ew-search-results-count .ew-p {
  padding-left: 3px; }

/* Search Results 
===========================================*/
.ew-search-result-link, .ew-search-result-more {
  cursor: pointer; }

.ew-search-result-more:after {
  font-family: 'eol';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  margin-left: 5px;
  position: absolute;
  margin-top: -2px; }

.ew-search-results .ew-search-result {
  background-color: #fff;
  padding: 28px; }

.ew-search-results .ew-search-result .ew-search-result-link {
  text-decoration: none;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-bottom: 2px; }

.ew-search-results .ew-search-result .ew-search-result-more {
  text-decoration: none; }

.ew-search-results .ew-search-result-even {
  background-color: #e8e8e6; }

/* Search Results Pagination
===========================================*/
.ew-search-results-pagination .ew-pagination {
  margin: 0; }

.ew-search-results-pagination-bottom {
  margin-top: 25px; }

/* Search Results Responsive Styles..
===========================================*/
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .ew-search-form .ew-search-box-title {
    display: none; }

  .ew-search-form .ew-search-box-input {
    width: 85%;
    padding-left: 10%;
    padding-right: 5%; }

  .ew-search-form .ew-search-box-action {
    width: 15%;
    text-align: left; } }
/* Contact Us Page Styles
===========================================*/
.ew-contact-content .ew-contact-us-hero-image {
  margin-bottom: 30px; }

.ew-contact-content .ew-contact-us-two-col {
  margin-top: 25px; }

.ew-contact-content .ew-contact-us-two-col .ew-h4 {
  margin-top: 0; }

.ew-contact-content .ew-contact-us-two-col .ew-p-12, .ew-contact-content .ew-contact-us-two-col .ew-p, .ew-contact-content .ew-contact-us-two-col .ew-p14, .ew-contact-content .ew-contact-us-two-col .ew-15 {
  margin-bottom: 0; }

.ew-contact-content .ew-contact-us-two-col .ew-contact-numbers {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #95c11e;
  -webkit-font-smoothing: antialiased;
  text-decoration: none !important; }

.ew-contact-content .ew-contact-us-two-col .ew-bold {
  clear: both; }

.ew-contact-content .ew-contact-us-two-col .ew-contact-form .ew-form-label {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 10px;
  line-height: 12px;
  padding-left: 8px; }

.ew-contact-content .ew-contact-us-two-col .ew-contact-form .ew-form-validation-errors {
  padding-left: 8px; }

.ew-contact-content .ew-contact-us-two-col .ew-contact-form .ew-contact-customer-number-message {
  padding-top: 20px; }

.ew-contact-content .ew-contact-us-two-col .ew-contact-form .ew-contact-form-contract-id {
  background-color: #e9eaeb; }

.ew-contact-content .ew-contact-us-two-col .ew-contact-form .ew-form-control {
  font-size: 13px; }

.ew-contact-content .ew-contact-us-two-col .ew-contact-form .ew-form-control::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #777777; }

.ew-contact-content .ew-contact-us-two-col .ew-contact-form .ew-form-control:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777777;
  opacity: 1; }

.ew-contact-content .ew-contact-us-two-col .ew-contact-form .ew-form-control::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777777;
  opacity: 1; }

.ew-contact-content .ew-contact-us-two-col .ew-contact-form .ew-form-control:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #777777; }

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .ew-contact-content .ew-contact-us-two-col .ew-col-xs-1 {
    width: 50px; }

  .ew-contact-content .ew-contact-form .ew-form-control {
    /* WebKit browsers */
    font-size: 12px; } }
@media only screen and (max-width: 480px) {
  .ew-contact-content .ew-contact-us-two-col .ew-contact-form .ew-contact-form-bottom-row {
    width: 100%;
    clear: both; } }
/* Home Page Styles
===========================================*/
.ew-home-content-bg {
  background: url("../images/hero-home-2.jpg") no-repeat top;
  background-size: cover;
  background-color: #262626;
  padding-bottom: 176px;
  padding-top: 188px; }

.ew-home-content-bg .ew-home-main-heading {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 60px;
  line-height: 68px;
  color: #fff;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 500px;
  text-shadow: 0px 2px 10px black; }

.ew-home-content-bg .ew-hero-btn-home {
  background-color: #95c11e;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 27px;
  line-height: 27px;
  color: #fff;
  padding: 24px 88px;
  margin: 36px 0 0 0;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }

.ew-home-content {
  /* Home Banner Row...
  ===========================================*/ }

.ew-home-content .ew-home-banner-row {
  margin-top: -90px; }

.ew-home-content .ew-home-banner-row .ew-circle-offset {
  width: 29.33333333%;
  margin: 0 1%;
  float: left;
  position: relative;
  min-height: 1px; }

.ew-home-content .ew-home-banner-row .ew-circle-first {
  margin-left: 4%; }

.ew-home-content .ew-home-banner-row .ew-circle-right {
  margin-right: 4%; }

.ew-home-content .ew-home-banner-row .ew-home-circle-message {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-image: url("../images/home-banner-bg-2x.png");
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/home-banner-bg-2x.png', sizingMethod='scale'); }

.ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-spacer {
  display: block;
  padding-top: 100%;
  line-height: 0px; }

.ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center {
  display: table;
  width: 100%;
  height: 100%;
  padding: 5%; }

.ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-circle-price {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 70px;
  line-height: 70px;
  color: #fff;
  margin: 0;
  margin-top: 6px;
  font-weight: normal; }

.ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-price-sub-heading {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  line-height: 30px;
  font-weight: normal;
  color: #fff;
  padding: 2px 25px 0 25px;
  margin-bottom: 0; }

.ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-third-banner-circle {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 34px;
  line-height: 40px;
  color: #fff;
  margin-bottom: 0;
  margin-top: 2px; }

.ew-home-content .ew-home-page-login-and-pay-your-bill {
  margin-top: 130px; }

/* Home Page Bottom Text Styles..
===========================================*/
.ew-home-bottom-row {
  margin-top: 10px; }

.ew-home-bottom-row .ew-h2, .ew-home-bottom-row h2 {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 30px;
  line-height: 40px;
  color: #95c11e;
  margin-top: 40px; }

.ew-home-bottom-row .ew-p, .ew-home-bottom-row p {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  line-height: 22px; }

/* Home  Page Responsive Styles..
===========================================*/
/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-circle-price {
    font-size: 55px;
    line-height: 55px; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-price-sub-heading {
    font-size: 18px;
    line-height: 22px; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-third-banner-circle {
    font-size: 28px;
    line-height: 30px; } }
@media only screen and (max-width: 767px) {
  .ew-home-content-bg {
    background-position: center 188px;
    padding-bottom: 100px; }

  .ew-home-content-bg .ew-home-main-heading {
    font-size: 40px;
    line-height: 40px;
    max-width: 380px;
    width: 380px;
    text-align: center;
    margin: 44px auto; }

  .ew-home-content-bg .ew-hero-btn-home {
    font-size: 24px;
    line-height: 24px;
    padding: 15px 90px;
    display: block;
    margin: 35px auto; }

  .mm-slideout {
    top: 0;
    z-index: 0; }

  .ew-home-content .ew-home-banner-row .ew-circle-offset {
    width: 33.33333333%;
    margin: 0;
    float: left;
    position: relative;
    min-height: 1px; }

  .ew-home-content .ew-home-banner-row .ew-circle-first {
    margin-left: 0; }

  .ew-home-content .ew-home-banner-row .ew-circle-right {
    margin-right: 0; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-circle-price {
    font-size: 40px;
    line-height: 40px; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-price-sub-heading {
    font-size: 16px;
    line-height: 20px; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-third-banner-circle {
    font-size: 22px;
    line-height: 26px; }

  .ew-home-content .ew-home-page-login-and-pay-your-bill {
    padding-left: 0;
    padding-right: 0; } }
@media only screen and (max-width: 530px) {
  .ew-home-content-bg {
    padding-bottom: 58px; }

  .ew-home-content .ew-home-banner-row {
    margin-top: -50px; }

  .ew-home-content .ew-home-banner-row {
    margin-left: -15px;
    margin-right: -15px; }

  .ew-home-content .ew-home-banner-row .ew-col-xs-4 {
    padding-right: 0;
    padding-left: 0; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-circle-price {
    font-size: 30px;
    line-height: 30px; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-price-sub-heading {
    font-size: 13px;
    line-height: 17px; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-third-banner-circle {
    font-size: 18px;
    line-height: 22px; } }
@media only screen and (max-width: 440px) {
  .ew-home-content-bg .ew-home-main-heading {
    font-size: 38px;
    line-height: 36px;
    max-width: 328px; }

  .ew-home-content .ew-home-banner-row {
    margin-left: -15px;
    margin-right: -15px; }

  .ew-home-content .ew-home-banner-row .ew-col-xs-4 {
    padding-right: 0;
    padding-left: 0; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-circle-price {
    font-size: 26px;
    line-height: 26px; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-price-sub-heading {
    font-size: 12px;
    line-height: 15px; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-third-banner-circle {
    font-size: 16px;
    line-height: 20px; }

  .ew-home-page-login-and-pay-your-bill {
    margin-top: 60px; } }
@media only screen and (max-width: 370px) {
  .ew-home-content-bg .ew-home-main-heading {
    font-size: 32px;
    line-height: 32px;
    max-width: 280px; }

  .ew-home-content-bg .ew-hero-btn-home {
    font-size: 18px;
    line-height: 14px;
    padding: 16px 64px; }

  .ew-home-content .ew-home-banner-row {
    margin-left: -15px;
    margin-right: -15px; }

  .ew-home-content .ew-home-banner-row .ew-col-xs-4 {
    padding-right: 0;
    padding-left: 0; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-circle-price {
    font-size: 18px;
    line-height: 18px; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-circle-price .ew-home-superscript {
    top: -4px; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-home-price-sub-heading {
    font-size: 9px;
    line-height: 11px; }

  .ew-home-content .ew-home-banner-row .ew-home-circle-message .ew-home-circle-message-content .ew-home-circle-message-center .ew-home-circle-message-center-content .ew-third-banner-circle {
    font-size: 14px;
    line-height: 16px; }

  .ew-home-content .ew-home-page-login-and-pay-your-bill {
    margin-top: 60px; }

  .ew-home-content .ew-home-page-login-and-pay-your-bill .ew-login-cta .ew-login-cta-pay-your-bill {
    font-size: 12px; }

  .ew-home-content .ew-home-page-login-and-pay-your-bill .ew-login-cta .ew-login-cta-login {
    font-size: 12px; } }
/* Pay My Bill Page Styles
===========================================*/
.ew-payment-types-icons {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 10px;
  position: relative;
  margin-bottom: 0; }

.ew-payment-types-icons .ew-payment-types-icon {
  margin: 0;
  padding: 8px 8px 18px 8px;
  width: 50%;
  height: 90px;
  float: left;
  position: relative;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #a4a4a4;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-payment-types-icons .ew-payment-types-icon a {
  color: #a4a4a4;
  text-decoration: none; }

.ew-payment-types-icons .ew-payment-types-icon a .ew-icon {
  display: block;
  font-size: 40px;
  margin-bottom: 5px;
  color: #a4a4a4; }

.ew-payment-types-icons .ew-payment-types-icon a .ew-payment-types-icon-active-marker {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e1e3e5;
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px; }

.ew-payment-types-icons .ew-payment-types-icon a .ew-payment-types-icon-active-marker .ew-payment-types-icon-active-marker-inner {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #eeeeec;
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin-left: -10px; }

.ew-payment-types-icons .ew-payment-types-icon-active {
  background-color: #eeeeec; }

.ew-payment-types-icons .ew-payment-types-icon-active {
  color: #35b5e9;
  background: #eeeeec;
  /* Old browsers */
  background: -moz-linear-gradient(top, whitesmoke 0%, #eeeeec 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, whitesmoke), color-stop(100%, #eeeeec));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, whitesmoke 0%, #eeeeec 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, whitesmoke 0%, #eeeeec 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, whitesmoke 0%, #eeeeec 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 0%, #eeeeec 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeec',GradientType=0 );
  /* IE6-9 */ }

.ew-payment-types-icons .ew-payment-types-icon-active a {
  color: #35b5e9;
  text-decoration: none; }

.ew-payment-types-icons .ew-payment-types-icon-active a .ew-icon {
  color: #35b5e9; }

.ew-body .ew-bill-information .ew-current-balance-title .ew-h3 {
  font-family: 'ITCAvantGardeStd-BK', Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-size: 16px;
  line-height: 18px; }

.ew-body .ew-payment-options-form .ew-payment-options {
  width: 55%;
  float: right;
  clear: both;
  margin: 25px 0; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-payment-options-group {
  margin-bottom: 15px; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-payment-options-group .ew-pay-my-bill-input-group {
  float: left; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-radio-circle {
  width: 18px;
  height: 18px;
  margin-top: 2px; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-radio-circle .ew-radio-checked {
  width: 4px;
  height: 4px; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-radio-inline-label {
  color: #caced4; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-select-label {
  float: right;
  padding-right: 24px;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-size: 16px;
  color: #caced4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 48px;
  vertical-align: top;
  padding-top: 5px; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-other-input {
  float: right;
  padding-right: 0;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-size: 16px;
  color: #4c4c4c;
  margin-left: 36px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  margin-top: -4px;
  max-width: 160px; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-other-input .form-validator-stack {
  padding-left: 20px; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-other-input .ew-currency-value {
  margin-top: 2px; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-other-input .ew-other-amount {
  max-width: 116px;
  font-size: 12px;
  display: inline-block; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-radio-checked-on {
  color: #95c11e; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-radio-checked-on .ew-radio-inline-label {
  color: #95c11e; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-radio-checked-on .ew-total-amount-select-label {
  color: #95c11e; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-radio-checked-on .ew-radio-circle {
  border-color: #95c11e; }

.ew-body .ew-payment-options-form .ew-payment-options .ew-radio-checked-on .ew-radio-circle .ew-radio-checked {
  background: #95c11e; }

/* Pay My Bill Success
===========================================*/
.ew-payment-recieved {
  width: 100%;
  background-color: #fff;
  padding: 30px 15px;
  text-align: center;
  margin-top: 30px; }

.ew-payment-recieved .ew-h2 {
  font-size: 22px;
  line-height: 26px;
  margin: 0;
  padding: 0; }

.ew-body .ew-payment-recieved-home-link {
  font-size: 11px;
  margin-top: 15px;
  margin-bottom: 60px; }

.ew-payment-recieved-two-col {
  background-color: #e9eaeb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px; }

.ew-payment-recieved-two-col .ew-payment-recieved-section {
  float: left;
  width: 49.5%;
  padding: 30px; }

.ew-payment-recieved-two-col .ew-payment-recieved-section .ew-h3 {
  font-size: 16px;
  line-height: 21px;
  padding: 0;
  margin: 0; }

.ew-payment-recieved-two-col .ew-payment-recieved-section .ew-icon {
  color: #35b5e9;
  font-size: 28px;
  vertical-align: top; }

.ew-payment-recieved-two-col .ew-payment-recieved-section .ew-standard-blue-button {
  width: 100%;
  margin-top: 10px; }

.ew-payment-recieved-two-col .ew-payment-recieved-section:first-child {
  border-right: 1px solid #fff; }

.ew-payment-recieved-two-col .ew-payment-recieved-icon-text {
  margin-top: 16px; }

.ew-payment-recieved-two-col .ew-payment-recieved-icon-text .ew-icon {
  display: inline-block;
  width: 23%;
  font-size: 42px;
  vertical-align: top; }

.ew-payment-recieved-two-col .ew-payment-recieved-icon-text .ew-p {
  display: inline-block;
  width: 72%;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  color: #8c8c8c; }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .ew-body .ew-payment-options-form .ew-payment-options {
    width: 60%; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .ew-body .ew-payment-options-form .ew-payment-options {
    width: 100%;
    text-align: right; }

  .ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-select-label {
    margin-left: 72px;
    padding-right: 15px; }

  .ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-other-input {
    padding-right: 0;
    margin-left: 25px; }

  .ew-payment-options-form .ew-pay-my-bill-pay-now .ew-form-submit-button-lrg {
    margin-right: 10px; }

  .ew-payment-recieved-two-col .ew-payment-recieved-icon-text {
    text-align: center; }

  .ew-payment-recieved-two-col .ew-payment-recieved-icon-text .ew-icon {
    display: inline-block;
    width: 100%;
    font-size: 42px;
    vertical-align: top; }

  .ew-payment-recieved-two-col .ew-payment-recieved-icon-text .ew-p {
    display: inline-block;
    width: 100%;
    font-size: 11px;
    line-height: 16px;
    font-weight: normal;
    color: #8c8c8c; }

  .ew-payment-recieved-two-col .ew-payment-recieved-section .ew-btn {
    font-size: 12px; } }
/* Two Col Fix */
@media only screen and (max-width: 767px) {
  .ew-payment-recieved-two-col .ew-payment-recieved-section:first-child {
    border-bottom: 1px solid #fff; }

  .ew-payment-recieved-two-col .ew-payment-recieved-section {
    float: left;
    width: 100%;
    padding: 30px; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .ew-payment-types-icons .ew-payment-types-icon {
    font-size: 9px;
    line-height: 12px;
    padding-top: 0; }

  .ew-payment-types-icons .ew-payment-types-icon .ew-icon {
    font-size: 34px; }

  .ew-body .ew-payment-options-form .ew-payment-options {
    width: 100%; }

  .ew-body .ew-payment-options-form .ew-payment-options .ew-radio-inline-label {
    font-size: 12px; }

  .ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-other-input {
    margin-left: 15px; }

  .ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-select-label {
    margin-left: 64px; }

  .ew-payment-types-icons .ew-payment-types-icon {
    height: 77px; } }
/* SUPER Small Devices, Phones */
@media only screen and (max-width: 370px) {
  .ew-body .ew-main-heading {
    font-size: 20px;
    line-height: 20px; }

  .ew-body .ew-payment-options-form .ew-payment-options .ew-radio-inline-label {
    font-size: 9px; }

  .ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-select-label {
    margin-left: 21px; }

  .ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-other-input {
    margin-left: 10px; }

  .ew-body .ew-my-account-sub-heading {
    font-size: 10px; }

  .ew-body .ew-payment-options-form .ew-payment-options .ew-total-amount-other-input .ew-other-amount {
    max-width: 108px; } }
/* About Us Page Styles
===========================================*/
.ew-about-us-content .ew-about-us-text-content a {
  text-decoration: underline; }

/* Error Page Styles
===========================================*/
.ew-error {
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
  margin: 0 auto;
  width: 90%; }

.ew-error .ew-error-icon {
  color: #e8e8e6; }

.ew-error .ew-error-icon:before {
  font-size: 145px;
  line-height: 140px; }

.ew-error .ew-error-name .ew-h2 {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 26px;
  line-height: 32px;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-error .ew-error-sub-text .ew-p {
  font-size: 19px;
  line-height: 24px; }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .ew-error {
    text-align: center;
    padding: 0; } }
/* News Page Styles
===========================================*/
.ew-news-posts .ew-news-post {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #eaebec; }

.ew-news-posts .ew-news-post .ew-news-post-date {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  color: #a3a3a3;
  margin-bottom: 0; }

.ew-news-posts .ew-news-post .ew-news-post-heading {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0; }

.ew-news-posts .ew-news-post .ew-p {
  margin-bottom: 15px; }

.ew-news-posts .ew-news-post .ew-news-post-read-more .ew-btn-news-read-more {
  background-color: #35b5e9;
  padding: 4px 20px;
  color: #fff;
  border: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }

.ew-news-posts .ew-news-post .ew-news-post-read-more .ew-btn-news-read-more:hover {
  background-color: #5dc4ed !important; }

.ew-news-posts .ew-news-post .ew-news-post-thumb {
  float: left;
  margin-right: 15px; }

.ew-news-posts .ew-news-post:first-child {
  margin-top: 0; }

.ew-news-single-post .ew-news-post {
  margin-top: 0;
  padding-bottom: 0;
  border-bottom: none;
  position: relative; }

.ew-news-single-post .ew-news-post .ew-news-single-post-back {
  float: right;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #35b5e9;
  margin-top: 16px;
  text-decoration: underline;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out; }

.ew-news-single-post .ew-news-post .ew-news-single-post-back .ew-icon {
  top: 1px;
  position: relative;
  display: inline-block; }

.ew-news-single-post .ew-news-post .ew-news-post-date {
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  color: #a3a3a3;
  margin-bottom: 0; }

.ew-news-single-post .ew-news-post .ew-news-post-heading {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  color: #4c4c4c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0; }

.ew-news-single-post .ew-news-post .ew-p, .ew-news-single-post .ew-news-post img {
  margin-bottom: 15px; }

.ew-news-single-post .ew-news-post .ew-news-single-post-back:hover {
  color: #95c11e; }

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .ew-news-single-post-back {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -40px; } }
/* My Sites Page Styles
===========================================*/
.ew-site {
  margin-bottom: 20px; }

.ew-site .ew-results-table .ew-add-meter-reading-input {
  display: none;
  max-width: 122px;
  border-color: #95c11e;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #95c11e; }

.ew-site .ew-results-table .ew-add-meter-reading-cta {
  color: #35b5e9;
  text-decoration: underline;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  cursor: pointer;
  -webkit-transition: color 300ms ease-out;
  -moz-transition: color 300ms ease-out;
  -o-transition: color 300ms ease-out;
  transition: color 300ms ease-out; }

.ew-site .ew-results-table .ew-add-meter-reading-cta:hover, .ew-site .ew-results-table .ew-add-meter-reading-cta:focus, .ew-site .ew-results-table .ew-add-meter-reading-cta:active {
  color: #95c11e; }

.ew-site .ew-table-action-buttons {
  display: none; }

.ew-site .ew-last-read-date-sm {
  display: none; }

.ew-site .ew-type-sm {
  display: none; }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .ew-site .ew-results-table-row .ew-results-table-cell:first-child {
    width: 15.5%;
    vertical-align: top; }

  .ew-site .ew-results-table-row .ew-results-table-cell {
    width: 11.5%;
    vertical-align: top; }

  .ew-site .ew-results-table-row .ew-last-read-date-header, .ew-site .ew-results-table-row .ew-last-read-date {
    display: none; }

  .ew-site .ew-results-table-row .ew-last-read-date-sm {
    display: block;
    font-size: 11px; }

  .ew-site .ew-results-table-row .ew-last-read {
    width: 25%;
    text-align: left; }

  .ew-site .ew-results-table-row .ew-add-meter-reading {
    width: 28%; }

  .ew-site .ew-results-table .ew-add-meter-reading-input {
    font-size: 13px; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .ew-site .ew-results-table-row .ew-results-table-cell {
    font-size: 12px; }

  .ew-site .ew-results-table-row .ew-last-read-date-sm {
    font-size: 9px; }

  .ew-site .ew-results-table-row .ew-type-md {
    display: none; }

  .ew-site .ew-results-table-row .ew-type-sm {
    display: block; }

  .ew-site .ew-results-table-row .ew-results-table-cell:first-child {
    width: 22.5%; }

  .ew-site .ew-results-table-row .ew-results-table-cell {
    width: 10%; }

  .ew-site .ew-results-table-row .ew-last-read {
    width: 45%;
    float: right;
    clear: both;
    padding-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left; }

  .ew-site .ew-results-table-row .ew-add-meter-reading {
    width: 45%;
    float: right;
    clear: both;
    padding-top: 0;
    padding-bottom: 15px;
    text-align: left;
    padding-left: 0; }

  .ew-site .ew-results-table-row .ew-last-read-header {
    text-align: left;
    padding-left: 10%;
    width: 28%; } }
/* Billing Details Page Styles
===========================================*/
.ew-delivery-methods {
  margin-bottom: 32px; }

.ew-delivery-method {
  background-color: #e8e8e6;
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding: 15px;
  height: 232px;
  text-align: center;
  position: relative; }

.ew-delivery-method .ew-billing-delivery-method-title {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  font-size: 16px;
  width: 100%;
  color: #4c4c4c;
  margin-bottom: 30px; }

.ew-delivery-method .ew-delivery-method-cta {
  position: absolute;
  text-align: center;
  bottom: 18px;
  left: 0;
  width: 100%; }

.ew-delivery-method .ew-delivery-method-cta .ew-billing-delivery-method-btn {
  background-color: #35b5e9;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 6px 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 100%;
  min-width: 124px;
  outline: 0; }

.ew-delivery-method .ew-delivery-method-cta .ew-billing-delivery-method-btn:hover {
  background-color: #95d5ef !important; }

.ew-delivery-method:before {
  display: block;
  margin: 0 auto;
  font-size: 60px;
  line-height: 45px;
  text-align: center;
  color: #c3c3c3;
  padding-bottom: 8px; }

.ew-billing-details-results-table {
  position: relative; }

.ew-billing-details-results-table .ew-results-table-row .ew-results-table-cell:first-child {
  width: 40%; }

.ew-delivery-method-post {
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.ew-delivery-method-email {
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.ew-delivery-current {
  background-color: #8ed8f6; }

.ew-delivery-current .ew-p, .ew-delivery-current .ew-p-11 {
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ew-delivery-current .ew-billing-delivery-method-title {
  color: #35b5e9; }

.ew-delivery-current .ew-billing-delivery-method-title .ew-icon:before {
  color: #35b5e9; }

.ew-delivery-current .ew-delivery-method-cta .ew-billing-delivery-method-btn {
  background-color: #95c11e; }

.ew-delivery-current .ew-delivery-method-cta .ew-billing-delivery-method-btn:hover {
  background-color: #abcd4c !important; }

.ew-delivery-current:before {
  color: #35b5e9; }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .ew-billing-details-results-table .ew-results-table-row .ew-results-table-cell {
    width: 40%; }

  .ew-results-table-icon .ew-icon:before {
    right: 15px; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .ew-billing-details-results-table .ew-results-table-row .ew-results-table-cell:first-child {
    width: 50%; }

  .ew-delivery-method .ew-delivery-method-cta .ew-billing-delivery-method-btn {
    min-width: 112px;
    padding: 5px 10px; } }
/* Account Balance
===========================================*/
.ew-account-balance {
  float: left;
  position: relative;
  z-index: 50; }

.ew-account-balance .ew-current-account-balance {
  display: table;
  width: 232px;
  height: 232px;
  overflow: hidden;
  background-image: url("../images/account-balance.png");
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/account-balance.png', sizingMethod='scale');
  text-align: center; }

.ew-account-balance .ew-current-account-balance .ew-current-account-balance-details {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.ew-account-balance .ew-current-account-balance .ew-current-account-balance-details .ew-current-account-balance-header {
  color: #fff;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 8px; }

.ew-account-balance .ew-current-account-balance .ew-current-account-balance-details .ew-current-account-balance-amount {
  color: #fff;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 62px;
  line-height: 64px;
  font-weight: normal;
  margin-bottom: 0; }

.ew-account-balance .ew-current-account-balance .ew-current-account-balance-details .ew-current-account-balance-details-subtext {
  color: #fff;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 13px;
  font-weight: normal;
  margin-bottom: 0; }

.ew-current-amounts {
  float: left;
  width: 428px;
  margin-left: -45px;
  border-top: 6px solid #95c11e;
  border-bottom: 6px solid #95c11e;
  margin-top: 42px;
  background-color: #fff; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-total-amount-due {
  padding-left: 50px; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-total-amount-due .ew-current-amounts-total-amount {
  float: left;
  padding: 10px;
  margin: 0; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-total-amount-due .ew-current-amounts-price {
  float: right;
  padding: 10px;
  margin: 0; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-total-amount-due .ew-current-amounts-total-amount-due-item {
  float: left;
  clear: both;
  width: 100%; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-total-amount-due .ew-current-amounts-total-amount-due-item .ew-current-amounts-total-amount, .ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-total-amount-due .ew-current-amounts-total-amount-due-item .ew-current-amounts-price {
  padding: 3px 10px; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-your-months-saving {
  background-color: #35b5e9;
  padding-left: 50px;
  display: table; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-your-months-saving .ew-current-amounts-your-months-saving-description {
  padding: 10px;
  margin: 0;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  line-height: 14px;
  color: #fff;
  width: 60%;
  display: table-cell;
  text-align: left;
  vertical-align: middle; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-your-months-saving .ew-current-amounts-your-months-saving-description .ew-current-amounts-your-months-saving-description-sub-text {
  font-size: 11px;
  font-family: 'ITCAvantGardeStd-Bk', Helvetica, Arial, "Lucida Grande", sans-serif; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-your-months-saving .ew-current-amounts-your-months-saving-description p {
  margin-bottom: 0; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-your-months-saving .ew-current-amounts-your-months-saving-amount {
  color: #fff;
  padding: 10px;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 18px; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-your-months-saving .ew-current-amounts-your-months-saving-amount p {
  margin-bottom: 0; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-discounted-amount-due {
  padding-left: 50px; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-discounted-amount-due .ew-current-amounts-discounted-amount {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  color: #4c4c4c;
  float: left;
  padding: 10px;
  margin: 0; }

.ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-discounted-amount-due .ew-current-amounts-discounted-price {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  color: #4c4c4c;
  float: right;
  padding: 10px;
  margin: 0; }

.ew-overview-account {
  margin-left: 8px;
  margin-bottom: 30px; }

.ew-overview-account p, .ew-overview-account .ew-p {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  font-size: 22px !important;
  line-height: 24px !important;
  color: #4c4c4c; }

.ew-current-amounts-buttons {
  width: 385px;
  float: right;
  clear: both;
  padding-left: 15px; }

.ew-current-amounts-buttons .ew-btn {
  min-width: 180px;
  padding: 8px 15px; }

.ew-current-amounts-buttons .ew-pay-today-using {
  margin: 0 0 10px 8px; }

.ew-current-amounts-buttons .ew-current-amounts-buttons-view .ew-standard-grey-button {
  padding: 5px 15px; }

.ew-current-amounts-buttons .ew-standard-green-button, .ew-current-amounts-buttons .ew-standard-red-button {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px; }

.ew-view-invoice-buttons {
  margin-top: 30px; }

.ew-current-amounts-sidebar {
  background-color: #fff;
  margin-top: 10px;
  padding: 15px;
  text-align: center;
  width: 100%;
  max-width: 280px; }

.ew-current-amounts-sidebar .ew-p-14 {
  margin-bottom: 0; }

.ew-current-amounts-sidebar .ew-sidebar-customer-number {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 28px;
  color: #4c4c4c; }

/* Fixes for Account Balance Amount To Handle Greater Numbers*/
.ew-current-account-balance-amount-thousands {
  font-size: 52px !important;
  line-height: 56px !important; }

.ew-current-account-balance-amount-tens-of-thousands {
  font-size: 46px !important;
  line-height: 50px !important; }

/* Account Balance Overdue Styles */
.ew-current-amounts-overdue {
  background-color: #f5f6f5;
  border-top: 6px solid #e74c3c;
  border-bottom: 6px solid #e74c3c;
  height: 80px;
  margin-top: 76px; }

.ew-current-amounts-overdue .ew-current-amounts-stats .ew-current-amounts-total-amount-due .ew-p {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  color: #e74c3c;
  padding: 26px 10px; }

.ew-account-balance-overdue .ew-current-account-balance {
  background-image: url("../images/account-balance-overdue.png"); }

.ew-account-balance-overdue .ew-current-account-balance .ew-current-account-balance-details .ew-current-account-balance-header {
  color: #e74c3c;
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif; }

.ew-account-balance-overdue .ew-current-account-balance .ew-current-account-balance-details .ew-current-account-balance-amount {
  color: #4c4c4c; }

/* End Account Balance Overdue Styles */
/* Account Balance Old New */
.ew-overdue-text {
  color: #e74c3c !important; }

.ew-current-amounts-overdue-old-new {
  background-color: #f5f6f5;
  border-top: 6px solid #e74c3c;
  border-bottom: 6px solid #e74c3c;
  width: 432px;
  margin-top: 28px;
  margin-left: -50px; }

.ew-current-amounts-overdue-old-new .ew-current-amounts-total-amount-due {
  padding-top: 3px;
  padding-bottom: 3px; }

.ew-current-amounts-overdue-old-new .ew-current-amounts-stats .ew-current-amounts-total-amount-due .ew-current-amounts-total-amount-due-item .ew-current-amounts-price {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif; }

/* End Account Balance Overdue Old new*/
/* Account Balance New User */
.ew-current-amounts-new-user {
  margin-top: 72px; }

.ew-current-amounts-new-user .ew-current-amounts-total-amount-due {
  padding-top: 18px;
  padding-bottom: 18px; }

.ew-current-amounts-new-user .ew-current-amounts-total-amount-due .ew-current-amounts-total-amount, .ew-current-amounts-new-user .ew-current-amounts-total-amount-due .ew-current-amounts-price {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 15px; }

/* End Account Balance New User */
/* Account Balance Credit */
.ew-superscript-credit {
  position: relative;
  font-size: 30%;
  top: -15px;
  display: inline-block; }

/* End Account Balance Credit */
/* Small Devices, Tablets */
@media only screen and (max-width: 991px) {
  .ew-current-amounts {
    width: 528px; }

  .ew-current-amounts-sidebar {
    max-width: none; }

  .ew-current-amounts-sidebar .ew-sidebar-banner {
    display: none; }

  .ew-current-amounts-buttons {
    margin-bottom: 20px;
    width: 100%; }

  .ew-view-invoice-buttons {
    margin-top: 10px; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .ew-current-amounts {
    width: 100%;
    margin-left: 0;
    margin-top: 15px; }

  .ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-your-months-saving {
    width: 100%; }

  .ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-total-amount-due, .ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-your-months-saving, .ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-discounted-amount-due {
    padding-left: 15px;
    padding-right: 15px; }

  .ew-current-amounts-buttons {
    width: 100%;
    float: right;
    clear: both;
    padding-left: 0;
    text-align: center;
    margin-top: 25px;
    position: relative; }

  .ew-view-invoice-buttons {
    margin-top: 15px; }

  .ew-current-amounts-buttons-view {
    margin-bottom: 10px;
    text-align: center; }

  .ew-current-amounts-buttons-pay {
    text-align: center; }

  .ew-account-balance-details {
    text-align: center; }

  .ew-account-balance-details .ew-account-balance {
    position: relative;
    display: inline-block;
    float: none; }

  .ew-account-balance-details .ew-account-balance:after {
    content: ' ';
    position: absolute;
    width: 6px;
    height: 30px;
    bottom: -24px;
    left: 50%;
    margin-left: -3px;
    background-color: #95c11e; }

  .ew-account-balance-details .ew-account-balance-overdue:after {
    background-color: #e74c3c; }

  .ew-overview-account {
    margin-bottom: 0; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .ew-current-amounts-buttons .ew-btn {
    min-width: 0;
    width: 48%;
    padding: 8px 15px; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 360px) {
  .ew-current-amounts-buttons .ew-standard-grey-button {
    font-size: 11px; }

  .ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-discounted-amount-due .ew-current-amounts-discounted-amount {
    font-size: 11px; }

  .ew-current-amounts .ew-current-amounts-stats .ew-current-amounts-discounted-amount-due .ew-current-amounts-discounted-price {
    font-size: 14px; } }
/* For Home
===========================================*/
/* For Home  Pricing Plans Electricity...
===========================================*/
.ew-pricing-and-plans-show-me .ew-form-select {
  width: 30%;
  display: inline-block;
  background-color: transparent;
  vertical-align: top;
  padding: 0; }

.ew-pricing-and-plans-show-me .ew-form-select .ew-arrow {
  z-index: 5;
  top: 15px;
  right: 15px; }

.ew-pricing-and-plans-show-me .ew-pricing-and-plans-for {
  display: inline-block;
  vertical-align: top;
  padding: 6px 20px; }

.ew-pricing-and-plans-show-me .ew-button-pricing-and-plans {
  font-family: 'ITCAvantGardeStd-Demi', Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  background-color: #95c11e;
  color: #fff;
  border: none;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  padding: 7px 60px;
  max-width: 100%;
  margin-left: 20px; }

.ew-four-circles {
  margin: 15px 0; }

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
  .ew-pricing-and-plans-show-me .ew-form-select {
    width: 26%; } }
/* Medium Devices, Desktops */
@media only screen and (max-width: 767px) {
  .ew-pricing-and-plans-show-me .ew-form-select {
    display: block;
    width: 100%; }

  .ew-pricing-and-plans-show-me .ew-button-pricing-and-plans {
    margin-left: 0;
    margin-top: 20px;
    padding: 5px 74px; }

  .ew-pricing-and-plans-show-me .ew-pricing-and-plans-for {
    padding: 6px 4px; } }
/* Register
===========================================*/
.ew-customer-account-select-group {
  margin-bottom: 22px; }

.ew-customer-account-select-group .ew-radio .ew-radio-inline {
  margin-bottom: 10px; }

.ew-customer-account-select-group .ew-radio .ew-radio-inline .ew-radio-inline-label {
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
  padding-left: 10px; }

/* Alloy UI / Liferay Overides..
===========================================*/
/* AUI Overrides
===========================================*/
#ew-body ul, #ew-body ol {
  padding: 0;
  margin: 0; }

#ew-body select::-ms-expand {
  display: none; }

#ew-body .ew-form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

#ew-body .ew-form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

#ew-body .ew-form-control:-moz-placeholder {
  color: #999; }

#ew-body .ew-form-control::-moz-placeholder {
  color: #999;
  opacity: 1; }

#ew-body .ew-form-control:-ms-input-placeholder {
  color: #999; }

#ew-body .ew-form-control::-webkit-input-placeholder {
  color: #999; }

#ew-body .ew-form-control[disabled],
#ew-body .ew-form-control[readonly],
#ew-body fieldset[disabled] .ew-form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1; }

#ew-body textarea.ew-form-control {
  height: auto; }

#ew-body input[type="date"] {
  line-height: 34px; }

#ew-body label {
  display: inline-block; }

/* IE10-specific */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #ew-body .ew-form-control {
    line-height: 14px; } }