body {
  font-family: 'Open Sans',sans-serif;
  color: #333;
  font-size: 14px
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 700
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700
}

p {
  margin-bottom: 20px;
  padding-top: 10px
}

a {
  color: #006bb7;
  font-weight: 700;
  text-decoration: none
}

a:hover {
  text-decoration: underline
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 30px
}

img {
  max-width: 100%
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: 400
}

.main-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 65vh;
  padding-left: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.main-content.wslider {
  position: relative
}

.footer {
  display: flex;
  min-height: 30vh;
  padding-right: 20px;
  padding-left: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #526273;
  background-position: 0 0,0 0;
  background-size: auto,cover;
  color: #fff;
  font-size: 14px
}

.menu {
  display: flex;
  width: 100%;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #006bb7;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase
}

.header {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0;
  padding: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ddd;
  background-color: #fff
}

.biller-logo {
  max-height: 80px;
  max-width: 200px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.biller-logo.hoem {
  display: none
}

.biller-logo.scroll {
  width: 100px;
  margin-left: 75px
}

.header-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #09c
}

.header-menu.mob {
  display: none
}

.header-menu.mobb {
  display: none
}

.header-menu._123 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto
}

.home-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.header-menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border: 2px solid #fff;
  border-radius: 2px;
  text-decoration: none
}

.header-menu-item:hover {
  border-bottom-color: #006bb7;
  text-decoration: none
}

.header-menu-item.w--current {
  border-bottom-color: #f57b28
}

.header-menu-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  color: #006bb7;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 400
}

.content-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.content-container.page {
  min-height: 45px;
  margin-top: 25px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #006bb7
}

.content-container.foot {
  padding-top: 25px;
  padding-bottom: 25px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #677a8f
}

.content-container.copy {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.content-container.billl-read {
  padding-top: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px
}

.content-container.head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.content-container.full-left {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.content-container.cards {
  padding-left: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto
}

.content-container.cards._50 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 47%;
  padding-right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.content-container.cards._50.ri {
  margin-left: 20px
}

.content-container.list {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.content-container.news {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.content-container.cards-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around
}

.content-container.see-all {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #00538e
}

.content-container.grid {
  display: -ms-grid;
  display: grid;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto
}

.content-container.widgets {
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.content-container.with-select {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.content-container.article {
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 800px;
  min-height: 500px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #fff
}

.content-container.stack {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.content-container.mid {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.content-container.eror {
  max-width: 800px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.content-container.vert {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.content-container.widget---delete {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto
}

.content-container.widgets {
  padding-right: 0;
  padding-left: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-auto-columns: 1fr
}

.content-container.widgets._50 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 47%;
  padding-right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.content-container.widgets._50.ri {
  margin-left: 20px
}

.content-container.widget-block {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.content-container.widget-block.expand {
  background-color: #aaa
}

.customer-types {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  height: 50px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto
}

.customer-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  color: #fff;
  font-weight: 400;
  text-decoration: none
}

.customer-type:hover {
  border-top-color: hsla(0,0%,100%,.6);
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  text-decoration: none
}

.customer-type.w--current {
  border-top-color: #fff;
  border-bottom-color: transparent;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.qlink-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  padding-left: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer
}

.qlink-item:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  text-decoration: none
}

.page-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 20px 20px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.page-block.title {
  padding-top: 0;
  padding-bottom: 0
}

.page-block.summ {
  padding-top: 20px;
  padding-bottom: 20px
}

.page-block.error {
  height: 100vh
}

.page-block-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  height: auto;
  min-height: 250px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #ddd;
  color: #526273;
  font-weight: 300;
  text-decoration: none
}

.page-block-item:hover {
  border-color: #333;
  text-decoration: none
}

.page-block-item.quick-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 23%;
  min-height: 125px;
  margin: 0 20px 40px 0;
  padding: 20px 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: none;
  border-radius: 4px;
  background-color: #00538e;
  color: #fff;
  text-align: center
}

.page-block-item.quick-link:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.3))
}

.page-block-item.quick-link:active {
  position: relative;
  right: -1px;
  bottom: -1px
}

.page-block-item.news {
  position: relative;
  width: auto;
  min-height: 400px;
  padding-bottom: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-style: solid;
  border-radius: 6px;
  color: #333;
  font-weight: 400
}

.page-block-item.news:hover {
  border-color: #999
}

.page-block-item.news._1 {
  padding-top: 10px;
  background-image: url(../images/iStock-902803740-1.jpg);
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat
}

.page-block-item.business {
  overflow: hidden;
  width: 100%;
  min-height: 200px;
  margin-bottom: 15px;
  padding-bottom: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: #306024;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2))),url(../images/link-grid2.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),url(../images/link-grid2.jpg);
  background-position: 0 0,50% 50%;
  background-size: auto,cover;
  color: #fff;
  font-size: 2.5em;
  line-height: 1.5em
}

.page-block-item.business:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.4))),url(../images/link-grid2.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../images/link-grid2.jpg);
  background-position: 0 0,50% 50%;
  background-size: auto,cover
}

.page-block-item.full {
  width: auto;
  height: 150px;
  min-height: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 4px
}

.page-block-item.full.last {
  width: 100%;
  margin-bottom: 0;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.page-block-item.qlink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 23%;
  height: 125px;
  min-height: 0;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 20px 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: none;
  border-radius: 4px;
  background-color: #006bb7;
  color: #fff;
  text-align: center
}

.page-block-item.qlink:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.3))
}

.page-block-item.qlink:active {
  position: relative;
  right: -1px;
  bottom: -1px
}

.page-block-item.card {
  position: relative;
  width: 23%;
  min-height: 320px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-style: solid;
  border-radius: 6px;
  color: #333;
  font-weight: 400
}

.page-block-item.card:hover {
  border-color: #999
}

.page-block-item.profile {
  width: 60%;
  margin-right: 15px;
  margin-bottom: 20px;
  padding-bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-radius: 6px;
  color: #333;
  font-weight: 400
}

.page-block-item.profile:hover {
  border-color: #999
}

.page-block-text {
  margin-bottom: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.4em;
  font-weight: 400;
  text-align: center
}

.page-block-text.date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  padding-top: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #666;
  font-size: .8rem;
  text-align: right
}

.page-block-text.date._1 {
  color: #fff
}

.page-block-text.news {
  height: auto;
  min-height: 40px;
  padding-top: 0;
  padding-right: 10px;
  padding-left: 10px;
  text-align: left
}

.page-block-text.news._1 {
  width: auto;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #fff
}

.section-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  text-transform: capitalize
}

.section-title.page {
  width: 80%;
  height: 50px;
  max-height: 60px;
  margin-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 300px
}

.slide {
  height: 350px;
  text-align: center
}

.slide._2 {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.4))),url(../images/2019bigstock_Closeup.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../images/2019bigstock_Closeup.jpg);
  background-position: 0 0,50% 50%;
  background-size: auto,cover
}

.slide._1 {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/509_900.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/509_900.jpg);
  background-position: 0 0,50% 50%;
  background-size: auto,cover;
  background-repeat: repeat,no-repeat;
  background-attachment: scroll,scroll
}

.slide._3 {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/2019-11-22_115025.png);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/2019-11-22_115025.png);
  background-position: 0 0,50% 50%;
  background-size: auto,cover;
  background-repeat: repeat,no-repeat;
  background-attachment: scroll,scroll
}

.slide._4 {
  min-height: 350px;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/2019-11-22_115505.png);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/2019-11-22_115505.png);
  background-position: 0 0,0 0;
  background-size: auto,cover
}

.slide._1c {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/img_10_RGB-1.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/img_10_RGB-1.jpg);
  background-position: 0 0,50% 100%;
  background-size: auto,cover;
  background-repeat: repeat,no-repeat;
  background-attachment: scroll,scroll
}

.slide._2c {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.6))),url(../images/iStock_000039306500Medium-1.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(../images/iStock_000039306500Medium-1.jpg);
  background-position: 0 0,50% 50%;
  background-size: auto,cover
}

.slide-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-weight: 400;
  text-align: left
}

.slide-title {
  min-height: 60px;
  margin-bottom: 0;
  color: #fff;
  font-size: 28px;
  line-height: 1.2em;
  font-weight: 600;
  text-shadow: 1px 1px 2px #000
}

.slide-text {
  margin-bottom: 10px;
  font-size: 1.4em;
  line-height: 1.4em
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  max-width: 300px;
  margin-top: 40px;
  margin-bottom: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 4px;
  background-color: #006bb7;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.3);
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: none
}

.button:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  opacity: 1;
  text-decoration: none
}

.button:active {
  position: relative;
  right: -1px;
  bottom: -1px;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,.4)
}

.button.basic {
  border-style: solid;
  border-width: 1px;
  border-color: #006bb7;
  background-color: #00416e;
  color: #006bb7
}

.button.clear {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff
}

.button.off {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,.4);
  opacity: .3;
  color: #fffadd;
  text-transform: capitalize;
  cursor: not-allowed
}

.button.off:active {
  right: 0;
  bottom: 0
}

.button.float {
  width: 60px;
  height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  border-radius: 30px;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.4);
  font-size: 3em;
  font-weight: 400
}

.button.sec {
  background-color: #00ed50;
  color: #333
}

.button.mobile {
  display: none
}

.button.pay-summary {
  margin-bottom: 5px
}

.button.pay {
  background-color: #006bb7;
  box-shadow: none
}

.button.pay.center {
  margin-bottom: 20px
}

.button.flat {
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 5px;
  padding-left: 5px;
  background-color: transparent;
  box-shadow: none;
  color: #006bb7;
  font-size: 14px;
  font-weight: 700
}

.button.flat:hover {
  background-image: none;
  text-decoration: underline
}

.button.flat:active {
  position: static
}

.button.back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 150px;
  margin-right: 60px;
  border-style: solid;
  border-width: 1px;
  border-color: #006bb7;
  background-color: #fff;
  color: #006bb7
}

.button.basic {
  border-style: solid;
  border-width: 1px;
  border-color: #006bb7;
  background-color: #fff;
  color: #006bb7
}

.button.basic.small {
  margin-top: 0;
  margin-bottom: 0
}

.button.basic.foot.icon {
  padding-right: 10px;
  padding-left: 10px
}

.button.small {
  width: auto;
  height: 40px;
  min-width: 150px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 40px;
  font-size: 18px
}

.button.small.basic {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #fff
}

.button.small.basic.trig {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0
}

.button.center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.button.combo {
  width: auto;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 40px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 1.25em
}

.button.combo.basic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  max-width: none;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: #fff;
  font-size: 1em;
  font-weight: 600
}

.button.tag {
  width: auto;
  height: 30px;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
  font-size: .85em
}

.button.foot {
  width: auto;
  height: 40px;
  max-width: none;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  padding-right: 40px;
  padding-left: 40px;
  font-size: 18px
}

.button.foot.basic {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0
}

.button.alert {
  border: 1px solid #8b0000;
  background-color: #fff;
  color: #8b0000
}

.button.alert:hover {
  background-color: #8b0000;
  color: #fff
}

.button.alert.off:hover {
  background-color: #fff;
  background-image: none;
  box-shadow: none;
  color: #8b0000
}

.footer-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.footer-block.sociall {
  width: 10%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.footer-block-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase
}

.footer-block-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 30px;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-left: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  line-height: 1.2em;
  font-weight: 300;
  text-decoration: none
}

.footer-block-item.div {
  padding-right: 15px;
  padding-bottom: 0;
  padding-left: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 2px solid #677a8f
}

.social {
  display: block;
  width: 24px;
  margin-right: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: #fff
}

.menu-link {
  position: static;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.menu-link:hover {
  background-color: rgba(0,0,0,.1)
}

.menu-link-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
  padding-left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #fff;
  font-size: 12px;
  font-weight: 400
}

.qlinks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.qlinks.head {
  width: 60%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto
}

.outage-map {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 900px
}

.title-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #79b800;
  font-size: 1.5em
}

.title-icon.fas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.page-title {
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: 600;
  text-transform: capitalize
}

.page-title.error {
  font-size: 6em;
  line-height: 1.8em
}

.learn-more {
  display: block;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 0;
  padding-right: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: .9em;
  text-align: center
}

.learn-more.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 400px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto
}

.scroll-header {
  position: static;
  left: 0;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80px;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-bottom: 1px solid #ddd;
  background-color: #fff
}

.copy {
  padding-top: 20px;
  padding-bottom: 20px
}

.footer-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 250px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.ul {
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 20px;
  color: #666;
  font-size: .8em;
  line-height: 1.3em;
  font-weight: 400
}

.card-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #79b800;
  font-size: 1.25rem;
  text-align: center
}

.card-icon.fas {
  padding-bottom: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.3em
}

.card-icon.fas.fa-calendar-alt {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.li {
  margin-bottom: 10px
}

.card-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-bottom: 5px;
  padding-right: 0;
  padding-left: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize
}

.card-header:hover {
  text-decoration: none
}

.pay-card {
  width: 45px;
  height: 30px;
  max-width: none;
  margin-right: 10px
}

.chev-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.25em
}

.chev-right.far.fa-angle-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #666;
  font-size: 1.5em
}

.flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.flex-wrapper.bv {
  background-color: #fff
}

.rich-w-bullets {
  display: block
}

.qlink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 3px solid #79b800;
  border-radius: 2px
}

.text-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  max-width: 350px;
  min-height: 40px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff
}

.text-field:hover {
  border-color: #006bb7
}

.text-field:focus {
  border-width: 2px;
  border-color: #00ace5
}

.text-field.lg {
  height: 90px;
  max-width: 400px;
  margin-bottom: 0
}

.text-field.short {
  max-width: 200px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.text-field.date {
  max-width: 150px;
  border-right-style: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.text-field.area {
  min-height: 100px
}

.text-field.select {
  padding-top: 0;
  padding-bottom: 0
}

.text-field.error {
  border-color: #c00
}

.text-field._50 {
  max-width: 40px;
  margin-bottom: 0;
  padding-right: 5px;
  text-align: center
}

.text-field._75 {
  max-width: 75px;
  margin-bottom: 0
}

.text-field.cvc {
  height: 30px;
  max-width: 75px;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 1.2em
}

.text-field.cvc.sm {
  min-height: 20px
}

.text-field.read-only {
  border-style: none;
  background-color: #f4f4f4
}

.text-field.dub {
  min-height: 30px;
  margin-right: 20px;
  padding: 5px 10px;
  border-radius: 25px
}

.text-field.dub:hover {
  border-style: solid;
  border-width: 1px;
  border-color: #00538e
}

.text-field.small {
  max-width: 250px
}

.text-field.filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 20px;
  min-height: 0;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  background-color: #fff;
  line-height: .8em;
  font-weight: 700
}

.text-field.filter::-webkit-input-placeholder {
  font-weight: 700
}

.text-field.filter:-ms-input-placeholder {
  font-weight: 700
}

.text-field.filter::-ms-input-placeholder {
  font-weight: 700
}

.text-field.filter::placeholder {
  font-weight: 700
}

.text-field.full {
  max-width: none
}

.text-field.date-selector {
  max-width: 200px
}

.text-field.has-icon {
  padding-right: 40px
}

.text-field._150 {
  max-width: 150px
}

.text-field.exp {
  width: 40%
}

.text-field.icon-start {
  padding-left: 40px
}

.text-field.icon-end {
  padding-right: 40px
}

.definition {
  position: absolute;
  left: 25px;
  top: 10px;
  display: none;
  height: auto;
  min-height: 60px;
  min-width: 400px;
  padding: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 6px;
  background-color: #006bb7;
  color: #fff;
  font-size: 1.1em;
  font-weight: 400;
  text-align: left
}

.panel-close {
  position: static;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333
}

.panel-close:hover {
  text-decoration: none
}

.message-panel {
  position: fixed;
  top: 50px;
  right: -400px;
  bottom: 0;
  z-index: 200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 1px solid #e8e8e8;
  background-color: #323232;
  color: #fff;
  text-indent: 0
}

.text {
  margin-top: 10px;
  margin-bottom: 20px
}

.text.sm {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px
}

.text.cen {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center
}

.text.thin {
  margin-bottom: 0;
  font-size: 12px
}

.text.article-date {
  margin-bottom: 0;
  color: #666
}

.content-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 25px;
  padding: 10px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px none #ddd
}

.content-box.grey {
  width: auto;
  min-width: 350px;
  margin-bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-color: #ccc;
  border-radius: 6px;
  background-color: #efefef;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.4);
  color: #333
}

.content-box.grey.mh {
  position: relative;
  top: -10px;
  padding-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-color: #ddd;
  border-radius: 6px;
  background-color: #efefef;
  box-shadow: 4px 4px 3px 0 rgba(0,0,0,.4);
  color: #333
}

.content-box.grey._60 {
  max-width: none;
  padding-right: 20px
}

.content-box.summary {
  position: relative;
  max-width: none;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom-style: none;
  border-radius: 4px;
  background-color: #f5f5f5
}

.content-box.grid {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
  padding: 0;
  border-color: #006bb7
}

.content-box.wform {
  width: 100%;
  max-width: 900px;
  border-style: solid
}

.content-box._60 {
  width: 65%;
  min-width: 400px;
  margin-bottom: 0;
  padding-right: 40px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.content-box.list {
  max-width: 500px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.content-box._40 {
  width: 35%;
  padding-right: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  border-left-style: solid
}

.content-box._40.br {
  width: auto;
  padding-left: 60px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.content-box._40.left {
  margin-right: 20px;
  padding-right: 20px;
  padding-left: 0;
  border-right-style: solid;
  border-left-style: none
}

.content-box.cards {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.content-box.text-content {
  width: 100%;
  max-width: 1200px;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.content-box.text-content._60 {
  width: 65%;
  padding-top: 10px;
  padding-right: 20px
}

.content-box.text {
  max-width: 1400px
}

.content-box.dyn-bill {
  position: relative;
  width: 63%;
  min-height: 960px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.content-box._50 {
  width: 50%
}

.form-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.form-wrapper.full {
  max-width: none
}

.sign-in-seal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  max-width: 350px;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #006bb7
}

.sm {
  font-size: 12px
}

.form-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: #333
}

.form-content.hor {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.form-content.mid {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 30px;
  max-width: 350px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.link-block.cen {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.icon-20 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-left: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem
}

.icon-20.right {
  margin-right: 5px
}

.icon-20.leaf {
  margin-left: 10px
}

.icon-20.fas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.icon-20.fas.right {
  margin-right: 5px
}

.icon-20.fas.right.green {
  color: #79b800
}

.icon-20.fas.right.orange {
  color: #ca4f2c
}

.icon-20.fas.right.red {
  color: #c00
}

.icon-20.fas.green {
  color: #79b800
}

.icon-20.fas.fa-repeat.green.right {
  margin-right: 10px
}

.icon-20.far {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px
}

.icon-20.far.fa-question-circle {
  color: #777;
  font-size: 1rem
}

.icon-20.far.fa-question-circle:hover {
  color: #006bb7
}

.icon-20.fas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.remember-me {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 350px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.remember-me.red {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #c00
}

.remember-me.cent {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.more-info-bubble {
  position: absolute;
  left: 44px;
  top: 13px;
  right: auto;
  bottom: auto;
  z-index: 100;
  display: none;
  width: 300px;
  padding-right: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border: 1px none #ccc;
  border-radius: 0 2px 2px;
  background-color: #ddd;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.4);
  color: #000;
  font-weight: 400
}

.more-info-bubble.left {
  left: auto;
  top: 25px;
  right: 10px;
  bottom: auto
}

.welcome-text {
  width: 100%;
  padding: 10px 20px;
  font-size: .9rem;
  text-align: left
}

.account-summary-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #00ace5;
  font-size: 20px;
  line-height: 24px;
  text-align: center
}

.account-summary-img.far.fa-chart-pie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.account-summary-img.far.fa-file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.account-summary-img.far.fa-credit-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.account-summary-img.far.fa-bell {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 20px
}

.account-setting {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  height: 40px;
  padding-right: 0;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333
}

.account-setting:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  text-decoration: none
}

.icon-24 {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-left: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1rem
}

.icon-24.right {
  margin-right: 5px
}

.icon-24.fas:hover {
  text-decoration: none
}

.icon-24.fas.right.fa-home {
  font-family: 'Fa solid 900',sans-serif
}

.icon-24.fas.fa-search {
  margin-right: 10px
}

.icon-24.fas.fa-leaf.green {
  color: #79b800
}

.icon-24.fas.fa-repeat.green {
  color: #79b800
}

.icon-24.far {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.icon-24.far.fa-angle-right {
  margin-right: 0;
  color: #006bb7
}

.icon-24.far.fa-info-circle {
  font-size: 1.1rem
}

.icon-24.far.blue {
  color: #09c
}

.icon-24.far.red {
  color: #c00
}

.icon-24.far.green {
  color: #79b800
}

.icon-24.far.off {
  color: rgba(51,51,51,.25)
}

.icon-24.far.fa-angle-right {
  margin-right: 0;
  color: #79b800
}

.icon-24.far.fa-plus.green {
  color: #306024
}

.account-setting-text.full {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.summary-overview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.summary-overview.grey {
  overflow: hidden;
  margin-right: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f5f5f5;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.4)
}

.grid-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 30px;
  min-width: 150px;
  padding-right: 15px;
  padding-left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.grid-column.date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 150px
}

.grid-column.full {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.grid-column._25 {
  width: 22%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.grid-column.check-box {
  padding-right: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.grid-column.check-box.email {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  background-color: rgba(0,153,204,.2);
  cursor: pointer
}

.grid-column.check-box.text {
  background-color: rgba(245,123,40,.2);
  cursor: pointer
}

.grid-column.check-box.off {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: .5;
  cursor: not-allowed
}

.grid-column.check-box.voice {
  background-color: rgba(121,184,0,.2)
}

.grid-column.amount {
  min-width: 75px;
  padding-right: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: left
}

.grid-column.long-date {
  width: 200px
}

.grid-column.actions {
  width: 10%;
  min-width: 100px;
  padding-right: 0
}

.grid-column._100 {
  width: 100px;
  min-width: 100px
}

.grid-column.fill {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.grid-column.accno {
  min-width: 175px
}

.grid-column._300 {
  min-width: 300px
}

.panel-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  min-height: 60px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.5em;
  font-weight: 400;
  text-transform: none
}

.message-center-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-bottom: 1px solid #555;
  background-color: #444;
  color: #ddd
}

.message-center-item:hover {
  background-color: #555;
  text-decoration: none
}

.go-full {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333
}

.verify-panel {
  position: absolute;
  top: 0;
  z-index: 15;
  display: none;
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  padding: 0 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  background-color: #fff;
  text-align: center
}

.rich-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: 'Open Sans',sans-serif;
  font-weight: 400;
  text-align: left
}

.alerts-configure {
  position: fixed;
  top: 0;
  right: -500px;
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 500px;
  min-height: 100vh;
  padding-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #e2e2e5
}

._20-right {
  width: 20px;
  height: 20px;
  margin-right: 5px
}

._20cen {
  width: 20px
}

.check-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.check {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.filter-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.accno-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.hide {
  display: none;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .9em
}

.check-label {
  margin-right: 5px;
  margin-bottom: 0;
  padding-left: 10px;
  line-height: 1.3em
}

.check-label.special1 {
  padding-left: 5px
}

.seemore {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #555;
  font-size: .9em
}

.card-img {
  width: 60px
}

.card-img.sm {
  width: 35px;
  margin-right: 0
}

.card-panel {
  position: fixed;
  top: 50px;
  right: -400px;
  bottom: 0;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  padding-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #323232;
  color: #fefefe
}

.bill-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  max-height: 100%;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.85)),to(rgba(0,0,0,.85)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.85))
}

.bill-summary-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.bill-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  padding-left: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(77%,rgba(0,0,0,.5)),to(transparent));
  background-image: linear-gradient(180deg,rgba(0,0,0,.5) 77%,transparent);
  color: #f5f5f5
}

.bill-nav-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 60px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #fff;
  cursor: pointer
}

.bill-nav-item:hover {
  border-radius: 4px;
  background-color: hsla(0,0%,100%,.2)
}

.bill-nav-item.sm {
  padding-right: 0;
  padding-left: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.page-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  color: #ccc;
  font-size: 1.2em;
  font-weight: 400;
  letter-spacing: .1em
}

.page-nav-img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.5em
}

.page-nav-img.far {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.page-nav-img.fas.fa-envelope-open-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.white {
  color: #fff
}

.center-li-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #526273;
  font-size: 1.2em
}

.center-li-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.mob-button {
  display: none
}

.my-profile-panel {
  position: fixed;
  top: 50px;
  right: -150px;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #323232
}

.logo-home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.footer-drop:hover {
  background-color: rgba(0,0,0,.25)
}

.dropdown-toggle {
  padding: 0 20px 0 10px;
  color: #fff
}

.dropdown-list.w--open {
  bottom: 23px;
  background-color: rgba(0,0,0,.75);
  color: #79b800
}

.dropdown-link {
  padding-left: 10px;
  color: #fff
}

.legend-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px
}

.legend-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.legend-title.un {
  font-weight: 700
}

.profile-mob {
  display: none
}

.mob-expand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.icon-2 {
  margin-right: 5px
}

.mob-sign-up {
  display: none
}

.pay-sumdet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 300px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.power-on {
  position: absolute;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #fff
}

.form-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  max-width: 400px;
  min-height: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.form-lable {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 2px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #555;
  font-size: 12px;
  line-height: 1.3em;
  font-weight: 600;
  text-align: left
}

.form-lable.bill {
  margin-top: 5px;
  color: #fff;
  font-weight: 400
}

.form-lable.white {
  color: #f5f5f5;
  font-weight: 600
}

.form-lable.error {
  color: #c00
}

.form-lable.top {
  margin-top: 8px
}

.signup-img {
  height: 200px;
  margin-bottom: 10px;
  background-image: url(../images/iStock_68261053_500.jpg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.eserts-panel {
  position: fixed;
  top: 0;
  right: -400px;
  z-index: 10001;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 400px;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f5f5f5;
  box-shadow: -2px 2px 3px 0 rgba(0,0,0,.4)
}

.panel-nav-spacer {
  width: 50px;
  height: 50px;
  min-width: 0
}

.eserts-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.esert-thumb {
  width: 200px;
  margin-bottom: 25px
}

.pop-up {
  position: fixed;
  right: 50px;
  bottom: -405px;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 400px;
  max-width: 400px;
  min-height: 250px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #006bb7;
  box-shadow: -2px -2px 3px 0 rgba(0,0,0,.4);
  color: #fff
}

.sg-block {
  display: -ms-grid;
  display: grid;
  width: 100%;
  max-width: 1200px;
  min-height: 100px;
  margin-bottom: 50px;
  padding: 50px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  justify-items: start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-row-align: center;
  align-self: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: 1px 1px 2px 0 rgba(0,0,0,.4)
}

.sg-block.v {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.block-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  max-width: 1200px;
  padding-right: 5px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  font-weight: 700
}

.block-title.wide:hover {
  background-color: #f5f5f5
}

.block-title.off {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #999
}

.sample {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 75px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.sample.blue {
  background-color: #006bb7
}

.sample.lgrey {
  background-color: #ddd
}

.sample.grey {
  background-color: #526273
}

.sample.text {
  border: 1px solid #ddd;
  border-radius: 2px
}

.sample.text._2 {
  background-color: #526273
}

.sample.lblue {
  background-color: #00ace5
}

.sample.green {
  background-color: #00ed50
}

.sample-text {
  color: #fff
}

.pay-selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.autopay-assist-add {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 800px;
  padding: 50px 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: center
}

.autopay-panel {
  position: fixed;
  top: 50px;
  right: -400px;
  bottom: 0;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  height: auto;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #323232;
  color: #fff
}

.more-info {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #666;
  text-align: center;
  text-decoration: none
}

.more-info:hover {
  color: #00ace5;
  text-decoration: none
}

.more-info.small {
  z-index: 25;
  width: 30px
}

.more-info.titles {
  width: 40px;
  height: 45px;
  padding-top: 0;
  color: #666
}

.more-info.titles:hover {
  color: #006bb7
}

.more-info.titles {
  width: 40px;
  height: 45px;
  padding-top: 0;
  color: #666
}

.more-info.titles:hover {
  color: #006080
}

.triangle {
  position: absolute;
  left: -17px;
  top: 0;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 19px;
  height: 19px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: linear-gradient(225deg,#ddd 50%,#fff 0,transparent 51%)
}

.image-5 {
  position: relative;
  left: -12px;
  top: -7px;
  width: 48px;
  height: 48px;
  -webkit-transform: rotateX(180deg) rotateY(0) rotateZ(0);
  transform: rotateX(180deg) rotateY(0) rotateZ(0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.first-launch {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none
}

.highlight1 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 82px;
  margin-left: 185px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.highlight2 {
  position: absolute;
  right: 15px;
  display: none;
  margin-top: 55px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.highlight3 {
  position: absolute;
  right: 339px;
  display: none;
  margin-top: 55px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.highlight4 {
  position: absolute;
  right: 473px;
  display: none;
  margin-top: 55px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.highlight-start {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(rgba(0,0,0,.8)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.8));
  color: #fff;
  font-size: 1.5em
}

.grid-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.grid-form.hide-it {
  display: none
}

.dale-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px
}

.calendar-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: #ddd
}

.auto-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.radio-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  margin-bottom: 0;
  padding-left: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.form-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.form-section.top {
  margin-top: 0
}

.form-section.hidden {
  display: none
}

.form-section-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding-bottom: 10px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-weight: 600
}

.hidden {
  display: none
}

.no-of-days {
  width: 90px;
  height: 30px;
  margin-right: 5px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0
}

.autopay-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.dow {
  width: 150px;
  height: 35px;
  margin-bottom: 0;
  margin-left: 5px;
  padding-top: 0;
  padding-bottom: 0
}

.action-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 125px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.action-block.vert {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.action-block.single {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.home-alert {
  position: absolute;
  top: 25px;
  z-index: 50000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  min-height: 60px;
  padding: 24px 48px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #323232;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.3);
  color: #fff;
  font-weight: 600
}

.message-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-right: 10px;
  padding-left: 35px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.side-panel {
  position: fixed;
  top: 0;
  right: -404px;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 400px;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #323232;
  box-shadow: -3px 0 3px 0 rgba(0,0,0,.4)
}

.panel-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.panel-content._2 {
  display: none
}

.field-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.field-box.setting {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.field-box.edit {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.field-box.cent {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}

.field-box.double {
  min-height: 30px;
  margin-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.field-box.filter {
  position: relative;
  width: auto;
  min-height: 40px;
  margin-right: 20px
}

.field-box.filter.total {
  font-weight: 700
}

.field-box.multi {
  width: 100%;
  min-width: 150px;
  margin-right: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.field-box.sub {
  min-height: 50px;
  margin-left: 40px
}

.field-box.group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.field-box.filters {
  width: auto;
  margin-right: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.field-box.small {
  max-width: 200px
}

.section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 400px;
  margin-bottom: 40px;
  padding-right: 100px;
  padding-left: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.required-text {
  margin-top: 10px;
  color: #666;
  font-size: .8em
}

.checkbox-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 35px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.checkbox-field.single {
  min-height: 0;
  min-width: 40px;
  padding-top: 0;
  padding-bottom: 0
}

.checkbox-field.tall {
  margin-top: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.radio-label {
  margin-right: 20px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto
}

.radio-label.follow {
  padding-left: 5px
}

.radio-label.card {
  padding-left: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.sum-text-larg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin-top: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: Oswald,sans-serif;
  font-size: 1.75em;
  font-weight: 600
}

.bill-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 1020px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.pay-form {
  position: fixed;
  left: -400px;
  top: 0;
  z-index: 20000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 0;
  max-width: 400px;
  min-height: 100vh;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #f5f5f5;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.4);
  color: #666
}

.instruction-text {
  width: 100%;
  min-height: 40px;
  padding-bottom: 10px;
  padding-left: 0;
  color: #000;
  font-size: 1.1em;
  font-weight: 600
}

.instruction-text.pay-success {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 75px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #306024;
  font-size: 2em;
  line-height: 1.3em
}

.instruction-text.pay-fail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 75px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #c00;
  font-size: 2em;
  line-height: 1.3em
}

.instruction-text.error-page-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 75px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2em
}

.med {
  font-weight: 600
}

.doc-nav {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 10px;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  max-width: 350px;
  min-height: 50px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 2px;
  background-color: rgba(0,0,0,.95)
}

.doc-nav.fixed {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: auto;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.8)
}

.bill-nav-25 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%
}

.bill-nav-25.r {
  height: 60px;
  margin-top: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: transparent
}

.bill-nav-25.l {
  height: 60px;
  margin-top: 10px;
  color: transparent
}

.bill-view-nav-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80px;
  max-width: 1000px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto
}

.bill-view-window {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 25px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.box-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.icon-18 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 18px;
  height: 18px;
  padding-top: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 18px;
  text-align: center
}

.icon-18._30 {
  width: 30%;
  margin-right: 6px
}

.icon-18.far.fa-check {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.icon-18.far.fa-check.right {
  margin-right: 5px;
  padding-top: 3px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.icon-18.far.fa-angle-down {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.account-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  margin-bottom: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666
}

.account-select-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  padding-right: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.account-select-box:hover {
  position: relative
}

.balance {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 350px;
  min-height: 80px;
  margin-bottom: 5px;
  padding-top: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Open Sans',sans-serif;
  color: #000;
  font-size: 40px;
  font-weight: 600
}

.summary-highlight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 350px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.account-summary-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end
}

.account-summary-pay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 250px;
  padding-top: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.account-due-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.field-text {
  width: 100%;
  min-height: 35px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: none
}

.field-text.status {
  font-weight: 700
}

.field-text.left {
  width: auto;
  margin-left: 10px
}

.field-text.tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 25px;
  min-height: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-radius: 4px;
  background-color: #306024;
  font-family: Oswald,sans-serif;
  color: #fff;
  font-size: .9em;
  font-weight: 300;
  text-transform: uppercase
}

.field-text.tag.red {
  background-color: #8b0000
}

.field-text.lg {
  font-size: 2em
}

.cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.add-panel {
  position: fixed;
  top: 50px;
  right: -400px;
  bottom: 0;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  padding-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #323232
}

.grid-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  padding-left: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 1px solid #efefef;
  color: #333;
  font-weight: 400
}

.grid-item:hover {
  background-color: #f5f5f5;
  box-shadow: none;
  text-decoration: none
}

.grid-item.message {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.grid-item.left {
  min-height: 40px;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  font-size: .9em
}

.grid-item.load {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-style: none
}

.grid-item.load:hover {
  background-color: transparent
}

.grid-item.email-list {
  min-height: 50px;
  padding: 0 0 0 10px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom-style: none
}

.grid-item.email-list.adv {
  padding-bottom: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: .9em
}

.grid-item.list {
  width: 100%;
  min-height: 30px;
  padding-left: 10px
}

.grid-item.list.child {
  padding-left: 20px
}

.grid-item.list-title {
  width: 100%;
  min-height: 30px;
  padding-left: 0;
  font-size: 1.1em;
  font-weight: 600
}

.grid-item.email-list-title {
  min-height: 50px;
  padding: 0 0 0 10px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom-style: none;
  font-size: 1.25em;
  font-weight: 700
}

.grid-item.email-list-title:hover {
  background-color: transparent
}

.grid-item.no-link:hover {
  background-color: transparent
}

.grid-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  padding-right: 0;
  padding-left: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #aaa;
  color: #333;
  font-weight: 600
}

.legend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-right: 20px;
  margin-left: 20px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-top: 1px solid #ddd
}

.snackbar {
  position: fixed;
  left: 24px;
  bottom: -48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 48px;
  max-width: 560px;
  min-width: 288px;
  padding-right: 24px;
  padding-left: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #323232;
  color: #f5f5f5
}

.bill-nav-text-hov {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  color: #f5f5f5;
  font-size: .75em
}

.bill-nav-text-hov.wide {
  padding-right: 20px;
  padding-left: 20px
}

.bill-view-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.ez-pay-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 300px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px
}

.firld-error-text {
  width: 100%;
  max-width: 350px;
  margin-top: 3px;
  margin-bottom: 8px;
  color: #c00;
  font-size: .8em;
  line-height: 1.1em;
  font-weight: 600
}

.admin-alert {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #333;
  font-family: Roboto,sans-serif;
  color: #f5f5f5;
  font-weight: 500
}

.notification-pref-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.more-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.bill-nave-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.home-usage-chart {
  height: 221px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.form-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 25px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.form-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.form-column.last {
  margin-right: 0;
  margin-left: 0
}

.account-select-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.page-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  margin-left: 10px;
  padding-right: 0;
  padding-bottom: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 36px
}

.page-logo.right {
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.page-logo.fas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.page-logo.fas.fa-file {
  padding-top: 20px;
  padding-bottom: 20px
}

.page-logo.far {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto
}

.usage-summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.highlight6 {
  display: none;
  margin-top: 250px;
  margin-left: 7px;
  padding-top: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.highlight7 {
  display: none;
  margin-top: 250px;
  margin-left: 444px;
  padding-top: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.account-select-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  margin-right: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.dropdown-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  min-width: 200px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer
}

.dropdown-box.acc {
  margin-right: 20px;
  margin-left: 0
}

.highlight8 {
  display: none;
  margin-top: 250px;
  margin-left: 780px;
  padding-top: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.radio {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 10px;
  margin-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.radio._20 {
  margin-right: 20px
}

.radio-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  margin-bottom: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.radio-box.sub {
  height: 35px;
  padding-left: 30px
}

.notification-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.notification-list.summ {
  padding-bottom: 10px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.notification-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  padding-left: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400
}

.notification-list-item:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  text-decoration: none
}

.notification-list-item.mob-title {
  display: none
}

.notification-list-item.details {
  height: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: .85em
}

.notification-list-item.title {
  height: 50px;
  padding-left: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.text-block-4 {
  line-height: 1.3em
}

.page-alert {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fffadd;
  background-image: url(../images/close-grey.svg);
  background-position: 99% 9px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  font-family: Roboto,sans-serif;
  color: #c00;
  font-weight: 500;
  cursor: pointer
}

.multipay-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  min-height: 30px;
  margin-top: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ddd;
  color: #003b4f;
  font-weight: 800
}

.text-span {
  color: #006bb7;
  font-size: 1.25em;
  font-weight: 600
}

.recaptcha {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  height: 80px;
  margin-top: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.right-arrow {
  display: none
}

.left-arrow {
  display: none
}

.radio-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.radio-select.rows {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.edit-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 31px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-decoration: none
}

.edit-card:hover {
  text-decoration: none
}

.card-details-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: .8em
}

.balance-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.status-tag {
  margin-right: 5px;
  padding-right: 7px;
  padding-left: 7px;
  border-radius: 2px;
  font-family: Oswald,sans-serif;
  font-size: 12px;
  letter-spacing: .5px;
  text-transform: uppercase
}

.status-tag.now {
  background-color: #003b4f;
  color: #fff
}

.status-tag.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #006bb7;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase
}

.status-tag.negative {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #8b0000;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase
}

.wallet-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.block-title-text {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-size: 18px
}

.email-panel {
  position: fixed;
  top: 50px;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: none;
  overflow: auto;
  width: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #fff;
  box-shadow: -3px 0 3px 0 rgba(0,0,0,.4)
}

.pay-panel {
  position: fixed;
  top: 50px;
  right: -400px;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 400px;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #323232;
  box-shadow: -3px 0 3px 0 rgba(0,0,0,.4);
  color: #fefefe
}

.text-panel {
  position: fixed;
  top: 50px;
  right: -400px;
  bottom: 0;
  z-index: 110;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  padding-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff
}

.form-expanded-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 0;
  padding-left: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.form-expanded-section.always-on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto
}

.voice-panel {
  position: fixed;
  top: 50px;
  right: -400px;
  bottom: 0;
  z-index: 110;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  padding-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff
}

.edit-card-panel {
  position: fixed;
  top: 50px;
  right: -400px;
  bottom: 0;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #323232;
  color: #fefefe
}

.usage-graph {
  padding-top: 15px
}

.usage-stat-text {
  width: 50%;
  height: 30px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.usage-stat-text.title {
  width: 125px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.pre-loader {
  position: fixed;
  left: 50%;
  top: 40%;
  z-index: 0;
  display: none
}

.edit-account-panel {
  position: fixed;
  top: 50px;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  padding-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #323232;
  box-shadow: -2px 2px 3px 0 rgba(0,0,0,.4)
}

.account-summary-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.text-panel-activate {
  position: fixed;
  top: 50px;
  right: -400px;
  bottom: 0;
  z-index: 110;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  padding-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #323232
}

.voice-panel-activate {
  position: fixed;
  top: 50px;
  right: -400px;
  bottom: 0;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #323232
}

.toggle-switch {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50px;
  height: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 25px;
  background-color: #ddd;
  color: #526273;
  font-weight: 400
}

.toggle-switch:hover {
  text-decoration: none
}

.toggle-switch.mob {
  display: none
}

.toggle-switch.off {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: not-allowed
}

.toggle-switch.off.fixed {
  opacity: .5
}

.toggle-switch.disabled {
  opacity: .5
}

.toggle-slider {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 25px;
  background-color: #eee
}

.toggle-slide {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(72%,#79b800),color-stop(73%,transparent));
  background-image: linear-gradient(90deg,#79b800 72%,transparent 73%);
  color: #fff
}

.toggle-slide.start-off {
  position: relative;
  left: -30px
}

.toggle-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: Oswald,sans-serif;
  font-size: .8em
}

.toggle-text.on {
  display: none;
  color: #fff
}

.toggle-text.off {
  color: #999
}

.toggle-text.on {
  display: none;
  color: #fff
}

.on {
  font-weight: 700
}

.off {
  display: none;
  color: #333
}

.toggle-link {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50px;
  height: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 25px
}

.toggle-link.start-on {
  position: relative;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.help-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 35px;
  min-width: 35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.help-box:hover {
  text-decoration: none
}

.bill-read {
  position: absolute;
  left: 0;
  top: 99px;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: -ms-grid;
  display: grid;
  width: 100%;
  max-width: 800px;
  min-height: 100vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
  background-color: #fff;
  background-image: url(../images/2017-03-24_153628.png);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 0 80px 100px rgba(0,0,0,.85)
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.terms {
  font-size: .8em
}

.mask {
  width: 100%
}

.news-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 70px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 400;
  text-align: left
}

.news-title.top {
  height: 30px
}

.news-title._1 {
  height: 150px;
  padding-right: 20px;
  padding-left: 20px;
  color: #fff;
  font-size: 28px
}

.sub-page-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.sub-page-title.mid {
  margin-top: 20px
}

.ezp-online {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-top: 10px;
  padding: 5px 0 5px 60px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 8px;
  background-color: #003b4f;
  background-image: url(../images/cropped-kubra_icon512x512-192x192.png);
  background-position: 0 50%;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.4);
  color: #fff
}

.ezp-online:hover {
  text-decoration: none
}

.ezp-online.map {
  background-image: url(../images/cropped-kubra_icon512x512-192x192.png),-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.7)),to(rgba(0,0,0,.7))),url(../images/2017-04-03_170744.png);
  background-image: url(../images/cropped-kubra_icon512x512-192x192.png),linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../images/2017-04-03_170744.png);
  background-position: 0 50%,0 0,100% 100%;
  background-size: contain,auto,cover;
  background-repeat: no-repeat,repeat,repeat
}

.ezp-button {
  height: 50px
}

.ezp-sm-text {
  padding-left: 10px;
  font-size: .7em;
  line-height: 1em
}

.ezp-cards-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.ezp-cards-wrapper._2 {
  margin-top: 10px
}

.ezp-cards-wrapper._3 {
  margin-top: 15px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.ezp-wrapper {
  display: none;
  width: 100%;
  max-width: 350px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.ezp-tab-link {
  width: 75px;
  padding: 0;
  border-bottom: 2px solid transparent;
  background-color: #fff;
  font-weight: 300;
  text-align: center
}

.ezp-tab-link:hover {
  border-bottom-color: #003b4f;
  text-decoration: none
}

.ezp-tab-link.w--current {
  border-bottom-color: #003b4f;
  background-color: #fff;
  font-weight: 700;
  text-decoration: none
}

.ezp-phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin-bottom: 10px;
  padding-left: 10px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 2em;
  font-weight: 300
}

.app-img {
  width: 150px
}

.activity-panel {
  position: fixed;
  top: 0;
  right: -404px;
  bottom: 0;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #323232;
  box-shadow: -3px 0 3px 0 rgba(0,0,0,.4)
}

.pref-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 30px;
  max-width: 250px;
  padding-right: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 0%;
  height: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  box-shadow: -6px 0 12px 0 rgba(0,0,0,.4);
  color: #333;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none
}

.panel.on {
  width: 100%;
  letter-spacing: normal
}

.panel.open {
  width: 100%
}

.panel-content-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  font-size: 1.25em;
  font-weight: 400;
  text-transform: none
}

.panel-content-item:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  text-decoration: none
}

.panel-trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: pointer
}

.form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.radio-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.radio-row-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}

.fas.icon-24 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.icon-24-2 {
  width: 24px;
  height: 24px;
  font-size: 1.5em
}

.icon-24-2.far {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.banner-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.banner-block.right {
  width: 100%;
  max-width: 1200px;
  padding-left: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.banner-block-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  max-width: 750px;
  padding-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.banner-block-item.full {
  width: 100%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}

.lrg-icon {
  padding: 0;
  font-size: 1.5em
}

.lrg-icon.fas.fa-store {
  padding-right: 0;
  padding-bottom: 10px
}

.card-title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.form.accno-select {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.page-tabs {
  width: 100%;
  margin-top: 20px
}

.page-tabs-tab {
  padding: 20px;
  border: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.page-tabs-tab.map {
  width: 100%;
  padding: 0
}

.page-tab-title {
  padding: 0;
  background-color: #fff;
  color: #006bb7
}

.page-tab-title:hover {
  text-decoration: none
}

.page-tab-title.w--current {
  z-index: 3;
  margin-bottom: -1px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc #ccc #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #fff;
  color: #333
}

.button-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  max-width: 300px;
  margin-top: 25px;
  margin-bottom: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 4px;
  background-color: #0157b4;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.3);
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: none
}

.button-2:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  opacity: 1;
  text-decoration: none
}

.button-2:active {
  position: relative;
  right: -1px;
  bottom: -1px;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,.4)
}

.drop-down {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 400px;
  min-width: 250px;
  margin-top: 0;
  margin-right: 20px;
  padding-top: 7px;
  padding-bottom: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-weight: 400
}

.drop-down-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 35px;
  min-width: 200px;
  margin-right: 0;
  margin-left: 0;
  padding: 2px 5px 0 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 10px;
  background-color: #fff;
  color: #00538e
}

.drop-down-list {
  top: 33px;
  z-index: 51;
  display: none;
  width: 90%;
  min-width: 250px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  box-shadow: 3px 5px 3px 0 rgba(0,0,0,.4);
  color: #00538e
}

.drop-down-list.w--open {
  top: 35px;
  min-width: 200px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.icon {
  position: static;
  margin: 0 0 0 10px;
  padding-bottom: 5px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.dorp-down-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #00538e;
  font-weight: 400
}

.dorp-down-link:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.2));
  text-decoration: none
}

._5050-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.breads {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 20px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #333
}

.breads.white {
  color: #fff
}

.breads.banner {
  color: #fff
}

.bread-text {
  font-size: 12px;
  font-weight: 400
}

.icon-24-copy {
  width: 24px;
  height: 24px;
  margin-right: 0;
  margin-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.15rem
}

.icon-24-copy.far {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.icon-24-copy.far.fa-angle-right {
  width: 20px;
  height: 16px;
  font-size: .9em
}

.card-head-img {
  height: 200px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover
}

.card-head-img._1 {
  background-image: url(../images/iStock-902803740-1.jpg);
  background-position: 50% 50%;
  background-size: auto
}

.card-head-img._2 {
  background-image: url(../images/iStock-902803740-1.jpg);
  background-position: 50% 50%;
  background-size: cover
}

.card-head-img.ji {
  background-image: url(../images/2019-12-02_154551.png);
  background-position: 50% 50%;
  background-size: 125px;
  background-repeat: no-repeat
}

.card-head-img.mb {
  background-image: url(../images/2019-12-02_154601.png);
  background-position: 50% 50%;
  background-size: 125px;
  background-repeat: no-repeat
}

.card-head-img.dk {
  background-image: url(../images/2019-12-02_154759.png);
  background-position: 50% 50%;
  background-size: 125px;
  background-repeat: no-repeat
}

.card-head-img.gj {
  background-image: url(../images/2019-12-02_154812.png);
  background-position: 50% 50%;
  background-size: 125px;
  background-repeat: no-repeat
}

.card-head-img.jc {
  background-image: url(../images/2019-12-02_154829.png);
  background-position: 50% 50%;
  background-size: 125px;
  background-repeat: no-repeat
}

.card-head-img.card {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover
}

.card-head-img.card.fit {
  -o-object-fit: contain;
  object-fit: contain
}

.card-head-img.profile {
  width: 300px;
  height: auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}

.cat-tag {
  position: static;
  left: 10px;
  top: auto;
  right: auto;
  bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333
}

.cat-tag._1 {
  height: 40px;
  padding: 10px 20px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  color: #fff
}

.high-alert {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 80px;
  padding-top: 10px;
  padding-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fdbe10;
  color: #000;
  font-size: 1.5em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase
}

.high-alert.off {
  display: none
}

.high-alert-textbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 800px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.alert-text-detail {
  width: 100%;
  font-size: .9rem;
  font-weight: 400;
  text-transform: none
}

.alert-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2em;
  text-align: center
}

.alert-icon.fas.fa-exclamation-triangle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.alert-icon.fas.fa-search {
  height: 40px;
  padding-top: 2px;
  font-size: 1.6em
}

.close-power {
  position: static;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333
}

.close-power:hover {
  text-decoration: none
}

.bank {
  width: 100px
}

.wallet-card-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  padding: 20px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto
}

.wallet-card-details {
  width: 100%;
  padding-left: 0
}

.wallet-card-details._60 {
  width: 65%;
  padding-left: 10px
}

.wallet-card-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 20px;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #eee
}

.sub-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  overflow: auto;
  width: 100%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.4)
}

.sub-panel.on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.sub-panel.open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.button-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  max-width: 250px;
  margin-top: 25px;
  margin-bottom: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 4px;
  background-color: #006080;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.3);
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize
}

.button-3:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  opacity: 1;
  text-decoration: none
}

.button-3:active {
  position: relative;
  right: -1px;
  bottom: -1px;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,.4)
}

.button-3.negative {
  background-color: #8b0000
}

.button-3.tag {
  width: auto;
  height: 25px;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: .85rem
}

.button-3.tag.wrod {
  background-color: transparent;
  box-shadow: none;
  color: #006080
}

.wallet-card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 160px;
  margin-bottom: 20px;
  padding: 20px 10px 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.4);
  color: #333;
  font-weight: 400;
  text-decoration: none
}

.wallet-card:hover {
  border-color: #526273;
  text-decoration: none
}

.field-box-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  min-width: 10%;
  padding-right: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.card-title-2 {
  margin-bottom: 5px;
  color: #000;
  font-size: 1em;
  font-weight: 600
}

.panel-contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.modal-footer.large-view {
  position: relative;
  z-index: 1;
  height: auto;
  min-height: 80px;
  box-shadow: 0 -3px 6px 0 rgba(0,0,0,.4)
}

.card-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.card-details.edit {
  padding-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.card-logo {
  min-width: 60px;
  padding-top: 0
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  display: none;
  min-height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.3));
  font-weight: 400;
  text-align: left
}

.modal.on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-transform: none
}

.wallet-card-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 8px
}

.wallet-card-logo._50 {
  width: 30%;
  height: 70px;
  margin: 0 10px 0 0;
  padding: 5px 10px 10px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: none
}

.wallet-tc-label {
  font-weight: 700;
  font-size: 14px;
  box-sizing: border-box;
  text-align: center;
  width: 77%;
  margin: 10px auto 0
}

.wallet-page-tc {
  max-width: 1200px
}

.wallet-page-tc > .wallet-tc-label {
  width: 77%;
  margin: 10px auto 0
}

.profile-details-col .field-box:has(input[name="userId"]) {
  display: none
}

.profile-details-col .field-box:has(input[name="lastName"]) ~ .profile-details-edit {
  display: none
}

.profile-details-col a[data-als-disable] {
  display: none
}

.modal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  font-size: 1.9rem
}

.modal-close:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  text-decoration: none
}

.card-exp {
  color: rgba(51,51,51,.6);
  font-size: .8em;
  line-height: 1.3em
}

.modal-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-height: 80vh;
  max-width: 600px;
  min-height: 400px;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 7px 7px 20px 0 rgba(0,0,0,.2);
  color: #333
}

.modal-box.lg {
  max-width: 1000px
}

.modal-box.large-view {
  height: 80vh;
  max-width: 1000px
}

.modal-contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding: 10px 20px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px
}

.modal-contents.large-view {
  position: relative;
  overflow: auto
}

.sub-panel-close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333
}

.sub-panel-close:hover {
  text-decoration: none
}

.modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-bottom: 1px solid #ddd;
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: capitalize
}

.modal-header.large-view {
  position: relative;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.5)
}

.close-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  text-decoration: none
}

.close-panel:hover {
  text-decoration: none
}

.banner-sign-in {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35%;
  height: auto;
  min-height: 320px;
  padding-left: 0;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.page-banner-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #fff;
  font-weight: 400;
  text-align: left
}

.page-banner {
  width: 100%;
  height: 200px;
  padding-right: 20px;
  padding-left: 20px;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3))),url(../images/516722846b.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(../images/516722846b.jpg);
  background-position: 0 0,50% 50%;
  background-size: auto,cover;
  background-repeat: repeat,no-repeat;
  text-align: center
}

.page-banner.bandp {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/iStock_000043763204_Large.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/iStock_000043763204_Large.jpg);
  background-position: 0 0,73% 33%;
  background-size: auto,cover
}

.page-banner.pands {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/iStock-954605874.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/iStock-954605874.jpg);
  background-position: 0 0,0 50%;
  background-size: auto,cover
}

.page-banner.no-pic {
  height: 60px;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-repeat: repeat
}

.page-banner.sando {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/91175928_75.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/91175928_75.jpg);
  background-position: 0 0,0 87%;
  background-size: auto,cover
}

.page-banner.company {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/Aerials-2017-012-copy2.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/Aerials-2017-012-copy2.jpg);
  background-position: 0 0,50% 50%;
  background-size: auto,cover
}

.page-banner.cu {
  background-image: url(../images/509_900.jpg);
  background-position: 50% 67%;
  background-size: cover
}

.page-banner.ourpart {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.3))),url(../images/32602756460_7af596184f_b.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.3)),url(../images/32602756460_7af596184f_b.jpg);
  background-position: 0 0,50% 35%;
  background-size: auto,cover
}

.page-banner.myacc {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/516722846b.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/516722846b.jpg);
  background-position: 0 0,50% 50%;
  background-size: auto,cover
}

.page-banner.carrer {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/103575870_4.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/103575870_4.jpg);
  background-position: 0 0,73% 33%;
  background-size: auto,cover
}

.page-banner.enetool {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/103575870_4.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/103575870_4.jpg);
  background-position: 0 0,50% 79%;
  background-size: auto,cover
}

.page-banner.leader {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/Aerials-2017-012-copy2.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/Aerials-2017-012-copy2.jpg);
  background-position: 0 0,73% 33%;
  background-size: auto,cover
}

.page-banner.news {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  background-image: none
}

.page-banner.community {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5))),url(../images/2019LEandTECO1.jpg);
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(../images/2019LEandTECO1.jpg);
  background-position: 0 0,50% 50%;
  background-size: auto,cover
}

.tab-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  margin-bottom: 0;
  padding-right: 15px;
  padding-left: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 600
}

.tab-title:hover {
  background-color: rgba(0,0,0,.1);
  text-decoration: none
}

.tab-header-pic-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 150px;
  margin-bottom: 20px;
  -o-object-position: 50% 0;
  object-position: 50% 0
}

.tab-header-pic {
  width: 100%;
  margin-bottom: 0;
  -o-object-fit: cover;
  object-fit: cover
}

.widget-block-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #00416e;
  color: #fff
}

.widget-block-icon.white {
  background-color: transparent;
  color: #666
}

.service-block-img {
  width: 20px;
  height: 20px;
  padding-bottom: 0
}

.widget-block-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #333;
  font-weight: 400;
  text-decoration: none
}

.widget-block-holder:hover {
  text-decoration: none
}

.widget-block-holder.off {
  opacity: .75;
  -webkit-filter: saturate(0);
  filter: saturate(0)
}

.outage-map {
  height: 800px;
  min-height: 0
}

.table-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 0;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff
}

.table-grid.summ {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 4px
}

.table-grid-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  min-height: 50px;
  border-bottom: 1px solid #e4e4e4;
  color: #666
}

.table-grid-item:hover {
  background-color: #ddd
}

.table-grid-item.title {
  height: auto;
  min-height: 40px;
  border-bottom-color: #ccc;
  font-weight: 700
}

.table-grid-item.title:hover {
  background-color: transparent
}

.table-grid-item.un {
  color: #000;
  font-weight: 600
}

.table-grid-item.un.sel {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.2))
}

.table-grid-item.total {
  height: auto;
  min-height: 35px;
  border-top: 1px solid #ccc;
  border-bottom-style: none;
  font-size: 1em;
  font-weight: 700
}

.table-grid-item.total:hover {
  background-color: transparent
}

.table-grid-item.imp {
  background-color: rgba(139,0,0,.1);
  color: #000;
  font-weight: 600
}

.table-grid-item.load {
  min-height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-style: none
}

.table-grid-item.load:hover {
  text-decoration: none
}

.table-grid-item.off:hover {
  background-color: transparent
}

.table-grid-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  padding-right: 15px;
  padding-left: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.table-grid-col.fill {
  min-width: 300px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.table-grid-col.actions {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: auto;
  min-width: 100px;
  padding-right: 0;
  padding-left: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #ddd
}

.table-grid-col.actions.show {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 50px;
  padding-left: 0;
  background-color: transparent
}

.table-grid-col.val {
  width: 15%;
  max-width: 150px;
  min-width: 150px;
  padding-right: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right
}

.table-grid-col.date {
  width: 15%;
  min-width: 161px
}

.table-grid-col.val--title {
  width: 15%;
  max-width: 150px;
  min-width: 150px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: left
}

.table-grid-col.select {
  width: 40px;
  padding-right: 0;
  padding-left: 0
}

.table-grid-col.status {
  width: 120px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.table-grid-col.multi-actions {
  position: absolute;
  left: 30px;
  top: 0;
  right: auto;
  bottom: 0;
  display: none;
  width: 96%;
  min-width: 150px;
  margin-right: 50px;
  padding-right: 0;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #f5f5f5
}

.table-grid-col.total {
  max-width: none;
  padding-right: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right
}

.table-grid-col._50 {
  width: 50px
}

.table-grid-col.acc {
  min-width: 200px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.multi-account-summary-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.q-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 50px;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.q-link:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  text-decoration: none
}

.q-link.table {
  font-size: .9em
}

.q-link.trig {
  padding-right: 0;
  padding-left: 0
}

.q-link.tog {
  padding-right: 0;
  padding-left: 0
}

.q-link.tog:hover {
  background-image: none
}

.q-link.hide {
  display: none
}

.q-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  color: #666
}

.data-view-selection-box {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  display: none;
  height: 40px;
  padding-bottom: 0;
  padding-left: 10px;
  border-bottom-left-radius: 10px;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#ddd));
  background-image: linear-gradient(180deg,#ddd,#ddd)
}

.data-view-selection-box.hide {
  display: none
}

.q-link-text {
  font-size: .7em;
  line-height: 1.2em;
  font-weight: 600
}

.center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.banner {
  color: #fff
}

.check-combo-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.field-combo-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.expander-box {
  width: 100%
}

.expander-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 70px;
  margin-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.expander-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  margin-bottom: 10px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #006bb7;
  color: #006bb7;
  font-size: 1.25em;
  font-weight: 600;
  cursor: pointer
}

.expander-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.expander-content.lists {
  height: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.expander-content.start-open {
  height: auto
}

.expander-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #006bb7;
  font-size: 1.75rem;
  text-align: center
}

.expander-img.fas {
  padding-bottom: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.3em
}

.expander-img.fas.fa-angle-down {
  line-height: 24px
}

.widget-block-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.widget-block-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: .9em
}

.widget-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.3%;
  padding: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.widget-item._66 {
  width: 66.6%;
  min-height: 300px
}

.widget-item.empty {
  width: 100%;
  min-height: 150px;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  font-size: 1.25em;
  line-height: 1.5em;
  font-weight: 600;
  text-align: center
}

.widget-item.hide {
  display: none
}

.widget-item.banners {
  width: 100%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.widget-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 400px;
  padding: 0 10px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: #fff;
  font-weight: 400
}

.widget-box:hover {
  text-decoration: none
}

.widget-box.banner {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.select-label {
  margin-right: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.account-list-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.combo-field-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.combo-field-box.sub {
  margin-left: 40px
}

.filter-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 350px;
  min-height: 40px;
  margin-bottom: 0;
  padding: 0 0 0 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #ddd;
  border-radius: 25px;
  background-color: #fff
}

.filter-field:hover {
  border-width: 1px;
  border-color: #09c
}

.filter-field:focus {
  border-width: 2px;
  border-color: #00ace5
}

.filter-field.date {
  padding-right: 10px
}

.modal-trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.modal-trigger:hover {
  text-decoration: none
}

.modal-trigger.list {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.modal-trigger.list.detail {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.modal-trigger.grid {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.modal-trigger.small {
  padding-right: 20px;
  padding-left: 20px
}

.modal-trigger.checkbox {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.modal-trigger.grid-row {
  height: auto;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}

.account-summary-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 10px 20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px none #ddd
}

.page-block-item-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  padding-left: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #006bb7;
  font-weight: 400
}

.page-block-item-row:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  text-decoration: none
}

.page-block-item-row.prof {
  min-height: 60px
}

.close-icon {
  width: 24px;
  height: 20px;
  margin-right: 5px;
  margin-left: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1rem
}

.close-icon.far {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.close-icon.far.fa-times {
  width: 36px;
  height: 36px;
  color: #666;
  font-size: 1.5rem
}

.bill-img {
  border: 1px solid #ccc
}

.button-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 100%;
  padding-top: 7px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  line-height: 40px;
  text-align: center
}

.bread {
  color: #fff
}

.col-text-vertical {
  display: none
}

.empty-image {
  width: 96px;
  height: 96px;
  margin-bottom: 20px;
  color: #999;
  font-size: 5em;
  text-align: center
}

.empty-image.fas.fa-file {
  font-size: 5em;
  text-align: center
}

.google-map {
  width: 100%
}

.grid-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.list-content {
  list-style-type: square
}

.list-content._50 {
  width: 50%;
  padding-right: 40px
}

.list-content-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 35px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  list-style-type: square
}

.list-content-item.title {
  min-height: 40px;
  padding-left: 0;
  font-size: 1.25em;
  font-weight: 700
}

.rich-text-block-2 {
  margin-bottom: 20px
}

.profile-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.scrolling-header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: auto;
  z-index: 999999;
  display: none;
  width: 100%;
  min-height: 80px;
  padding-bottom: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0,0,0,.4)
}

.form-val-error {
  position: static;
  left: 5%;
  top: 5%;
  right: 5%;
  bottom: auto;
  max-width: 300px;
  padding: 10px;
  background-color: #fbb;
  font-size: .9em;
  font-weight: 600
}

.manual-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1000px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-size: 12px
}

.alert-close {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.text-block {
  width: 100%
}

.tabs-menu {
  width: 100%
}

.email {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.field-icon-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.field-icon {
  position: relative;
  left: -40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  padding-top: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: .5;
  color: #006bb7;
  font-size: 1.1em;
  text-align: center;
  cursor: pointer
}

.field-icon:hover {
  opacity: 1;
  text-decoration: none
}

.field-icon.fas.fa-calendar:hover {
  opacity: 1
}

.field-icon.fas.fa-question-circle {
  color: #006bb7
}

.field-icon.fas.fa-question-circle:hover {
  opacity: 1
}

.billing-state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .9em
}

.billing-state-light {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 25px
}

.billing-state-light.t1 {
  margin-right: 10px;
  background-color: #09c
}

.billing-state-light.tu1 {
  margin-right: 10px;
  background-color: #79b800
}

.billing-state-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  padding-top: 3px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-align: center
}

.billing-img {
  width: 250px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.billling-img-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.pre-pay-counter {
  width: 60%;
  height: 60%;
  margin-right: auto;
  margin-left: auto
}

.pre-pay-counter.red {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 225px;
  height: 225px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #c00;
  color: #fff;
  font-size: 1.25em
}

.pre-pay-counter.orange {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 225px;
  height: 225px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #de5c00;
  color: #fff;
  font-size: 1.25em
}

.pre-pay-counter.green {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 225px;
  height: 225px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #306024;
  color: #fff;
  font-size: 1.25em
}

.days {
  margin-bottom: 10px;
  font-size: 100px;
  line-height: .8em;
  font-weight: 600
}

.apogee-iframe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 1350px;
  min-height: 90vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row
}

.empty-widget {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  color: #666;
  font-size: 1.1em
}

.article-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  max-width: 300px;
  margin-top: 40px;
  margin-bottom: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 4px;
  background-color: #00538e;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.3);
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: none
}

.article-button:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  opacity: 1;
  text-decoration: none
}

.article-button:active {
  position: relative;
  right: -1px;
  bottom: -1px;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,.4)
}

.article-text p {
  line-height: 1.5em
}

.price-grid {
  width: 100%;
  margin-bottom: 20px
}

.price-grid-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.price-grid-item.title {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #666;
  font-size: 1.1em;
  font-weight: 700
}

.price-grid-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.price-grid-col.sub {
  font-weight: 600
}

.price-grid-col.fill {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.empty-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.error-img {
  width: 256px;
  height: 256px;
  opacity: .5
}

.error-img.far.fa-frown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  font-size: 15em
}

.error-img.far.fa-hard-hat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15em
}

.error-block-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.error-message {
  padding-bottom: 20px;
  font-size: 2em
}

.ez-pay-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  margin-right: 10px;
  margin-left: 10px;
  padding-right: 0;
  padding-bottom: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem
}

.ez-pay-icons.fas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  text-align: center
}

.empty-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  color: #aaa
}

.empty-box.dem {
  width: 300px
}

.empty-text {
  font-size: 24px;
  line-height: 1.2em;
  font-weight: 600;
  text-align: center
}

.card-icon-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #79b800;
  font-size: 1.25rem;
  text-align: center
}

.card-icon-2.fas {
  padding-bottom: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.3em
}

.card-icon-2.fas.fa-calendar-alt {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.page-tab-title-2 {
  padding: 0;
  background-color: #fff;
  color: #006bb7
}

.page-tab-title-2:hover {
  text-decoration: none
}

.page-tab-title-2.w--current {
  z-index: 3;
  margin-bottom: -1px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc #ccc #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #fff;
  color: #333
}

.text-field-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  max-width: 350px;
  min-height: 40px;
  margin-bottom: 0;
  padding: 0 0 0 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff
}

.text-field-2:hover {
  border-color: #006bb7
}

.text-field-2:focus {
  border-width: 2px;
  border-color: #00ace5
}

.button-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  max-width: 300px;
  margin-top: 40px;
  margin-bottom: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 4px;
  background-color: #006bb7;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.3);
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: none
}

.button-4:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  opacity: 1;
  text-decoration: none
}

.button-4:active {
  position: relative;
  right: -1px;
  bottom: -1px;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,.4)
}

.section-2 {
  margin-bottom: 40px
}

.icon-48 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 36px
}

.footer-link {
  color: #fff
}

.tabs-menu-3 {
  display: block
}

.bill-view-navitem {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 60px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  cursor: pointer
}

.bill-view-navitem:hover {
  border-radius: 4px;
  background-color: hsla(0,0%,100%,.2)
}

.bill-view-navitem.sm {
  padding-right: 0;
  padding-left: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.view-bill-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1rem
}

.view-bill-actions.r {
  height: 60px;
  margin-top: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: transparent
}

.view-bill-actions.l {
  height: 60px;
  margin-top: 10px;
  color: transparent
}

.bill-view-navitem-text {
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .7rem
}

.bill-view-navitem-text.wide {
  padding-right: 20px;
  padding-left: 20px
}

.bill-view-summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.bill-view-summary-text {
  font-family: Oswald,sans-serif;
  font-size: 2rem;
  line-height: 1.5em;
  font-weight: 600
}

.bill-view-summary-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-right: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.field-note {
  width: 100%;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #666;
  font-size: 12px;
  line-height: 1.3em;
  font-weight: 400;
  text-align: left
}

.field-note.bill {
  margin-top: 5px;
  color: #fff;
  font-weight: 400
}

.field-note.white {
  color: #f5f5f5;
  font-weight: 600
}

.field-note.error {
  color: #c00
}

.field-note.top {
  margin-top: 8px
}

.radio-2 {
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-right: 10px;
  margin-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-width: 2px;
  border-color: #666
}

.radio-2:hover {
  border-color: #006080
}

.radio-2.w--redirected-checked {
  border-width: 2px;
  border-color: #006080;
  background-image: radial-gradient(circle farthest-corner at 50% 50%,#006080,#006080 49%,#fff 56%);
  box-shadow: none
}

.radio-2.w--redirected-focus {
  border-color: #006080
}

.panel-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.icon-text-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.exp3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.text-field-3 {
  width: 100%;
  height: 35px;
  max-width: 350px;
  margin-bottom: 10px;
  padding: 0 4px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #ccc;
  background-color: #fff
}

.text-field-3:hover {
  border-bottom-width: 2px;
  border-bottom-color: #006080
}

.text-field-3:focus {
  border-bottom-width: 2px;
  border-bottom-color: #006080
}

.text-field-3::-webkit-input-placeholder {
  color: #555
}

.text-field-3:-ms-input-placeholder {
  color: #555
}

.text-field-3::-ms-input-placeholder {
  color: #555
}

.text-field-3::placeholder {
  color: #555
}

.text-field-3.mid {
  max-width: 200px
}

.radio-label-2 {
  margin-right: 10px;
  margin-bottom: 0;
  line-height: 1.3em
}

.card-img-2 {
  width: 50px;
  margin-right: 15px;
  margin-bottom: 15px
}

.text-field-4 {
  display: block;
  max-width: 350px;
  min-height: 40px;
  margin-bottom: 0;
  padding: 8px 5px;
  border-style: none none solid;
  border-width: 1px;
  border-color: #ddd;
  border-radius: 2px;
  background-color: transparent;
  color: #000
}

.text-field-4:hover {
  border-bottom-width: 2px;
  border-bottom-color: #09c;
  opacity: 1
}

.text-field-4:focus {
  border-bottom-width: 2px;
  border-bottom-color: #09c;
  background-color: rgba(0,153,204,.05);
  opacity: 1
}

.panel-subtitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  margin-top: 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.1em;
  font-weight: 600;
  text-align: left
}

.button-5 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  max-width: 300px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 3px;
  background-color: #006080;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  cursor: pointer
}

.button-5:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.2));
  text-decoration: none
}

.button-5.form {
  margin-right: auto;
  margin-left: auto
}

.ad-bank {
  display: none;
  width: 100%;
  padding-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.ad-bank.open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.field-label {
  width: auto;
  margin-top: 16px;
  color: #333;
  font-size: .75em;
  line-height: 1.3em;
  font-weight: 600;
  text-align: left;
  text-transform: capitalize
}

.radio-field-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  margin-right: 25px;
  margin-bottom: 0;
  padding-left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.field-box-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.icon-24-3 {
  width: 24px;
  height: 24px
}

.form-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.form-wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.cards-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around
}

.text-field-icon {
  position: relative;
  left: -35px;
  display: none;
  width: 35px;
  height: 33px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.exp1 {
  display: inline-block;
  width: 50px;
  height: 25px;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0 3px;
  float: none
}

.exp1._43 {
  width: 75px;
  margin-bottom: 0;
  float: right
}

.sub-panel-2 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  overflow: auto;
  width: 0%;
  max-height: 100%;
  max-width: 400px;
  min-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 2px 2px 3px 0 rgba(0,0,0,.4)
}

.ad-cc {
  display: none;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.ad-cc.on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.ad-cc.open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.expiry-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.panel-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  margin-bottom: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.25em;
  font-weight: 400
}

.panel-close-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.exp {
  display: inline-block;
  margin-right: 11px;
  padding-top: 3px;
  padding-right: 0
}

.exp._4 {
  margin-right: 0
}

.panel-close-copy {
  position: static;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333
}

.panel-close-copy:hover {
  text-decoration: none
}

.modal-close-self {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  font-size: 1.9rem
}

.modal-close-self:hover {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
  text-decoration: none
}

.staged-alert {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 50px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  color: #f5f5f5;
  font-size: 1.5em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase
}

.staged-alert.off {
  display: none
}

.staged-blanket {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.6)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.6))
}

.text-block-6 {
  padding-bottom: 20px;
  text-shadow: 2px 2px 6px #000
}

.staged-blanket-text {
  color: #f5f5f5;
  font-size: 2.5em;
  line-height: 1.5em;
  font-weight: 600;
  text-shadow: 1px 1px 6px #000
}

.print-logo {
  width: 300px;
  margin-top: 40px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.help-icon {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-left: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.5rem
}

.help-icon.right {
  margin-right: 5px
}

.help-icon.fas:hover {
  text-decoration: none
}

.help-icon.fas.right.fa-home {
  font-family: 'Fa solid 900',sans-serif
}

.help-icon.fas.fa-search {
  margin-right: 10px
}

.help-icon.fas.fa-leaf.green {
  color: #79b800
}

.help-icon.fas.fa-repeat.green {
  color: #79b800
}

.help-icon.far {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.help-icon.far.fa-angle-right {
  margin-right: 0;
  color: #006bb7
}

.help-icon.far.fa-info-circle {
  font-size: 1.1rem
}

.help-icon.far.blue {
  color: #09c
}

.help-icon.far.red {
  color: #c00
}

.help-icon.far.green {
  color: #79b800
}

.help-icon.far.off {
  color: rgba(51,51,51,.25)
}

.help-icon.far.fa-angle-right {
  margin-right: 0;
  color: #79b800
}

.help-icon.far.fa-plus.green {
  color: #306024
}

.preview-help {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.profile-link {
  position: static;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.profile-link:hover {
  background-color: rgba(0,0,0,.1)
}

.menu-header {
  display: none
}

.field-icon-start {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  padding-top: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: .5;
  color: #006bb7;
  font-size: 1.1em;
  text-align: center;
  cursor: pointer
}

.field-icon-start:hover {
  opacity: 1;
  text-decoration: none
}

.field-icon-start.fas.fa-calendar:hover {
  opacity: 1
}

.field-icon-start.fas.fa-question-circle {
  color: #006bb7
}

.field-icon-start.fas.fa-question-circle:hover {
  opacity: 1
}

.field-icon-start.far.fa-dollar-sign {
  width: 40px;
  font-size: 1em
}

.news-1-shade {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.4)));
  background-image: linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.4))
}

.news-1-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.back-to-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 30px;
  margin-right: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.back-to-list:hover {
  text-decoration: none
}

.home-usage-chart-copy {
  height: 221px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.banner-image {
  width: 300px;
  height: 300px;
  padding-top: 10px;
  padding-bottom: 10px;
  -o-object-fit: contain;
  object-fit: contain
}

.image-6 {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.ezp-logo {
  width: 100%;
  max-width: 400px;
  margin-top: 20px;
  margin-bottom: 20px
}

.link-2 {
  color: #006bb7
}

.sg-block-section-title {
  margin-top: 40px;
  font-weight: 700
}

.sg-font-title {
  margin-bottom: 40px;
  font-size: 3em
}

.text-block-8 {
  font-size: 18px
}

.text-block-9 {
  color: #666
}

.news-article-image {
  width: 100%;
  margin-bottom: 20px
}

.menu-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.please-note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 40px;
  margin-top: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #006bb7;
  border-radius: 4px;
  background-color: #fff
}

.please-note-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #006bb7;
  color: #fff
}

.please-note-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.dyn-bill-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ccc;
  box-shadow: 4px 4px 12px 0 rgba(0,0,0,.4)
}

.dyn-bill-item {
  position: absolute;
  left: -20px;
  top: -30px;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 25px;
  background-color: #006bb7;
  box-shadow: 4px 4px 12px 0 rgba(0,0,0,.4);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer
}

.dyn-bill-item._1 {
  left: -20px;
  top: -30px;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto
}

.dyn-bill-item._1.off {
  display: none
}

.dyn-bill-item._2 {
  left: -20px;
  top: -20px;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.dyn-bill-item._2.off {
  display: none
}

.dyn-bill-item.text-field-3 {
  top: 15%
}

.dyn-bill-item._3 {
  left: -5%;
  top: 13%;
  display: none
}

.dyn-bill-item._4 {
  left: auto;
  top: 13%;
  right: -6%;
  bottom: auto;
  display: none
}

.dyn-bill-item._5 {
  left: -5%;
  top: 38%
}

.dyn-bill-item._6 {
  left: auto;
  top: 38%;
  right: -6%;
  bottom: auto;
  display: none
}

.dyn-bill-item._7 {
  left: -5%;
  top: 66%
}

.dyn-bill-item._7.off {
  display: none
}

.dyn-bill-item._8 {
  left: auto;
  top: auto;
  right: -6%;
  bottom: 20%
}

.dyn-bill-item._8.off {
  display: none
}

.dyn-bill-item._9 {
  left: auto;
  top: auto;
  right: -6%;
  bottom: 4%
}

.dyn-bill-item._9.off {
  display: none
}

.dyn-bill-item-text {
  position: absolute;
  left: -44px;
  top: -145px;
  z-index: 999999;
  display: none;
  width: 50ch;
  min-height: 115px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
  background-color: #fffadd;
  box-shadow: 4px 4px 12px 0 rgba(0,0,0,.4);
  color: #333;
  font-size: 16px;
  font-weight: 400
}

.dyn-bill-item-text.left-side {
  left: -12px;
  right: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 0
}

.dyn-bill-item-text._2 {
  left: -44%;
  top: -222%;
  right: auto;
  bottom: auto
}

.dyn-bill-item-text.right-side {
  right: -12px
}

.dyn-bill-item-text._1 {
  left: -125px;
  top: -140px;
  right: auto;
  bottom: auto;
  display: none
}

.dyn-bill-item-text._3 {
  left: -47px;
  top: -146px;
  right: auto;
  bottom: auto
}

.dyn-bill-item-text._6 {
  left: -44px;
  top: -145px
}

.dyn-bill-item-text._4 {
  left: -41px;
  top: -140px
}

.dyn-bill-item-text._7 {
  left: -43.711px;
  top: -148px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.dyn-bill-item-text.full {
  left: 18%
}

.dyn-bill-item-text._9 {
  left: -93px
}

.dyn-bill-item-text._10 {
  left: -119px;
  top: -163px
}

.dyn-bill-item-title {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 600
}

.dyn-bill-box {
  position: absolute;
  display: none;
  min-height: 100px;
  min-width: 200px;
  border-style: solid;
  border-width: 4px;
  border-color: #006bb7;
  border-radius: 4px
}

.dyn-bill-box._3 {
  left: 57px;
  top: -3px;
  width: 365px;
  height: 215px
}

.dyn-bill-box._1 {
  left: -30.5px;
  top: 61px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  min-height: 85px;
  border-color: transparent
}

.dyn-bill-box._2 {
  left: -159px;
  top: 59px;
  width: 482%;
  min-height: 146%
}

.dyn-bill-box._4 {
  top: -3px;
  right: 55px;
  width: 365px;
  height: 215px
}

.dyn-bill-box._5 {
  left: 54px;
  top: 1px;
  width: 365px;
  height: 237px
}

.dyn-bill-box._6 {
  top: 1px;
  right: 57px;
  bottom: -49px;
  width: 364px;
  height: 238px
}

.dyn-bill-box._7 {
  left: 55px;
  width: 721px;
  min-height: 66px
}

.dyn-bill-box._8 {
  right: 59px;
  width: 250px;
  min-height: 70px
}

.dyn-bill-box._9 {
  right: 71px;
  width: 350px;
  height: 120px
}

.dyn-bill-img {
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.dyn-bill-img.right {
  margin-right: 5px
}

.dyn-bill-img.fas:hover {
  text-decoration: none
}

.dyn-bill-img.fas.right.fa-home {
  font-family: 'Fa solid 900',sans-serif
}

.dyn-bill-img.fas.fa-search {
  margin-right: 10px
}

.dyn-bill-img.fas.fa-leaf.green {
  color: #79b800
}

.dyn-bill-img.fas.fa-repeat.green {
  color: #79b800
}

.dyn-bill-img.fas.fa-map-marker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.dyn-bill-img.fas.fa-map-marker._2 {
  display: none
}

.dyn-bill-img.far {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.dyn-bill-img.far.fa-angle-right {
  margin-right: 0;
  color: #006bb7
}

.dyn-bill-img.far.fa-info-circle {
  font-size: 1.1rem
}

.dyn-bill-img.far.blue {
  color: #09c
}

.dyn-bill-img.far.red {
  color: #c00
}

.dyn-bill-img.far.green {
  color: #79b800
}

.dyn-bill-img.far.off {
  color: rgba(51,51,51,.25)
}

.dyn-bill-img.far.fa-angle-right {
  margin-right: 0;
  color: #79b800
}

.dyn-bill-img.far.fa-plus.green {
  color: #306024
}

.dyn-bill-text-triangle.fas.fa-triangle {
  position: absolute;
  left: 48%;
  top: auto;
  right: 0;
  bottom: -10%;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #fffadd
}

.dyn-bill-text-triangle.fas.fa-triangle.right {
  left: auto;
  right: 6%
}

.dyn-bill-text-triangle.fas.fa-triangle.left {
  left: 6%
}

.dyn-bill-hover-box {
  position: absolute;
  left: auto;
  top: auto;
  z-index: 2;
  min-height: 50px;
  min-width: 50px;
  border: 4px solid transparent;
  border-radius: 4px
}

.dyn-bill-hover-box._1 {
  left: 29%;
  top: 2%;
  right: auto;
  bottom: auto;
  width: 36%;
  height: 9%
}

.dyn-bill-hover-box._2 {
  left: auto;
  top: 2.5%;
  right: 1.5%;
  bottom: auto;
  width: 33%;
  height: 8%
}

.dyn-bill-hover-box._3 {
  left: 2%;
  top: 13%;
  right: auto;
  bottom: auto;
  width: 48%;
  height: 22%
}

.dyn-bill-hover-box._4 {
  left: auto;
  top: 13%;
  right: 1%;
  bottom: auto;
  width: 49%;
  height: 23%
}

.dyn-bill-hover-box._6 {
  left: auto;
  top: 36%;
  right: 1%;
  bottom: auto;
  width: 49%;
  height: 27%
}

.dyn-bill-hover-box._7 {
  left: 1.5%;
  top: 36%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 49%;
  height: 29%
}

.dyn-bill-hover-box._8 {
  left: 1.5%;
  top: auto;
  right: 3%;
  bottom: 31.5%;
  min-height: 5%
}

.dyn-bill-hover-box._9 {
  right: 1.5%;
  bottom: 23%;
  width: 34%;
  height: 7%
}

.dyn-bill-hover-box._10 {
  left: auto;
  top: auto;
  right: 1.5%;
  bottom: 18%;
  width: 34%;
  height: 6%
}

.news-article-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 28px;
  line-height: 1.2em;
  font-weight: 400;
  text-align: left
}

.news-article-title.top {
  height: 30px
}

.news-article-title._1 {
  height: 150px;
  padding-right: 20px;
  padding-left: 20px;
  color: #fff;
  font-size: 28px
}

html.w-mod-js [data-ix=bill-pre-load] {
  display: none
}

@font-face {
  font-family: 'Fa solid 900';
  src: url(../fonts/fa-solid-900.woff2) format('woff2'),url(../fonts/fa-solid-900.eot) format('embedded-opentype'),url(../fonts/fa-solid-900.woff) format('woff'),url(../fonts/fa-solid-900.ttf) format('truetype'),url(../fonts/fa-solid-900.svg) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto
}

@font-face {
  font-family: 'Fa brands 400';
  src: url(../fonts/fa-brands-400.woff2) format('woff2'),url(../fonts/fa-brands-400.eot) format('embedded-opentype'),url(../fonts/fa-brands-400.woff) format('woff'),url(../fonts/fa-brands-400.ttf) format('truetype'),url(../fonts/fa-brands-400.svg) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto
}

@font-face {
  font-family: 'Fa duotone 900';
  src: url(../fonts/fa-duotone-900.woff2) format('woff2'),url(../fonts/fa-duotone-900.eot) format('embedded-opentype'),url(../fonts/fa-duotone-900.woff) format('woff'),url(../fonts/fa-duotone-900.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto
}

@font-face {
  font-family: 'Fa 300';
  src: url(../fonts/fa-light-300.woff2) format('woff2'),url(../fonts/fa-light-300.eot) format('embedded-opentype'),url(../fonts/fa-light-300.woff) format('woff'),url(../fonts/fa-light-300.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: auto
}

@font-face {
  font-family: 'Fa 400';
  src: url(../fonts/fa-regular-400.woff2) format('woff2'),url(../fonts/fa-regular-400.eot) format('embedded-opentype'),url(../fonts/fa-regular-400.woff) format('woff'),url(../fonts/fa-regular-400.ttf) format('truetype'),url(../fonts/fa-regular-400.svg) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto
}

/* 1. Checks if the page's meta description contains "Profile Details" */
/* 2. If true, it looks inside that specific page and hides the Back button */
html:has(meta[name="description"][content*="Profile Details"]) .action-block .button.back {
    display: none !important;
}

/* Hides the Menu and Footer globally across the entire site */
#menuPlaceholder,
#footerPlaceholder {
    display: none !important;
}