article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    background: #fff;
    color: #000;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

h2 {
    font-size: 1.5em;
    margin: .83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: .83em;
    margin: 1.67em 0;
}

h6 {
    font-size: .67em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-500px);
        -ms-transform: translateY(-500px);
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-500px);
        -ms-transform: translateY(-500px);
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-500px);
        -ms-transform: translateY(-500px);
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-500px);
        -ms-transform: translateY(-500px);
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-500px);
        -ms-transform: translateY(-500px);
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@font-face {
    font-family: 'Blooms';
    src: url("../fonts/deartype_-_blooms_regular-webfont.woff2") format("woff2"), url("../fonts/deartype_-_blooms_regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Blooms Smooth';
    src: url("../fonts/deartype_-_blooms_smooth_regular-webfont.woff2") format("woff2"), url("../fonts/deartype_-_blooms_smooth_regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    font-size: 16px;
    line-height: 1.375;
    color: #333;
    background: #fafafa;
}

body.interstitial {
    background-image: none;
}

html,
button,
input,
select,
textarea {
    font-family: "proxima-nova-n3", "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

a {
    color: #257ab3;
    text-decoration: none;
}

hr {
    border: none;
    border-top: 1px solid #cecece;
    margin: 25px 0;
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin: 0;
}

.clearfix,
.inline-list,
.layout,
form .item,
.form .item,
form .group,
.form .group,
div.tabbable ul.nav-tabs,
.datepicker ul.legend li,
footer.site-footer div.logos,
article,
article header,
article .buttons,
article.card-details header,
article.services-box .col,
.wrapper {
    *zoom: 1;
}

.clearfix:before,
.inline-list:before,
.layout:before,
form .item:before,
.form .item:before,
form .group:before,
.form .group:before,
div.tabbable ul.nav-tabs:before,
.datepicker ul.legend li:before,
footer.site-footer div.logos:before,
article:before,
article header:before,
article .buttons:before,
article.card-details header:before,
article.services-box .col:before,
.clearfix:after,
.inline-list:after,
.layout:after,
form .item:after,
.form .item:after,
form .group:after,
.form .group:after,
div.tabbable ul.nav-tabs:after,
.datepicker ul.legend li:after,
footer.site-footer div.logos:after,
article:after,
article header:after,
article .buttons:after,
article.card-details header:after,
article.services-box .col:after,
.wrapper:before,
.wrapper:after {
    display: table;
    content: "";
    line-height: 0;
    border-spacing: 0;
}

.clearfix:after,
.inline-list:after,
.layout:after,
form .item:after,
.form .item:after,
form .group:after,
.form .group:after,
div.tabbable ul.nav-tabs:after,
.datepicker ul.legend li:after,
footer.site-footer div.logos:after,
article:after,
article header:after,
article .buttons:after,
article.card-details header:after,
article.services-box .col:after,
.wrapper:after {
    clear: both;
}

.hidden {
    display: none;
    visibility: hidden;
}

.pull-left {
    float: left!important;
}

.pull-right {
    float: right!important;
}

.actions {
    float: right;
    text-transform: uppercase;
}

.actions p {
    margin: 6px 0 0;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.visually-hidden {
    visibility: hidden;
}

.footnotes {
    clear: both;
    font-size: 14px;
}

.ico-wrapper {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    background: #257ab3;
    line-height: 70px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.ico-wrapper i {
    margin: 0;
    display: inline-block;
}

.ico-wrapper:after {
    content: '';
    width: 70px;
    height: 70px;
    background-color: #fff;
    opacity: .08;
    display: block;
    position: absolute;
    top: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    clip: rect(0 70px 35px 0);
}

.ico-wrapper.large {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

.ico-wrapper.large:after {
    width: 120px;
    height: 120px;
    clip: rect(0 120px 60px 0);
}

.paperless-checkbox input {
    float: left;
}

.paperless-checkbox p {
    float: left;
    width: 95%;
    text-transform: none;
    margin-top: 0;
}

.paperless-checkbox p span {
    margin-left: 5px;
    margin-right: 5px;
}

#paperless-method .info_icon{
	background-image: url("../images/i/info_icon.png");
	background-repeat: no-repeat;
	height: 24px;
	margin-top: 10px;
	width: 32px;
}

@media only screen and (max-width:767px) {
    .hide-small {
        display: none!important;
    }
    .paperless-question-content {
    	width: fit-content;
    }
}

@media only screen and (max-width:1024px) {
    .hide-small-medium {
        display: none!important;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .hide-medium {
        display: none!important;
    }
}

@media only screen and (min-width:768px) {
    .hide-medium-large {
        display: none!important;
    }
}

@media only screen and (min-width:1025px) {
    .hide-large {
        display: none!important;
    }
}

.loadingMessage {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/i/white-alpha-90.png) repeat;
    background: rgba(255, 255, 255, .9);
    z-index: 2;
}

.loadingMessage span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 130px;
    height: 32px;
    margin: -16px 0 0 -65px;
    text-transform: uppercase;
    font-weight: bold;
}

.loadingMessage span img {
    margin-right: 5px;
    vertical-align: middle;
}

.inline-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.inline-list>li {
    padding: 0;
    float: left;
}

.display-list {
    list-style-type: none;
    padding: 0;
}

.display-list>li {
    padding: 0;
}

.notice {
    margin-bottom: 15px;
    border-radius: 15px;
    padding: 20px 30px 20px 45px;
    background-repeat: no-repeat;
    background-position: 15px 24px;
    position: relative;
}

.notice p {
    margin: 0;
}

.notice .icon-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.notice.alert {
    border: 1px solid #fff07c;
    background-color: #fff9c9;
    background-image: url('../images/i/icon/alert.png');
    background-position: 20px 23px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .notice.alert {
        background-image: url('../images/i/icon2x/alert.png');
        background-size: 5px 14px;
    }
}

.notice.message {
    border: 1px solid #b2e7e3;
    background-color: #ecf9f8;
    background-image: url('../images/i/icon/message.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .notice.message {
        background-image: url('../images/i/icon2x/message.png');
        background-size: 16px 11px;
    }
}

.notice.error {
    border: 1px solid #f4a88e;
    background-color: #fbded4;
    background-image: url('../images/i/icon/error.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .notice.error {
        background-image: url('../images/i/icon2x/error.png');
        background-size: 16px 16px;
    }
}

.notice.success {
    border: 1px solid #b0ec8f;
    background-color: #def7d0;
    background-image: url('../images/i/icon/success.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .notice.success {
        background-image: url('../images/i/icon2x/success.png');
        background-size: 14px 11px;
    }
}

.ico-wrapper {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
    background: #257ab3;
    line-height: 70px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.ico-wrapper i {
    margin: 0;
    display: inline-block;
}

.ico-wrapper:after {
    content: '';
    width: 70px;
    height: 70px;
    background-color: #fff;
    opacity: .08;
    display: block;
    position: absolute;
    top: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    clip: rect(0 70px 35px 0);
}

.ico-wrapper.large {
    width: 120px;
    height: 120px;
    line-height: 120px;
}

.ico-wrapper.large:after {
    width: 120px;
    height: 120px;
    clip: rect(0 120px 60px 0);
}

.faq .panel {
    display: inline-block;
    width: 100%;
}

.faq .panel .question {
    margin: 0;
}

.faq .panel .question a {
    background-position: left center;
    background-repeat: no-repeat;
    color: #696969;
    display: block;
    padding: 12px 0 12px 30px;
    font-weight: 600;
}

.faq .panel .q {
    float: left;
    font-size: 26px;
    margin: 10px 0 0 10px;
    color: #bbb;
    display: none;
}

.faq .panel .panel-content {
    padding-bottom: 10px;
    padding-left: 30px;
}

.faq .panel .panel-content .answer-hr {
    display: none;
    border: 3px solid #eaeaea;
    width: 90%;
    margin-top: 0;
}

.faq .panel .panel-content .a {
    float: left;
    font-size: 26px;
    margin: 5px 0 0 10px;
    display: none;
}

.faq .panel .panel-content .answer p:first-child {
    margin-top: 0;
}

.faq .faq-hr {
    border: 1px solid #f3f3f3;
    margin: 10px 0;
}

#state-select button {
    border-color: #cfcfcf;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#state-select .icon {
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}

#state-select .texas {
    background-image: url('../images/i/bg/texas-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select .texas {
        background-image: url('../images/i/bg2x/texas-icon.png');
        background-size: 21px 21px;
    }
}

#state-select a.texas:hover {
    background-image: url('../images/i/bg/texas-white-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select a.texas:hover {
        background-image: url('../images/i/bg2x/texas-white-icon.png');
        background-size: 21px 21px;
    }
}

#state-select .georgia {
    background-image: url('../images/i/bg/georgia-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select .georgia {
        background-image: url('../images/i/bg2x/georgia-icon.png');
        background-size: 21px 21px;
    }
}

#state-select a.georgia:hover {
    background-image: url('../images/i/bg/georgia-white-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select a.georgia:hover {
        background-image: url('../images/i/bg2x/georgia-white-icon.png');
        background-size: 21px 21px;
    }
}

#state-select .pennsylvania {
    background-image: url('../images/i/bg/pennsylvania-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select .pennsylvania {
        background-image: url('../images/i/bg2x/pennsylvania-icon.png');
        background-size: 24px 14px;
    }
}

#state-select a.pennsylvania:hover {
    background-image: url('../images/i/bg/pennsylvania-white-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select a.pennsylvania:hover {
        background-image: url('../images/i/bg2x/pennsylvania-white-icon.png');
        background-size: 24px 14px;
    }
}

#state-select .ohio {
    background-image: url('../images/i/bg/ohio-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select .ohio {
        background-image: url('../images/i/bg2x/ohio-icon.png');
        background-size: 21px 21px;
    }
}

#state-select a.ohio:hover {
    background-image: url('../images/i/bg/ohio-white-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select a.ohio:hover {
        background-image: url('../images/i/bg2x/ohio-white-icon.png');
        background-size: 21px 21px;
    }
}

#state-select .maryland {
    background-image: url('../images/i/bg/maryland-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select .maryland {
        background-image: url('../images/i/bg2x/maryland-icon.png');
        background-size: 32px 16px;
    }
}

#state-select a.maryland:hover {
    background-image: url('../images/i/bg/maryland-white-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select a.maryland:hover {
        background-image: url('../images/i/bg2x/maryland-white-icon.png');
        background-size: 32px 16px;
    }
}

#state-select .new-jersey {
    background-image: url('../images/i/bg/newjersey-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select .new-jersey {
        background-image: url('../images/i/bg2x/newjersey-icon.png');
        background-size: 9px 21px;
    }
}

#state-select a.new-jersey:hover {
    background-image: url('../images/i/bg/newjersey-white-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select a.new-jersey:hover {
        background-image: url('../images/i/bg2x/newjersey-white-icon.png');
        background-size: 9px 21px;
    }
}

#state-select .new-york {
    background-image: url('../images/i/bg/newyork-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select .new-york {
        background-image: url('../images/i/bg2x/newyork-icon.png');
        background-size: 26px 19px;
    }
}

#state-select a.new-york:hover {
    background-image: url('../images/i/bg/newyork-white-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select a.new-york:hover {
        background-image: url('../images/i/bg2x/newyork-white-icon.png');
        background-size: 26px 19px;
    }
}

#state-select .washington-dc {
    background-image: url('../images/i/bg/dc-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select .washington-dc {
        background-image: url('../images/i/bg2x/dc-icon.png');
        background-size: 21px 16px;
    }
}

#state-select a.washington-dc:hover {
    background-image: url('../images/i/bg/dc-white-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select a.washington-dc:hover {
        background-image: url('../images/i/bg2x/dc-white-icon.png');
        background-size: 21px 16px;
    }
}

#state-select .delaware {
    background-image: url('../images/i/bg/delaware-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select .delaware {
        background-image: url('../images/i/bg2x/delaware-icon.png');
        background-size: 10px 23px;
    }
}

#state-select .illinois {
    background-image: url('../images/i/bg/illinois-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    #state-select .illinois {
        background-image: url('../images/i/bg2x/illinois-icon.png');
        background-size: 14px 25px;
    }
}

#state-select.input-group-btn {
    min-width: 215px;
}

#state-select.input-group-btn ul {
    text-align: left;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px;
}

#state-select.input-group-btn ul li a {
    color: #555;
}

#state-select.input-group-btn ul li a:hover {
    background-color: #2080b4;
    color: #fff;
}

#state-select.input-group-btn ul li:last-child {
    padding-bottom: 5px;
}

#state-select.open button {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0;
}

article.account-details dl dd {
    margin-bottom: 5px;
    text-align: left;
    width: 70%;
    margin-left: 15px;
}

article.account-details dl dt {
    font-weight: bold;
    margin-bottom: 5px;
    width: 61%;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

@media only screen and (min-width:768px) {
    .page-wrapper nav.mobile-nav {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .page-wrapper {
        overflow: hidden;
    }
    .page-wrapper nav.mobile-nav {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 221px;
        font-size: 14px;
        background: #fafafa;
    }
    .page-wrapper nav.mobile-nav ul {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        margin: 0;
        padding: 0;
        background: #f3f3f2;
    }
    .page-wrapper nav.mobile-nav ul>li {
        position: relative;
        border-bottom: 1px solid #fafafa;
    }
    .page-wrapper nav.mobile-nav ul>li:first-child a {
        height: 40px;
        padding: 14px 0 6px 24px;
    }
    .page-wrapper nav.mobile-nav ul>li:first-child .arrow {
        padding-top: 4px;
    }
    .page-wrapper nav.mobile-nav ul>li a {
        display: block;
        height: 32px;
        color: #5d6770;
        font-weight: 600;
        padding: 6px 0 6px 24px;
    }
    .page-wrapper nav.mobile-nav ul>li.selected a {
        font-weight: 800;
    }
    .page-wrapper nav.mobile-nav ul>li:last-child {
        border-bottom: none;
    }
    .page-wrapper nav.mobile-nav ul>li .mobile-subitems li {
        margin-left: 24px;
    }
    .page-wrapper nav.mobile-nav ul>li .arrow {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 32px;
        text-align: center;
    }
    .page-wrapper nav.mobile-nav ul>li .arrow i {
        transition: transform 250ms ease;
    }
    .page-wrapper nav.mobile-nav ul>li .arrow i.rotated {
        transform: rotate(-180deg);
    }
    .page-wrapper .page-content {
        position: relative;
        left: 0;
        background: #fff;
        -moz-transition: left linear .2s;
        -o-transition: left linear .2s;
        -webkit-transition: left linear;
        -webkit-transition-delay: .2s;
        transition: left linear .2s;
    }
    .page-wrapper .wrapper {
        -moz-transition: left linear .2s;
        -o-transition: left linear .2s;
        -webkit-transition: left linear;
        -webkit-transition-delay: .2s;
        transition: left linear .2s;
    }
    .page-wrapper.open .site-header,
    .page-wrapper.open .page-content {
        left: 221px;
    }
    .page-wrapper.open .page-content {
        -moz-box-shadow: -1px 0 5px rgba(0, 0, 0, .1);
        -webkit-box-shadow: -1px 0 5px rgba(0, 0, 0, .1);
        box-shadow: -1px 0 5px rgba(0, 0, 0, .1);
    }
}

.layout {
    -moz-box-shadow: -7px 0 7px -7px rgba(112, 112, 112, .15), 7px 0 7px -7px rgba(112, 112, 112, .15);
    -webkit-box-shadow: -7px 0 7px -7px rgba(112, 112, 112, .15), 7px 0 7px -7px rgba(112, 112, 112, .15);
    box-shadow: -7px 0 7px -7px rgba(112, 112, 112, .15), 7px 0 7px -7px rgba(112, 112, 112, .15);
    margin: 0 auto;
    max-width: 1280px;
    padding-bottom: 35px;
    background-color: #fff;
}

@media only screen and (max-width:767px) {
    .layout {
        padding-bottom: 0;
    }
}

.layout>aside {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.layout>section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.layout .cols-1 {
    padding-top: 35px;
}

.layout .cols-2 {
    padding-top: 35px;
}

.layout .cols-2>section {
    float: left;
    width: 68%;
}

@media only screen and (max-width:767px) {
    .layout .cols-2>section {
        float: none;
        width: auto;
    }
}

.layout .cols-2>aside {
    float: right;
    width: 29%;
}

@media only screen and (max-width:767px) {
    .layout .cols-2>aside {
        float: none;
        width: auto;
    }
}

.layout.enrollment {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    padding-bottom: 0;
    background-color: transparent;
}

.layout.enrollment .layout {
    padding-top: 35px;
}

.wrapper {
    width: 1040px;
    margin: 0 auto;
}

.mobile .wrapper {
    max-width: 1060px;
}

@media only screen and (max-width:767px) {
    .wrapper {
        width: auto;
        padding: 0 20px;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .wrapper {
        width: auto;
        padding: 0 20px;
    }
}

@media only screen and (min-width:768px) {
    .grid {
        display: table;
        width: 100%;
        width: -webkit-calc(100% + 20px);
        width: -moz-calc(100% + 20px);
        width: -ms-calc(100% + 20px);
        width: -o-calc(100% + 20px);
        width: calc(100% + 20px);
        border-spacing: 10px;
        margin: -10px;
    }
    .grid .col {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        *behavior: url(/static/css/htc/boxsizing.htc);
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }
    .grid .col.one-third {
        width: 33.33%;
    }
    .grid .col.two-third {
        width: 66.67%;
    }
    .grid.three .col {
        width: 33.33%;
    }
    .grid.four .col {
        width: 25%;
    }
    .grid.five .col {
        width: 20%;
    }
    .grid.border .col {
        border: 0;
        border-left: 1px solid #f2f2f2;
        border-image: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, #f2f2f2 30%, #f2f2f2 70%, rgba(242, 242, 242, 0) 100%);
        border-image-slice: 1;
        padding: 0 30px;
    }
    .grid.border .col:first-child {
        border-left: 0;
        padding-left: 0;
    }
    .grid.border .col:last-child {
        padding-right: 0;
    }
    .grid.bg .col {
        background: #f3f3f3;
        padding: 20px;
    }
}

@media only screen and (max-width:767px) {
    .grid.border .col {
        border: 0;
        border-top: 1px solid #f2f2f2;
        border-image: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, #f2f2f2 30%, #f2f2f2 70%, rgba(242, 242, 242, 0) 100%);
        border-image-slice: 1;
        padding: 20px 0;
    }
    .grid.border .col:first-child {
        border-top: 0;
        padding-top: 0;
    }
    .grid.border .col:last-child {
        padding-bottom: 0;
    }
    .grid.bg .col {
        background: #f3f3f3;
        padding: 20px;
    }
}

h1 {
    font: 300 30px/1.1 "proxima-nova-n3", "proxima-nova", Helvetica, Arial, sans-serif;
    color: #257ab3;
}

h2 {
    font: 300 24px/1.1 "proxima-nova-n3", "proxima-nova", Helvetica, Arial, sans-serif;
    color: #257ab3;
}

h3 {
    font: 300 20px/1.1 "proxima-nova-n3", "proxima-nova", Helvetica, Arial, sans-serif;
    color: #333;
}

h4 {
    font: 400 18px/1.1 "proxima-nova-n3", "proxima-nova", Helvetica, Arial, sans-serif;
    color: #333;
}

h5 {
    font: 500 16px/1.1 "proxima-nova-n3", "proxima-nova", Helvetica, Arial, sans-serif;
    color: #333;
}

h6 {
    font: 400 14px/1.1 "proxima-nova-n3", "proxima-nova", Helvetica, Arial, sans-serif;
    color: #333;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

table th,
table td {
    padding: 5px 10px;
    border: 1px solid #eaeaea;
}

table th {
    padding: 10px 10px;
}

table th {
    text-align: left;
}

table td button {
    margin-right: 8px;
}

table td button:last-child {
    margin-right: 0;
}

table thead th {
    border: 1px solid #e8e8e8;
    background-color: #efefef;
    font-weight: 600;
}

table tbody tr {
    background-color: transparent;
}

table tbody td.opened {
    border-left: 2px solid #0971ce;
    border-bottom: 0;
}

table tbody tr.details td:first-child {
    border-right: 0;
    border-left: 2px solid #0971ce;
}

table tfoot td {
    border: 0;
}

table .pagination {
    padding-top: 20px;
    padding-bottom: 0;
}

[grid-table] tbody:nth-child(odd) tr:first-child {
    background: #fafafa;
}

button,
.button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    padding: 7px 18px;
    background-color: #257ab3;
    border: 0;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.375;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    background-image: -moz-linear-gradient(#75b7e2, #257ab3);
    background-image: -webkit-linear-gradient(#75b7e2, #257ab3);
    background-image: linear-gradient(#75b7e2, #257ab3);
}

button:hover,
.button:hover {
    background-color: #6b6b6b;
    background-image: -moz-linear-gradient(#8ac2e7, #2988c8);
    background-image: -webkit-linear-gradient(#8ac2e7, #2988c8);
    background-image: linear-gradient(#8ac2e7, #2988c8);
    color: #fff;
}

button:disabled,
button.disabled,
.button:disabled,
.button.disabled {
    color: #fff;
    background-color: #ccc;
    background-image: none;
    opacity: .5;
    cursor: default;
}

button.small,
.button.small {
    font-size: 13px;
    padding: 6px 14px;
}

button.large,
.button.large {
    font-size: 16px;
    padding: 12px 30px;
}

button.secondary,
.button.secondary {
    color: #257ab3;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .1);
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    background-image: -moz-linear-gradient(#fcfcfc, #f1f1f1);
    background-image: -webkit-linear-gradient(#fcfcfc, #f1f1f1);
    background-image: linear-gradient(#fcfcfc, #f1f1f1);
}

button.tertiary,
.button.tertiary {
    background-color: transparent;
    background-image: none;
    color: #257ab3;
}

button.tertiary.disabled,
.button.tertiary.disabled {
    color: gray;
}

button.grey,
.button.grey {
    background-color: #e9e9e9;
    background-image: -moz-linear-gradient(#eee, #e9e9e9);
    background-image: -webkit-linear-gradient(#eee, #e9e9e9);
    background-image: linear-gradient(#eee, #e9e9e9);
    color: #333;
}

button.green,
.button.green {
    background-color: #56a21f;
    background-image: -moz-linear-gradient(#55be0d, #56a21f);
    background-image: -webkit-linear-gradient(#55be0d, #56a21f);
    background-image: linear-gradient(#55be0d, #56a21f);
}

button.teal,
.button.teal {
    background-color: #17b0ae;
    background-image: -moz-linear-gradient(#1cbfbd, #17b0ae);
    background-image: -webkit-linear-gradient(#1cbfbd, #17b0ae);
    background-image: linear-gradient(#1cbfbd, #17b0ae);
}

button.plain,
.button.plain,
article.button.message {
    background: none;
    color: #333;
}

button.outline,
.button.outline {
    background: none;
    color: #5d6770;
    border: solid 2px #5d6770;
}

button.outline:hover,
.button.outline:hover {
    background-color: #5d6770;
    color: #fff;
}

button.solid-blue,
.button.solid-blue {
    background: #1670b9;
    color: #fff;
    border: solid 2px #1670b9;
}

button.solid-blue:hover,
.button.solid-blue:hover {
    border: solid 2px #1670b9!important;
    background-color: #fff;
    color: #1670b9;
}

button.link,
.button.link {
    background-color: transparent;
    background-image: none;
    color: #257ab3;
    text-shadow: none;
}

button.social,
.button.social {
    display: inline-block;
    width: 190px;
    position: relative;
    padding-left: 50px;
}

button.social .icon-holder,
.button.social .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40px;
    text-align: center;
}

button.social .icon-holder i,
.button.social .icon-holder i {
    position: absolute;
    top: 15px;
    left: 13px;
}

button.facebook,
.button.facebook {
    background: #4a6aa9;
    border: 1px solid #3e5c9b;
}

button.facebook .icon-holder,
.button.facebook .icon-holder {
    border-right: 1px solid #3e5c9b;
}

button.facebook .icon-holder i,
.button.facebook .icon-holder i {
    left: 16px;
}

button.twitter,
.button.twitter {
    background: #36a5ca;
    border: 1px solid #2a86a6;
}

button.twitter .icon-holder,
.button.twitter .icon-holder {
    border-right: 1px solid #2a86a6;
}

button.twitter .icon-holder i,
.button.twitter .icon-holder i {
    top: 16px;
}

button.linkedin,
.button.linkedin {
    background: #2386bb;
    border: 1px solid #1f557e;
}

button.linkedin .icon-holder,
.button.linkedin .icon-holder {
    border-right: 1px solid #1f557e;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="color"],
textarea,
select {
    display: inline-block;
    width: 50%;
    padding: 7px 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    vertical-align: middle;
    height: 34px;
    line-height: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    -webkit-transition: border linear, box-shadow linear;
    -webkit-transition-delay: .2s, .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

input[type="text"].input--small,
input[type="password"].input--small,
input[type="search"].input--small,
input[type="number"].input--small,
input[type="datetime"].input--small,
input[type="datetime-local"].input--small,
input[type="date"].input--small,
input[type="month"].input--small,
input[type="time"].input--small,
input[type="week"].input--small,
input[type="email"].input--small,
input[type="url"].input--small,
input[type="tel"].input--small,
input[type="color"].input--small,
textarea.input--small,
select.input--small {
    padding: 5px 8px;
    height: 30px;
}

input[type="text"].input--large,
input[type="password"].input--large,
input[type="search"].input--large,
input[type="number"].input--large,
input[type="datetime"].input--large,
input[type="datetime-local"].input--large,
input[type="date"].input--large,
input[type="month"].input--large,
input[type="time"].input--large,
input[type="week"].input--large,
input[type="email"].input--large,
input[type="url"].input--large,
input[type="tel"].input--large,
input[type="color"].input--large,
textarea.input--large,
select.input--large {
    padding: 11px 10px;
    height: 46px;
}

input[type="text"].small,
input[type="password"].small,
input[type="search"].small,
input[type="number"].small,
input[type="datetime"].small,
input[type="datetime-local"].small,
input[type="date"].small,
input[type="month"].small,
input[type="time"].small,
input[type="week"].small,
input[type="email"].small,
input[type="url"].small,
input[type="tel"].small,
input[type="color"].small,
textarea.small,
select.small {
    width: 100px;
}

input[type="text"].full-width,
input[type="password"].full-width,
input[type="search"].full-width,
input[type="number"].full-width,
input[type="datetime"].full-width,
input[type="datetime-local"].full-width,
input[type="date"].full-width,
input[type="month"].full-width,
input[type="time"].full-width,
input[type="week"].full-width,
input[type="email"].full-width,
input[type="url"].full-width,
input[type="tel"].full-width,
input[type="color"].full-width,
textarea.full-width,
select.full-width {
    width: 100%;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: #66afe9;
    -moz-box-shadow: 0 0 8px rgba(102, 175, 233, .75);
    -webkit-box-shadow: 0 0 8px rgba(102, 175, 233, .75);
    box-shadow: 0 0 8px rgba(102, 175, 233, .75);
    outline: none;
}

input[type="text"]:disabled,
input[type="text"].disabled,
input[type="password"]:disabled,
input[type="password"].disabled,
input[type="search"]:disabled,
input[type="search"].disabled,
input[type="number"]:disabled,
input[type="number"].disabled,
input[type="datetime"]:disabled,
input[type="datetime"].disabled,
input[type="datetime-local"]:disabled,
input[type="datetime-local"].disabled,
input[type="date"]:disabled,
input[type="date"].disabled,
input[type="month"]:disabled,
input[type="month"].disabled,
input[type="time"]:disabled,
input[type="time"].disabled,
input[type="week"]:disabled,
input[type="week"].disabled,
input[type="email"]:disabled,
input[type="email"].disabled,
input[type="url"]:disabled,
input[type="url"].disabled,
input[type="tel"]:disabled,
input[type="tel"].disabled,
input[type="color"]:disabled,
input[type="color"].disabled,
textarea:disabled,
textarea.disabled,
select:disabled,
select.disabled {
    background: #fafafa;
}

@media only screen and (max-width:767px) {
    input[type="text"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="email"],
    input[type="url"],
    input[type="tel"],
    input[type="color"],
    textarea,
    select {
        width: 100%;
    }
    input[type="text"].small,
    input[type="password"].small,
    input[type="search"].small,
    input[type="number"].small,
    input[type="datetime"].small,
    input[type="datetime-local"].small,
    input[type="date"].small,
    input[type="month"].small,
    input[type="time"].small,
    input[type="week"].small,
    input[type="email"].small,
    input[type="url"].small,
    input[type="tel"].small,
    input[type="color"].small,
    textarea.small,
    select.small {
        width: 100px;
    }
}

input[type="search"] {
    padding: 0 25px 0 5px;
    background: #fff url('../images/i/icon/search.png') 98% 50% no-repeat;
}

textarea {
    width: 100%;
    height: 50px;
}

select {
    position: relative;
    padding-right: 25px!important;
    background-image: url('../images/i/icon/select-arrow.png');
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: '';
    line-height: 16px;
    -webkit-appearance: none;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    select {
        background-image: url('../images/i/icon2x/select-arrow.png');
        background-size: 25px 6px;
    }
}

@-moz-document url-prefix() {
    select {
        /* background-image: none; */
    }
}

select::-ms-expand {
    display: none;
}

.lt-ie10 select {
    padding-right: 5px!important;
    background: #fff;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

legend {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 14px;
}

form .additional-field-action,
.form .additional-field-action {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin: 15px 0 -10px;
}

form .help-text,
.form .help-text {
    display: block;
    color: #999;
    font-size: 11px;
    line-height: 1.3;
    padding: 7px 8px 0 0;
}

form .validationSummary,
.form .validationSummary {
    margin-bottom: 10px;
    color: #be3438;
}

form .validationSummary ul,
.form .validationSummary ul {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin: 0;
    padding: 0;
}

form .validation-summary-valid,
.form .validation-summary-valid {
    display: none;
}

form .single-link,
.form .single-link {
    font-size: 14px;
}

@media only screen and (min-width:768px) {
    form .single-link,
    .form .single-link {
        display: inline-block;
        margin-top: 32px;
    }
}

form .item>label,
.form .item>label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}

form .item>label span,
.form .item>label span {
    text-transform: none;
}

form .item input,
.form .item input {
    vertical-align: baseline;
}

form .item>ul,
.form .item>ul {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin: 0;
    padding: 0;
}

form .item span.note,
.form .item span.note {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    color: #888;
}

form .item.horizontal>label,
form .item.horizontal .label,
.form .item.horizontal>label,
.form .item.horizontal .label {
    display: inline-block;
    margin-right: 5px;
    text-transform: uppercase;
}

form .item .field-validation-error,
.form .item .field-validation-error {
    display: block;
}

form .item.error input[type="text"],
form .item.error input[type="password"],
form .item.error input[type="search"],
form .item.error input[type="number"],
form .item.error input[type="datetime"],
form .item.error input[type="datetime-local"],
form .item.error input[type="date"],
form .item.error input[type="month"],
form .item.error input[type="time"],
form .item.error input[type="week"],
form .item.error input[type="email"],
form .item.error input[type="url"],
form .item.error input[type="tel"],
form .item.error input[type="color"],
form .item.error textarea,
form .item.error select,
.form .item.error input[type="text"],
.form .item.error input[type="password"],
.form .item.error input[type="search"],
.form .item.error input[type="number"],
.form .item.error input[type="datetime"],
.form .item.error input[type="datetime-local"],
.form .item.error input[type="date"],
.form .item.error input[type="month"],
.form .item.error input[type="time"],
.form .item.error input[type="week"],
.form .item.error input[type="email"],
.form .item.error input[type="url"],
.form .item.error input[type="tel"],
.form .item.error input[type="color"],
.form .item.error textarea,
.form .item.error select {
    border-color: #c00;
}

form .item.error input[type="text"]::-webkit-input-placeholder,
form .item.error input[type="password"]::-webkit-input-placeholder,
form .item.error input[type="search"]::-webkit-input-placeholder,
form .item.error input[type="number"]::-webkit-input-placeholder,
form .item.error input[type="datetime"]::-webkit-input-placeholder,
form .item.error input[type="datetime-local"]::-webkit-input-placeholder,
form .item.error input[type="date"]::-webkit-input-placeholder,
form .item.error input[type="month"]::-webkit-input-placeholder,
form .item.error input[type="time"]::-webkit-input-placeholder,
form .item.error input[type="week"]::-webkit-input-placeholder,
form .item.error input[type="email"]::-webkit-input-placeholder,
form .item.error input[type="url"]::-webkit-input-placeholder,
form .item.error input[type="tel"]::-webkit-input-placeholder,
form .item.error input[type="color"]::-webkit-input-placeholder,
form .item.error textarea::-webkit-input-placeholder,
form .item.error select::-webkit-input-placeholder,
.form .item.error input[type="text"]::-webkit-input-placeholder,
.form .item.error input[type="password"]::-webkit-input-placeholder,
.form .item.error input[type="search"]::-webkit-input-placeholder,
.form .item.error input[type="number"]::-webkit-input-placeholder,
.form .item.error input[type="datetime"]::-webkit-input-placeholder,
.form .item.error input[type="datetime-local"]::-webkit-input-placeholder,
.form .item.error input[type="date"]::-webkit-input-placeholder,
.form .item.error input[type="month"]::-webkit-input-placeholder,
.form .item.error input[type="time"]::-webkit-input-placeholder,
.form .item.error input[type="week"]::-webkit-input-placeholder,
.form .item.error input[type="email"]::-webkit-input-placeholder,
.form .item.error input[type="url"]::-webkit-input-placeholder,
.form .item.error input[type="tel"]::-webkit-input-placeholder,
.form .item.error input[type="color"]::-webkit-input-placeholder,
.form .item.error textarea::-webkit-input-placeholder,
.form .item.error select::-webkit-input-placeholder {
    color: #c00;
}

form .item.error input[type="text"]:-moz-placeholder,
form .item.error input[type="password"]:-moz-placeholder,
form .item.error input[type="search"]:-moz-placeholder,
form .item.error input[type="number"]:-moz-placeholder,
form .item.error input[type="datetime"]:-moz-placeholder,
form .item.error input[type="datetime-local"]:-moz-placeholder,
form .item.error input[type="date"]:-moz-placeholder,
form .item.error input[type="month"]:-moz-placeholder,
form .item.error input[type="time"]:-moz-placeholder,
form .item.error input[type="week"]:-moz-placeholder,
form .item.error input[type="email"]:-moz-placeholder,
form .item.error input[type="url"]:-moz-placeholder,
form .item.error input[type="tel"]:-moz-placeholder,
form .item.error input[type="color"]:-moz-placeholder,
form .item.error textarea:-moz-placeholder,
form .item.error select:-moz-placeholder,
.form .item.error input[type="text"]:-moz-placeholder,
.form .item.error input[type="password"]:-moz-placeholder,
.form .item.error input[type="search"]:-moz-placeholder,
.form .item.error input[type="number"]:-moz-placeholder,
.form .item.error input[type="datetime"]:-moz-placeholder,
.form .item.error input[type="datetime-local"]:-moz-placeholder,
.form .item.error input[type="date"]:-moz-placeholder,
.form .item.error input[type="month"]:-moz-placeholder,
.form .item.error input[type="time"]:-moz-placeholder,
.form .item.error input[type="week"]:-moz-placeholder,
.form .item.error input[type="email"]:-moz-placeholder,
.form .item.error input[type="url"]:-moz-placeholder,
.form .item.error input[type="tel"]:-moz-placeholder,
.form .item.error input[type="color"]:-moz-placeholder,
.form .item.error textarea:-moz-placeholder,
.form .item.error select:-moz-placeholder {
    color: #c00;
}

form .item.error input[type="text"]::-moz-placeholder,
form .item.error input[type="password"]::-moz-placeholder,
form .item.error input[type="search"]::-moz-placeholder,
form .item.error input[type="number"]::-moz-placeholder,
form .item.error input[type="datetime"]::-moz-placeholder,
form .item.error input[type="datetime-local"]::-moz-placeholder,
form .item.error input[type="date"]::-moz-placeholder,
form .item.error input[type="month"]::-moz-placeholder,
form .item.error input[type="time"]::-moz-placeholder,
form .item.error input[type="week"]::-moz-placeholder,
form .item.error input[type="email"]::-moz-placeholder,
form .item.error input[type="url"]::-moz-placeholder,
form .item.error input[type="tel"]::-moz-placeholder,
form .item.error input[type="color"]::-moz-placeholder,
form .item.error textarea::-moz-placeholder,
form .item.error select::-moz-placeholder,
.form .item.error input[type="text"]::-moz-placeholder,
.form .item.error input[type="password"]::-moz-placeholder,
.form .item.error input[type="search"]::-moz-placeholder,
.form .item.error input[type="number"]::-moz-placeholder,
.form .item.error input[type="datetime"]::-moz-placeholder,
.form .item.error input[type="datetime-local"]::-moz-placeholder,
.form .item.error input[type="date"]::-moz-placeholder,
.form .item.error input[type="month"]::-moz-placeholder,
.form .item.error input[type="time"]::-moz-placeholder,
.form .item.error input[type="week"]::-moz-placeholder,
.form .item.error input[type="email"]::-moz-placeholder,
.form .item.error input[type="url"]::-moz-placeholder,
.form .item.error input[type="tel"]::-moz-placeholder,
.form .item.error input[type="color"]::-moz-placeholder,
.form .item.error textarea::-moz-placeholder,
.form .item.error select::-moz-placeholder {
    color: #c00;
}

form .item.error input[type="text"]:-ms-input-placeholder,
form .item.error input[type="password"]:-ms-input-placeholder,
form .item.error input[type="search"]:-ms-input-placeholder,
form .item.error input[type="number"]:-ms-input-placeholder,
form .item.error input[type="datetime"]:-ms-input-placeholder,
form .item.error input[type="datetime-local"]:-ms-input-placeholder,
form .item.error input[type="date"]:-ms-input-placeholder,
form .item.error input[type="month"]:-ms-input-placeholder,
form .item.error input[type="time"]:-ms-input-placeholder,
form .item.error input[type="week"]:-ms-input-placeholder,
form .item.error input[type="email"]:-ms-input-placeholder,
form .item.error input[type="url"]:-ms-input-placeholder,
form .item.error input[type="tel"]:-ms-input-placeholder,
form .item.error input[type="color"]:-ms-input-placeholder,
form .item.error textarea:-ms-input-placeholder,
form .item.error select:-ms-input-placeholder,
.form .item.error input[type="text"]:-ms-input-placeholder,
.form .item.error input[type="password"]:-ms-input-placeholder,
.form .item.error input[type="search"]:-ms-input-placeholder,
.form .item.error input[type="number"]:-ms-input-placeholder,
.form .item.error input[type="datetime"]:-ms-input-placeholder,
.form .item.error input[type="datetime-local"]:-ms-input-placeholder,
.form .item.error input[type="date"]:-ms-input-placeholder,
.form .item.error input[type="month"]:-ms-input-placeholder,
.form .item.error input[type="time"]:-ms-input-placeholder,
.form .item.error input[type="week"]:-ms-input-placeholder,
.form .item.error input[type="email"]:-ms-input-placeholder,
.form .item.error input[type="url"]:-ms-input-placeholder,
.form .item.error input[type="tel"]:-ms-input-placeholder,
.form .item.error input[type="color"]:-ms-input-placeholder,
.form .item.error textarea:-ms-input-placeholder,
.form .item.error select:-ms-input-placeholder {
    color: #c00;
}

form .item.error .field-validation-error,
.form .item.error .field-validation-error {
    margin-top: 5px;
    color: #c00;
    font-size: 14px;
}

@media only screen and (max-width:767px) {
    form .item,
    .form .item {
        padding-right: 0;
    }
}

form .item.fl-enabled,
.form .item.fl-enabled {
    position: relative;
}

form .item.fl-enabled>label,
form .item.fl-enabled .label,
.form .item.fl-enabled>label,
.form .item.fl-enabled .label {
    position: absolute;
    top: 10px;
    padding: 0 10px;
    color: #0971ce;
    opacity: 0;
    font-size: 12px;
}

form .item.fl-enabled input[type="text"],
form .item.fl-enabled input[type="password"],
form .item.fl-enabled input[type="search"],
form .item.fl-enabled input[type="number"],
form .item.fl-enabled input[type="datetime"],
form .item.fl-enabled input[type="datetime-local"],
form .item.fl-enabled input[type="date"],
form .item.fl-enabled input[type="month"],
form .item.fl-enabled input[type="time"],
form .item.fl-enabled input[type="week"],
form .item.fl-enabled input[type="email"],
form .item.fl-enabled input[type="url"],
form .item.fl-enabled input[type="tel"],
form .item.fl-enabled input[type="color"],
form .item.fl-enabled textarea,
.form .item.fl-enabled input[type="text"],
.form .item.fl-enabled input[type="password"],
.form .item.fl-enabled input[type="search"],
.form .item.fl-enabled input[type="number"],
.form .item.fl-enabled input[type="datetime"],
.form .item.fl-enabled input[type="datetime-local"],
.form .item.fl-enabled input[type="date"],
.form .item.fl-enabled input[type="month"],
.form .item.fl-enabled input[type="time"],
.form .item.fl-enabled input[type="week"],
.form .item.fl-enabled input[type="email"],
.form .item.fl-enabled input[type="url"],
.form .item.fl-enabled input[type="tel"],
.form .item.fl-enabled input[type="color"],
.form .item.fl-enabled textarea {
    padding-top: 18px;
    padding-bottom: 5px;
    margin-top: 5px;
}

form .item.fl-enabled.fl-active>label,
form .item.fl-enabled.fl-active .label,
.form .item.fl-enabled.fl-active>label,
.form .item.fl-enabled.fl-active .label {
    top: 5px;
    opacity: 1;
}

form .item.fl-enabled.fl-animate>label,
form .item.fl-enabled.fl-animate .label,
.form .item.fl-enabled.fl-animate>label,
.form .item.fl-enabled.fl-animate .label {
    transition: all .25s;
}

@media only screen and (min-width:1025px) {
    form .group .item+.item,
    .form .group .item+.item {
        padding-left: 10px;
    }
    form .group.inline-group,
    article .account-selector form div.group,
    .form .group.inline-group,
    .form article .account-selector form div.group,
    article .account-selector form .form div.group {
        width: auto;
    }
    form .group.inline-group .item label,
    article .account-selector form div.group .item label,
    form .group.inline-group .item .label,
    article .account-selector form div.group .item .label,
    .form .group.inline-group .item label,
    .form article .account-selector form div.group .item label,
    article .account-selector form .form div.group .item label,
    .form .group.inline-group .item .label,
    .form article .account-selector form div.group .item .label,
    article .account-selector form .form div.group .item .label {
        display: inline-block;
        margin-right: 5px;
    }
    form .group.inline-group .item input,
    article .account-selector form div.group .item input,
    form .group.inline-group .item select,
    article .account-selector form div.group .item select,
    .form .group.inline-group .item input,
    .form article .account-selector form div.group .item input,
    article .account-selector form .form div.group .item input,
    .form .group.inline-group .item select,
    .form article .account-selector form div.group .item select,
    article .account-selector form .form div.group .item select {
        width: auto;
    }
}

@media only screen and (min-width:768px) {
    form .group .item,
    .form .group .item {
        float: left;
        margin-bottom: 0;
        padding: 0 0 0 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    form .group .item input[type="text"],
    form .group .item input[type="password"],
    form .group .item input[type="search"],
    form .group .item input[type="number"],
    form .group .item input[type="datetime"],
    form .group .item input[type="datetime-local"],
    form .group .item input[type="date"],
    form .group .item input[type="month"],
    form .group .item input[type="time"],
    form .group .item input[type="week"],
    form .group .item input[type="email"],
    form .group .item input[type="url"],
    form .group .item input[type="tel"],
    form .group .item input[type="color"],
    form .group .item textarea,
    form .group .item select,
    .form .group .item input[type="text"],
    .form .group .item input[type="password"],
    .form .group .item input[type="search"],
    .form .group .item input[type="number"],
    .form .group .item input[type="datetime"],
    .form .group .item input[type="datetime-local"],
    .form .group .item input[type="date"],
    .form .group .item input[type="month"],
    .form .group .item input[type="time"],
    .form .group .item input[type="week"],
    .form .group .item input[type="email"],
    .form .group .item input[type="url"],
    .form .group .item input[type="tel"],
    .form .group .item input[type="color"],
    .form .group .item textarea,
    .form .group .item select {
        width: 100%;
    }
    form .group .item input[type="text"].small,
    form .group .item input[type="password"].small,
    form .group .item input[type="search"].small,
    form .group .item input[type="number"].small,
    form .group .item input[type="datetime"].small,
    form .group .item input[type="datetime-local"].small,
    form .group .item input[type="date"].small,
    form .group .item input[type="month"].small,
    form .group .item input[type="time"].small,
    form .group .item input[type="week"].small,
    form .group .item input[type="email"].small,
    form .group .item input[type="url"].small,
    form .group .item input[type="tel"].small,
    form .group .item input[type="color"].small,
    form .group .item textarea.small,
    form .group .item select.small,
    .form .group .item input[type="text"].small,
    .form .group .item input[type="password"].small,
    .form .group .item input[type="search"].small,
    .form .group .item input[type="number"].small,
    .form .group .item input[type="datetime"].small,
    .form .group .item input[type="datetime-local"].small,
    .form .group .item input[type="date"].small,
    .form .group .item input[type="month"].small,
    .form .group .item input[type="time"].small,
    .form .group .item input[type="week"].small,
    .form .group .item input[type="email"].small,
    .form .group .item input[type="url"].small,
    .form .group .item input[type="tel"].small,
    .form .group .item input[type="color"].small,
    .form .group .item textarea.small,
    .form .group .item select.small {
        width: 100px;
    }
    form .group .item input[type="text"].dob,
    form .group .item input[type="password"].dob,
    form .group .item input[type="search"].dob,
    form .group .item input[type="number"].dob,
    form .group .item input[type="datetime"].dob,
    form .group .item input[type="datetime-local"].dob,
    form .group .item input[type="date"].dob,
    form .group .item input[type="month"].dob,
    form .group .item input[type="time"].dob,
    form .group .item input[type="week"].dob,
    form .group .item input[type="email"].dob,
    form .group .item input[type="url"].dob,
    form .group .item input[type="tel"].dob,
    form .group .item input[type="color"].dob,
    form .group .item textarea.dob,
    form .group .item select.dob,
    .form .group .item input[type="text"].dob,
    .form .group .item input[type="password"].dob,
    .form .group .item input[type="search"].dob,
    .form .group .item input[type="number"].dob,
    .form .group .item input[type="datetime"].dob,
    .form .group .item input[type="datetime-local"].dob,
    .form .group .item input[type="date"].dob,
    .form .group .item input[type="month"].dob,
    .form .group .item input[type="time"].dob,
    .form .group .item input[type="week"].dob,
    .form .group .item input[type="email"].dob,
    .form .group .item input[type="url"].dob,
    .form .group .item input[type="tel"].dob,
    .form .group .item input[type="color"].dob,
    .form .group .item textarea.dob,
    .form .group .item select.dob {
        width: 140px;
    }
    form .group .item:first-child,
    .form .group .item:first-child {
        padding-left: 0;
    }
    form .group .item.horizontal input[type="text"],
    form .group .item.horizontal input[type="password"],
    form .group .item.horizontal input[type="search"],
    form .group .item.horizontal input[type="number"],
    form .group .item.horizontal input[type="datetime"],
    form .group .item.horizontal input[type="datetime-local"],
    form .group .item.horizontal input[type="date"],
    form .group .item.horizontal input[type="month"],
    form .group .item.horizontal input[type="time"],
    form .group .item.horizontal input[type="week"],
    form .group .item.horizontal input[type="email"],
    form .group .item.horizontal input[type="url"],
    form .group .item.horizontal input[type="tel"],
    form .group .item.horizontal input[type="color"],
    form .group .item.horizontal textarea,
    form .group .item.horizontal select,
    .form .group .item.horizontal input[type="text"],
    .form .group .item.horizontal input[type="password"],
    .form .group .item.horizontal input[type="search"],
    .form .group .item.horizontal input[type="number"],
    .form .group .item.horizontal input[type="datetime"],
    .form .group .item.horizontal input[type="datetime-local"],
    .form .group .item.horizontal input[type="date"],
    .form .group .item.horizontal input[type="month"],
    .form .group .item.horizontal input[type="time"],
    .form .group .item.horizontal input[type="week"],
    .form .group .item.horizontal input[type="email"],
    .form .group .item.horizontal input[type="url"],
    .form .group .item.horizontal input[type="tel"],
    .form .group .item.horizontal input[type="color"],
    .form .group .item.horizontal textarea,
    .form .group .item.horizontal select {
        width: auto;
    }
    form .group .group-col,
    article .account-selector form div.group div.item,
    .form .group .group-col,
    .form article .account-selector form div.group div.item,
    article .account-selector form .form div.group div.item {
        width: 50%;
    }
}

form .group.or-sep,
.form .group.or-sep {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
}

form .group.or-sep:before,
form .group.or-sep:after,
.form .group.or-sep:before,
.form .group.or-sep:after {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
}

form .group.or-sep:before,
.form .group.or-sep:before {
    top: 0;
    bottom: 0;
    border-right: 1px solid #eaeaea;
}

form .group.or-sep:after,
.form .group.or-sep:after {
    content: "OR";
    top: 50%;
    height: 30px;
    width: 30px;
    margin: -15px 0 0 -15px;
    line-height: 30px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #eaeaea;
    font-size: 12px;
    font-weight: bold;
}

form .group.or-sep .item,
.form .group.or-sep .item {
    padding-right: 35px;
}

form .group.or-sep .item:last-child,
.form .group.or-sep .item:last-child {
    padding-left: 35px;
    padding-right: 0;
}

@media only screen and (max-width:767px) {
    form .group.or-sep:before,
    form .group.or-sep:after,
    .form .group.or-sep:before,
    .form .group.or-sep:after {
        left: 0;
        top: 50%;
    }
    form .group.or-sep:before,
    .form .group.or-sep:before {
        left: 0;
        right: 0;
        top: 50%;
        bottom: 50%;
        border-top: 1px solid #eaeaea;
    }
    form .group.or-sep:after,
    .form .group.or-sep:after {
        left: 50%;
    }
    form .group.or-sep .item,
    .form .group.or-sep .item {
        padding: 0 0 20px 0;
    }
    form .group.or-sep .item:last-child,
    .form .group.or-sep .item:last-child {
        padding: 20px 0 0 0;
    }
}

form div.additional-field-group,
.form div.additional-field-group {
    background: #fafafa;
    padding: 20px 20px;
    margin: 20px -20px -20px;
    border-top: 1px solid #ddd;
    position: relative;
}

form div.additional-field-group:after,
form div.additional-field-group:before,
.form div.additional-field-group:after,
.form div.additional-field-group:before {
    bottom: 100%;
    left: 12%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

form div.additional-field-group:after,
.form div.additional-field-group:after {
    border-color: rgba(250, 250, 250, 0);
    border-bottom-color: #fafafa;
    border-width: 10px;
    margin-left: -10px;
}

form div.additional-field-group:before,
.form div.additional-field-group:before {
    border-color: rgba(222, 222, 222, 0);
    border-bottom-color: #ddd;
    border-width: 11px;
    margin-left: -11px;
}

form .vertical .item>label,
form .vertical .item .label,
.form .vertical .item>label,
.form .vertical .item .label {
    float: left;
    width: 33%;
    text-transform: uppercase;
}

form .vertical .item input[type="text"],
form .vertical .item input[type="password"],
form .vertical .item input[type="search"],
form .vertical .item input[type="number"],
form .vertical .item input[type="datetime"],
form .vertical .item input[type="datetime-local"],
form .vertical .item input[type="date"],
form .vertical .item input[type="month"],
form .vertical .item input[type="time"],
form .vertical .item input[type="week"],
form .vertical .item input[type="email"],
form .vertical .item input[type="url"],
form .vertical .item input[type="tel"],
form .vertical .item input[type="color"],
form .vertical .item textarea,
form .vertical .item select,
.form .vertical .item input[type="text"],
.form .vertical .item input[type="password"],
.form .vertical .item input[type="search"],
.form .vertical .item input[type="number"],
.form .vertical .item input[type="datetime"],
.form .vertical .item input[type="datetime-local"],
.form .vertical .item input[type="date"],
.form .vertical .item input[type="month"],
.form .vertical .item input[type="time"],
.form .vertical .item input[type="week"],
.form .vertical .item input[type="email"],
.form .vertical .item input[type="url"],
.form .vertical .item input[type="tel"],
.form .vertical .item input[type="color"],
.form .vertical .item textarea,
.form .vertical .item select {
    max-width: 67%;
}

form .vertical .item .btn-group-options input[type="text"],
form .vertical .item .btn-group-options input[type="password"],
form .vertical .item .btn-group-options input[type="search"],
form .vertical .item .btn-group-options input[type="number"],
form .vertical .item .btn-group-options input[type="datetime"],
form .vertical .item .btn-group-options input[type="datetime-local"],
form .vertical .item .btn-group-options input[type="date"],
form .vertical .item .btn-group-options input[type="month"],
form .vertical .item .btn-group-options input[type="time"],
form .vertical .item .btn-group-options input[type="week"],
form .vertical .item .btn-group-options input[type="email"],
form .vertical .item .btn-group-options input[type="url"],
form .vertical .item .btn-group-options input[type="tel"],
form .vertical .item .btn-group-options input[type="color"],
form .vertical .item .btn-group-options textarea,
form .vertical .item .btn-group-options select,
.form .vertical .item .btn-group-options input[type="text"],
.form .vertical .item .btn-group-options input[type="password"],
.form .vertical .item .btn-group-options input[type="search"],
.form .vertical .item .btn-group-options input[type="number"],
.form .vertical .item .btn-group-options input[type="datetime"],
.form .vertical .item .btn-group-options input[type="datetime-local"],
.form .vertical .item .btn-group-options input[type="date"],
.form .vertical .item .btn-group-options input[type="month"],
.form .vertical .item .btn-group-options input[type="time"],
.form .vertical .item .btn-group-options input[type="week"],
.form .vertical .item .btn-group-options input[type="email"],
.form .vertical .item .btn-group-options input[type="url"],
.form .vertical .item .btn-group-options input[type="tel"],
.form .vertical .item .btn-group-options input[type="color"],
.form .vertical .item .btn-group-options textarea,
.form .vertical .item .btn-group-options select {
    max-width: 100%;
}

form .vertical .item .radio-list,
form .vertical .item .checkbox-list,
.form .vertical .item .radio-list,
.form .vertical .item .checkbox-list {
    float: left;
}

form .vertical .item.group-col input[type="text"],
article .account-selector form .vertical div.group div.item input[type="text"],
article .account-selector form div.group .vertical div.item input[type="text"],
form .vertical .item.group-col input[type="password"],
article .account-selector form .vertical div.group div.item input[type="password"],
article .account-selector form div.group .vertical div.item input[type="password"],
form .vertical .item.group-col input[type="search"],
article .account-selector form .vertical div.group div.item input[type="search"],
article .account-selector form div.group .vertical div.item input[type="search"],
form .vertical .item.group-col input[type="number"],
article .account-selector form .vertical div.group div.item input[type="number"],
article .account-selector form div.group .vertical div.item input[type="number"],
form .vertical .item.group-col input[type="datetime"],
article .account-selector form .vertical div.group div.item input[type="datetime"],
article .account-selector form div.group .vertical div.item input[type="datetime"],
form .vertical .item.group-col input[type="datetime-local"],
article .account-selector form .vertical div.group div.item input[type="datetime-local"],
article .account-selector form div.group .vertical div.item input[type="datetime-local"],
form .vertical .item.group-col input[type="date"],
article .account-selector form .vertical div.group div.item input[type="date"],
article .account-selector form div.group .vertical div.item input[type="date"],
form .vertical .item.group-col input[type="month"],
article .account-selector form .vertical div.group div.item input[type="month"],
article .account-selector form div.group .vertical div.item input[type="month"],
form .vertical .item.group-col input[type="time"],
article .account-selector form .vertical div.group div.item input[type="time"],
article .account-selector form div.group .vertical div.item input[type="time"],
form .vertical .item.group-col input[type="week"],
article .account-selector form .vertical div.group div.item input[type="week"],
article .account-selector form div.group .vertical div.item input[type="week"],
form .vertical .item.group-col input[type="email"],
article .account-selector form .vertical div.group div.item input[type="email"],
article .account-selector form div.group .vertical div.item input[type="email"],
form .vertical .item.group-col input[type="url"],
article .account-selector form .vertical div.group div.item input[type="url"],
article .account-selector form div.group .vertical div.item input[type="url"],
form .vertical .item.group-col input[type="tel"],
article .account-selector form .vertical div.group div.item input[type="tel"],
article .account-selector form div.group .vertical div.item input[type="tel"],
form .vertical .item.group-col input[type="color"],
article .account-selector form .vertical div.group div.item input[type="color"],
article .account-selector form div.group .vertical div.item input[type="color"],
form .vertical .item.group-col textarea,
article .account-selector form .vertical div.group div.item textarea,
article .account-selector form div.group .vertical div.item textarea,
form .vertical .item.group-col select,
article .account-selector form .vertical div.group div.item select,
article .account-selector form div.group .vertical div.item select,
.form .vertical .item.group-col input[type="text"],
.form .vertical article .account-selector form div.group div.item input[type="text"],
article .account-selector form div.group .form .vertical div.item input[type="text"],
.form .vertical .item.group-col input[type="password"],
.form .vertical article .account-selector form div.group div.item input[type="password"],
article .account-selector form div.group .form .vertical div.item input[type="password"],
.form .vertical .item.group-col input[type="search"],
.form .vertical article .account-selector form div.group div.item input[type="search"],
article .account-selector form div.group .form .vertical div.item input[type="search"],
.form .vertical .item.group-col input[type="number"],
.form .vertical article .account-selector form div.group div.item input[type="number"],
article .account-selector form div.group .form .vertical div.item input[type="number"],
.form .vertical .item.group-col input[type="datetime"],
.form .vertical article .account-selector form div.group div.item input[type="datetime"],
article .account-selector form div.group .form .vertical div.item input[type="datetime"],
.form .vertical .item.group-col input[type="datetime-local"],
.form .vertical article .account-selector form div.group div.item input[type="datetime-local"],
article .account-selector form div.group .form .vertical div.item input[type="datetime-local"],
.form .vertical .item.group-col input[type="date"],
.form .vertical article .account-selector form div.group div.item input[type="date"],
article .account-selector form div.group .form .vertical div.item input[type="date"],
.form .vertical .item.group-col input[type="month"],
.form .vertical article .account-selector form div.group div.item input[type="month"],
article .account-selector form div.group .form .vertical div.item input[type="month"],
.form .vertical .item.group-col input[type="time"],
.form .vertical article .account-selector form div.group div.item input[type="time"],
article .account-selector form div.group .form .vertical div.item input[type="time"],
.form .vertical .item.group-col input[type="week"],
.form .vertical article .account-selector form div.group div.item input[type="week"],
article .account-selector form div.group .form .vertical div.item input[type="week"],
.form .vertical .item.group-col input[type="email"],
.form .vertical article .account-selector form div.group div.item input[type="email"],
article .account-selector form div.group .form .vertical div.item input[type="email"],
.form .vertical .item.group-col input[type="url"],
.form .vertical article .account-selector form div.group div.item input[type="url"],
article .account-selector form div.group .form .vertical div.item input[type="url"],
.form .vertical .item.group-col input[type="tel"],
.form .vertical article .account-selector form div.group div.item input[type="tel"],
article .account-selector form div.group .form .vertical div.item input[type="tel"],
.form .vertical .item.group-col input[type="color"],
.form .vertical article .account-selector form div.group div.item input[type="color"],
article .account-selector form div.group .form .vertical div.item input[type="color"],
.form .vertical .item.group-col textarea,
.form .vertical article .account-selector form div.group div.item textarea,
article .account-selector form div.group .form .vertical div.item textarea,
.form .vertical .item.group-col select,
.form .vertical article .account-selector form div.group div.item select,
article .account-selector form div.group .form .vertical div.item select {
    max-width: 100%;
}

form .vertical.fixed .item,
.form .vertical.fixed .item {
    padding-left: 250px;
}

form .vertical.fixed .item>label,
form .vertical.fixed .item .label,
.form .vertical.fixed .item>label,
.form .vertical.fixed .item .label {
    float: left;
    width: 250px;
    margin-left: -250px;
    text-transform: uppercase;
}

form .vertical.fixed .item input[type="text"],
form .vertical.fixed .item input[type="password"],
form .vertical.fixed .item input[type="search"],
form .vertical.fixed .item input[type="number"],
form .vertical.fixed .item input[type="datetime"],
form .vertical.fixed .item input[type="datetime-local"],
form .vertical.fixed .item input[type="date"],
form .vertical.fixed .item input[type="month"],
form .vertical.fixed .item input[type="time"],
form .vertical.fixed .item input[type="week"],
form .vertical.fixed .item input[type="email"],
form .vertical.fixed .item input[type="url"],
form .vertical.fixed .item input[type="tel"],
form .vertical.fixed .item input[type="color"],
form .vertical.fixed .item textarea,
form .vertical.fixed .item select,
.form .vertical.fixed .item input[type="text"],
.form .vertical.fixed .item input[type="password"],
.form .vertical.fixed .item input[type="search"],
.form .vertical.fixed .item input[type="number"],
.form .vertical.fixed .item input[type="datetime"],
.form .vertical.fixed .item input[type="datetime-local"],
.form .vertical.fixed .item input[type="date"],
.form .vertical.fixed .item input[type="month"],
.form .vertical.fixed .item input[type="time"],
.form .vertical.fixed .item input[type="week"],
.form .vertical.fixed .item input[type="email"],
.form .vertical.fixed .item input[type="url"],
.form .vertical.fixed .item input[type="tel"],
.form .vertical.fixed .item input[type="color"],
.form .vertical.fixed .item textarea,
.form .vertical.fixed .item select {
    max-width: 100%;
}

form .item,
form .group,
form .vertical,
.form .item,
.form .group,
.form .vertical {
    margin-bottom: 20px;
}

form .item:last-child,
form .group:last-child,
form .vertical:last-child,
.form .item:last-child,
.form .group:last-child,
.form .vertical:last-child {
    margin-bottom: 0;
}

form input[type="radio"],
form input[type="checkbox"],
.form input[type="radio"],
.form input[type="checkbox"] {
    margin-bottom: 0;
    margin-right: 5px;
}

form .radio-list input,
form .radio-list label,
form .radio-list .label,
form .checkbox-list input,
form .checkbox-list label,
form .checkbox-list .label,
.form .radio-list input,
.form .radio-list label,
.form .radio-list .label,
.form .checkbox-list input,
.form .checkbox-list label,
.form .checkbox-list .label {
    display: inline-block;
}

form .radio-list.inline li,
form .checkbox-list.inline li,
.form .radio-list.inline li,
.form .checkbox-list.inline li {
    display: inline-block;
    margin-right: 10px;
}

.btn-dropdown {
    display: inline-block;
}

.btn-dropdown button {
    background: #fff;
    color: #555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    -webkit-transition: border linear, box-shadow linear;
    -webkit-transition-delay: .2s, .2s;
    transition: border linear .2s, box-shadow linear .2s;
    text-transform: none;
    padding-right: 35px;
    border: 1px solid #ccc;
    text-align: left;
    position: relative;
    font-weight: normal;
    text-shadow: none;
}

.btn-dropdown button .caret {
    position: absolute;
    right: 6px;
    top: 7px;
}

.btn-dropdown .dropdown-menu {
    display: none;
}

.btn-dropdown.open .dropdown-menu {
    display: block;
}

.dropdown-menu {
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    position: absolute;
    cursor: pointer;
    background: #fff;
    min-width: 205px;
    z-index: 8000;
}

@media only screen and (max-width:767px) {
    .dropdown-menu {
        width: 100%;
    }
}

.dropdown-menu.typeahead {
    width: calc(100% - 215px);
}

@media only screen and (max-width:767px) {
    .dropdown-menu.typeahead {
        width: 100%;
    }
}

.dropdown-menu.typeahead li a {
    padding: 5px 10px 5px 20px;
}

@media only screen and (min-width:1025px) {
    .dropdown-menu.typeahead li a span {
        width: calc(100% - 40px);
    }
}

.dropdown-menu.typeahead li a .typeahead-button {
    float: right;
    background-color: #fff;
    color: #0971cd;
    padding: 2px 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
}

@media only screen and (max-width:1024px) {
    .dropdown-menu.typeahead li a .typeahead-button {
        display: none;
    }
}

.dropdown-menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dropdown-menu li a {
    padding: 5px 20px;
    display: block;
}

.dropdown-menu li a:hover {
    background: #0971cd;
    color: #fff;
}

.dropdown-menu li.active a {
    background: #0971cd;
    color: #fff;
}

.dropdown-menu.dropdown-menu-right {
    left: 0;
    top: 45px;
}

@media only screen and (min-width:768px) {
    .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
        border-spacing: 0;
    }
    .input-group .input-group-control input,
    .input-group .input-group-control button,
    .input-group .input-group-control select {
        position: relative;
        z-index: 10;
        float: left;
        width: 100%;
    }
    .input-group .input-group-control+.input-group-btn {
        padding-left: 5px;
        padding-right: 0;
    }
    .input-group.collapsed .input-group-control input {
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px 0 0 10px;
        border-right: none;
    }
    .input-group.collapsed .input-group-control+.input-group-btn {
        padding-left: 0;
        padding-right: 0;
    }
    .input-group.collapsed .input-group-control+.input-group-btn button {
        -moz-border-radius: 0 10px 10px 0;
        -webkit-border-radius: 0;
        border-radius: 0 10px 10px 0;
    }
    .input-group .input-group-addon,
    .input-group .input-group-btn,
    .input-group .input-group-control {
        display: table-cell;
    }
    .input-group .input-group-addon:not(:first-child):not(:last-child),
    .input-group .input-group-btn:not(:first-child):not(:last-child),
    .input-group .input-group-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }
    .input-group .input-group-addon,
    .input-group .input-group-btn {
        width: 1%;
        white-space: nowrap;
        vertical-align: top;
    }
    .input-group .input-group-btn button {
        width: auto;
    }
    .input-group .input-group-addon {
        font-weight: normal;
        line-height: 1;
        text-align: center;
    }
    .input-group .input-group-btn {
        position: relative;
        white-space: nowrap;
        padding-right: 5px;
    }
    .input-group .input-group-btn>.btn,
    .input-group .input-group-btn>button,
    .input-group .input-group-btn>.button {
        position: relative;
    }
    .input-group .input-group-btn>.btn+.btn,
    .input-group .input-group-btn>button+.btn,
    .input-group .input-group-btn>.button+.btn {
        margin-left: -1px;
    }
    .input-group .input-group-btn>.btn:hover,
    .input-group .input-group-btn>.btn:focus,
    .input-group .input-group-btn>.btn:active,
    .input-group .input-group-btn>button:hover,
    .input-group .input-group-btn>button:focus,
    .input-group .input-group-btn>button:active,
    .input-group .input-group-btn>.button:hover,
    .input-group .input-group-btn>.button:focus,
    .input-group .input-group-btn>.button:active {
        z-index: 2;
    }
}

@media only screen and (max-width:767px) {
    .input-group-mobile {
        position: relative;
        display: table;
        border-collapse: separate;
        border-spacing: 0;
    }
    .input-group-mobile .input-group-control input,
    .input-group-mobile .input-group-control button,
    .input-group-mobile .input-group-control select {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
    }
    .input-group-mobile .input-group-control+.input-group-btn {
        padding-left: 5px;
        padding-right: 0;
    }
    .input-group-mobile.collapsed .input-group-control input {
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px 0 0 10px;
        border-right: none;
    }
    .input-group-mobile.collapsed .input-group-control+.input-group-btn {
        padding-left: 0;
        padding-right: 0;
    }
    .input-group-mobile.collapsed .input-group-control+.input-group-btn button {
        -moz-border-radius: 0 10px 10px 0;
        -webkit-border-radius: 0;
        border-radius: 0 10px 10px 0;
    }
    .input-group-mobile .input-group-addon,
    .input-group-mobile .input-group-btn,
    .input-group-mobile .input-group-control {
        display: table-cell;
    }
    .input-group-mobile .input-group-addon:not(:first-child):not(:last-child),
    .input-group-mobile .input-group-btn:not(:first-child):not(:last-child),
    .input-group-mobile .input-group-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }
    .input-group-mobile .input-group-addon,
    .input-group-mobile .input-group-btn {
        width: 1%;
        white-space: nowrap;
        vertical-align: top;
    }
    .input-group-mobile .input-group-btn button {
        width: auto;
    }
    .input-group-mobile .input-group-addon {
        font-weight: normal;
        line-height: 1;
        text-align: center;
    }
    .input-group-mobile .input-group-btn {
        position: relative;
        white-space: nowrap;
        padding-right: 5px;
    }
    .input-group-mobile .input-group-btn>.btn,
    .input-group-mobile .input-group-btn>button,
    .input-group-mobile .input-group-btn>.button {
        position: relative;
    }
    .input-group-mobile .input-group-btn>.btn+.btn,
    .input-group-mobile .input-group-btn>button+.btn,
    .input-group-mobile .input-group-btn>.button+.btn {
        margin-left: -1px;
    }
    .input-group-mobile .input-group-btn>.btn:hover,
    .input-group-mobile .input-group-btn>.btn:focus,
    .input-group-mobile .input-group-btn>.btn:active,
    .input-group-mobile .input-group-btn>button:hover,
    .input-group-mobile .input-group-btn>button:focus,
    .input-group-mobile .input-group-btn>button:active,
    .input-group-mobile .input-group-btn>.button:hover,
    .input-group-mobile .input-group-btn>.button:focus,
    .input-group-mobile .input-group-btn>.button:active {
        z-index: 2;
    }
    .input-group .dropdown-menu-right {
        right: auto;
    }
}

div.tabbable ul.nav-tabs {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin: 0;
    padding: 0;
}

div.tabbable ul.nav-tabs li {
    float: left;
}

div.tabbable ul.nav-tabs li a {
    display: block;
}

div.tabbable div.tab-content div.tab-pane {
    display: none;
}

div.tabbable div.tab-content div.tab-pane.active {
    display: block;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
	z-index: 1040;
}

.modal-backdrop.modal-backdrop-absolute {
    z-index: 1040;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: auto;
    outline: 0;
}

.modal.modal-absolute {
    z-index: 6000;
    display: block;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-open .modal.no-border .modal-dialog .modal-content {
    border: none;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

@media only screen and (min-width:768px) {
    .fixed-header .modal-dialog {
        margin-top: 135px;
    }
}

.modal .modal-content {
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    position: relative;
    background-color: #fff;
    outline: 0;
    border-radius: 10px;
    padding: 45px 50px;
}

@media only screen and (max-width:767px) {
    .modal .modal-content {
        padding: 0;
    }
}

.modal .modal-content .modal-footer button,
.modal .modal-content .modal-footer .button {
    text-shadow: none;
    background-image: none;
    border: none;
    height: 38px;
    font-size: 18px;
}

.modal .modal-content .modal-footer button.primary,
.modal .modal-content .modal-footer .button.primary {
    color: #fff;
    background-color: #0071b9;
}

.modal .modal-content .modal-footer button.primary:hover,
.modal .modal-content .modal-footer .button.primary:hover {
    background-color: #0071b9;
}

.modal .modal-content .modal-footer button.secondary,
.modal .modal-content .modal-footer .button.secondary {
    color: #fff;
    background-color: #5d6770;
}

.modal .modal-content .modal-footer button.secondary:hover,
.modal .modal-content .modal-footer .button.secondary:hover {
    background-color: #5d6770;
}

.modal-header {
    padding: 0;
    margin-bottom: 15px;
}

@media only screen and (max-width:767px) {
    .modal-header {
        padding: 25px 45px;
        margin-bottom: 0;
    }
}

.modal-header h2 {
    font-size: 29px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    color: #5d6770;
}

.modal-header h2 span {
    font-weight: 400;
    font-size: 18px;
}

@media only screen and (max-width:767px) {
    .modal-header h2 {
        margin: 0 10px;
    }
}

.modal-header p {
    font-size: 18px;
    color: #5d6770;
    margin-top: 0;
}

.modal-header a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 18px;
    height: 19px;
    margin-top: 2px;
    cursor: pointer;
    background: url(../images/i/icon/close.svg) no-repeat 50%;
    text-indent: -5000px;
    position: absolute;
    left: 15px;
    top: 15px;
}

.modal-body {
    position: relative;
    padding: 0;
    margin-bottom: 25px;
}

.modal-body :first-child {
    margin-top: 0;
}

.modal-body :last-child {
    margin-bottom: 0;
}

@media only screen and (max-width:767px) {
    .modal-body {
        padding: 0 45px 25px 45px;
        margin-bottom: 0;
    }
}

.modal-footer {
    padding: 0 5px;
    margin-bottom: 0;
    text-align: right;
    min-height: 65px;
}

.modal-footer p {
    float: left;
    margin: 0;
}

.modal-footer button.tertiary {
    float: left;
}

@media only screen and (max-width:767px) {
    .modal-footer button {
        margin-bottom: 5px;
    }
}

.modal-footer a.button {
    background: #5d6770;
    border-radius: 5px;
    color: #fff;
    font-weight: normal;
    padding: 12px 25px;
    font-size: 18px;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media only screen and (min-width:768px) {
    .modal-dialog {
        width: 800px;
        margin: 30px auto;
        max-width: 95%;
    }
    .modal-content {
        -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm {
        width: 300px;
    }
}

.datepicker .calendar {
    position: relative;
}

.datepicker .icon {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 10px;
}

.datepicker .dropdown-menu {
    width: 100%;
}

.datepicker button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    text-shadow: none;
    background-color: transparent;
    background-image: none;
}

.datepicker button.btn {
    padding: 5px 10px;
    width: 100%;
}

.datepicker button.priority {
    background-color: #f9e5aa;
    background-image: none;
    color: #999;
}

.datepicker button.btn-info,
.datepicker button.btn-info:hover {
    background-color: #0971ce;
    color: #fff;
}

.datepicker button:hover {
    color: #0971ce;
    background-color: #eee;
}

.datepicker button[disabled] {
    color: #333;
    background-color: transparent;
}

.datepicker small {
    font-size: 90%;
}

.datepicker table {
    border-collapse: separate;
    outline: none;
    overflow: hidden;
    background-color: #efefef;
    width: 100%;
    table-layout: fixed;
}

.datepicker table tr:last-child td {
    border-bottom: none;
}

.datepicker td {
    border: none;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 0;
}

.datepicker td:first-child {
    border-left: none;
}

.datepicker td:last-child {
    border-right: none;
}

.datepicker th {
    border-left-color: transparent;
    border-right-color: transparent;
    text-align: center;
    padding: 5px 0;
    border: none;
    border-bottom: 1px solid #ddd;
}

.datepicker th .glyphicon {
    width: 40px;
    height: auto;
    text-indent: 0;
    font-style: normal;
    display: block;
}

.datepicker th .pull-right,
.datepicker th .pull-left {
    padding: 0;
    background-color: #efefef;
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    width: 40px;
}

.datepicker th .pull-right {
    float: right;
}

.datepicker th .pull-left {
    float: left;
}

.datepicker th .glyphicon-chevron-right:before {
    content: '';
    display: inline-block;
    border-top: 4px solid transparent;
    border-left: 8px solid #333;
    border-bottom: 4px solid transparent;
}

.datepicker th .glyphicon-chevron-right:hover:before {
    border-left-color: #0971ce;
}

.datepicker th .glyphicon-chevron-left:before {
    content: '';
    display: inline-block;
    border-top: 4px solid transparent;
    border-right: 8px solid #333;
    border-bottom: 4px solid transparent;
}

.datepicker th .glyphicon-chevron-left:hover:before {
    border-right-color: #0971ce;
}

.datepicker thead tr:first-child th {
    height: 46px;
}

.datepicker thead tr:first-child th:first-child {
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px;
    border-radius: 10px 0 0 0;
}

.datepicker thead tr:first-child th:last-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0;
    border-radius: 0 10px 0 0;
}

.datepicker tr {
    background-color: transparent;
}

.datepicker ul.legend {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin: 0;
    padding: 0;
    border-top: 1px solid #eaeaea;
    padding: 15px;
    font-size: 13px;
}

.datepicker ul.legend li {
    padding-left: 30px;
    margin-bottom: 5px;
}

.datepicker ul.legend span {
    float: left;
    margin-left: -30px;
    padding: 2px 4px;
    font-size: 12px;
    min-width: 22px;
    color: #333;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    color: #fff;
    background-color: #2aa4dc;
    background-image: -moz-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: -webkit-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: linear-gradient(to top, #008cd2 0%, #2aa4dc 100%);
}

.datepicker ul.legend span.priority {
    background-color: #f9e5aa;
    background-image: none;
    color: #999;
}

.datepicker ul.legend span.disabled {
    color: #333;
    background-color: #2aa4dc;
    border: 1px solid #229acd;
    background-image: -moz-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: -webkit-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: linear-gradient(to top, #008cd2 0%, #2aa4dc 100%);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
}

.typeahead.loading {
    background-image: url('../images/i/bg/loading.gif');
    background-position: 98% 14px;
    background-repeat: no-repeat;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .typeahead.loading {
        background-image: url('../images/i/bg2x/loading.gif');
        background-size: 16px 16px;
    }
}

.ui-slider {
    height: 24px;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    background-color: #e9e9e9;
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
    position: relative;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    width: 24px;
    height: 42px;
    display: inline-block;
    margin-left: -12px;
    margin-top: -8px;
    background-image: url('../images/i/bg/ui-slider-handle.png');
    outline: none;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .ui-slider .ui-slider-handle {
        background-image: url('../images/i/bg2x/ui-slider-handle.png');
        background-size: 24px 42px;
    }
}

.ui-slider .ui-slider-range {
    background-color: #2988c8;
    height: 24px;
    position: absolute;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 0 0 10px;
}

.tooltip {
    position: absolute;
    z-index: 2;
    display: block;
    visibility: visible;
    line-height: 1.4;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.tooltip.in {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.tooltip.top {
    margin-top: -3px;
    padding: 8px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 8px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 8px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 8px;
}

@media only screen and (max-width:767px) {
    .tooltip {
        width: 118%;
    }
}

.tooltip-inner {
    max-width: 400px;
    padding: 5px 10px;
    border: 2px solid #1386e3;
    border-radius: 10px;
    background-color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

@media only screen and (max-width:767px) {
    .tooltip-arrow {
        display: none;
    }
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: #1386e3;
}

.tooltip.top .tooltip-arrow.tooltip-arrowDC {
    left: 32%;
    top: 65px;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 8px;
    border-width: 8px 8px 0;
    border-top-color: #1386e3;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 8px;
    border-width: 8px 8px 0;
    border-top-color: #1386e3;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -8px;
    border-width: 8px 8px 8px 0;
    border-right-color: #1386e3;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -8px;
    border-width: 8px 0 8px 8px;
    border-left-color: #1386e3;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #1386e3;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 8px;
    border-width: 0 8px 8px;
    border-bottom-color: #1386e3;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 8px;
    border-width: 0 8px 8px;
    border-bottom-color: #1386e3;
}

.carousel {
    position: relative;
}

.carousel .wrapper {
    height: 420px;
    text-align: left;
}

@media only screen and (max-width:767px) {
    .carousel .wrapper {
        height: 150px;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .carousel .wrapper {
        height: 330px;
    }
}

.carousel .wrapper .content {
    width: 50%;
}

.carousel .wrapper .content em {
    font-size: 26px;
    text-transform: uppercase;
}

.carousel .wrapper .content h1 {
    font-size: 52px;
    color: #013c5b;
}

.carousel .wrapper .content h1 strong {
    font-weight: 300;
    color: #1086c7;
    text-transform: uppercase;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .carousel .wrapper .content em {
        font-size: 24px;
    }
    .carousel .wrapper .content h1 {
        font-size: 48px;
    }
}

.carousel .wrapper .content.lightText {
    color: #fff;
}

.carousel .wrapper .content.lightText h1 {
    color: #fff;
}

@media only screen and (max-width:767px) {
    .carousel .wrapper {
        height: 200px;
    }
    .carousel .wrapper .content {
        width: 65%;
    }
    .carousel .wrapper .content em {
        font-size: 18px;
    }
    .carousel .wrapper .content h1 {
        font-size: 26px;
    }
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-inner>.item {
    display: none;
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    -moz-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block;
}

.carousel-inner>.active {
    left: 0;
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner>.next {
    left: 100%;
}

.carousel-inner>.prev {
    left: -100%;
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0;
}

.carousel-inner>.active.left {
    left: -100%;
}

.carousel-inner>.active.right {
    left: 100%;
}

.carousel-control {
    display: none;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 20px;
    right: 20px;
    max-width: 1040px;
    margin: 0 auto;
    z-index: 15;
    padding-left: 0;
    list-style: none;
    text-align: center;
    text-align: right;
}

.carousel-indicators li {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 6px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    background-color: #fff;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7;
}

.carousel-indicators .slick-active {
    background-color: #257ab3;
}

.carousel-indicators li button {
	display: none;
}

.icon-accel {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 0;
    height: 14px;
    width: 22px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-accel {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 0;
        height: 14px;
        width: 22px;
    }
}

.icon-accel.text {
    padding-left: 27px;
}

.icon-add-blue {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -18px;
    height: 12px;
    width: 12px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-add-blue {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -16px;
        height: 12px;
        width: 12px;
    }
}

.icon-add-blue.text {
    padding-left: 17px;
}

.icon-address-icon {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -34px;
    height: 25px;
    width: 21px;
}

.icon-address-icon.text {
    padding-left: 26px;
}

.icon-address {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -63px;
    height: 27px;
    width: 18px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-address {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -30px;
        height: 26px;
        width: 17.5px;
    }
}

.icon-address.text {
    padding-left: 23px;
}

.icon-alert-exclamation {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -94px;
    height: 50px;
    width: 31px;
}

.icon-alert-exclamation.text {
    padding-left: 36px;
}

.icon-alert {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -148px;
    height: 14px;
    width: 5px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-alert {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -58px;
        height: 14px;
        width: 5px;
    }
}

.icon-alert.text {
    padding-left: 10px;
}

.icon-amex {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -166px;
    height: 14px;
    width: 22px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-amex {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -74px;
        height: 14px;
        width: 22px;
    }
}

.icon-amex.text {
    padding-left: 27px;
}

.icon-android {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -184px;
    height: 23px;
    width: 20px;
}

.icon-android.text {
    padding-left: 25px;
}

.icon-apple {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -211px;
    height: 21px;
    width: 16px;
}

.icon-apple.text {
    padding-left: 21px;
}

.icon-arrow-collapsed {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -236px;
    height: 12px;
    width: 12px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-arrow-collapsed {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -90px;
        height: 12px;
        width: 12px;
    }
}

.icon-arrow-collapsed.text {
    padding-left: 17px;
}

.icon-arrow-expanded {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -252px;
    height: 6px;
    width: 12px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-arrow-expanded {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -104px;
        height: 6px;
        width: 12px;
    }
}

.icon-arrow-expanded.text {
    padding-left: 17px;
}

.icon-arrow-left {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -262px;
    height: 10px;
    width: 6px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-arrow-left {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -112px;
        height: 10px;
        width: 6px;
    }
}

.icon-arrow-left.text {
    padding-left: 11px;
}

.icon-arrow-right {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -276px;
    height: 10px;
    width: 6px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-arrow-right {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -124px;
        height: 10px;
        width: 6px;
    }
}

.icon-arrow-right.text {
    padding-left: 11px;
}

.icon-billed-monthly {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -290px;
    height: 16px;
    width: 15px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-billed-monthly {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -136px;
        height: 16px;
        width: 15px;
    }
}

.icon-billed-monthly.text {
    padding-left: 20px;
}

.icon-billed-today {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -310px;
    height: 16px;
    width: 15px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-billed-today {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -154px;
        height: 16px;
        width: 15px;
    }
}

.icon-billed-today.text {
    padding-left: 20px;
}

.icon-blue-arrow-down {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -330px;
    height: 5px;
    width: 9px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-blue-arrow-down {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -172px;
        height: 5px;
        width: 9px;
    }
}

.icon-blue-arrow-down.text {
    padding-left: 14px;
}

.icon-blue-arrow-up {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -339px;
    height: 6px;
    width: 9px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-blue-arrow-up {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -179px;
        height: 6px;
        width: 9px;
    }
}

.icon-blue-arrow-up.text {
    padding-left: 14px;
}

.icon-blue-check {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -349px;
    height: 11px;
    width: 14px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-blue-check {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -187px;
        height: 11px;
        width: 14px;
    }
}

.icon-blue-check.text {
    padding-left: 19px;
}

.icon-blue-plus-large {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -364px;
    height: 21px;
    width: 21px;
}

.icon-blue-plus-large.text {
    padding-left: 26px;
}

.icon-blue-side-arrow {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -389px;
    height: 8px;
    width: 14px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-blue-side-arrow {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -200px;
        height: 6px;
        width: 13.5px;
    }
}

.icon-blue-side-arrow.text {
    padding-left: 19px;
}

.icon-blue-toggle-check {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -401px;
    height: 11px;
    width: 14px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-blue-toggle-check {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -208px;
        height: 5.5px;
        width: 7px;
    }
}

.icon-blue-toggle-check.text {
    padding-left: 19px;
}

.icon-calendar {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -416px;
    height: 15px;
    width: 15px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-calendar {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -216px;
        height: 15px;
        width: 15px;
    }
}

.icon-calendar.text {
    padding-left: 20px;
}

.icon-cart {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -435px;
    height: 23px;
    width: 27px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-cart {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -233px;
        height: 23px;
        width: 27px;
    }
}

.icon-cart.text {
    padding-left: 32px;
}

.icon-chat {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -462px;
    height: 28px;
    width: 40px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-chat {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -258px;
        height: 28px;
        width: 40px;
    }
}

.icon-chat.text {
    padding-left: 45px;
}

.icon-check {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -494px;
    height: 11px;
    width: 11px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-check {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -288px;
        height: 11px;
        width: 11px;
    }
}

.icon-check.text {
    padding-left: 16px;
}

.icon-close-circle {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -509px;
    height: 46px;
    width: 45px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-close-circle {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -301px;
        height: 44.5px;
        width: 44.5px;
    }
}

.icon-close-circle.text {
    padding-left: 50px;
}

.icon-close {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -559px;
    height: 19px;
    width: 18px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-close {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -347px;
        height: 19px;
        width: 19px;
    }
}

.icon-close.text {
    padding-left: 23px;
}

.icon-dark-blue-check {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -582px;
    height: 15px;
    width: 15px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-dark-blue-check {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -368px;
        height: 15px;
        width: 15px;
    }
}

.icon-dark-blue-check.text {
    padding-left: 20px;
}

.icon-date-picker {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -601px;
    height: 22px;
    width: 23px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-date-picker {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -385px;
        height: 22px;
        width: 23px;
    }
}

.icon-date-picker.text {
    padding-left: 28px;
}

.icon-discover {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -627px;
    height: 14px;
    width: 22px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-discover {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -409px;
        height: 14px;
        width: 22px;
    }
}

.icon-discover.text {
    padding-left: 27px;
}

.icon-dsa {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -645px;
    height: 40px;
    width: 40px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-dsa {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -439px;
        height: 40px;
        width: 40px;
    }
}

.icon-dsa.text {
    padding-left: 45px;
}

.icon-eco-plus_banner-grey {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -689px;
    height: 20px;
    width: 69px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-eco-plus_banner-grey {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -481px;
        height: 20px;
        width: 69px;
    }
}

.icon-eco-plus_banner-grey.text {
    padding-left: 74px;
}

.icon-eco-plus_banner-logo {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -713px;
    height: 27px;
    width: 93px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-eco-plus_banner-logo {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -503px;
        height: 27px;
        width: 93px;
    }
}

.icon-eco-plus_banner-logo.text {
    padding-left: 98px;
}

.icon-eco-plus_banner-small {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -744px;
    height: 20px;
    width: 69px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-eco-plus_banner-small {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -532px;
        height: 20px;
        width: 69px;
    }
}

.icon-eco-plus_banner-small.text {
    padding-left: 74px;
}

.icon-eco-plus_banner-xs {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -768px;
    height: 14px;
    width: 48px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-eco-plus_banner-xs {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -554px;
        height: 14px;
        width: 48px;
    }
}

.icon-eco-plus_banner-xs.text {
    padding-left: 53px;
}

.icon-eco-plus_cart-xs {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -786px;
    height: 14px;
    width: 48px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-eco-plus_cart-xs {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -570px;
        height: 14px;
        width: 48px;
    }
}

.icon-eco-plus_cart-xs.text {
    padding-left: 53px;
}

.icon-eco-plus_small {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -804px;
    height: 24px;
    width: 81px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-eco-plus_small {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -586px;
        height: 24px;
        width: 81px;
    }
}

.icon-eco-plus_small.text {
    padding-left: 86px;
}

.icon-electric {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -832px;
    height: 27px;
    width: 18px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-electric {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -612px;
        height: 26px;
        width: 17px;
    }
}

.icon-electric.text {
    padding-left: 23px;
}

.icon-electricity-blue {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -863px;
    height: 53px;
    width: 34px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-electricity-blue {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -640px;
        height: 53px;
        width: 34px;
    }
}

.icon-electricity-blue.text {
    padding-left: 39px;
}

.icon-email-small {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -920px;
    height: 20px;
    width: 29px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-email-small {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -695px;
        height: 20px;
        width: 29px;
    }
}

.icon-email-small.text {
    padding-left: 34px;
}

.icon-error {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -944px;
    height: 16px;
    width: 16px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-error {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -717px;
        height: 16px;
        width: 16px;
    }
}

.icon-error.text {
    padding-left: 21px;
}

.icon-expand {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -964px;
    height: 29px;
    width: 29px;
}

.icon-expand.text {
    padding-left: 34px;
}

.icon-external {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -997px;
    height: 13px;
    width: 13px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-external {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -735px;
        height: 13px;
        width: 13px;
    }
}

.icon-external.text {
    padding-left: 18px;
}

.icon-facebook {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1014px;
    height: 40px;
    width: 20px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-facebook {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -750px;
        height: 40px;
        width: 20px;
    }
}

.icon-facebook.text {
    padding-left: 25px;
}

.icon-faq-hide {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1058px;
    height: 10px;
    width: 20px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-faq-hide {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -792px;
        height: 10px;
        width: 19.5px;
    }
}

.icon-faq-hide.text {
    padding-left: 25px;
}

.icon-faq-show {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1072px;
    height: 10px;
    width: 20px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-faq-show {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -804px;
        height: 10px;
        width: 19.5px;
    }
}

.icon-faq-show.text {
    padding-left: 25px;
}

.icon-gas-blue {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1086px;
    height: 53px;
    width: 34px;
    margin: 10px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-gas-blue {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -816px;
        height: 53px;
        width: 34px;
    }
}

.icon-gas-blue.text {
    padding-left: 39px;
}

.icon-gas-cart {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1143px;
    height: 27px;
    width: 18px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-gas-cart {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -871px;
        height: 26px;
        width: 17px;
    }
}

.icon-gas-cart.text {
    padding-left: 23px;
}

.icon-gray-arrow-down {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1174px;
    height: 6px;
    width: 12px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-gray-arrow-down {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -917px;
        height: 6px;
        width: 12px;
    }
}

.icon-gray-arrow-down.text {
    padding-left: 17px;
}

.icon-gray-arrow-up {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1184px;
    height: 6px;
    width: 12px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-gray-arrow-up {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -925px;
        height: 6px;
        width: 12px;
    }
}

.icon-gray-arrow-up.text {
    padding-left: 17px;
}

.icon-gray-check {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1194px;
    height: 8px;
    width: 8px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-gray-check {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -933px;
        height: 8px;
        width: 8px;
    }
}

.icon-gray-check.text {
    padding-left: 13px;
}

.icon-green-toggle-check {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1206px;
    height: 11px;
    width: 14px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-green-toggle-check {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -943px;
        height: 5.5px;
        width: 7px;
    }
}

.icon-green-toggle-check.text {
    padding-left: 19px;
}

.icon-grey-right-arrow {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1221px;
    height: 10px;
    width: 12px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-grey-right-arrow {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -950px;
        height: 10px;
        width: 12px;
    }
}

.icon-grey-right-arrow.text {
    padding-left: 17px;
}

.icon-grey-side-arrow--right {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1235px;
    height: 8px;
    width: 14px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-grey-side-arrow--right {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -962px;
        height: 8px;
        width: 14px;
    }
}

.icon-grey-side-arrow--right.text {
    padding-left: 19px;
}

.icon-grey-side-arrow {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1247px;
    height: 11px;
    width: 18px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-grey-side-arrow {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -972px;
        height: 10.5px;
        width: 18px;
    }
}

.icon-grey-side-arrow.text {
    padding-left: 23px;
}

.icon-hamburger {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1262px;
    height: 18px;
    width: 24px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-hamburger {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -985px;
        height: 18px;
        width: 23.5px;
    }
}

.icon-hamburger.text {
    padding-left: 29px;
}

.icon-historical-rate {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1284px;
    height: 23px;
    width: 27px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-historical-rate {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1005px;
        height: 22.5px;
        width: 26px;
    }
}

.icon-historical-rate.text {
    padding-left: 32px;
}

.icon-home_energy {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1311px;
    height: 31px;
    width: 20px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-home_energy {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1029px;
        height: 31.5px;
        width: 20.5px;
    }
}

.icon-home_energy.text {
    padding-left: 25px;
}

.icon-instagram-grey {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1346px;
    height: 25px;
    width: 25px;
}

.icon-instagram-grey.text {
    padding-left: 30px;
}

.icon-instagram {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1375px;
    height: 40px;
    width: 40px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-instagram {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1063px;
        height: 40px;
        width: 40px;
    }
}

.icon-instagram.text {
    padding-left: 45px;
}

.icon-international-phone-large {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1419px;
    height: 34px;
    width: 21px;
}

.icon-international-phone-large.text {
    padding-left: 26px;
}

.icon-international-phone {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1457px;
    height: 22px;
    width: 14px;
}

.icon-international-phone.text {
    padding-left: 19px;
}

.icon-ivr-arrow {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1483px;
    height: 6px;
    width: 9px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-ivr-arrow {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1105px;
        height: 6px;
        width: 9px;
    }
}

.icon-ivr-arrow.text {
    padding-left: 14px;
}

.icon-ivr-check {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1493px;
    height: 7px;
    width: 9px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-ivr-check {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1113px;
        height: 7px;
        width: 9px;
    }
}

.icon-ivr-check.text {
    padding-left: 14px;
}

.icon-large-radio-checked {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1504px;
    height: 43px;
    width: 43px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-large-radio-checked {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1122px;
        height: 43px;
        width: 43px;
    }
}

.icon-large-radio-checked.text {
    padding-left: 48px;
}

.icon-large-radio {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1551px;
    height: 47px;
    width: 47px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-large-radio {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1167px;
        height: 47px;
        width: 47px;
    }
}

.icon-large-radio.text {
    padding-left: 52px;
}

.icon-left-arrow {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1602px;
    height: 20px;
    width: 12px;
}

.icon-left-arrow.text {
    padding-left: 17px;
}

.icon-linkedin {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1626px;
    height: 13px;
    width: 13px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-linkedin {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1216px;
        height: 12.5px;
        width: 13px;
    }
}

.icon-linkedin.text {
    padding-left: 18px;
}

.icon-mag-glass {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1643px;
    height: 24px;
    width: 25px;
}

.icon-mag-glass.text {
    padding-left: 30px;
}

.icon-mastercard {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1671px;
    height: 14px;
    width: 22px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-mastercard {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1230px;
        height: 14px;
        width: 22px;
    }
}

.icon-mastercard.text {
    padding-left: 27px;
}

.icon-message {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1689px;
    height: 11px;
    width: 16px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-message {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1246px;
        height: 11px;
        width: 16px;
    }
}

.icon-message.text {
    padding-left: 21px;
}

.icon-modal-close {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1704px;
    height: 41px;
    width: 42px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-modal-close {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1259px;
        height: 41px;
        width: 42px;
    }
}

.icon-modal-close.text {
    padding-left: 47px;
}

.icon-nav-arrow-collapsed {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1749px;
    height: 6px;
    width: 14px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-nav-arrow-collapsed {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1346px;
        height: 6px;
        width: 14px;
    }
}

.icon-nav-arrow-collapsed.text {
    padding-left: 19px;
}

.icon-nav-arrow-expanded {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1759px;
    height: 6px;
    width: 14px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-nav-arrow-expanded {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1354px;
        height: 6px;
        width: 14px;
    }
}

.icon-nav-arrow-expanded.text {
    padding-left: 19px;
}

.icon-next {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1769px;
    height: 80px;
    width: 80px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-next {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1362px;
        height: 79px;
        width: 79px;
    }
}

.icon-next.text {
    padding-left: 85px;
}

.icon-notification-bell {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1853px;
    height: 17px;
    width: 16px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-notification-bell {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1443px;
        height: 17px;
        width: 16px;
    }
}

.icon-notification-bell.text {
    padding-left: 21px;
}

.icon-notification-email {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1874px;
    height: 16px;
    width: 16px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-notification-email {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1462px;
        height: 11px;
        width: 16px;
    }
}

.icon-notification-email.text {
    padding-left: 21px;
}

.icon-notification-sms {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1894px;
    height: 15px;
    width: 14px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-notification-sms {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1475px;
        height: 16px;
        width: 16px;
    }
}

.icon-notification-sms.text {
    padding-left: 19px;
}

.icon-nyce {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1913px;
    height: 14px;
    width: 22px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-nyce {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1493px;
        height: 14px;
        width: 22px;
    }
}

.icon-nyce.text {
    padding-left: 27px;
}

.icon-online-light {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1931px;
    height: 9px;
    width: 9px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-online-light {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1509px;
        height: 9px;
        width: 9px;
    }
}

.icon-online-light.text {
    padding-left: 14px;
}

.icon-phone-generic {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1944px;
    height: 44px;
    width: 27px;
}

.icon-phone-generic.text {
    padding-left: 32px;
}

.icon-pin {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -1992px;
    height: 42px;
    width: 32px;
}

.icon-pin.text {
    padding-left: 37px;
}

.icon-pinterest {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2038px;
    height: 32px;
    width: 32px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-pinterest {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1520px;
        height: 32px;
        width: 32px;
    }
}

.icon-pinterest.text {
    padding-left: 37px;
}

.icon-power-center {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2074px;
    height: 27px;
    width: 25px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-power-center {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1554px;
        height: 27px;
        width: 25px;
    }
}

.icon-power-center.text {
    padding-left: 30px;
}

.icon-printer {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2105px;
    height: 15px;
    width: 15px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-printer {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1583px;
        height: 15px;
        width: 15px;
    }
}

.icon-printer.text {
    padding-left: 20px;
}

.icon-protection {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2124px;
    height: 62px;
    width: 62px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-protection {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1600px;
        height: 62px;
        width: 62px;
    }
}

.icon-protection.text {
    padding-left: 67px;
}

.icon-pulse {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2190px;
    height: 14px;
    width: 22px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-pulse {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1664px;
        height: 14px;
        width: 22px;
    }
}

.icon-pulse.text {
    padding-left: 27px;
}

.icon-quote-left {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2208px;
    height: 28px;
    width: 34px;
}

.icon-quote-left.text {
    padding-left: 39px;
}

.icon-quote {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2240px;
    height: 28px;
    width: 34px;
}

.icon-quote.text {
    padding-left: 39px;
}

.icon-recurring {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2272px;
    height: 12px;
    width: 14px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-recurring {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1680px;
        height: 12px;
        width: 14px;
    }
}

.icon-recurring.text {
    padding-left: 19px;
}

.icon-right-arrow {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2288px;
    height: 23px;
    width: 13px;
}

.icon-right-arrow.text {
    padding-left: 18px;
}

.icon-search {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2315px;
    height: 16px;
    width: 16px;
}

.icon-search.text {
    padding-left: 21px;
}

.icon-select-arrow {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2335px;
    height: 6px;
    width: 25px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-select-arrow {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1694px;
        height: 6px;
        width: 25px;
    }
}

.icon-select-arrow.text {
    padding-left: 30px;
}

.icon-select-default {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2345px;
    height: 12px;
    width: 9px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-select-default {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1702px;
        height: 11px;
        width: 8.5px;
    }
}

.icon-select-default.text {
    padding-left: 14px;
}

.icon-select-down {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2361px;
    height: 12px;
    width: 9px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-select-down {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1715px;
        height: 11px;
        width: 8.5px;
    }
}

.icon-select-down.text {
    padding-left: 14px;
}

.icon-select-up {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2377px;
    height: 12px;
    width: 9px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-select-up {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1728px;
        height: 11px;
        width: 8.5px;
    }
}

.icon-select-up.text {
    padding-left: 14px;
}

.icon-selected {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2393px;
    height: 11px;
    width: 9px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-selected {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1741px;
        height: 10px;
        width: 8.5px;
    }
}

.icon-selected.text {
    padding-left: 14px;
}

.icon-settings {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2408px;
    height: 30px;
    width: 28px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-settings {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1753px;
        height: 30px;
        width: 28px;
    }
}

.icon-settings.text {
    padding-left: 33px;
}

.icon-star {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2442px;
    height: 14px;
    width: 22px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-star {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1785px;
        height: 14px;
        width: 22px;
    }
}

.icon-star.text {
    padding-left: 27px;
}

.icon-state-georgia {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2460px;
    height: 85px;
    width: 82px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-state-georgia {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1801px;
        height: 85px;
        width: 82px;
    }
}

.icon-state-georgia.text {
    padding-left: 87px;
}

.icon-state-maryland {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2549px;
    height: 85px;
    width: 82px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-state-maryland {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1888px;
        height: 85px;
        width: 82px;
    }
}

.icon-state-maryland.text {
    padding-left: 87px;
}

.icon-state-newjersey {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2638px;
    height: 85px;
    width: 82px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-state-newjersey {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1975px;
        height: 85px;
        width: 82px;
    }
}

.icon-state-newjersey.text {
    padding-left: 87px;
}

.icon-state-newyork {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2727px;
    height: 85px;
    width: 82px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-state-newyork {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2062px;
        height: 85px;
        width: 82px;
    }
}

.icon-state-newyork.text {
    padding-left: 87px;
}

.icon-state-pennsylvania {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2816px;
    height: 85px;
    width: 82px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-state-pennsylvania {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2149px;
        height: 85px;
        width: 82px;
    }
}

.icon-state-pennsylvania.text {
    padding-left: 87px;
}

.icon-state-texas {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2905px;
    height: 85px;
    width: 82px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-state-texas {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2236px;
        height: 85px;
        width: 82px;
    }
}

.icon-state-texas.text {
    padding-left: 87px;
}

.icon-state-washingtondc {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -2994px;
    height: 85px;
    width: 82px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-state-washingtondc {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2323px;
        height: 85px;
        width: 82px;
    }
}

.icon-state-washingtondc.text {
    padding-left: 87px;
}

.icon-success {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -3083px;
    height: 11px;
    width: 14px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-success {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2439px;
        height: 11px;
        width: 14px;
    }
}

.icon-success.text {
    padding-left: 19px;
}

.icon-support-chat {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -3098px;
    height: 23px;
    width: 27px;
}

.icon-support-chat.text {
    padding-left: 32px;
}

.icon-thermostat {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -3125px;
    height: 47px;
    width: 20px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-thermostat {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2452px;
        height: 47px;
        width: 20px;
    }
}

.icon-thermostat.text {
    padding-left: 25px;
}

.icon-tooltip {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -3176px;
    height: 15px;
    width: 15px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-tooltip {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2501px;
        height: 15px;
        width: 15px;
    }
}

.icon-tooltip.text {
    padding-left: 20px;
}

.icon-twitter {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -3195px;
    height: 36px;
    width: 44px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-twitter {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2518px;
        height: 36px;
        width: 44px;
    }
}

.icon-twitter.text {
    padding-left: 49px;
}

.icon-utility {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -3235px;
    height: 16px;
    width: 16px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-utility {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2556px;
        height: 16px;
        width: 16px;
    }
}

.icon-utility.text {
    padding-left: 21px;
}

.icon-visa {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -3255px;
    height: 14px;
    width: 22px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-visa {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2574px;
        height: 14px;
        width: 22px;
    }
}

.icon-visa.text {
    padding-left: 27px;
}

.icon-white-side-arrow {
    background-image: url('../images/i/icon-sd62c859559.png');
    background-position: 0 -3273px;
    height: 8px;
    width: 14px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-white-side-arrow {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2590px;
        height: 8px;
        width: 14px;
    }
}

.icon-white-side-arrow.text {
    padding-left: 19px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-drivers-license {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -425px;
        height: 12px;
        width: 17px;
    }
}

.icon-drivers-license.text {
    padding-left: 22px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-gas-icon {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -899px;
        height: 15.5px;
        width: 12px;
    }
}

.icon-gas-icon.text {
    padding-left: 17px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-month-to-month {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -1302px;
        height: 42px;
        width: 47px;
    }
}

.icon-month-to-month.text {
    padding-left: 52px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dppx) {
    .icon-stream-green_white {
        background-image: url('../images/i/icon2x-s72f24e0b62.png');
        background-size: 93px 2598px;
        background-position: 0 -2410px;
        height: 27px;
        width: 88px;
    }
}

.icon-stream-green_white.text {
    padding-left: 93px;
}

[class*="icon-"] {
    display: inline-block;
    vertical-align: middle;
    text-indent: -5000px;
    background-repeat: no-repeat;
}

[class*="icon-"].text {
    width: auto;
    height: auto;
    text-indent: 0;
}

header.site-header {
    -moz-transition: left linear .2s;
    -o-transition: left linear .2s;
    -webkit-transition: left linear;
    -webkit-transition-delay: .2s;
    transition: left linear .2s;
}

header.site-header .primary-nav {
    position: relative;
    height: 40px;
    background-image: linear-gradient(to right, #006fbc, #00a7e4);
}

header.site-header .primary-nav .links {
    float: right;
    width: 50%;
}

header.site-header .primary-nav .links .username {
    color: #fff;
    font-size: 14px;
    font-style: italic;
}

header.site-header .primary-nav .links ul {
    float: right;
    margin: 9px 0 0 0;
}

header.site-header .primary-nav .links ul li {
    display: inline-block;
    margin-right: 22px;
}

header.site-header .primary-nav .links ul li.selected a {
    font-weight: 700;
}

header.site-header .primary-nav .links ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

header.site-header .primary-nav .links ul li:last-of-type {
    margin-right: 0;
}

header.site-header .primary-nav .associate {
    width: 50%;
    float: left;
    color: #fff;
    font-size: 16px;
}

header.site-header .primary-nav .associate p {
    margin: 9px 0;
}

header.site-header .secondary-nav {
    position: relative;
    height: 112px;
    background-color: #fff;
}

header.site-header .secondary-nav .logo-container {
    float: right;
    margin: 28px 0 29px 0;
}

header.site-header .secondary-nav .logo-container a.logo {
    background-image: url(../images/i/marketing/header-logo.svg);
    background-repeat: no-repeat;
    /* background-size: 226px 55px; */
    width: 226px;
    height: 55px;
    cursor: pointer;
    display:block;
    
}

#authCaptureForm_clone a.logo {
	display: block !important;
	width: 226px !important;
    height: 55px !important;
	background-size: 226px 55px !important;
	background-repeat: no-repeat !important;
}

header.site-header .secondary-nav .links {
    float: right;
    width: calc(100% - 226px);
    margin: 35px 0 36px 0;
}

header.site-header .secondary-nav .links ul {
    text-align: right;
    margin: 8px 0;
}

header.site-header .secondary-nav .links ul li {
    display: inline-block;
    margin-right: 22px;
    text-align: left;
}

header.site-header .secondary-nav .links ul li a {
    color: #5d6770;
    font-weight: 500;
    font-size: 18px;
}

header.site-header .secondary-nav .links ul li.selected a {
    color: #3c4145;
}

header.site-header .secondary-nav .links ul li .triangle {
    content: '';
    position: absolute;
    top: 72px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 13px 20px;
    border-color: transparent transparent #f3f3f2 transparent;
}

header.site-header .secondary-nav .links ul li .subitems {
    position: absolute;
    display: inline-flex;
    top: 84px;
    padding: 10px 20px;
    background-color: #f3f3f2;
    border-radius: 10px;
    z-index: 200;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
}

header.site-header .secondary-nav .links ul li .subitems .subitem {
    display: inline-flex;
    margin: 5px 20px;
    margin-left: 0;
}

header.site-header .secondary-nav .links ul li .subitems .subitem a {
    font-weight: 300;
}

header.site-header .secondary-nav .links ul li .subitems .subitem.selected a {
    color: #3c4145;
}

header.site-header .secondary-nav .links ul li .subitems .subitem:last-of-type {
    margin-right: 0;
}

header.site-header .secondary-nav .links .login {
    float: right;
    position: relative;
}

header.site-header .secondary-nav .login {
    float: right;
    position: relative;
}

header.site-header .secondary-nav .login>a {
    color: #5d6770;
    font-size: 18px;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #ccc;
    background-image: none;
    text-shadow: none;
}

header.site-header .secondary-nav .login .dropdown-menu {
    position: absolute;
    background-color: #f3f3f2;
    border-radius: 10px;
    border: none;
    top: 56px;
    right: 0;
    z-index: 400;
    width: 316px;
    height: 295px;
    color: #000;
    padding: 20px 25px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
}

header.site-header .secondary-nav .login .dropdown-menu p.my-account {
    font-size: 22px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 5px;
}

header.site-header .secondary-nav .login .dropdown-menu h3 {
    font-size: 24px;
    font-weight: 200;
    margin: 6px 0;
}

header.site-header .secondary-nav .login .dropdown-menu h4 {
    font-size: 16px;
    clear: left;
    margin: 15px 0;
}

header.site-header .secondary-nav .login .dropdown-menu .item {
    margin-bottom: 12px;
    white-space: normal;
}

header.site-header .secondary-nav .login .dropdown-menu .item input {
    width: 100%;
    padding: 10px;
    height: 38px;
    font-size: 17px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

header.site-header .secondary-nav .login .dropdown-menu button {
    margin-bottom: 12px;
    width: 105px;
    background-image: none;
    background-color: #006fbc;
    font-size: 18px;
    font-weight: 600;
}

header.site-header .secondary-nav .login .dropdown-menu .forgot a,
header.site-header .secondary-nav .login .dropdown-menu .create-account a {
    color: #000;
    font-weight: 600;
}

header.site-header .secondary-nav .login .dropdown-menu.forgot {
    line-height: 1;
    margin: 20px 0 10px;
    font-size: 14px;
}

header.site-header .secondary-nav .login .dropdown-menu.create-account {
    margin: 0;
}

header.site-header .secondary-nav .login .dropdown-menu::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 26px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 10px 15px;
    border-color: transparent transparent #f3f3f2 transparent;
}

header.site-header .account-header {
    position: relative;
    height: 30px;
    width: 100%;
    padding: 4px 0;
    color: #fff;
    background-color: #01294b;
}

header.site-header.fixed .webchat>.chatIcon-container {
    position: absolute;
    right: 10px;
    top: 40px;
}

@media only screen and (max-width:767px) {
    header.site-header.fixed .webchat>.chatIcon-container {
        right: unset;
        left: 10px;
        top: 10px;
    }
    header.site-header.fixed .webchat>.chatIcon-container .button {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    header.site-header {
        height: 48px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1050;
        border-bottom: 1px solid #cecece;
        background-color: #fff;
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
        box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    }
    header.site-header.with-account-banner {
        height: 77px;
    }
    header.site-header.homesite {
        height: 64px;
    }
    header.site-header.homesite.with-account-banner {
        height: 94px;
    }
    header.site-header .mobile-nav {
        width: 100%;
        height: 48px;
        position: relative;
    }
    header.site-header .mobile-nav.homesite {
        height: 64px;
    }
    header.site-header .mobile-nav .associate {
        width: 100%;
        height: 16px;
        text-align: center;
        font-size: 8px;
        color: #fff;
        padding: 3px 0;
        background-image: linear-gradient(to right, #006fbc, #00a7e4);
    }
    header.site-header .mobile-nav .logo-container,
    header.site-header .mobile-nav .nav-toggle {
        display: inline-block;
    }
    header.site-header .mobile-nav .logo-container {
        width: calc(100% - 53px);
        height: 48px;
        padding: 11px 53px 11px 0;
    }
}

@media only screen and (max-width:767px)and (max-width:767px) {
    header.site-header .mobile-nav .logo-container {
        padding: 11px 65px 11px 0;
    }
}

@media only screen and (max-width:767px) {
    header.site-header .mobile-nav .logo-container a.logo {
        background-image: url(../images/i/marketing/header-logo.svg);
        background-repeat: no-repeat;
        /* background-size: 103px 26px; */
        width: 103px;
        height: 26px;
        margin: 0 auto;
        cursor: pointer;
        display:block;
    }
    header.site-header .mobile-nav .nav-toggle {
        width: 48px;
        height: 48px;
        padding: 12px;
        cursor: pointer;
    }
    header.site-header .mobile-nav .nav-toggle .hamburger {
        background-image: url(../images/i/marketing/hamburger.svg);
        background-repeat: no-repeat;
        background-size: 24px 24px;
        width: 24px;
        height: 24px;
    }
    header.site-header.fixed .logo-container {
        width: calc(100% - 61px);
        display: inline-block;
        padding-left: 61px;
    }
    header.site-header.fixed .logo-container a.logo {
        background-image: url(../images/i/marketing/header-logo.svg);
        background-repeat: no-repeat;
       /*  background-size: 103px 25px; */
        width: 103px;
        height: 25px;
        margin: 16px auto;
        cursor: pointer;
        display:block;
    }
    header.site-header .cart-toggle {
        float: right;
        margin-top: 18px;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
        opacity: .4;
        position: relative;
    }
    header.site-header .cart-toggle span {
        position: absolute;
        top: -6px;
        left: 10px;
        text-indent: 0;
        color: #000;
        font-weight: bold;
    }
    body.no-cart header.site-header .cart-toggle {
        display: none;
    }
    header.site-header.fixed-fix {
        position: absolute;
    }
    header.site-header nav {
        display: none;
    }
}

@media (max-width:767px) {
	#authCaptureForm_clone a.logo {
		background-repeat: no-repeat !important;
		width: 103px !important;
		height: 26px !important;
		background-size: 103px 26px !important;
		margin: 0 auto;
		cursor: pointer;
		display:block !important;
	}
}

@media only screen and (min-width:768px) {
    header.site-header .nav-toggle {
        display: none;
    }
    header.site-header .cart-toggle {
        display: none;
    }
    header.site-header .shadow-wrapper {
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
        box-shadow: 0 0 3px rgba(0, 0, 0, .2);
        position: relative;
    }
    header.site-header.fixed {
        background: #fff;
        height: 110px;
    }
    header.site-header.fixed>.wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff url('../images/i/marketing/redesign/header_background_global.png') repeat-x;
        z-index: 9000;
        height: 110px;
        border-bottom: 1px solid #cecece;
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
        box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    }
}

@media only screen and (min-width:768px)and (max-width:767px) {
    header.site-header.fixed>.wrapper {
        background: #fff;
    }
}

@media only screen and (min-width:768px) {
    header.site-header.fixed>.wrapper .logo-container {
        position: relative;
        width: 1040px;
        margin: 27px auto;
    }
    header.site-header.fixed>.wrapper .logo-container a.logo {
        background-image: url(../images/i/marketing/header-logo.svg);
        background-repeat: no-repeat;
       /*  background-size: 226px 55px; */
        width: 226px;
        height: 55px;
        cursor: pointer;
        display:block;
    }
    header.site-header.fixed .nav-toggle {
        margin-top: 22px;
    }
}

header.site-header .alert-message {
    height: auto;
    width: 100%;
    background-color: #f36523;
    padding: 5px;
}

header.site-header .alert-message p {
    color: #fff;
    margin: 0 auto;
    padding: 5px 5px 5px 55px;
    max-width: 800px;
    background: url("../images/i/icon/alert-exclamation.png") 15px center no-repeat;
}

header.site-header .alert-message p a {
    color: #fff;
    text-decoration: underline;
}

.banner {
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
@media only screen and (max-width:959px){
	 .desktop.hero-image{
	display:none
	}
	.mobile.hero-image{
	display:block
	}
}

@media only screen and  (min-width: 960px){
	 .desktop.hero-image{
	display:block
	}
	.mobile.hero-image{
	display:none
	}
}

.banner .wrapper {
    padding-top: 36px;
    padding-bottom: 36px;
}

.banner h1 {
    font-size: 48px;
    font-weight: 300;
}

.banner h1,
.banner p {
    margin: 0;
    color: #fff;
}

.banner p {
    font-size: 32px;
}

.banner.marketing .wrapper {
    padding-top: 75px;
    padding-bottom: 75px;
}

.banner.skybell {
    height: 650px;
}

.banner.mobile.white-text h1 {
    color: #fff;
}

.banner.mobile h1 {
    width: 38%;
    color: #3c535c;
}

.banner.large .wrapper {
    height: 325px;
    padding-top: 150px;
}

@media only screen and (max-width:767px) {
    .banner.large .wrapper {
        height: 200px;
        padding-top: 100px;
    }
}

.banner.large h1,
.banner.large p {
    color: #257ab3;
}

@media only screen and (min-width:1025px) {
    .banner.fnow-header .wrapper {
        height: 621px;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .banner.fnow-header .wrapper {
        height: 400px;
    }
}

@media only screen and (max-width:767px) {
    .banner.fnow-header .wrapper {
        height: 200px;
    }
}

.banner.account-banner {
    height: 34px;
    background-size: auto;
    background-repeat: repeat-x;
    padding: 0 20px;
}

.banner.account-banner .wrapper {
    padding: 7px 0 0 0;
}

.banner.account-banner .wrapper h1 {
    font-size: 18px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .banner .wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .banner h1 {
        font-size: 50px;
    }
}

@media only screen and (max-width:767px) {
    .banner .wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .banner h1 {
        font-size: 27px;
    }
}

footer.site-footer {
    clear: both;
    background-image: linear-gradient(45deg, #006fbc 0%, #00a7e4 100%);
    color: #fff;
    border-top: 1px solid #f5f5f5;
}

footer.site-footer h4 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}

footer.site-footer ul {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin: 0;
    padding: 0;
}

footer.site-footer a {
    color: #fff;
    font-size: 18px;
}

footer.site-footer div.contact {
    padding: 30px 0;
    background: #eff2f3;
    color: #000;
    font-size: 18px;
}

footer.site-footer div.contact a {
    color: #000;
}

footer.site-footer div.contact .support p {
    margin: 0;
}

footer.site-footer div.contact .support a {
    color: #257ab3;
}

footer.site-footer div.links {
    padding-top: 10px;
}

footer.site-footer div.links ul {
    line-height: 2em;
}

footer.site-footer div.logos {
    background: #01294b;
    margin-top: 25px;
    padding: 25px 0;
}

footer.site-footer div.logos .logo {
    display: inline-block;
    width: 224px;
    height: 55px;
    background-image: url('../images/i/bg/logo-footer.png');
    background-repeat: no-repeat;
    text-indent: -5000px;
    float: left;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    footer.site-footer div.logos .logo {
        background-image: url('../images/i/bg2x/logo-footer.png');
        background-size: 224px 55px;
    }
}

@media only screen and (max-width:767px) {
    footer.site-footer div.logos .logo {
        display: none;
    }
}

footer.site-footer div.logos ul {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    float: right;
    margin-top: 7px;
}

footer.site-footer div.logos ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    white-space: nowrap;
}

footer.site-footer div.logos ul li {
    margin-left: 10px;
}

@media only screen and (max-width:767px) {
    footer.site-footer div.logos ul li {
        margin-left: 0;
        margin-right: 30px;
    }
    footer.site-footer div.logos ul li:last-of-type {
        margin-right: 0;
    }
}

@media only screen and (max-width:767px) {
    footer.site-footer div.logos ul {
        float: none;
        text-align: center;
    }
}

footer.site-footer div.site-footer-legal {
    background: #fff;
    padding: 0 0 40px;
    font-size: 12px;
    float: left;
    width: calc(100% - 195px);
    color: #5d6770;
}

@media only screen and (max-width:767px) {
    footer.site-footer div.site-footer-legal {
        float: none;
        text-align: center;
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 25px;
    }
}

footer.site-footer div.site-footer-legal ul {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    float: right;
}

footer.site-footer div.site-footer-legal ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    white-space: nowrap;
}

footer.site-footer div.site-footer-legal a {
    color: #5d6770;
    font-size: 12px;
}

footer.site-footer div.legal-sections {
    background: #fff;
    padding-top: 30px;
}

footer.site-footer div.legal {
    padding: 0;
    background: #fff;
    font-size: 80%;
    text-align: center;
    float: right;
}

@media only screen and (max-width:767px) {
    footer.site-footer div.legal {
        float: none;
        text-align: center;
    }
}

footer.site-footer div.legal .accredit-icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width:767px) {
    footer.site-footer div.legal .accredit-icons li {
        padding-bottom: 10px;
    }
}

footer.site-footer div.legal .accredit-icons li:nth-child(even) {
    float: left;
    margin-left: 70px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    footer.site-footer div.legal .accredit-icons li:nth-child(even) {
        margin-left: 0;
    }
}

footer.site-footer div.legal .accredit-icons li a b {
    display: inline-block;
    width: 142px;
    height: 99px;
    background-image: url('../images/i/bg/bbb.png');
    background-repeat: no-repeat;
    text-indent: -5000px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    footer.site-footer div.legal .accredit-icons li a b {
        background-image: url('../images/i/bg2x/bbb.png');
        background-size: 142px 99px;
    }
}

footer.site-footer div.legal .accredit-icons li a i {
    display: inline-block;
    width: 72px;
    height: 48px;
    background-image: url('../images/i/bg/dsa.png');
    background-repeat: no-repeat;
    text-indent: -5000px;
    background-position: 0;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    footer.site-footer div.legal .accredit-icons li a i {
        background-image: url('../images/i/bg2x/dsa.png');
        background-size: 72px 48px;
    }
}

@media only screen and (max-width:767px) {
    footer.site-footer div.legal .accredit-icons {
        margin-top: 10px;
    }
    footer.site-footer div.legal .accredit-icons li {
        margin: 0!important;
        float: none!important;
        text-align: center;
    }
}

footer.site-footer div.legal ul {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    margin-top: 20px;
}

footer.site-footer div.legal ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    white-space: nowrap;
}

footer.site-footer div.legal ul li {
    border-left: 1px solid #2b8bb9;
    padding: 0 .6em;
}

footer.site-footer div.legal ul li a {
    color: #555;
}

footer.site-footer div.legal ul li:first-child {
    border: none;
}

footer.site-footer.win-back-footer {
    border-top: 0;
}

footer.site-footer.win-back-footer .logos {
    margin-top: 0;
}

footer.site-footer.win-back-footer .footnotes {
    padding: 10px 0;
}

article {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #e2e1e2;
}

article>*:first-child {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0;
}

article>*:last-child {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px;
}

article header {
    background-color: transparent;
    padding: 16.66667px 20px;
    border-bottom: 1px solid #e2e1e2;
}

article header h1,
article header h2,
article header .module-heading {
    font: 300 24px/1.1 "proxima-nova-n3", "proxima-nova", Helvetica, Arial, sans-serif;
    color: #333;
    margin: 0;
    float: left;
}

article header:only-child {
    border-bottom: 0;
}

article header .actions {
    float: right;
    text-transform: none;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width:767px) {
    article header .actions {
        float: none;
        padding-left: 0;
    }
}

article header .actions li {
    float: left;
    list-style-type: none;
    padding-left: 10px;
    margin-right: 10px;
    border-left: 1px solid #257ab3;
}

article header .actions li:first-child {
    border-left: none;
}

@media only screen and (max-width:767px) {
    article header .actions li {
        float: none;
        text-align: center;
        border-left: 0;
    }
}

article header .actions select {
    width: auto;
}

article footer {
    background: transparent;
    padding: 20px 20px;
    border-top: 1px solid #e2e1e2;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px;
}

article .buttons .button,
article .buttons button {
    float: right;
    margin: 0 0 0 5px;
}

@media only screen and (max-width:767px) {
    article .buttons .button,
    article .buttons button {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    article .buttons .button:first-child,
    article .buttons button:first-child {
        margin-top: 0;
    }
}

article .buttons .verisign-logo {
    display: inline-block;
    width: 75px;
    height: 38px;
    background-image: url('../images/i/bg/thawte-logo.png');
    background-repeat: no-repeat;
    text-indent: -5000px;
    float: right;
    margin-right: 20px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    article .buttons .verisign-logo {
        background-image: url('../images/i/bg2x/verisign-logo.png');
        background-size: 75px 38px;
    }
}

article .content {
    padding: 20px 20px;
    position: relative;
}

article .content>:first-child {
    margin-top: 0;
}

article .content>:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

article .content.full-table {
    padding: 0 0 10px 0;
}

article .content .notice.inline {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    background-image: none;
    margin: -20px -20px 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

article .content .account-selector {
    padding: 15px;
}

article .account-selector {
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
}

article .account-selector form div.group div.item {
    width: auto;
}

article .account-selector form div.group div.item label {
    display: inline;
    margin-right: 5px;
}

@media only screen and (max-width:1024px) {
    article .account-selector form div.group div.item label {
        display: block;
    }
}

article .account-selector form div.group div.item select {
    width: auto;
}

article .content .filters {
    padding: 10px 10px;
    border-bottom: 1px solid #ddd;
    margin: -20px -20px 0;
}

article .content .filters .group .item {
    width: auto;
}

article .content .filters .group .item label {
    display: inline-block;
    margin-right: 5px;
}

article .content .filters .group .item select {
    width: auto;
}

@media only screen and (max-width:767px) {
    article .content .filters .group .item {
        width: 50%;
        float: left;
    }
    article .content .filters .group .item select {
        width: 95%;
    }
}

article .stretch {
    margin: 0 -20px;
}

article .stretch>table th:first-child {
    border-left: none;
}

article .stretch>table th:last-child {
    border-right: none;
}

article .stretch>table tr td:first-child,
article .stretch>table tr th:first-child {
    border-left: none;
}

article .stretch>table tr td:last-child,
article .stretch>table tr th:last-child {
    border-right: none;
}

article .pagination .page-size {
    float: left;
    width: 25%;
}

article .pagination .page-size select {
    width: auto;
}

@media only screen and (max-width:767px) {
    article .pagination .page-size {
        width: 100%;
        text-align: center;
    }
}

article .pagination .showing {
    float: left;
    width: 25%;
    margin: 5px 0 0 0;
    text-align: right;
}

@media only screen and (max-width:767px) {
    article .pagination .showing {
        width: 100%;
        text-align: center;
    }
}

article .pagination .page-selection {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin: 0;
    padding: 0;
    float: right;
    width: 50%;
    text-align: right;
}

article .pagination .page-selection li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px 0 2px;
}

@media only screen and (max-width:767px) {
    article .pagination .page-selection li {
        margin: 7px 0 0 0;
    }
}

article .pagination .page-selection li.page-number a {
    -moz-border-radius: 10px/10px;
    -webkit-border-radius: 10px 10px;
    border-radius: 10px/10px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    padding: 5px 8px;
    min-width: 32px;
    text-align: center;
    background-color: #fff;
    color: #333;
    cursor: pointer;
}

article .pagination .page-selection li.page-number a.selected {
    color: #fff;
    background: #257ab3;
    cursor: default;
}

@media only screen and (max-width:767px) {
    article .pagination .page-selection li.page-number a {
        display: none;
    }
    article .pagination .page-selection li.page-number a.selected {
        display: inline-block;
    }
}

article .pagination .page-selection li.disabled a {
    color: #333;
}

@media only screen and (max-width:767px) {
    article .pagination .page-selection {
        width: 100%;
        text-align: center;
    }
    article .pagination .page-selection ul {
        padding-left: 0;
    }
}

article hr.content-divider {
    border: none;
    border-top: 1px solid #ddd;
    margin: 20px -20px;
}

article hr.wide {
    height: 0;
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: 0;
}

article dl.module-list dt {
    font-weight: bold;
}

article dl.module-list dd {
    text-align: left;
}

article dl.module-list dd.blue {
    color: #257ab3;
}

@media only screen and (max-width:767px) {
    article dl.module-list dd {
        margin-bottom: 10px;
    }
    article dl.module-list dt,
    article dl.module-list dd {
        float: none;
        width: auto;
    }
}

article .text-content-divider {
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    margin: 25px -15px;
}

article .text-content-divider:before,
article .text-content-divider:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

article .text-content-divider:before {
    right: .5em;
    margin-left: -50%;
    background-color: #ccc;
}

article .text-content-divider:after {
    left: .5em;
    margin-right: -50%;
    background-color: #ccc;
}

article[loading-indicator],
article [loading-indicator],
.modal-body[loading-indicator],
.modal-body [loading-indicator] {
    position: relative;
}

article .notice,
.modal-body .notice {
    margin-bottom: 15px;
    border-radius: 15px;
    padding: 20px 30px 20px 45px;
    background-repeat: no-repeat;
    background-position: 15px 24px;
    position: relative;
}
article .notice.confirm, .modal-body .notice.confirm {
    border: 1px solid #00a8e1;
    background-color: #e1f7fd;
}
article .notice p,
.modal-body .notice p {
    margin: 0;
}

article .notice .icon-close,
.modal-body .notice .icon-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

article .notice.alert,
.modal-body .notice.alert {
    border: 1px solid #fc3;
    background-color: #fff9c9;
    padding-left: 30px;
}

article .notice.message,
.modal-body .notice.message {
    border: 1px solid #a1bbb9;
    background-color: #ecf9f8;
    background-image: url('../images/i/icon/message.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    article .notice.message,
    .modal-body .notice.message {
        background-image: url('../images/i/icon2x/message.png');
        background-size: 16px 11px;
    }
}

article .notice.error,
.modal-body .notice.error {
    border: 1px solid #dd744e;
    background-color: #fbded4;
    background-image: url('../images/i/icon/error.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    article .notice.error,
    .modal-body .notice.error {
        background-image: url('../images/i/icon2x/error.png');
        background-size: 16px 16px;
    }
}

article .notice.success,
.modal-body .notice.success {
    border: 1px solid #7baa59;
    background-color: #def7d0;
    background-image: url('../images/i/icon/success.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    article .notice.success,
    .modal-body .notice.success {
        background-image: url('../images/i/icon2x/success.png');
        background-size: 14px 11px;
    }
}

article .notice2,
.modal-body .notice2 {
    margin-bottom: 15px;
    padding: 20px 30px;
    background-repeat: no-repeat;
    background-position: 15px 24px;
    position: relative;
    color: #fff;
    font-size: 16px;
}

article .notice2 h2,
.modal-body .notice2 h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
}

article .notice2 p,
.modal-body .notice2 p {
    margin: 0;
}

article .notice2 .icon-close,
.modal-body .notice2 .icon-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

article .notice2.alert,
.modal-body .notice2.alert {
    background-color: #ffe3a1;
    color: #3c4950;
}

article .notice2.alert h2,
.modal-body .notice2.alert h2 {
    color: #3c4950;
}

article .notice2.message,
.modal-body .notice2.message {
    background-color: #1795d1;
}

article .notice2.error,
.modal-body .notice2.error {
    background-color: #ee6348;
}

article .notice2.success,
.modal-body .notice2.success {
    background-color: #74bc4b;
    background-image: url('../images/i/icon/success.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    article .notice2.success,
    .modal-body .notice2.success {
        background-image: url('../images/i/icon2x/success.png');
        background-size: 14px 11px;
    }
}

article .notice2.plain,
article article.notice2.message,
.modal-body .notice2.plain,
.modal-body article.notice2.message {
    padding: 10px 15px;
    color: #6b6b77;
    font-size: 22px;
}

article .notice2.plain h2,
article article.notice2.message h2,
.modal-body .notice2.plain h2,
.modal-body article.notice2.message h2 {
    color: #6b6b77;
    font-size: 38px;
    font-weight: 500;
}

article .notice2.plain h2 strong,
article article.notice2.message h2 strong,
.modal-body .notice2.plain h2 strong,
.modal-body article.notice2.message h2 strong {
    text-transform: uppercase;
    color: #32aede;
    font-weight: 500;
}

article .notice2.plain.block h2,
article article.notice2.block.message h2,
.modal-body .notice2.plain.block h2,
.modal-body article.notice2.block.message h2 {
    font-size: 32px;
}

article .notice2.plain.block ul,
article article.notice2.block.message ul,
.modal-body .notice2.plain.block ul,
.modal-body article.notice2.block.message ul {
    padding-left: 20px;
    margin-top: 10px;
}

article .notice2.plain.block ul li,
article article.notice2.block.message ul li,
.modal-body .notice2.plain.block ul li,
.modal-body article.notice2.block.message ul li {
    font-size: 18px;
}

article .notice2.plain.block p,
article article.notice2.block.message p,
.modal-body .notice2.plain.block p,
.modal-body article.notice2.block.message p {
    font-size: 18px;
}

article #validation-summary ul,
.modal-body #validation-summary ul {
    margin: 0;
    padding-left: 20px;
}

article .loadingMessage,
.modal-body .loadingMessage {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/i/white-alpha-90.png) repeat;
    background: rgba(255, 255, 255, .9);
    z-index: 101;
}

article .loadingMessage span,
.modal-body .loadingMessage span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 130px;
    height: 32px;
    margin: -16px 0 0 -65px;
    text-transform: uppercase;
    font-weight: bold;
}

article .loadingMessage span img,
.modal-body .loadingMessage span img {
    margin-right: 5px;
    vertical-align: middle;
}

article.grey-box {
    background-color: #fdfdfd;
}

article.grey-box header {
    background-color: #f9f9f9;
    background-image: none;
    border-bottom: 1px solid #ddd;
}

article.grey-box header h2 {
    color: #333;
}

article.grey-box .account-selector {
    background-color: #f9f9f9;
}

article.gradient-box {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff;
    -moz-box-shadow: 2px 3px 4px 0 rgba(85, 53, 91, .25);
    -webkit-box-shadow: 2px 3px 4px 0 rgba(85, 53, 91, .25);
    box-shadow: 2px 3px 4px 0 rgba(85, 53, 91, .25);
    background-image: -moz-linear-gradient(bottom, rgba(76, 73, 77, .15) 0%, rgba(255, 255, 255, .15) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(76, 73, 77, .15) 0%, rgba(255, 255, 255, .15) 100%);
    background-image: linear-gradient(to top, rgba(76, 73, 77, .15) 0%, rgba(255, 255, 255, .15) 100%);
}

article.gradient-box header {
    background: none;
    padding: 0 0 20px 0;
    margin: 20px 15px 0 15px;
}

article.gradient-box header h2 {
    padding-top: 10px;
}

article.gradient-box header h2 a {
    text-transform: none;
    font-size: 20px;
    font-weight: 600;
}

article.gradient-box header button,
article.gradient-box header .button {
    float: right;
    margin-top: 10px;
}

article.gradient-box h3 {
    font-size: 20px;
    margin: 0 0 40px 0;
    font-weight: normal;
    text-transform: none;
}

article.gradient-box h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 15px 0;
    letter-spacing: 1px;
}

article.gradient-box p {
    font-size: 14px;
    font-weight: 600;
}

article.gradient-box .more {
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

@media only screen and (max-width:767px) {
    article.gradient-box .col {
        margin-bottom: 20px;
    }
}

article.plain,
article.message,
article.marketing {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
}

@media only screen and (max-width:1024px) {
    article.plain,
    article.message,
    article.marketing {
        padding: 0 20px;
    }
    .cols-2 article.plain,
    .cols-2 article.message,
    .cols-2 article.marketing {
        padding: 0;
    }
    .cols-2 article.plain.promo,
    .cols-2 article.promo.message,
    .cols-2 article.promo.marketing {
        padding: 20px;
    }
}

.cols-2 article.plain,
.cols-2 article.message,
.cols-2 article.marketing {
    width: auto;
}

article.tabs .tabbed-header {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: none;
}

article.tabs .tabbed-header .tab {
    display: table-cell;
    width: 50%;
    background-image: -moz-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
    background-image: linear-gradient(to top, #f7f7f7 0%, #fff 100%);
    cursor: pointer;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px 20px;
    font-size: 18px;
}

article.tabs .tabbed-header .tab.active {
    background: #fdfdfd;
    background-image: none;
    border-bottom: none;
    font-size: 24px;
}

article.tabs .tabbed-header .tab:last-child {
    border-right: 0;
}

article.account .field-validation-valid {
    display: block;
    color: #a94442;
    font-size: 14px;
    margin: 5px 0;
}

article.account .field-validation-valid:empty {
    display: none;
}

article.account .group-col select,
article.account .account-selector form div.group div.item select {
    padding-right: 10px;
}

@media only screen and (max-width:1024px) {
    article.account .group-col select,
    article.account .account-selector form div.group div.item select {
        padding-right: 25px;
    }
}

@media only screen and (min-width:768px) {
    article.account .group-col .hide-medium-large,
    article.account .account-selector form div.group div.item .hide-medium-large {
        display: none;
    }
}

article.account .change-password {
    margin-top: -5px;
    text-transform: none;
}

article.account .change-password-fields {
    padding: 15px 15px 0;
}

div.banner+article.message {
    margin-top: -20px;
}

article.message {
    margin-bottom: 20px;
    padding: 10px 0;
    border-bottom: 6px solid #ffa409;
    background: #257ab3;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

article.message p {
    margin: 0;
}

article.renew-plan {
    margin-bottom: 5px;
}

article.renew-plan button.primary {
    float: right;
    margin-top: 20px;
}

article.renew-plan .grid p {
    margin-top: 0;
}

@media only screen and (max-width:767px) {
    article.renew-plan .grid .col button {
        float: none;
    }
}

article.plan {
    padding-bottom: 5px;
}

article.plan .plan-table {
    border: none;
}

article.plan .plan-table thead th {
    background: #f6f6f6;
    color: #646464;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    padding: 10px 15px;
    border: none;
    min-width: 85px;
}

article.plan .plan-table thead th.sortable:hover {
    cursor: pointer;
}

article.plan .plan-table thead th.plan-header {
    text-align: left;
    padding-left: 20px;
}

article.plan .plan-table td,
article.plan .plan-table th {
    text-align: center;
    border-bottom: none;
    vertical-align: text-top;
}

article.plan .plan-table td>span,
article.plan .plan-table td>a,
article.plan .plan-table th>span,
article.plan .plan-table th>a {
    color: #828282;
    font-size: 13px;
    font-weight: normal;
    display: block;
    text-transform: uppercase;
    font-style: normal;
}

article.plan .plan-table tr {
    background: transparent;
}

article.plan .plan-table tr.details-row td {
    border: none;
    padding: 0;
    text-align: left;
    text-align: left;
}

article.plan .plan-table tr.details-row td div {
    padding: 5px 12px 5px 30px;
    border-top: 1px solid #eaeaea;
}

article.plan .plan-table tr.details-row td p {
    font-size: 15px;
}

article.plan .plan-table tr.details-row td .plan-footnote {
    clear: both;
}

article.plan .plan-table tr.isOpen td,
article.plan .plan-table tr.isOpen th {
    border-bottom: 1px solid #eaeaea;
}

article.plan .plan-table tr:last-child td,
article.plan .plan-table tr:last-child th {
    border-bottom: none;
}

article.plan .plan-table button {
    white-space: nowrap;
    background-image: none;
    width: 100%;
    margin-right: 0!important;
}

article.plan .plan-table button.secondary {
    color: #5cab0d;
    border: none;
    outline: none;
}

article.plan .plan-table .plan-name {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    border-left: none;
    padding-left: 20px;
    vertical-align: top;
}

article.plan .plan-table .plan-name .fixed,
article.plan .plan-table .plan-name .variable {
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 4px 2px;
    margin: 5px 0;
    display: inline-block;
    border-radius: 5px;
}

article.plan .plan-table .plan-name .fixed {
    background: #75bbe7;
}

article.plan .plan-table .plan-name .variable {
    background: #5b95a2;
}

article.plan .plan-table .plan-name .plan-title {
    clear: both;
}

@media only screen and (max-width:767px) {
    article.plan .plan-table .plan-name {
        padding-right: 45px;
    }
}

article.plan .plan-table .view-details {
    display: block;
    font-weight: normal;
    margin-top: 15px;
    font-size: 12px;
}

article.plan .plan-table .rate,

article.plan .plan-table .term,

article.plan .plan-table .fees,

article.plan .plan-table .address {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    padding: 33px 15px;
}

article.plan .plan-table .rate-eco,
article.plan .plan-table .term-eco,
article.plan .plan-table .fees-eco{
	font-size: 18px;
    font-style: italic;
    font-weight: 600;
    padding: 5px 10px;
}

.offersRowEcoBGColor{
	background-color: #2aa4dc !important;
	border: 1px solid #2aa4dc !important;
}
.offersRowEcoBGColorGreen{
	background-color: #65b945 !important;
	border: 1px solid #65b945 !important;
}
.planTextMonth-eco{
	font-size: 10px !important;
    font-weight: 600 !important;
}

.viewoffers-eco{
    font-size: 12px !important;
    text-transform: none !important;
    font-weight: 800 !important; 
}
      
article.plan .plan-table .rate span,
article.plan .plan-table .term span,
article.plan .plan-table .fees span,
article.plan .plan-table .address span {
    font-size: 12px;
    font-weight: 600;
}

article.plan .plan-table .rate,
article.plan .plan-table .term,
article.plan .plan-table .fees {
    width: 120px;
}

article.plan .plan-table .details td {
    border: none;
    padding: 0;
}

article.plan .plan-table .details div {
    padding: 5px 12px;
    border: 0;
    text-align: left;
    padding-left: 0;
}

article.plan .plan-table .details div p {
    font-size: 15px;
}

article.plan .plan-table .details div:first-child {
    border-bottom: 1px solid #eaeaea;
}

article.plan .plan-table.open td.plan-name {
    border-bottom: 1px solid #fff;
}

article.plan .plan-table.open tr.details {
    display: table-row;
}

article.plan .plan-table.open tr.details td {
    border-top: 0;
}

article.plan .plan-table.open tr.details td:first-child {
    border-top: 1px solid #fff;
}

article.plan .plan-table .spacer {
    height: 20px;
}

article.plan .plan-table .addon-row {
    color: #333;
}

article.plan .plan-table .addon-row td {
    vertical-align: middle;
}

article.plan .plan-table .addon-row .addons {
    padding: 0;
}

article.plan .plan-table .addon-row .addon-wrapper {
    display: flex;
    width: 100%;
}

article.plan .plan-table .addon-row .addon-wrapper .addon-col {
    -ms-flex: 1 0 auto;
    align-items: center;
    border-left: 1px solid #eaeaea;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    padding: 10px;
}

article.plan .plan-table .addon-row .addon-wrapper .addon-col:first-of-type {
    border-left: 0;
}

article.plan .plan-table .addon-row .addon-wrapper .addon-col.addon-logo {
    -ms-flex: 0 1 auto;
    flex-grow: 0;
    padding-left: 15px;
    padding-right: 15px;
}

article.plan .plan-table .addon-row .addon-wrapper .addon-col.cancel-anytime {
    max-width: 150px;
}

article.plan .plan-table .addon-row .addon-wrapper .addon-cancel {
    color: #bfc8d3;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    word-wrap: break-word;
}

article.plan .plan-table .addon-row .addon-upgrade .upgrade-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 1em;
    margin: 0 0 5px;
    padding: 0;
}

article.plan .plan-table .addon-row .addon-upgrade .upgrade-label {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding-left: 20px;
    text-align: left;
    position: relative;
    vertical-align: middle;
    width: auto;
}

@media screen and (max-width:767px) {
    article.plan .plan-table .addon-row .addon-upgrade .upgrade-label {
        display: block;
    }
}

article.plan .plan-table .addon-row .addon-upgrade .upgrade-label input[type=radio] {
    left: 0;
    position: absolute;
    top: 2px;
}

@media screen and (min-width:768px) {
    article.plan .plan-table .addon-row .addon-upgrade .upgrade-label+.upgrade-label {
        margin-left: 10px;
    }
}

article.plan .plan-table .addon-row .addon-link {
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

article.plan .plan-table .addon-row .addon-amount {
    text-align: center;
    vertical-align: middle;
}

article.plan .plan-table .addon-row .addon-amount .amount {
    font-size: 18px;
    font-weight: bold;
}

article.plan .plan-table .addon-row .addon-amount .per-month {
    color: #838282;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

article.plan footer.addon-footer {
    border-bottom: 1px solid #e2e1e2;
}

article.plan footer.renew-plan {
    background-color: #d8edfe;
}

article.plan footer.renew-plan button.primary {
    float: right;
    margin-top: 20px;
}

article.plan footer.renew-plan .grid p {
    margin-top: 0;
}

@media only screen and (max-width:767px) {
    article.plan footer.renew-plan .grid .col button {
        float: none;
    }
}

.lt-ie9 article.plan .plan-table .vertical .fixed,
.lt-ie9 article.plan .plan-table .vertical .variable {
    top: 0;
    left: 0;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}

article.utility-providers p {
    margin-top: 0;
}

article.utility-providers .logos {
    border: 1px solid #d9d9d9;
    float: left;
    background-color: #fff;
    height: 75px;
    margin-right: 15px;
    padding: 0 15px;
}

article.utility-providers .logos:hover {
    border: 1px solid #1697ff;
}

@media only screen and (max-width:767px) {
    article.utility-providers .logos {
        margin-top: 15px;
    }
}

article.balances-payments .account-selector {
    background: #fbfbfb;
}

article.balances-payments .account-selector .group .item {
    width: 50%;
}

article.balances-payments .account-selector .group .item label {
    display: inline-block;
    margin-right: 5px;
}

article.balances-payments .account-selector .group .item select {
    width: auto;
}

article.balances-payments .intro p {
    margin-top: 0;
}

article.balances-payments dl dd {
    margin-bottom: 5px;
    text-align: left;
    width: 31%;
    margin-left: 15px;
}

article.balances-payments dl dt {
    font-weight: bold;
    margin-bottom: 5px;
    width: 61%;
}

article.balances-payments .confirm-payment dl dd {
    width: 40%;
}

article.balances-payments .confirm-payment dl dt {
    width: 50%;
}

article.balances-payments .payment-successful dl dd {
    width: 41%;
    word-wrap: break-word;
}

article.balances-payments .payment-successful dl dt {
    width: 53%;
}

article.balances-payments .grid .col {
    border-spacing: 0;
    max-width: 288px;
}

article.balances-payments .grid .col h4 {
    font-weight: 600;
}

article.balances-payments .grid .col .group .item.amount,
article.balances-payments .grid .col .group .item.security-code {
    width: 40%;
}

@media only screen and (max-width:767px) {
    article.balances-payments .grid .col .group .item.amount,
    article.balances-payments .grid .col .group .item.security-code {
        width: 100%;
    }
}

article.balances-payments .grid .col .group .item.payment {
    width: 60%;
}

@media only screen and (max-width:767px) {
    article.balances-payments .grid .col .group .item.payment {
        width: 100%;
    }
}

article.balances-payments .grid .col.payment input {
    text-align: right;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.balances-payments .grid .col.payment {
        padding: 0 0 0 10px;
    }
}

@media only screen and (max-width:767px) {
    article.balances-payments .grid .col .group .item {
        width: 100%;
    }
}

.layout section.notifications {
    margin: 0;
    width: 100%;
}

.layout section.notifications .notice {
    border-radius: 10px;
    margin: 0 0 20px;
}

.notifications {
    width: 100%;
}

.notifications .notice {
    clear: both;
    border: solid 1px #fb0;
    background-color: #fff8d0;
}

.notifications .notice div {
    padding-right: 20px;
}

.notifications .notice div h5 {
    margin: 0;
    padding: 0;
}

.notifications .notice div p {
    margin: 0;
    padding: 0 20px 0 0;
}

.notifications .notice a.remove {
    float: right;
    clear: left;
    width: 25px;
    height: 25px;
    margin-top: 2px;
    cursor: pointer;
    background: url(../images/i/icon/close.png) no-repeat 50%;
}

.notifications .notice a.remove:hover {
    background-color: #eee;
    border: 1px solid #ccc;
}

.notifications .notice.alert {
    padding-left: 50px;
}

.content section article .notifications .notice {
    border-radius: 0;
    border-collapse: collapse;
}

article.energy-usage .graph-header {
    padding: 15px 40px 0 30px;
}

@media only screen and (max-width:767px) {
    article.energy-usage .graph-header {
        padding: 15px;
    }
}

@media only screen and (max-width:767px) {
    article.energy-usage .graph-header .col {
        width: 50%;
        float: left;
    }
}

article.energy-usage .graph-header .col.last {
    text-align: right;
}

@media only screen and (max-width:767px) {
    article.energy-usage .graph-header .col.last {
        width: 33%;
        float: right;
    }
}

article.energy-usage .usage-graph {
    text-align: center;
    max-width: 580px;
    margin: 0 auto;
    clear: both;
}

article.energy-usage .usage-graph .chart-wrapper {
    max-height: 350px;
}

article.energy-usage .usage-graph .chart-wrapper .chart {
    font-weight: 500;
}

article.energy-usage .usage-graph .chart-wrapper .chart g.x {
    font-size: 12px;
}

article.energy-usage .usage-graph .chart-wrapper .chart g.y,
article.energy-usage .usage-graph .chart-wrapper .chart g.y2 {
    font-size: 14px;
    fill: #9e9e9e;
}

@media only screen and (min-width:1025px) {
    article.energy-usage .usage-graph .chart-wrapper .chart .grid .tick {
        stroke: #eeeff0;
    }
}

article.energy-usage .graph-footer {
    margin-top: -20px;
    text-align: center;
}

article.energy-usage .graph-footer .graph-key {
    display: inline-block;
    width: 140px;
    color: #7f7f81;
    font-size: 14px;
    font-weight: 700;
}

article.energy-usage .graph-footer .graph-key img {
    margin-right: 8px;
    vertical-align: middle;
}

article.energy-usage .compare p {
    float: left;
    margin: 5px 10px 0 0;
}

article.energy-usage .compare select {
    width: 120px;
}

article.service-identification {
    padding-top: 0;
    background-color: #fbfbfb;
}

article.service-identification .content {
    padding: 0 20px;
}

article.service-identification .service-address p {
    margin-bottom: 0;
    padding-bottom: 15px;
}

article.account-holder-information .account-holder {
    margin-bottom: 20px;
}

article.account-holder-information .account-holder-name {
    margin-top: 0;
}

article.account-holder-information .billing-address {
    margin-left: 23px;
}

article.account-holder-information .new-address .group .select-state {
    width: 30%;
}

@media only screen and (max-width:767px) {
    article.account-holder-information .new-address .group .select-state {
        width: auto;
    }
}

article.account-holder-information .new-address .group .zip-code {
    width: 20%;
}

@media only screen and (max-width:767px) {
    article.account-holder-information .new-address .group .zip-code {
        width: auto;
    }
}

article.account-holder-information .checkbox-list label {
    text-transform: uppercase;
    margin-bottom: 10px;
}

article.account-holder-information .additional-field-item {
    margin-bottom: 10px!important;
}

article.account-holder-information .additional-field-group {
    margin-bottom: 0;
    background-color: #fff;
}

article.notification-settings .edit-preferences {
    padding-bottom: 0;
}

article.notification-settings .edit-preferences .additional-field-action {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

article.notification-settings .edit-preferences .additional-field-group>:first-child {
    margin-top: 0;
}

article.notification-settings .edit-preferences .additional-field-group .buttons {
    margin-right: 0;
}

article.notification-settings .edit-preferences .checkbox-list label {
    display: inline;
}

article.notification-settings .edit-preferences .checkbox-list li {
    margin-bottom: 5px;
}

article.notification-settings .edit-preferences .checkbox-list li:last-child {
    margin-bottom: 0;
}

article.notification-settings .edit-preferences .preference {
    position: relative;
}

article.notification-settings .edit-preferences .label {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    display: inline-block;
    padding: 3px 8px;
    font-weight: 600;
}

@media only screen and (max-width:767px) {
    article.notification-settings .edit-preferences .label {
        margin-bottom: 4px;
    }
}

article.notification-settings .edit-preferences .notification-list li {
    margin-bottom: 20px;
}

article.notification-settings .edit-preferences .notification-list label {
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
}

@media only screen and (max-width:767px) {
    article.notification-settings .edit-preferences .notification-list label {
        max-width: 80%;
    }
}

article.notification-settings .edit-preferences .notification-list input {
    margin-left: 10px;
}

@media only screen and (min-width:768px) {
    article.notification-settings .edit-preferences .notification-list input {
        float: right;
    }
}

article.notification-settings .edit-preferences .preference-type {
    display: block;
}

article.notification-settings .edit-preferences .preference-type .preference-label {
    display: inline-block;
    float: right;
    font-weight: 600;
}

article.notification-settings .edit-preferences i {
    margin-right: 4px;
    margin-bottom: 3px;
}

article.enrolled-accounts {
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px 0 0;
    padding-bottom: 0;
}

article.enrolled-accounts .content {
    padding: 0;
}

article.enrolled-accounts .content .notice {
    margin: 15px;
}

article.enrolled-accounts hr.content-divider {
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (max-width:1024px) {
    article.enrolled-accounts table,
    article.enrolled-accounts thead,
    article.enrolled-accounts tbody,
    article.enrolled-accounts th,
    article.enrolled-accounts td,
    article.enrolled-accounts tr {
        display: block;
    }
    article.enrolled-accounts table thead {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    article.enrolled-accounts table td {
        font-size: 16px;
        border: none;
        position: relative;
        padding: 10px 15px;
        white-space: normal;
        text-align: left;
    }
    article.enrolled-accounts table td:first-child {
        padding-top: 25px;
    }
    article.enrolled-accounts table td:last-child {
        padding-bottom: 25px;
    }
    article.enrolled-accounts table td:before {
        content: attr(data-title);
        display: block;
        white-space: nowrap;
        text-align: left;
        font-weight: 600;
        text-transform: uppercase;
    }
    article.enrolled-accounts table button+button {
        margin-top: 10px;
    }
}

article.make-payment-header h2 {
    font-size: 34px;
    color: #092c49;
}

article.make-payment-header p {
    color: #8a8e90;
    max-width: 705px;
    font-size: 18px;
}

article.make-payment .grid.three {
    background-image: url("../images/i/marketing/redesign/Modules/make-payment-background-1.png");
    max-width: 100%;
    border-radius: 0;
    height: 67px;
    margin: 0;
}

article.make-payment .grid.three.review-header {
    background-image: url("../images/i/marketing/redesign/Modules/make-payment-background-2.png");
}

article.make-payment .grid.three.confirm-header {
    background-image: url("../images/i/marketing/redesign/Modules/make-payment-background-3.png");
}

article.make-payment .grid.three .col {
    text-align: center;
    color: #fff;
    vertical-align: middle;
    font-size: 24px;
}

@media only screen and (max-width:1024px) {
    article.make-payment .grid.three {
        background-position: center;
    }
}

@media only screen and (min-width:768px)and (max-width:970px) {
    article.make-payment .grid.three {
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    article.make-payment .grid.three {
        background-size: contain;
        background-repeat: no-repeat;
    }
    article.make-payment .grid.three .col {
        width: 32%;
        display: inline-block;
        font-size: 20px;
        margin-top: 20px;
    }
}

article.make-payment .content {
    background-color: #fbfbfb;
    padding: 20px 20px 30px 20px;
    border-bottom: 1px solid #e5e5e5;
}

article.make-payment .content>p {
    margin-top: -1em;
}

article.make-payment .content h3 {
    font-size: 21px;
    color: #092c49;
    font-weight: 500;
    margin-top: 1em;
}

article.make-payment .content .payment-overview {
    font-size: 18px;
    color: #697684;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 0 20px 20px 20px;
}

article.make-payment .content .payment-overview dt {
    width: 40%;
    float: left;
}

@media only screen and (max-width:767px) {
    article.make-payment .content .payment-overview dt {
        width: 100%;
    }
}

article.make-payment .content .payment-overview dd {
    width: 95%;
    color: #092c49;
    font-weight: 600;
}

article.make-payment .content .payment-overview hr {
    border-top: 1px solid #e9e9e9;
}

article.make-payment .content .payment-overview.confirm {
    background-color: #ebf9e0;
    border: 1px solid #ebf9e0;
    padding-bottom: 0;
}

article.make-payment .content .payment-overview .auto-pay h2,
article.make-payment .content .payment-overview .paperless h2 {
    font-weight: 900;
    margin-bottom: 0;
}

article.make-payment .content .payment-overview .auto-pay h3,
article.make-payment .content .payment-overview .paperless h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 900;
}

article.make-payment .content .payment-overview .auto-pay p,
article.make-payment .content .payment-overview .paperless p {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px;
}

article.make-payment .content .payment-overview .auto-pay p span.paperless,
article.make-payment .content .payment-overview .paperless p span.paperless {
    color: #40ae49;
    font-weight: 600;
}

article.make-payment .content .payment-overview .auto-pay p span.auto-pay,
article.make-payment .content .payment-overview .paperless p span.auto-pay {
    color: #00a8e1;
    font-weight: 600;
}

article.make-payment .content .payment-overview .auto-pay h2 {
    color: #257ab3;
}

article.make-payment .content .payment-overview .paperless h2 {
    margin-top: 20px;
    color: #3baf29;
}

article.make-payment .content .payment-overview .toggle {
    position: relative;
    width: 70px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: right;
    margin-top: 5px;
}

article.make-payment .content .payment-overview .toggle .toggle-checkbox {
    display: none;
}

article.make-payment .content .payment-overview .toggle .toggle-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 40px;
}

article.make-payment .content .payment-overview .toggle .toggle-label .toggle-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0s ease-in 0s;
}

article.make-payment .content .payment-overview .toggle .toggle-label .toggle-inner:before,
article.make-payment .content .payment-overview .toggle .toggle-label .toggle-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
}

article.make-payment .content .payment-overview .toggle .toggle-label .toggle-inner.auto-pay:before {
    content: attr(data-before);
    padding-left: 10px;
    color: #fff;
    background-color: #257ab3;
}

article.make-payment .content .payment-overview .toggle .toggle-label .toggle-inner.paperless:before {
    content: attr(data-before);
    padding-left: 10px;
    color: #fff;
    background-color: #3baf29;
}

article.make-payment .content .payment-overview .toggle .toggle-label .toggle-inner:after {
    content: attr(data-after);
    padding-right: 10px;
    background-color: #eee;
    color: #999;
    text-align: right;
}

article.make-payment .content .payment-overview .toggle .toggle-label .toggle-switch {
    display: block;
    width: 24px;
    height: 26px;
    margin: 6px 2px 6px 4px;
    background: #fff;
    position: absolute;
    top: -4px;
    bottom: 0;
    right: 42px;
    border-radius: 40px;
    transition: margin .1s ease-in 0s;
}

article.make-payment .content .payment-overview .toggle .toggle-checkbox:checked+.toggle-label .toggle-inner {
    margin-left: 0;
}

article.make-payment .content .payment-overview .toggle .toggle-checkbox:checked+.toggle-label .toggle-switch {
    right: 0;
    background-color: #fff;
}

article.make-payment .content .payment-overview .toggle .toggle-checkbox:checked+.toggle-label .toggle-switch.auto-pay {
    background: url("../images/i/icon/blue-toggle-check.png") no-repeat center #fff;
}

article.make-payment .content .payment-overview .toggle .toggle-checkbox:checked+.toggle-label .toggle-switch.paperless {
    background: url("../images/i/icon/green-toggle-check.png") no-repeat center #fff;
}

article.make-payment .content .confirmation-intro {
    background-image: url("../images/i/marketing/redesign/Modules/green-check.png");
    background-repeat: no-repeat;
    background-position: 0% 0%;
    padding-left: 40px;
}

article.make-payment .content .confirmation-intro h3 {
    color: #7bc041;
}

article.make-payment .content .confirmation-intro p {
    margin-top: -1em;
}

article.make-payment .content .blue {
    color: #257ab3;
}

article.make-payment .content .notice p {
    padding-bottom: 20px;
}

article.make-payment .account {
    border: 1px solid #e9e9e9;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
}

article.make-payment .account p.past-due {
    text-align: right;
    margin: .5em 10px .5em 0;
    color: #c00c00;
}

article.make-payment .account p.past-due span {
    font-size: 24px;
    font-weight: 500;
}

article.make-payment .account div {
    display: inline-block;
}

article.make-payment .account div p {
    font-size: 18px;
    color: #969ea7;
    margin: 0;
    padding: 0 10px;
}

article.make-payment .account div p span {
    font-size: 24px;
    color: #092c49;
    font-weight: 500;
}

article.make-payment .account div p span.account-type {
    font-size: 18px;
    color: #969ea7;
}

@media only screen and (max-width:767px) {
    article.make-payment .account div p span {
        font-size: 20px;
    }
}

article.make-payment .account div.due {
    margin-right: 10px;
}

article.make-payment .account div.due,
article.make-payment .account div.amount {
    text-align: right;
    float: right;
}

@media only screen and (max-width:767px) {
    article.make-payment .account div.due,
    article.make-payment .account div.amount {
        text-align: left;
        width: 50%;
        padding: 0;
        margin: 0;
    }
}

article.make-payment .account div.bill-link {
    margin-right: 20px;
}

article.make-payment .account div.bill-link a {
    text-decoration: underline;
    color: #187fe0;
}

article.make-payment .account div.bill-link a i {
    margin: 0 0 2px 10px;
    text-decoration: none;
}

@media only screen and (max-width:767px) {
    article.make-payment .account div.bill-link {
        display: block;
        margin: 10px 0;
    }
}

article.make-payment .account div i.icon-large-radio,
article.make-payment .account div i.icon-large-radio-checked {
    margin-top: -33px;
}

article.make-payment .account div.payment-details {
    display: block;
    background-color: #f6f6f6;
    margin: 20px -20px -20px -20px;
    padding: 20px 20px 20px 80px;
}

article.make-payment .account div.payment-details h3 {
    margin: 0 0 .5em 0;
}

article.make-payment .account div.payment-details .item {
    position: relative;
    margin-right: 20px;
}

article.make-payment .account div.payment-details .item.left {
    float: left;
    width: calc(50% - 20px);
}

@media only screen and (min-width:768px)and (max-width:970px) {
    article.make-payment .account div.payment-details .item.left {
        padding-left: 0;
        width: 50%;
    }
}

@media only screen and (max-width:767px) {
    article.make-payment .account div.payment-details .item.left {
        width: auto;
    }
}

article.make-payment .account div.payment-details .item.right {
    float: right;
}

@media only screen and (min-width:768px)and (max-width:970px) {
    article.make-payment .account div.payment-details .item.right {
        float: left;
        margin-top: 10px;
        padding-left: 0;
    }
}

article.make-payment .account div.payment-details .item.security-code {
    float: right;
    margin-top: 10px;
}

article.make-payment .account div.payment-details .item.security-code input {
    background-image: none;
}

@media only screen and (min-width:768px)and (max-width:970px) {
    article.make-payment .account div.payment-details .item.security-code {
        float: left;
        padding-left: 0;
    }
}

article.make-payment .account div.payment-details .item label {
    position: absolute;
    margin: 5px 0 0 15px;
    font-size: 14px;
    z-index: 100;
    color: #828282;
}

article.make-payment .account div.payment-details .item select {
    border-radius: 0;
    width: 250px;
    height: 50px;
    padding: 15px 0 0 15px;
    font-size: 18px;
    color: #2a4259;
    box-shadow: none;
    background-image: url("../images/i/icon/arrow.png");
    background-position: 95% 50%;
    line-height: 1.2em;
}

article.make-payment .account div.payment-details .item select:focus::-ms-value {
    background-color: #fff;
    color: #000;
}

article.make-payment .account div.payment-details .item select option span {
    font-size: 14px;
    color: #828282;
}

article.make-payment .account div.payment-details .item input {
    border-radius: 0;
    width: 250px;
    height: 50px;
    padding: 15px 0 0 26px;
    font-size: 18px;
    color: #2a4259;
    box-shadow: none;
    background-image: url("../images/i/icon/arrow.png");
    background-position: 95% 50%;
    background-repeat: no-repeat;
}

article.make-payment .account div.payment-details .item input[type=text]::-ms-clear {
    display: none;
}

article.make-payment .account div.payment-details .item .option {
    border-radius: 0;
    width: 250px;
    height: 50px;
    padding: 15px 0 0 15px;
    font-size: 18px;
    color: #2a4259;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    position: relative;
    float: left;
}

article.make-payment .account div.payment-details .item .option span {
    font-size: 14px;
    color: #828282;
    position: absolute;
    margin-top: -15px;
}

article.make-payment .account div.payment-details .item .drop-arrow {
    height: 30px;
    width: 20px;
    margin-left: -34px;
    cursor: pointer;
}

article.make-payment .account div.payment-details .item .payment-options div {
    border-radius: 0;
    width: 250px;
    height: 50px;
    padding: 15px 0 0 15px;
    font-size: 18px;
    color: #2a4259;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    position: relative;
    float: left;
}

article.make-payment .account div.payment-details .item .payment-options div.input-field {
    padding: 0;
}

article.make-payment .account div.payment-details .item .payment-options div span {
    font-size: 14px;
    color: #828282;
    position: absolute;
    margin-top: -15px;
}

article.make-payment .account div.payment-details .item .input-field {
    position: relative;
    width: 260px;
}

article.make-payment .account div.payment-details .item .input-field .dollar-sign {
    position: absolute;
    font-size: 18px;
    top: 20px;
    left: 17px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.make-payment .account div.payment-details {
        padding: 20px;
        display: inline-block;
    }
}

@media only screen and (max-width:767px) {
    article.make-payment .account div.payment-details {
        display: inline-block;
        padding: 20px;
    }
    article.make-payment .account div.payment-details .item.right,
    article.make-payment .account div.payment-details .item.security-code {
        float: left;
    }
}

article.make-payment .account div.payment-details .notice p {
    font-size: 16px;
    color: #333;
}

article.make-payment .payment-info {
    float: right;
    text-align: right;
    width: 100%;
}

article.make-payment .payment-info .labels {
    display: inline-block;
    margin-right: 30px;
}

article.make-payment .payment-info .labels p {
    color: #697684;
    line-height: 32px;
    margin: 0;
}

article.make-payment .payment-info .info {
    display: inline-block;
}

article.make-payment .payment-info .info p {
    font-size: 24px;
    color: #092c49;
    font-weight: 500;
    margin: 0;
    line-height: 32px;
}

article.make-payment .footer {
    margin-top: 20px;
    margin-bottom: 20px;
}

article.make-payment .footer p {
    float: left;
    color: #828282;
}

article.make-payment .footer .verisign-logo {
    display: inline-block;
    width: 75px;
    height: 38px;
    background-image: url('../images/i/bg/verisign-logo.png');
    background-repeat: no-repeat;
    text-indent: -5000px;
    float: right;
    margin: 5px 20px 0 0;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    article.make-payment .footer .verisign-logo {
        background-image: url('../images/i/bg2x/verisign-logo.png');
        background-size: 75px 38px;
    }
}

article.make-payment .footer button,
article.make-payment .footer .button {
    display: inline-block;
    float: right;
    text-transform: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background-color: #2aa4dc;
    border: 1px solid #229acd;
    padding: 12px 50px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: -webkit-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: linear-gradient(to top, #008cd2 0%, #2aa4dc 100%);
}

article.make-payment .footer button a,
article.make-payment .footer .button a {
    color: #fff;
}

article.make-payment .footer button.blue,
article.make-payment .footer .button.blue {
    background-color: #2281dd;
    margin-left: 10px;
}

@media only screen and (max-width:767px) {
    article.make-payment .footer button.blue,
    article.make-payment .footer .button.blue {
        margin-bottom: 10px;
    }
}

article.make-payment .footer button.blue:hover,
article.make-payment .footer .button.blue:hover {
    background-color: #2281dd;
}

article.make-payment .footer button:hover,
article.make-payment .footer .button:hover {
    background-color: #257ab3;
}

article.make-payment .footer a.print {
    float: left;
    margin-top: 14px;
    font-weight: 500;
}

article.make-payment .footer a.print i {
    margin: -3px 3px 0 0;
}

article.make-payment .payment-module {
    margin-bottom: 0;
}

article.make-payment .notice dl {
    margin: 0;
}

article.make-payment .intro p {
    margin-top: 0;
}

article.make-payment .stretch>.grid-table thead th {
    border-top: none;
}

article.make-payment .stretch>.grid-table .details td:first-child {
    border-left: 2px solid #257ab3;
}

@media only screen and (min-width:768px) {
    article.make-payment .stretch>.grid-table .item-payment {
        margin: 5px 52px 5px 42px;
    }
}

article.make-payment div.payment-details .date-amount .dollars .payment-amount {
    display: block;
    margin-left: 15px;
    min-height: 32px;
}

article.make-payment div.payment-details .date-amount .dollars .payment-amount input {
    position: absolute;
    left: 0;
    right: 0;
}

article.make-payment div.payment-details .group .dollars .payment-amount {
    position: relative;
    margin-left: 15px;
}

article.make-payment div.payment-details .group .dollars .payment-amount:before {
    content: "$";
    color: #000;
    position: absolute;
    left: -12px;
    top: 6px;
}

article.make-payment div.payment-details .account-select {
    margin-bottom: 0;
}

article.make-payment div.payment-details .account-select .add-account p {
    text-transform: uppercase;
    padding: 15px 0 0 0;
}

article.make-payment dl.module-list dd {
    word-wrap: break-word;
}

div.new-account-modal .payment-selection label {
    margin-left: 5px;
}

div.new-account-modal .content {
    margin-top: 15px;
}

div.new-account-modal .content .nickname {
    margin-bottom: 10px;
}

div.new-account-modal .content .zip-code {
    width: 20%;
}

@media only screen and (max-width:767px) {
    div.new-account-modal .content .zip-code {
        width: auto;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    div.new-account-modal .content .security-code {
        clear: left;
        margin-top: 20px;
    }
}

@media only screen and (max-width:767px) {
    div.new-account-modal .content .example {
        margin-top: -15px;
    }
}

div.new-account-modal .content .example .single-link {
    margin-top: 30px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    div.new-account-modal .content .example .single-link {
        margin-top: 52px;
    }
}

@media only screen and (max-width:767px) {
    div.new-account-modal .content .example .single-link {
        margin-top: 0;
    }
}

div.new-account-modal footer {
    margin-top: 15px;
}

@media only screen and (min-width:768px) {
    article.card-details header h1 {
        float: left;
        width: auto;
    }
    article.card-details header span.icons {
        float: right;
    }
}

@media only screen and (max-width:767px) {
    article.card-details header h1 {
        margin-bottom: 5px;
    }
}

article.card-details .content {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px;
}

article.payment-history header ul {
    float: right;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width:767px) {
    article.payment-history header ul {
        float: none;
        padding-left: 0;
    }
}

article.payment-history header ul li {
    float: left;
    list-style-type: none;
    padding-left: 10px;
    margin-right: 10px;
    border-left: 1px solid #257ab3;
}

article.payment-history header ul li:first-child {
    border-left: none;
}

@media only screen and (max-width:767px) {
    article.payment-history header ul li {
        float: none;
        text-align: center;
        border-left: 0;
    }
}

@media only screen and (max-width:767px) {
    article.payment-history .content .filters form .group .actions {
        float: left;
        margin-top: 25px;
    }
}

article.payment-history table tr .icon-recurring {
    margin-left: 3px;
}

article.payment-history table tr .icon-utility {
    margin: 0 2px 4px 0;
}

article.payment-history table tr.expand-details .grid {
    margin: 15px 0 15px 35px;
}

article.payment-history table tr.expand-details .grid .col .detail-row {
    float: left;
    width: 100%;
    margin: 8px 0;
}

article.payment-history table tr.expand-details .grid .col .label {
    float: left;
    margin-right: 15px;
    width: 33%;
}

article.payment-history table tr.expand-details .grid .col .account-info {
    float: left;
}

@media only screen and (max-width:767px) {
    article.payment-history table tr.expand-details .grid .col .account-info {
        margin-left: 15px;
    }
}

article.my-invoices .content .icon-utility {
    margin: 0 2px 4px 0;
}

@media only screen and (max-width:767px) {
    article.my-invoices .content .stretch table tbody tr td button {
        margin-top: 2px;
        margin-bottom: 2px;
    }
}

@media only screen and (max-width:767px) {
    article.my-invoices .content .filters form .group .actions {
        float: left;
        margin-top: 25px;
    }
}

article.my-invoices .content .request-extension {
    margin-top: 5px;
}

article.auth {
    margin: 20px 0;
}

article.auth .social-login {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}

article.auth .social-login>li {
    display: inline-block;
}

@media only screen and (max-width:1024px) {
    article.auth .social-login>li {
        margin-bottom: 10px;
    }
}

article.auth dt {
    font-weight: bold;
}

article.auth dd {
    text-align: left;
}

article.auth .field-validation-valid {
    display: block;
    color: #a94442;
    font-size: 14px;
    margin: 5px 0;
}

article.auth.auth-forgot-password .text-content-divider {
    margin: -10px 0 0 0;
}

@media only screen and (min-width:768px) {
    article.auth .hide-medium-large {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    article.auth dl dd {
        margin-bottom: 10px;
    }
    article.auth dl dt,
    article.auth dl dd {
        float: none;
        width: 100%;
    }
}

article.payments {
    margin: 0 0;
}

article.payments header h2.payment-accounts-header {
    float: left;
}

@media only screen and (max-width:767px) {
    article.payments header h2.payment-accounts-header {
        float: none;
    }
}

article.payments p.example-image {
    text-align: center;
}

article.payments .advanced-settings {
    margin-top: 5px;
}

article.payments .advanced-settings .small {
    width: 110px;
}

article.payments .advanced-settings select {
    width: auto;
}

@media only screen and (max-width:767px) {
    article.payments .advanced-settings select {
        margin-top: 5px;
    }
}

article.payments .advanced-settings :last-child {
    margin-bottom: 0;
}

article.payments .advanced-settings p {
    margin: 0 0 0 12px;
    padding-top: 1em;
}

article.payments .account-number {
    white-space: nowrap;
}

article.payments .arrow-toggle {
    position: relative;
    margin: 0;
    color: #257ab3;
    cursor: pointer;
    display: inline-block;
}

article.payments .arrow-toggle span {
    display: inline-block;
    margin-right: 4px;
    width: 0;
    height: 0;
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-left: 8px solid #257ab3;
    border-bottom: 5px solid transparent;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    background: #fff;
}

article.payments .arrow-toggle.collapsed span {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=4);
}

article.payments .link-list {
    float: right;
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

article.payments .link-list li {
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

article.payments .link-list li:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

@media only screen and (max-width:767px) {
    article.payments .link-list {
        float: none;
    }
    article.payments .link-list li {
        float: none;
        margin: 0;
        padding: 0;
        border: none;
        text-align: center;
        display: block;
    }
}

article.payments .payment-accounts-table .nickname {
    width: 100%;
}

article.payments .payment-accounts-table .row-actions {
    white-space: nowrap;
}

@media only screen and (max-width:1024px) {
    article.payments .payment-accounts-table {
        display: block;
    }
    article.payments .payment-accounts-table thead,
    article.payments .payment-accounts-table tbody,
    article.payments .payment-accounts-table th,
    article.payments .payment-accounts-table td,
    article.payments .payment-accounts-table tr {
        display: block;
    }
    article.payments .payment-accounts-table thead {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    article.payments .payment-accounts-table td {
        font-size: 16px;
        border: none;
        position: relative;
        padding: 10px 15px;
        white-space: normal;
        text-align: left;
    }
    article.payments .payment-accounts-table td:first-child {
        padding-top: 25px;
    }
    article.payments .payment-accounts-table td:last-child {
        padding-bottom: 25px;
    }
    article.payments .payment-accounts-table td:before {
        content: attr(data-title);
        display: block;
        white-space: nowrap;
        text-align: left;
        font-weight: 600;
        text-transform: uppercase;
    }
    article.payments .payment-accounts-table button+button {
        margin-top: 10px;
    }
}

article.payments .payment-options {
    margin: 15px 0 25px 20px;
}

article.payments .payment-options .account-number span {
    display: block;
    margin-top: 14px;
}

@media only screen and (max-width:767px) {
    article.payments .payment-options .account-number span {
        margin-top: 0;
    }
}

article.payments .payment-total dd {
    border-top: 1px solid #333;
}

article.payments .payment-total dt,
article.payments .payment-total dd {
    padding-top: 15px;
}

@media only screen and (max-width:767px) {
    article.payments .payment-total dd {
        border-top: none;
        padding-top: 0;
    }
    article.payments .payment-total dt {
        border-top: 1px solid #333;
        padding-top: 20px;
    }
}

article.payments dl.module-list dd {
    word-wrap: break-word;
}

article.payments .auto-pay-address p {
    margin: 0;
}

article.payments .account-selector {
    margin: -20px -20px 20px -20px;
}

article.payments .account-number {
    min-width: 25%;
}

article.payments h4 {
    margin: 0 0 5px;
}

article.payments img {
    max-width: 100%;
}

article.payments footer {
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0;
    border-radius: 0 0 10px 10px;
}

@media only screen and (max-width:767px) {
    article.payments table.payments-account-table {
        clear: both;
    }
    article.payments table.payments-account-table,
    article.payments table.payments-account-table thead,
    article.payments table.payments-account-table tbody,
    article.payments table.payments-account-table th,
    article.payments table.payments-account-table td,
    article.payments table.payments-account-table tr {
        display: block;
        padding: 0;
        background: transparent;
    }
    article.payments table.payments-account-table thead {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    article.payments table.payments-account-table tr {
        border-top: 1px solid #ccc;
    }
    article.payments table.payments-account-table td {
        font-size: 16px;
        border: none;
        position: relative;
        padding: 8px 0;
        white-space: normal;
        text-align: left;
    }
    article.payments table.payments-account-table td:before {
        content: attr(data-title);
        display: block;
        white-space: nowrap;
        text-align: left;
        font-weight: 600;
        text-transform: uppercase;
    }
    article.payments table.payments-account-table td:first-child {
        padding-top: 20px;
    }
    article.payments table.payments-account-table td:last-child {
        padding-bottom: 20px;
    }
}

.usage-details .filters {
    margin: 0;
    float: right;
}

.usage-details .filters .group .item label {
    margin-top: 15px;
}

.usage-details .filters .group .item.usage-period {
    float: right;
}

.usage-details div.noUsage {
    background: #f0fafb;
    border: 1px solid #b6d9dc;
    padding: 1em;
}

.usage-details div.noUsage p {
    margin: 0;
}

.usage-details tr.noUsageOverlay td {
    position: relative;
    padding: 0;
}

.usage-details tr.noUsageOverlay td div {
    position: absolute;
    width: 100%;
}

.usage-details tr.noUsageOverlay td div span.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .75;
}

.usage-details tr.noUsageOverlay td div span.sample {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -85px;
    font-size: 2em;
    color: #6d6d6d;
}

.usage-details .device-short {
    display: none;
}

.usage-details .device-full {
    display: block;
}

.usage-details .device-full .device-details {
    padding: 10px;
}

@media only screen and (max-width:767px) {
    .usage-details .device-full .device-details {
        padding: 10px 0 10px 5px;
    }
}

.usage-details table tbody tr td,
.usage-details th,
.usage-details tfoot td {
    text-align: center;
    background-color: #fff;
    border: 1px solid #eaeaea;
}

.usage-details table tbody tr td .top,
.usage-details th .top,
.usage-details tfoot td .top {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0;
}

.usage-details table tbody tr td:first-child,
.usage-details th:first-child,
.usage-details tfoot td:first-child {
    text-align: left;
    padding: 0 20px;
}

.usage-details table tbody tr td:first-child div,
.usage-details th:first-child div,
.usage-details tfoot td:first-child div {
    float: left;
    padding: 0 10px;
}

.usage-details table tbody tr td:first-child div.device-image,
.usage-details th:first-child div.device-image,
.usage-details tfoot td:first-child div.device-image {
    padding: 5px;
}

.usage-details table tbody tr td:first-child div.device-image img,
.usage-details th:first-child div.device-image img,
.usage-details tfoot td:first-child div.device-image img {
    width: 30px;
}

@media only screen and (max-width:767px) {
    .usage-details table tbody tr td:first-child,
    .usage-details th:first-child,
    .usage-details tfoot td:first-child {
        padding-right: 0;
    }
}

.usage-details table tbody tr td strong,
.usage-details th strong,
.usage-details tfoot td strong {
    white-space: nowrap;
}

@media only screen and (max-width:599px) {
    .usage-details header .filters {
        float: left;
    }
    .usage-details table tbody tr td .top,
    .usage-details th .top,
    .usage-details tfoot td .top {
        padding: 0 0;
    }
    .usage-details table tbody tr td:first-child,
    .usage-details th:first-child,
    .usage-details tfoot td:first-child {
        padding: 0 0;
    }
}

@media only screen and (max-width:480px) {
    .usage-details header {
        padding-left: 10px;
        padding-right: 10px;
    }
    .usage-details table tbody tr td,
    .usage-details th,
    .usage-details tfoot td {
        padding-left: 2px;
        padding-right: 2px;
    }
}

article.usage-summary .current-usage {
    padding: 70px 0;
}

article.usage-summary div.noUsage {
    background: #f0fafb;
    border: 1px solid #b6d9dc;
    padding: 1em;
}

article.usage-summary div.noUsage p {
    margin: 0;
}

article.usage-summary div.usage-summary-content {
    position: relative;
}

article.usage-summary div.usage-summary-content div.noUsageOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

article.usage-summary div.usage-summary-content div.noUsageOverlay span.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .75;
}

article.usage-summary div.usage-summary-content div.noUsageOverlay span.sample {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -85px;
    font-size: 2em;
    color: #6d6d6d;
}

article.usage-summary .usage-meter {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset -.7px .7px 3px rgba(0, 0, 0, .15);
    -webkit-box-shadow: inset -.7px .7px 3px rgba(0, 0, 0, .15);
    box-shadow: inset -.7px .7px 3px rgba(0, 0, 0, .15);
    position: relative;
    height: 30px;
    width: 100%;
    background-color: #e9e9e9;
}

article.usage-summary .usage-meter .bar {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    position: absolute;
    height: 30px;
}

article.usage-summary .usage-meter .bar .picket {
    position: absolute;
    right: 0;
    bottom: 100%;
    height: 20px;
    border-right: solid 1px #ccc;
}

article.usage-summary .usage-meter .bar .label {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 15px;
    padding: 5px;
    white-space: nowrap;
    font-size: 13px;
}

article.usage-summary .usage-meter .bar.estimated {
    background-color: #7c7c7c;
    background: repeating-linear-gradient(-45deg, #d1d1d1, #d1d1d1 40%, #bcbcbc 40%, #bcbcbc 50%, #d1d1d1 50%) top left fixed;
    background-size: 6px 6px;
}

article.usage-summary .usage-meter .bar.estimated .picket {
    height: 45px;
}

article.usage-summary .usage-meter .bar.estimated .label {
    margin-bottom: 45px;
    background-color: #efefef;
}

article.usage-summary .usage-meter .bar.used {
    background-color: #00a8e1;
}

article.usage-summary .usage-meter .bar.used .label {
    background-color: #00a8e1;
    color: #fff;
}

article.usage-summary .usage-meter .bar.total .picket {
    height: 40px;
    bottom: auto;
    top: 100%;
}

article.usage-summary .usage-meter .bar.total .label {
    background-color: #7c7c7c;
    color: #fff;
    bottom: auto;
    top: 100%;
    margin-top: 40px;
}

article.usage-summary .usage-meter.overage .bar.used {
    background-color: #d94c3b;
}

article.usage-summary .usage-meter.overage .bar.used .label {
    background-color: #d94c3b;
}

article.usage-summary .scale .scale-label {
    position: relative;
    float: left;
    width: 33.3333%;
    padding-top: 20px;
    color: #ccc;
}

article.usage-summary .scale .scale-label .picket {
    position: absolute;
    left: 1px;
    top: 5px;
    height: 15px;
    border-left: solid 1px #ccc;
}

article.usage-summary .scale .scale-label.mid {
    text-align: center;
}

article.usage-summary .scale .scale-label.mid .picket {
    left: 50%;
}

article.usage-summary .scale .scale-label.high {
    text-align: right;
}

article.usage-summary .scale .scale-label.high .picket {
    left: auto;
    right: 1px;
}

article.usage-summary .breakdown {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-bottom: 15px;
    z-index: 250;
    border: solid 1px #bbb;
    border-radius: 10px;
    background-color: #eee;
    color: #333;
}

article.usage-summary .breakdown .device-number {
    white-space: nowrap;
}

article.usage-summary .breakdown table,
article.usage-summary .breakdown th,
article.usage-summary .breakdown tr,
article.usage-summary .breakdown td {
    border: none;
    font-size: 13px;
}

article.usage-summary .breakdown thead tr {
    border-bottom: solid 1px #bbb;
}

article.usage-summary .breakdown thead tr td {
    text-align: center;
}

article.usage-summary .breakdown:after,
article.usage-summary .breakdown:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

article.usage-summary .breakdown:after {
    border-color: rgba(238, 238, 238, 0);
    border-top-color: #eee;
    border-width: 10px;
    margin-left: -10px;
}

article.usage-summary .breakdown:before {
    border-color: rgba(221, 221, 221, 0);
    border-top-color: #bbb;
    border-width: 12px;
    margin-left: -12px;
}

article.account-interstitial {
    border: none;
    margin-bottom: 100px;
}

article.account-interstitial h1 {
    color: #013c5b;
}

article.account-interstitial hr {
    border-top: 1px solid #f2f2f2;
}

@media only screen and (max-width:767px) {
    article.account-interstitial hr {
        display: none;
    }
}

article.account-interstitial .buttons .button,
article.account-interstitial .buttons button {
    display: inline-block;
    float: right;
    text-transform: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background-color: #2aa4dc;
    border: 1px solid #229acd;
    padding: 10px 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: -webkit-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: linear-gradient(to top, #008cd2 0%, #2aa4dc 100%);
}

article.account-interstitial .buttons .button.secondary,
article.account-interstitial .buttons button.secondary {
    background-image: -moz-linear-gradient(bottom, #848484 0%, #929292 100%);
    background-image: -webkit-linear-gradient(bottom, #848484 0%, #929292 100%);
    background-image: linear-gradient(to top, #848484 0%, #929292 100%);
    color: #fff;
    border: 1px solid #c7c7c7;
    margin-right: 10px;
    text-shadow: none;
}

@media only screen and (max-width:1024px) {
    article.account-interstitial .buttons .button.secondary,
    article.account-interstitial .buttons button.secondary {
        margin-top: 10px;
        margin-right: 0;
        float: right;
        clear: both;
    }
}

article.account-interstitial .buttons .button.tertiary,
article.account-interstitial .buttons button.tertiary {
    background-color: transparent;
    background-image: none;
    color: #178fcd;
    border-color: #e6e6e6;
    text-shadow: none;
    text-transform: none;
    float: left;
    font-weight: 400;
    padding: 10px 0;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width:767px) {
    article.account-interstitial .buttons .button.tertiary,
    article.account-interstitial .buttons button.tertiary {
        border-top: 1px solid #f2f2f2;
        margin-top: 30px;
        padding-top: 15px;
    }
}

aside article header {
    padding: 15px;
}

aside article header h3 {
    margin: 0;
    font-size: 20px;
}

aside article div.content {
    padding: 15px;
}

aside article.promo header {
    border-bottom: 0;
    padding-bottom: 0;
}

aside article.promo header h3 {
    font-size: 16px;
    text-transform: uppercase;
}

aside article.promo p {
    margin: 0;
}

aside article.promo img {
    max-width: 100%;
    height: auto;
}

aside article.promo div.action {
    margin-top: 5px;
}

aside article.promo div.action button,
aside article.promo div.action .button {
    width: 100%;
}

aside article.promo.autopay {
    text-align: center;
}

aside article.promo.autopay h3 {
    font-size: 21px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 10px;
}

aside article.promo.autopay p {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
}

aside article.promo.autopay .button {
    width: 170px;
    height: 45px;
    font-size: 18px;
    padding-top: 10px;
}

aside article.promo.eco-plus-promo {
    background: #97c93d;
    background: -moz-linear-gradient(-45deg, #97c93d 0%, #43af49 100%);
    background: -webkit-linear-gradient(-45deg, #97c93d 0%, #43af49 100%);
    background: linear-gradient(135deg, #97c93d 0%, #43af49 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#97c93d', endColorstr='#43af49', GradientType=1);
    color: #fff;
    position: relative;
    text-align: center;
}

aside article.promo.eco-plus-promo p {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
}

aside article.promo.eco-plus-promo .promo-logos {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -10px 10px;
}

aside article.promo.eco-plus-promo .promo-logos [class*="icon-"] {
    color: transparent;
    text-align: left;
}

aside article.promo.eco-plus-promo .promo-logos .left,
aside article.promo.eco-plus-promo .promo-logos .right {
    flex: 1 1 50%;
    max-width: 50%;
    padding: 0 10px;
}

aside article.promo.eco-plus-promo .promo-logos .left {
    border-right: 1px solid #fff;
    text-align: right;
}

aside article.promo.eco-plus-promo .promo-logos .right {
    text-align: left;
}

aside article.promo.eco-plus-promo .promo-ctas {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 -10px;
}

aside article.promo.eco-plus-promo .promo-link {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px;
    text-align: center;
}

aside article.promo.eco-plus-promo .promo-btn {
    background-color: #fff;
    border-radius: 3px;
    color: #40ae49;
    display: block;
    flex: 0 0 auto;
    font-weight: 600;
    margin: 0 10px;
    padding: 8px 10px;
    text-align: center;
}

aside article.promo2 {
    position: relative;
    min-height: 185px;
    color: #fff;
    overflow: hidden;
    border-radius: 9px;
}

@media only screen and (max-width:767px) {
    aside article.promo2.mobileapp {
        height: calc(60vw - 25px);
    }
}

aside article.promo2.mobileapp .promobackground {
    width: 100%!important;
    height: 100%!important;
}

aside article.promo2.full-cover-image {
    border: none;
}

@media only screen and (max-width:767px) {
    aside article.promo2.full-cover-image {
        height: calc(60vw - 25px);
    }
}

aside article.promo2.full-cover-image .promobackground {
    background-size: cover!important;
    width: 100%!important;
    height: 100%!important;
    border-radius: 10px!important;
}

aside article.promo2 .promobackground {
    position: absolute;
    top: 0;
    right: 0;
}

aside article.promo2 .promo-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 10;
}

aside article.promo2 header {
    padding-bottom: 0;
    border: none;
}

aside article.promo2 header span {
    display: block;
    text-align: center;
}

aside article.promo2 header span img {
    position: relative;
}

aside article.promo2 .content {
    padding-top: 5px;
    text-align: center;
}

aside article.promo2 .content hr {
    border-top: 1px solid #fff;
    margin: 20px 25px 20px 25px;
}

aside article.promo2 .content h2 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

aside article.promo2 .content h3 {
    margin: 2px 0 2px 0;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    text-align: center;
    letter-spacing: 2px;
}

aside article.promo2 .content a {
    color: #fff;
    font-weight: bold;
}

aside article.promo2 p {
    text-align: center;
    margin-bottom: 0;
}

aside article.subnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

aside article.subnav ul>li {
    padding: 20px 15px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
}

aside article.subnav ul>li.active a {
    color: #333;
}

aside article.grey-box {
    padding: 0;
}

aside article.grey-box .active {
    background-color: #fff;
}

aside article.grey-box p {
    margin: 0;
    padding: 20px 15px;
    text-transform: uppercase;
}

aside article.grey-box p+p {
    border-top: 1px solid #ddd;
}

aside article.thermostat .content {
    padding: 0 15px;
    background-color: #fdfdfd;
}

aside article.thermostat .content .grid .col i {
    float: left;
    margin: 10px 7px 0 0;
}

aside article.thermostat .content .grid .col h5 {
    margin: 0 0 -10px 0;
}

aside article.thermostat .content .grid .col .current-temp {
    font-size: 41px;
}

aside article.thermostat .content .grid .col .current-temp .temp-scale {
    font-size: 30px;
    vertical-align: text-top;
}

aside article.thermostat .content .grid .col dl {
    margin: 0;
}

aside article.thermostat .content .grid .col dl dd.temperature {
    font-size: 30px;
}

aside article.thermostat .content .grid .col dl dt {
    font-size: 14px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    aside article.thermostat .content .grid .col {
        width: 100%;
        float: left;
    }
}

@media only screen and (max-width:767px) {
    aside article.thermostat .content .grid .col {
        padding-bottom: 20px;
    }
}

aside article.thermostat footer p {
    padding: 0;
}

aside article.thermostat footer .online {
    float: left;
}

aside article.thermostat footer .settings {
    float: right;
}

aside article.thermostat footer .settings a {
    text-transform: none;
}

.credit-card .item.card-number input[type="text"] {
    width: 100%;
}

@media only screen and (min-width:768px) {
    .credit-card .item.security-code input[type="text"] {
        width: 100px;
    }
    .credit-card .item.zip-code {
        width: 20%;
    }
}

.inline-tabs>ul {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    margin: 0;
    padding: 0;
}

.inline-tabs>ul li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.inline-tabs>ul li.selected a {
    color: #939393;
}

.inline-tabs>ul li.selected:after,
.inline-tabs>ul li.selected:before {
    bottom: -16px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.inline-tabs>ul li.selected:after {
    border-color: rgba(250, 250, 250, 0);
    border-bottom-color: #fafafa;
    border-width: 10px;
    margin-left: -10px;
    margin-top: 2px;
}

.inline-tabs>ul li.selected:before {
    border-color: rgba(222, 222, 222, 0);
    border-bottom-color: #ddd;
    border-width: 11px;
    margin-left: -11px;
}

.inline-tabs div.tab-content {
    background: #fafafa;
    padding: 25px 15px;
    margin: 15px -15px -25px;
    border-top: 1px solid #ddd;
}

.paycenter .paycenter-header .wrapper {
    padding: 0;
}

.paycenter .paycenter-header a.logo {
    display: inline-block;
    width: 206px;
    height: 50px;
    margin: 25px 25px 25px 0;
    background-image: url("../images/i/bg/logo-desktop.png");
    background-repeat: no-repeat;
    float: left;
}

.paycenter .paycenter-header h2 {
    color: #0f7fc3;
    font-size: 30px;
    font-weight: 300;
    float: left;
    margin: 35px auto;
}

.paycenter .paycenter-header .description {
    float: left;
    width: 75%;
    padding-right: 1em;
    font-size: 18px;
    margin-bottom: 1em;
}

.paycenter .paycenter-header .pay-online {
    font-size: 18px;
    float: right;
    width: 25%;
    margin: 1em auto;
}

@media only screen and (max-width:767px) {
    .paycenter .paycenter-header .pay-online .hide-small {
        display: none;
    }
}

.paycenter .paycenter-header .pay-online a {
    font-weight: 700;
    color: #0074bb;
}

@media only screen and (max-width:1024px) {
    .paycenter .paycenter-header {
        height: auto;
    }
    .paycenter .paycenter-header .logo-container {
        width: auto;
        text-align: center;
    }
    .paycenter .paycenter-header .logo-container a.logo {
        float: none;
        margin: 10px 0;
    }
    .paycenter .paycenter-header h2 {
        margin: 10px auto;
    }
    .paycenter .paycenter-header p {
        margin: 15px auto;
    }
}

@media only screen and (max-width:767px) {
    .paycenter .paycenter-header .logo-container a.logo {
        width: 103px;
        height: 25px;
        background-image: url("../images/i/bg/logo-mobile.png");
    }
    .paycenter .paycenter-header h2 {
        font-size: 20px;
        font-weight: 300;
        margin: 0;
    }
    .paycenter .paycenter-header p {
        margin: 0;
    }
    .paycenter .paycenter-header p a {
        font-weight: 400;
    }
}

.paycenter article.paycenter-locator .gm-style-iw-t:after {
    background: none;
}

.paycenter article.paycenter-locator .wrapper {
    padding: 1em 0;
}

.paycenter article.paycenter-locator .paycenter-header {
    height: 174px;
    border: none;
    padding: 66px 0;
}

.paycenter article.paycenter-locator .paycenter-header h1 {
    text-align: center;
    color: #6b6b6b;
    font-size: 40px;
    font-weight: 300;
    width: 100%;
}

.paycenter article.paycenter-locator .paycenter-header h1.backToResults {
    cursor: pointer;
    padding-left: 25px;
    text-align: left;
    background: url("../images/i/icon/left-arrow.png") no-repeat center left;
}

@media only screen and (max-width:1024px) {
    .paycenter article.paycenter-locator .paycenter-header {
        height: auto;
        padding: 25px 0;
    }
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator .paycenter-header h1 {
        font-size: 16px;
        font-weight: 400;
        color: #333;
    }
}

.paycenter article.paycenter-locator aside {
    float: left;
    width: 300px;
    margin-right: 25px;
    color: #333;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .paycenter article.paycenter-locator aside {
        margin-top: 25px;
    }
}

.paycenter article.paycenter-locator aside .form {
    margin-bottom: 25px;
}

.paycenter article.paycenter-locator aside .form .item {}

.paycenter article.paycenter-locator aside .form .item label {
    font-size: 18px;
}

.paycenter article.paycenter-locator aside .form .item #gmap-search input[type="text"] {
    width: 100%;
    height: 45px;
}

.paycenter article.paycenter-locator aside .form .item #gmap-search input[type="text"]::-webkit-input-placeholder {
    font-size: 18px;
    color: #333;
}

.paycenter article.paycenter-locator aside .form .item #gmap-search input[type="text"]::-moz-placeholder {
    font-size: 18px;
    color: #333;
}

.paycenter article.paycenter-locator aside .form .item #gmap-search input[type="text"]:-ms-input-placeholder {
    font-size: 18px;
    color: #333;
}

.paycenter article.paycenter-locator aside .form .item #gmap-search input[type="text"]:-moz-placeholder {
    font-size: 18px;
    color: #333;
}

.paycenter article.paycenter-locator aside .query {
    border: 1px solid #e2e1e2;
    border-radius: 5px 5px 0 0;
}

.paycenter article.paycenter-locator aside .query p {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 10px 25px;
}

.paycenter article.paycenter-locator aside .results {
    border: solid #e2e1e2;
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 5px 5px;
    max-height: 587px;
    overflow: auto;
}

.paycenter article.paycenter-locator aside .results .result {
    border-bottom: 1px solid #e2e1e2;
    padding: 20px 10px 20px 20px;
    line-height: 1;
    min-height: 106px;
}

.paycenter article.paycenter-locator aside .results .result .grid .col-1 {
    background: url("../images/i/icon/pin.png");
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 50px;
    width: 75px;
    float: left;
}

.paycenter article.paycenter-locator aside .results .result .grid .col-1 .item .distance {
    margin: 0;
    font-weight: 600;
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator aside .results .result .grid .col-1 {
        width: 60px;
    }
}

.paycenter article.paycenter-locator aside .results .result .grid .col-2 {
    width: calc(100% - 75px);
    float: right;
}

.paycenter article.paycenter-locator aside .results .result .grid .col-2 .item {
    display: inline-block;
}

.paycenter article.paycenter-locator aside .results .result .grid .col-2 .item .name {
    margin: 0;
    font-weight: 600;
}

.paycenter article.paycenter-locator aside .results .result .grid .col-2 .item .address {
    margin: 0;
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator aside .results .result .grid .col-2 .item {
        width: calc(100% - 12px);
    }
}

.paycenter article.paycenter-locator aside .results .result .grid .col-2 .item.arrow {
    background: url("../images/i/icon/right-arrow.png") no-repeat center right;
    width: 12px;
    height: 66px;
    float: right;
    cursor: pointer;
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator aside .results .result .grid .col-2 {
        width: calc(100% - 72px);
    }
}

.paycenter article.paycenter-locator aside .results .result.selected {
    background-color: rgba(0, 55, 84, .2);
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator aside {
        width: 100%;
    }
}

.paycenter article.paycenter-locator .google-map {
    padding: 0;
    margin: 0;
    width: calc(100% - 325px);
    float: right;
}

.paycenter article.paycenter-locator .google-map.zeroHeight {
    visibility: hidden;
    height: 0;
}

.paycenter article.paycenter-locator .google-map #paycenter-map {
    height: 730px;
    margin: 0;
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator .google-map #paycenter-map {
        height: 350px;
    }
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window {
    background-color: rgba(0, 55, 84, .1);
    position: relative;
    padding: 10px;
    margin: 10px 10px 0 0;
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid {
    margin: 0;
    background-color: #fff;
    width: 375px;
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid {
        width: 255px;
        padding: 10px;
    }
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column {
    float: left;
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column .item label {
    font-size: 14px;
    font-weight: 500;
    color: #919191;
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column .item label {
        font-size: 12px;
    }
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column .item a>p {
    color: #1f8fce;
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column .item p {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0;
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column .item p:first-of-type {
    margin-top: 5px;
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column .item p:last-of-type {
    margin-bottom: 5px;
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column .item p {
        font-size: 12px;
    }
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column .item:last-of-type p:last-of-type {
    margin-bottom: 0;
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column:first-of-type {
    width: 225px;
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column:first-of-type {
        width: 150px;
    }
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column:last-of-type {
    padding-left: 20px;
    width: 130px;
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .grid .column:last-of-type {
        padding-left: 5px;
        width: 85px;
    }
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .close {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    transform: rotate(45deg);
}

.paycenter article.paycenter-locator .google-map #paycenter-map .marker-window .close a {
    font-size: 40px;
    font-weight: 300;
    color: #919191;
    position: absolute;
    top: -8px;
    right: 8px;
}

@media only screen and (max-width:767px) {
    .paycenter article.paycenter-locator .google-map {
        width: 100%;
    }
}

.paycenter article.paycenter-locator .note {
    clear: both;
    padding-top: 1em;
    font-size: 14px;
    font-weight: 300;
}

@media only screen and (max-width:767px) {
    .paycenter .page-content {
        padding: 0;
    }
}

.log-viewer .layout {
    max-width: none;
    margin: 0 25px;
}

.home-page .home-top-content,
.home-page footer,
.home-page header {
    z-index: 401;
    position: relative;
}

.home-page .home-content-layout {
    z-index: 399;
}

.home-page .section-divider {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 400;
}

.home-page .section-divider.active {
    display: block;
}

.home-page .home-question {
    margin-top: 5px;
}

.home-page #utility-services {
    position: relative;
    top: -69px;
}

@media only screen and (max-width:767px) {
    .home-page header {
        position: absolute;
    }
}

article.marketing {
    margin-bottom: 0;
    position: relative;
    color: #6b6b6b;
}

article.marketing .wrapper {
    padding: 50px 0;
}

@media only screen and (max-width:1024px) {
    article.marketing .wrapper {
        padding: 20px 0;
    }
}

@media only screen and (max-width:1024px) {
    article.marketing .post img {
        width: 100%;
        height: auto!important;
    }
}

article.marketing img {
    max-width: 100%;
}

article.marketing p {
    margin-bottom: 0;
}

article.marketing p+a {
    margin-top: 15px;
}

article.marketing h2 {
    color: #4f4c4d;
    font-size: 32px;
}

article.marketing .switch_hold_exception_form span.address {
	display: inline-block;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 10px;
    border-radius: 5px;
    font-size: 18px;
}

article.marketing .switch_hold_exception_form span.address strong {
	margin-bottom: 8px;
	display: inline-block;
}

@media only screen and (max-width:767px) {
    article.marketing .wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    article.marketing h2 {
        font-size: 28px;
    }
}

article.toggle-container .wrapper {
    padding: 0;
}

article.toggle-container .pane-item-close {
    float: right;
    font-weight: 600;
    cursor: pointer;
}

article.quote {
    background: #f6f6f6;
}

article.quote .quote-author {
    margin: .5em 0 0 0;
}

article.quote .quote-text {
    background-image: url('../images/i/icon/quote.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    min-height: 28px;
    padding-right: 40px;
}

article.quote .quote-wrapper {
    padding-right: 50px;
}

article.quote h2 {
    font-style: italic;
    margin-top: 0;
    margin-bottom: .5em;
    background-image: url('../images/i/icon/quote-left.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 50px;
}

article.quote p {
    padding-left: 50px;
}

@media only screen and (max-width:767px) {
    article.quote .quote-wrapper {
        padding-right: 0;
    }
    article.quote h2 {
        font-size: 24px;
    }
}

article.section-divider {
    background-image: -moz-linear-gradient(left top, #fff, #f0f0f0);
    background-image: -webkit-linear-gradient(left top, #fff, #f0f0f0);
    background-image: linear-gradient(to right bottom, #fff, #f0f0f0);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

article.section-divider .col {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: .3;
    text-align: center;
}

article.section-divider .col.active {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

article.section-divider .wrapper {
    padding: 0;
}

article.section-divider i {
    margin-top: -2px;
    margin-right: 3px;
}

article.text-callout {
    text-align: center;
}

article.text-callout .wrapper {
    padding: 50px 3%;
}

article.text-callout h1 {
    font-size: 44px;
    color: #4f4c4d;
    margin-top: 0;
    margin-bottom: 0;
}

article.text-callout h1 span {
    color: #257ab3;
    text-transform: uppercase;
}

article.text-callout p {
    font-size: 20px;
}

article.text-callout h1+p {
    margin-top: 32px;
}

@media only screen and (max-width:767px) {
    article.text-callout h1 {
        font-size: 34px;
    }
}

article.vertical-cta .col {
    padding-top: 200px;
    padding-right: 80px;
}

article.vertical-cta .col-first .image-wrapper {
    right: 50%;
    left: 0;
}

article.vertical-cta .col-last .image-wrapper {
    left: 50%;
    right: 0;
}

article.vertical-cta .image-wrapper {
    position: absolute;
    top: 0;
    height: 215px;
}

article.vertical-cta .wrapper {
    padding-bottom: 40px;
}

article.vertical-cta img {
    max-width: none;
}

article.vertical-cta h2 {
    margin-top: 0;
}

article.vertical-cta p {
    margin-bottom: 30px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.vertical-cta .col {
        padding-right: 40px;
    }
}

@media only screen and (max-width:767px) {
    article.vertical-cta .col {
        padding-right: 0;
        padding-top: 0;
    }
    article.vertical-cta .col-first .image-wrapper,
    article.vertical-cta .col-last .image-wrapper {
        left: 0;
        right: 0;
        top: auto;
    }
    article.vertical-cta .col-last {
        margin-top: 50px;
    }
    article.vertical-cta .wrapper {
        padding-top: 0;
    }
    article.vertical-cta h2 {
        padding-top: 255px;
    }
}

article.horizontal-photo-cta {
    background-image: -moz-linear-gradient(#f3f3f3, #f6f6f6 5%, #fff);
    background-image: -webkit-linear-gradient(#f3f3f3, #f6f6f6 5%, #fff);
    background-image: linear-gradient(#f3f3f3, #f6f6f6 5%, #fff);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
}

article.horizontal-photo-cta .layout {
    display: table;
    border-spacing: 0;
}

article.horizontal-photo-cta .cta-content {
    padding-left: 50px;
}

article.horizontal-photo-cta .aside,
article.horizontal-photo-cta .cta-content {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

article.horizontal-photo-cta.horizontal-cta-alt .cta-content {
    padding-left: 0;
    padding-right: 50px;
}

@media only screen and (max-width:767px) {
    article.horizontal-photo-cta .cta-content {
        display: table-footer-group;
    }
    article.horizontal-photo-cta .aside {
        display: table-header-group;
    }
    article.horizontal-photo-cta .cta-content,
    article.horizontal-photo-cta .aside {
        padding: 0;
    }
}

@media only screen and (min-width:768px) {
    article.horizontal-photo-cta h2 {
        margin-top: 0;
    }
}

article.horizontal-button-cta .cta-content {
    padding-right: 50px;
    padding-left: 0;
    width: 80%;
}

article.horizontal-button-cta .aside {
    width: 20%;
}

@media only screen and (max-width:767px) {
    article.horizontal-button-cta .cta-content {
        display: table-header-group;
    }
    article.horizontal-button-cta .aside {
        display: table-footer-group;
    }
    article.horizontal-button-cta h2 {
        margin-top: 0;
    }
    article.horizontal-button-cta .button {
        margin-top: 35px;
    }
}

@media only screen and (min-width:1025px) {
    article.horizontal-button-cta .aside {
        text-align: right;
    }
}

article.horizontal-form-layout {
    background: #e5e5e5;
}

article.horizontal-form-layout .form-layout {
    display: table;
    width: 100%;
}

article.horizontal-form-layout .form-layout>* {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 15px;
}

article.horizontal-form-layout .form-layout h3 {
    font-size: 20px;
    margin: 0;
    color: #333;
    padding-right: 40px;
    font-weight: 400;
}

article.horizontal-form-layout .input-group .input-group-btn {
    padding-left: 20px;
}

article.horizontal-form-layout .wrapper {
    padding: 35px 0;
}

@media only screen and (max-width:767px) {
    article.horizontal-form-layout .input-group-btn {
        text-align: center;
        margin-top: 15px;
    }
}

article.choose-state {
    background: #fff;
    -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .05);
}

article.choose-state .links a {
    display: block;
    line-height: 1.375;
}

article.choose-state .input-group-btn button {
    padding-left: 25px;
    padding-right: 25px;
}

article.choose-state .btn-dropdown {
    display: block;
    position: relative;
}

article.choose-state .dropdown-menu {
    left: 0;
    right: 0;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.choose-state .wrapper label {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    article.choose-state .input-group {
        margin-bottom: 10px;
    }
    article.choose-state .links a {
        display: inline;
    }
    article.choose-state .wrapper {
        display: block;
    }
    article.choose-state .wrapper h3 {
        margin-bottom: 1em;
    }
    article.choose-state .wrapper .form-layout {
        display: block;
    }
    article.choose-state .wrapper .form-layout>* {
        display: block;
        line-height: inherit;
    }
    article.choose-state label {
        margin-bottom: 8px;
    }
}

article.state-tabs {
    background-image: -moz-linear-gradient(#f3f3f3, #f6f6f6 5%, #fff);
    background-image: -webkit-linear-gradient(#f3f3f3, #f6f6f6 5%, #fff);
    background-image: linear-gradient(#f3f3f3, #f6f6f6 5%, #fff);
}

article.state-tabs .tabs-nav {
    padding: 0;
    margin: 0 auto;
    display: table;
}

@media only screen and (max-width:767px) {
    article.state-tabs .tabs-nav {
        width: 100%;
    }
}

article.state-tabs .tabs-nav li {
    float: none;
    display: table-cell;
    width: 138px;
}

@media only screen and (max-width:767px) {
    article.state-tabs .tabs-nav li {
        display: block;
        width: auto;
    }
}

article.state-tabs .tabs-nav li a {
    display: block;
    padding: 20px 0;
    text-align: center;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 0 0;
}

article.state-tabs .tabs-nav li a span {
    display: block;
    margin: 0 auto 10px;
    width: 82px;
    height: 84px;
    background-image: url('../images/i/bg/state-tabs.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    article.state-tabs .tabs-nav li a span {
        background-image: url('../images/i/bg2x/state-tabs.png');
        background-size: 82px 84px;
    }
}

article.state-tabs .tabs-nav li a span i {
    max-height: 84px;
}

@media only screen and (max-width:767px) {
    article.state-tabs .tabs-nav li a {
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px 7px 7px 7px;
        width: auto;
    }
}

article.state-tabs .tab-header {
    padding: 10px 0;
    background-color: #257ab3;
    color: #fff;
}

@media only screen and (max-width:767px) {
    article.state-tabs .tab-header button,
    article.state-tabs .tab-header a.button {
        display: block;
        margin: 5px 0;
    }
}

article.state-tabs .tab-footer {
    min-height: 30px;
    margin: 0;
    background-color: #257ab3;
    border-bottom: 5px solid #76bd1d;
}

article.state-tabs h2 {
    text-align: center;
    margin-top: 0;
}

article.home-page-services {
    background-image: -moz-linear-gradient(left top, #fff, #f1f1f1);
    background-image: -webkit-linear-gradient(left top, #fff, #f1f1f1);
    background-image: linear-gradient(to right bottom, #fff, #f1f1f1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

article.home-page-services .ico-wrapper {
    position: absolute;
    right: 0;
    top: 10px;
    right: 30px;
}

article.home-page-services .grid {
    border-spacing: 0;
    margin: 30px -30px;
    width: -webkit-calc(100% + 60px);
    width: -moz-calc(100% + 60px);
    width: -ms-calc(100% + 60px);
    width: -o-calc(100% + 60px);
    width: calc(100% + 60px);
}

article.home-page-services .grid .col {
    position: relative;
    text-align: left;
    font-size: 13px;
    text-align: left;
    padding: 8px 130px 8px 30px;
    color: #4f4c4d;
    border-right: 1px solid #e2e1e2;
}

article.home-page-services .grid .col:first-child {
    border-left: 1px solid #e2e1e2;
}

article.home-page-services .wrapper {
    padding: 0;
}

article.home-page-services h4 {
    color: #4f4c4d;
    font-weight: 300;
    margin: 0 0 15px;
    text-transform: uppercase;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.home-page-services .grid .col {
        padding: 0 80px 0 15px;
    }
    article.home-page-services .grid .col .ico-wrapper {
        right: 15px;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    article.home-page-services .wrapper {
        padding: 0 30px;
    }
}

@media only screen and (max-width:767px) {
    article.home-page-services {
        margin-top: 0;
    }
    article.home-page-services .grid .col {
        padding: 15px 80px 15px 0;
        border: none;
    }
    article.home-page-services .grid .col .ico-wrapper {
        right: 0;
    }
    article.home-page-services .grid .col:first-child {
        border-left: none;
    }
    article.home-page-services .wrapper {
        padding: 0 30px;
    }
}

article.other-services-promo {
    background-image: -moz-linear-gradient(#f3f3f3, #f6f6f6 5%, #fff);
    background-image: -webkit-linear-gradient(#f3f3f3, #f6f6f6 5%, #fff);
    background-image: linear-gradient(#f3f3f3, #f6f6f6 5%, #fff);
}

article.other-services-promo .grid {
    border-spacing: 20px;
    margin: -20px;
}

article.other-services-promo .col {
    position: relative;
    padding: 30px 30px 30px 180px;
    border: 1px solid #cecece;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-image: -moz-linear-gradient(#fff, #f3f3f3);
    background-image: -webkit-linear-gradient(#fff, #f3f3f3);
    background-image: linear-gradient(#fff, #f3f3f3);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}

article.other-services-promo .ico-wrapper {
    position: absolute;
    top: 30px;
    left: 30px;
    border: 1px solid #fff;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}

article.other-services-promo h3 {
    text-transform: uppercase;
    margin-top: 0;
}

@media only screen and (max-width:767px) {
    article.other-services-promo .grid {
        margin: 0;
    }
    article.other-services-promo .col {
        padding-left: 30px;
    }
    article.other-services-promo .col:first-child {
        margin-bottom: 20px;
    }
    article.other-services-promo .ico-wrapper {
        position: relative;
        left: 50%;
        top: 0;
        margin-left: -60px;
        margin-bottom: 30px;
    }
}

article.degregulated-energy .col p {
    font-size: 18px;
}

article.degregulated-energy .deregulation-today h2 {
    text-indent: -50px;
    color: #257ab3;
}

article.degregulated-energy .wrapper {
    padding-left: 0;
    padding-right: 0;
}

article.degregulated-energy h2 {
    font-size: 45px;
    margin-bottom: 0;
    text-transform: uppercase;
}

article.degregulated-energy img {
    margin-top: -10px;
}

article.marketing .wrapper .footnotes {
    text-align: center;
    margin: -37px 0;
}

article.marketing .wrapper .footnotes p {
    font-size: 20px;
    font-weight: 600;
}

article.marketing .wrapper .footnotes p .blue {
    color: #0971ce;
}

article.intro-promo h1 {
    color: #28ade0!important;
}

article.intro-promo h1 strong {
    font-size: 60px!important;
    font-weight: bold!important;
}

article.intro-promo .button {
    background-image: none;
}

article.intro-promo em {
    color: #6b6b6b!important;
    font-style: italic!important;
}

article.win-back {
    border-radius: 0;
}

article.win-back .intro {
    border-radius: 0;
    background-image: url("../images/i/marketing/intro-background.jpg");
    height: 305px;
    display: flex;
    justify-content: center;
}

article.win-back .intro h1 {
    font-size: 74px;
    color: #fff;
    margin: 1.5em 0;
}

@media only screen and (max-width:767px) {
    article.win-back .intro h1 {
        font-size: 54px;
        text-align: center;
    }
}

article.win-back h3 {
    text-align: center;
    font-size: 32px;
}

article.win-back h3.switching-back {
    color: #0071b9;
    margin-bottom: 0;
    font-weight: 500;
}

article.win-back .price {
    color: #f8a131;
    font-size: 26px;
    text-align: center;
    margin-bottom: 20px;
}

article.win-back .price div {
    background: #ffbc3f;
    background-image: -moz-linear-gradient(top, #ffbc3f 0%, #f8a131 100%);
    background-image: -webkit-linear-gradient(top, #ffbc3f 0%, #f8a131 100%);
    background-image: linear-gradient(to bottom, #ffbc3f 0%, #f8a131 100%);
    color: #fff;
    font-size: 20px;
    width: 120px;
    height: 120px;
    padding-top: 33px;
    display: inline-block;
    border-radius: 50%;
}

article.win-back .switch {
    background-color: #0071b9;
    text-align: center;
}

article.win-back .button {
    background-image: none;
    background-color: #f8a131;
    margin: 15px auto;
}

article.win-back p {
    width: 50%;
    margin: 1em auto;
}

article.win-back p.sub-header {
    margin-top: 0;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

@media only screen and (max-width:767px) {
    article.win-back p {
        width: 80%;
    }
}

article.win-back .new-rate {
    background-image: url("../images/i/marketing/new-rate.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 139px;
    width: 804px;
    margin: 0 auto;
    color: #fff;
}

article.win-back .new-rate h3 {
    color: #fff;
    padding-top: 20px;
    font-size: 26px;
    font-weight: 500;
}

article.win-back .new-rate p {
    width: auto;
    padding: 0 20px;
}

@media only screen and (max-width:1024px) {
    article.win-back .new-rate {
        background-position: bottom left;
        border-radius: 10px;
        background-color: #97c93d;
        width: auto;
        height: auto;
        padding: 5px;
    }
}

article.win-back .get-started {
    text-align: center;
}

article.win-back .reasons {
    border-top: 6px solid #0071b9;
    background-image: -moz-linear-gradient(top, #02a9e1 0%, #fff 100%);
    background-image: -webkit-linear-gradient(top, #02a9e1 0%, #fff 100%);
    background-image: linear-gradient(to bottom, #02a9e1 0%, #fff 100%);
    -moz-background-size: 100% 280px;
    -o-background-size: 100% 280px;
    -webkit-background-size: 100% 280px;
    background-size: 100% 280px;
    background-repeat: no-repeat;
}

article.win-back .reasons h2 {
    color: #fff;
    font-size: 40px;
    text-align: center;
}

article.win-back .reasons .grid .col {
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 120px;
}

article.win-back .reasons .grid .col.simple-billing {
    background-image: url("../images/i/marketing/simple-billing.png");
}

article.win-back .reasons .grid .col.best-rate {
    background-image: url("../images/i/marketing/best-rate.png");
}

article.win-back .reasons .grid .col.customer-service {
    background-image: url("../images/i/marketing/customer-service.png");
}

article.win-back .reasons .grid .col h4 {
    color: #60bfde;
    width: 50%;
    margin: 1em auto;
    text-align: center;
}

@media only screen and (max-width:767px) {
    article.win-back .reasons .grid .col h4 {
        width: 90%;
    }
}

article.win-back .reasons .grid .col p {
    width: 70%;
}

@media only screen and (max-width:767px) {
    article.win-back .reasons .grid .col p {
        width: 90%;
    }
}

article.win-back .reasons p.asterisk {
    width: 100%;
}

article.win-back .lock-in {
    background-image: url("../images/i/marketing/lock-in-background.png");
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    height: 133px;
}

article.win-back .lock-in .button {
    margin: 0;
}

article.win-back .lock-in h2 {
    color: #fff;
    font-size: 32px;
    padding-top: 20px;
}

@media only screen and (max-width:767px) {
    article.win-back .lock-in {
        background-position: bottom center;
        background-color: #0071b9;
        height: auto;
    }
    article.win-back .lock-in .button {
        margin-bottom: 15px;
    }
}

article.win-back-2 .intro {
    height: 531px;
}

article.win-back-2 .intro h1 img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.win-back-2 .intro {
        height: 330px h1;
        height-margin: 0;
    }
}

@media only screen and (max-width:767px) {
    article.win-back-2 .intro {
        height: 250px;
    }
    article.win-back-2 .intro h1 {
        margin: 1em 0 0 0;
    }
}

article.win-back-2 h3 {
    display: block;
    margin: 40px auto 10px auto;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    color: #58595b;
    width: 65%;
}

@media only screen and (max-width:767px) {
    article.win-back-2 h3 {
        width: 90%;
    }
}

article.win-back-2 h3 strong {
    color: #f8a131;
    font-weight: bold;
    text-transform: uppercase;
}

article.win-back-2 .call {
    font-size: 20px;
    text-align: center;
}

article.win-back-2 p.rate-disclaimer {
    width: 65%;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-style: italic;
    font-weight: 200;
}

article.win-back-2 hr {
    margin: 40px 120px;
    border: 0;
    border-top: 3px solid #eee;
}

article.win-back-2 .new-rate {
    background-image: url("../images/i/marketing/new-rate.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 139px;
    width: 804px;
    margin: 0 auto;
    color: #fff;
}

article.win-back-2 .new-rate h3 {
    width: 100%;
    color: #fff;
    padding-top: 25px;
    font-size: 30px;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
}

article.win-back-2 .new-rate p {
    margin: 0 auto;
    text-align: center;
    padding: 15px 80px;
}

@media only screen and (max-width:1024px) {
    article.win-back-2 .new-rate {
        background-position: bottom left;
        border-radius: 10px;
        background-color: #97c93d;
        width: auto;
        height: auto;
        padding: 5px;
    }
}

article.win-back-2 .how-it-works {
    margin: 0 auto;
    text-align: center;
    color: #666;
    text-transform: uppercase;
    font-size: 21px;
    font-style: italic;
    font-weight: bold;
    padding: 5px 0;
}

article.win-back-2 .how-it-works-list {
    width: 65%;
    font-size: 18px;
    margin: 0 auto;
    color: #666;
    line-height: 28px;
}

@media only screen and (max-width:767px) {
    article.win-back-2 .how-it-works-list {
        width: 90%;
    }
}

article.win-back-2 .how-it-works-list strong {
    font-weight: bold;
}

article.win-back-2 .how-it-works-list a {
    color: #0071b9;
    text-decoration: underline;
    font-weight: 600;
}

article.win-back-2 .how-it-works-list ul li {
    list-style-type: disc;
}

article.win-back-2 .get-started {
    padding-bottom: 20px;
}

article.win-back-2 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

article.win-back-2 .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lyric-page .button {
    background-color: #f98e00;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(bottom, #f76f00 0%, #f98e00 100%);
    background-image: -webkit-linear-gradient(bottom, #f76f00 0%, #f98e00 100%);
    background-image: linear-gradient(to top, #f76f00 0%, #f98e00 100%);
    font-size: 18px;
    font-weight: 400;
}

.lyric-page .disclaimer {
    color: silver;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.1;
    padding-top: 15px;
    clear: both;
}

.marketing button.blue,
.marketing .button.blue {
    background-color: #257ab3;
    background-image: none;
    color: #fff;
}

.marketing button.paleblue,
.marketing .button.paleblue {
    background-color: #7e9ab3;
    background-image: none;
    color: #fff;
}

.marketing button.darkblue,
.marketing .button.darkblue {
    background-color: #073464;
    background-image: none;
    color: #fff;
}

.marketing button.green,
.marketing .button.green {
    background-color: #78bb2f;
    background-image: none;
    color: #fff;
}

.marketing button.palegreen,
.marketing .button.palegreen {
    background-color: #8ba072;
    background-image: none;
    color: #fff;
}

.marketing button.darkgreen,
.marketing .button.darkgreen {
    background-color: #5f9c37;
    background-image: none;
    color: #fff;
}

.marketing button.orange,
.marketing .button.orange {
    background-color: #fda32b;
    background-image: none;
    color: #fff;
}

.marketing button.red,
.marketing .button.red {
    background-color: #aa2130;
    background-image: none;
    color: #fff;
}

.marketing button.palered,
.marketing .button.palered {
    background-color: #b48789;
    background-image: none;
    color: #fff;
}

.marketing button.white,
.marketing .button.white {
    background-color: #fff;
    background-image: none;
    color: #257ab3;
}

.marketing button.grey,
.marketing .button.grey {
    background-color: #e8e8e8;
    background-image: none;
    color: #257ab3;
}

.marketing button.purple,
.marketing .button.purple {
    background-color: #8e4b9d;
    background-image: none;
    color: #257ab3;
}

.marketing button.darkgrey,
.marketing .button.darkgrey {
    background-color: #6b6b6b;
    background-image: none;
    color: #fff;
}

article.photoLockup {
    margin-bottom: 0;
    background-color: #e8e8e8;
    color: #6b6b6b;
    border-top: 3px solid #999;
    margin-bottom: 20px;
}

article.photoLockup .photo {
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0;
    border-radius: 0 0 0 0;
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.ie8 article.photoLockup .photo {
    background-repeat: repeat-y;
}

article.photoLockup .text {
    float: right;
    width: 48%;
    padding: 65px 0;
    font-size: 16px;
    line-height: 1.3;
}

article.photoLockup .text .inner {
    max-width: 455px;
    padding: 0 10px;
}

article.photoLockup .text h2 {
    margin: 0;
    font-size: 38px;
    line-height: 1.1;
    text-transform: uppercase;
}

article.photoLockup .text h2 sup {
    top: -2em;
}

article.photoLockup .text h3 {
    font-size: 16px;
    color: #1773cb;
}

article.photoLockup .text .lead {
    font-size: 24px;
    text-transform: uppercase;
}

article.photoLockup .text blockquote {
    margin: 0;
    background: url('../images/i/marketing/quote-left.png') no-repeat;
}

article.photoLockup .text blockquote>div {
    background: url('../images/i/marketing/quote-right.png') no-repeat 100% 100%;
    padding: 10px 10px 0 10px;
    font-size: 18px;
    line-height: 1.8;
    text-indent: 50px;
}

article.photoLockup .text blockquote>div p:first-child {
    margin-top: 0;
}

article.photoLockup .text p.cite {
    font-size: 14px;
    text-transform: uppercase;
}

article.photoLockup .text sup {
    font-size: 9px;
}

article.photoLockup.top-right-photo .photo {
    background-position: top right;
}

article.photoLockup.top-left-photo .photo {
    background-position: top left;
}

article.photoLockup.bottom-left-photo .photo {
    background-position: bottom left;
}

article.photoLockup.bottom-right-photo .photo {
    background-position: bottom right;
}

article.photoLockup.right-img .photo {
    right: 0;
}

article.photoLockup.right-img .text {
    float: left;
}

article.photoLockup.right-img .text .inner {
    float: right;
}

article.photoLockup.border .photo {
    border-right: 3px solid #1773cb;
}

article.photoLockup.border.right-img .photo {
    border-right: 0;
    border-left: 3px solid #1773cb;
}

@media only screen and (max-width:767px) {
    article.photoLockup .photo {
        display: none;
    }
    article.photoLockup .text {
        float: none!important;
        width: 100%;
        padding: 40px 0;
    }
    article.photoLockup .text .inner {
        float: none!important;
        max-width: none;
        padding: 0 20px;
    }
}

article.photoLockup.bg-blue {
    background-color: #257ab3;
    color: #fff;
}

article.photoLockup.bg-blue h2,
article.photoLockup.bg-blue h3 {
    color: #fff;
}

article.photoLockup.bg-blue button,
article.photoLockup.bg-blue .button {
    background-color: #fff;
    background-image: none;
    color: #257ab3;
}

article.photoLockup.bg-blue button:hover,
article.photoLockup.bg-blue .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-paleblue {
    background-color: #7e9ab3;
    color: #fff;
}

article.photoLockup.bg-paleblue h2,
article.photoLockup.bg-paleblue h3 {
    color: #fff;
}

article.photoLockup.bg-paleblue button,
article.photoLockup.bg-paleblue .button {
    background-color: #fff;
    background-image: none;
    color: #7e9ab3;
}

article.photoLockup.bg-paleblue button:hover,
article.photoLockup.bg-paleblue .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-darkblue {
    background-color: #073464;
    color: #fff;
}

article.photoLockup.bg-darkblue h2,
article.photoLockup.bg-darkblue h3 {
    color: #fff;
}

article.photoLockup.bg-darkblue button,
article.photoLockup.bg-darkblue .button {
    background-color: #fff;
    background-image: none;
    color: #073464;
}

article.photoLockup.bg-darkblue button:hover,
article.photoLockup.bg-darkblue .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-green {
    background-color: #78bb2f;
    color: #fff;
}

article.photoLockup.bg-green h2,
article.photoLockup.bg-green h3 {
    color: #fff;
}

article.photoLockup.bg-green button,
article.photoLockup.bg-green .button {
    background-color: #fff;
    background-image: none;
    color: #78bb2f;
}

article.photoLockup.bg-green button:hover,
article.photoLockup.bg-green .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-palegreen {
    background-color: #8ba072;
    color: #fff;
}

article.photoLockup.bg-palegreen h2,
article.photoLockup.bg-palegreen h3 {
    color: #fff;
}

article.photoLockup.bg-palegreen button,
article.photoLockup.bg-palegreen .button {
    background-color: #fff;
    background-image: none;
    color: #8ba072;
}

article.photoLockup.bg-palegreen button:hover,
article.photoLockup.bg-palegreen .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-darkgreen {
    background-color: #5f9c37;
    color: #fff;
}

article.photoLockup.bg-darkgreen h2,
article.photoLockup.bg-darkgreen h3 {
    color: #fff;
}

article.photoLockup.bg-darkgreen button,
article.photoLockup.bg-darkgreen .button {
    background-color: #fff;
    background-image: none;
    color: #5f9c37;
}

article.photoLockup.bg-darkgreen button:hover,
article.photoLockup.bg-darkgreen .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-orange {
    background-color: #fda32b;
    color: #fff;
}

article.photoLockup.bg-orange h2,
article.photoLockup.bg-orange h3 {
    color: #fff;
}

article.photoLockup.bg-orange button,
article.photoLockup.bg-orange .button {
    background-color: #fff;
    background-image: none;
    color: #fda32b;
}

article.photoLockup.bg-orange button:hover,
article.photoLockup.bg-orange .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-red {
    background-color: #aa2130;
    color: #fff;
}

article.photoLockup.bg-red h2,
article.photoLockup.bg-red h3 {
    color: #fff;
}

article.photoLockup.bg-red button,
article.photoLockup.bg-red .button {
    background-color: #fff;
    background-image: none;
    color: #aa2130;
}

article.photoLockup.bg-red button:hover,
article.photoLockup.bg-red .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-palered {
    background-color: #b48789;
    color: #fff;
}

article.photoLockup.bg-palered h2,
article.photoLockup.bg-palered h3 {
    color: #fff;
}

article.photoLockup.bg-palered button,
article.photoLockup.bg-palered .button {
    background-color: #fff;
    background-image: none;
    color: #b48789;
}

article.photoLockup.bg-palered button:hover,
article.photoLockup.bg-palered .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-white {
    background-color: #fff;
    color: #6b6b6b;
}

article.photoLockup.bg-white h2,
article.photoLockup.bg-white h3 {
    color: #257ab3;
}

article.photoLockup.bg-white button,
article.photoLockup.bg-white .button {
    background-color: #257ab3;
    background-image: none;
    color: #fff;
}

article.photoLockup.bg-white button:hover,
article.photoLockup.bg-white .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-grey {
    background-color: #e8e8e8;
    color: #6b6b6b;
}

article.photoLockup.bg-grey h2,
article.photoLockup.bg-grey h3 {
    color: #257ab3;
}

article.photoLockup.bg-grey button,
article.photoLockup.bg-grey .button {
    background-color: #257ab3;
    background-image: none;
    color: #e8e8e8;
}

article.photoLockup.bg-grey button:hover,
article.photoLockup.bg-grey .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-purple {
    background-color: #8e4b9d;
    color: #6b6b6b;
}

article.photoLockup.bg-purple h2,
article.photoLockup.bg-purple h3 {
    color: #257ab3;
}

article.photoLockup.bg-purple button,
article.photoLockup.bg-purple .button {
    background-color: #257ab3;
    background-image: none;
    color: #8e4b9d;
}

article.photoLockup.bg-purple button:hover,
article.photoLockup.bg-purple .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-darkgrey {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.bg-darkgrey h2,
article.photoLockup.bg-darkgrey h3 {
    color: #fff;
}

article.photoLockup.bg-darkgrey button,
article.photoLockup.bg-darkgrey .button {
    background-color: #fff;
    background-image: none;
    color: #6b6b6b;
}

article.photoLockup.bg-darkgrey button:hover,
article.photoLockup.bg-darkgrey .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.border.border-blue .photo {
    border-color: #257ab3;
}

article.photoLockup.border.border-paleblue .photo {
    border-color: #7e9ab3;
}

article.photoLockup.border.border-darkblue .photo {
    border-color: #073464;
}

article.photoLockup.border.border-green .photo {
    border-color: #78bb2f;
}

article.photoLockup.border.border-palegreen .photo {
    border-color: #8ba072;
}

article.photoLockup.border.border-darkgreen .photo {
    border-color: #5f9c37;
}

article.photoLockup.border.border-orange .photo {
    border-color: #fda32b;
}

article.photoLockup.border.border-red .photo {
    border-color: #aa2130;
}

article.photoLockup.border.border-palered .photo {
    border-color: #b48789;
}

article.photoLockup.border.border-white .photo {
    border-color: #fff;
}

article.photoLockup.border.border-grey .photo {
    border-color: #e8e8e8;
}

article.photoLockup.border.border-purple .photo {
    border-color: #8e4b9d;
}

article.photoLockup.border.border-darkgrey .photo {
    border-color: #6b6b6b;
}

article.photoLockup.accent-blue h2,
article.photoLockup.accent-blue h3,
article.photoLockup.accent-blue em {
    color: #257ab3;
}

article.photoLockup.accent-blue button,
article.photoLockup.accent-blue .button {
    background-color: #257ab3;
    background-image: none;
}

article.photoLockup.accent-blue button:hover,
article.photoLockup.accent-blue .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-paleblue h2,
article.photoLockup.accent-paleblue h3,
article.photoLockup.accent-paleblue em {
    color: #7e9ab3;
}

article.photoLockup.accent-paleblue button,
article.photoLockup.accent-paleblue .button {
    background-color: #7e9ab3;
    background-image: none;
}

article.photoLockup.accent-paleblue button:hover,
article.photoLockup.accent-paleblue .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-darkblue h2,
article.photoLockup.accent-darkblue h3,
article.photoLockup.accent-darkblue em {
    color: #073464;
}

article.photoLockup.accent-darkblue button,
article.photoLockup.accent-darkblue .button {
    background-color: #073464;
    background-image: none;
}

article.photoLockup.accent-darkblue button:hover,
article.photoLockup.accent-darkblue .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-green h2,
article.photoLockup.accent-green h3,
article.photoLockup.accent-green em {
    color: #78bb2f;
}

article.photoLockup.accent-green button,
article.photoLockup.accent-green .button {
    background-color: #78bb2f;
    background-image: none;
}

article.photoLockup.accent-green button:hover,
article.photoLockup.accent-green .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-palegreen h2,
article.photoLockup.accent-palegreen h3,
article.photoLockup.accent-palegreen em {
    color: #8ba072;
}

article.photoLockup.accent-palegreen button,
article.photoLockup.accent-palegreen .button {
    background-color: #8ba072;
    background-image: none;
}

article.photoLockup.accent-palegreen button:hover,
article.photoLockup.accent-palegreen .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-darkgreen h2,
article.photoLockup.accent-darkgreen h3,
article.photoLockup.accent-darkgreen em {
    color: #5f9c37;
}

article.photoLockup.accent-darkgreen button,
article.photoLockup.accent-darkgreen .button {
    background-color: #5f9c37;
    background-image: none;
}

article.photoLockup.accent-darkgreen button:hover,
article.photoLockup.accent-darkgreen .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-orange h2,
article.photoLockup.accent-orange h3,
article.photoLockup.accent-orange em {
    color: #fda32b;
}

article.photoLockup.accent-orange button,
article.photoLockup.accent-orange .button {
    background-color: #fda32b;
    background-image: none;
}

article.photoLockup.accent-orange button:hover,
article.photoLockup.accent-orange .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-red h2,
article.photoLockup.accent-red h3,
article.photoLockup.accent-red em {
    color: #aa2130;
}

article.photoLockup.accent-red button,
article.photoLockup.accent-red .button {
    background-color: #aa2130;
    background-image: none;
}

article.photoLockup.accent-red button:hover,
article.photoLockup.accent-red .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-palered h2,
article.photoLockup.accent-palered h3,
article.photoLockup.accent-palered em {
    color: #b48789;
}

article.photoLockup.accent-palered button,
article.photoLockup.accent-palered .button {
    background-color: #b48789;
    background-image: none;
}

article.photoLockup.accent-palered button:hover,
article.photoLockup.accent-palered .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-white h2,
article.photoLockup.accent-white h3,
article.photoLockup.accent-white em {
    color: #fff;
}

article.photoLockup.accent-white button,
article.photoLockup.accent-white .button {
    background-color: #fff;
    background-image: none;
}

article.photoLockup.accent-white button:hover,
article.photoLockup.accent-white .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-grey h2,
article.photoLockup.accent-grey h3,
article.photoLockup.accent-grey em {
    color: #e8e8e8;
}

article.photoLockup.accent-grey button,
article.photoLockup.accent-grey .button {
    background-color: #e8e8e8;
    background-image: none;
}

article.photoLockup.accent-grey button:hover,
article.photoLockup.accent-grey .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-purple h2,
article.photoLockup.accent-purple h3,
article.photoLockup.accent-purple em {
    color: #8e4b9d;
}

article.photoLockup.accent-purple button,
article.photoLockup.accent-purple .button {
    background-color: #8e4b9d;
    background-image: none;
}

article.photoLockup.accent-purple button:hover,
article.photoLockup.accent-purple .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup.accent-darkgrey h2,
article.photoLockup.accent-darkgrey h3,
article.photoLockup.accent-darkgrey em {
    color: #6b6b6b;
}

article.photoLockup.accent-darkgrey button,
article.photoLockup.accent-darkgrey .button {
    background-color: #6b6b6b;
    background-image: none;
}

article.photoLockup.accent-darkgrey button:hover,
article.photoLockup.accent-darkgrey .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.photoLockup span.blue,
article.photoLockup h1.blue,
article.photoLockup h2.blue,
article.photoLockup h3.blue,
article.photoLockup h4.blue {
    color: #257ab3;
}

article.photoLockup span.paleblue,
article.photoLockup h1.paleblue,
article.photoLockup h2.paleblue,
article.photoLockup h3.paleblue,
article.photoLockup h4.paleblue {
    color: #7e9ab3;
}

article.photoLockup span.darkblue,
article.photoLockup h1.darkblue,
article.photoLockup h2.darkblue,
article.photoLockup h3.darkblue,
article.photoLockup h4.darkblue {
    color: #073464;
}

article.photoLockup span.green,
article.photoLockup h1.green,
article.photoLockup h2.green,
article.photoLockup h3.green,
article.photoLockup h4.green {
    color: #78bb2f;
}

article.photoLockup span.palegreen,
article.photoLockup h1.palegreen,
article.photoLockup h2.palegreen,
article.photoLockup h3.palegreen,
article.photoLockup h4.palegreen {
    color: #8ba072;
}

article.photoLockup span.darkgreen,
article.photoLockup h1.darkgreen,
article.photoLockup h2.darkgreen,
article.photoLockup h3.darkgreen,
article.photoLockup h4.darkgreen {
    color: #5f9c37;
}

article.photoLockup span.orange,
article.photoLockup h1.orange,
article.photoLockup h2.orange,
article.photoLockup h3.orange,
article.photoLockup h4.orange {
    color: #fda32b;
}

article.photoLockup span.red,
article.photoLockup h1.red,
article.photoLockup h2.red,
article.photoLockup h3.red,
article.photoLockup h4.red {
    color: #aa2130;
}

article.photoLockup span.palered,
article.photoLockup h1.palered,
article.photoLockup h2.palered,
article.photoLockup h3.palered,
article.photoLockup h4.palered {
    color: #b48789;
}

article.photoLockup span.white,
article.photoLockup h1.white,
article.photoLockup h2.white,
article.photoLockup h3.white,
article.photoLockup h4.white {
    color: #fff;
}

article.photoLockup span.grey,
article.photoLockup h1.grey,
article.photoLockup h2.grey,
article.photoLockup h3.grey,
article.photoLockup h4.grey {
    color: #e8e8e8;
}

article.photoLockup span.purple,
article.photoLockup h1.purple,
article.photoLockup h2.purple,
article.photoLockup h3.purple,
article.photoLockup h4.purple {
    color: #8e4b9d;
}

article.photoLockup span.darkgrey,
article.photoLockup h1.darkgrey,
article.photoLockup h2.darkgrey,
article.photoLockup h3.darkgrey,
article.photoLockup h4.darkgrey {
    color: #6b6b6b;
}

article.marketingIntro {
    text-align: center;
}

article.marketingIntro em {
    color: #007dc3;
    font-style: normal;
}

article.marketingIntro p.intro {
    margin: 1em 20px;
    font-size: 22px;
    line-height: 1.5;
}

article.marketingIntro hr {
    margin: 22px 0;
    border: 0;
    border-top: 3px solid #eee;
}

article.marketingIntro div.body {
    margin: 0 100px;
    font-size: 19px;
}

article.marketingIntro div.body ul {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

@media only screen and (min-width:768px) {
    article.marketingIntro div.body ul {
        width: 450px;
    }
}

article.marketingIntro div.body ul em {
    text-transform: uppercase;
}

@media only screen and (max-width:767px) {
    article.marketingIntro div.body {
        margin: 0 20px;
    }
}

article.marketingIntro sup {
    font-size: 9px;
}

article.marketingIntro.accent-blue em {
    color: #257ab3;
}

article.marketingIntro.accent-blue button,
article.marketingIntro.accent-blue .button {
    background-color: #257ab3;
    background-image: none;
}

article.marketingIntro.accent-blue button:hover,
article.marketingIntro.accent-blue .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-paleblue em {
    color: #7e9ab3;
}

article.marketingIntro.accent-paleblue button,
article.marketingIntro.accent-paleblue .button {
    background-color: #7e9ab3;
    background-image: none;
}

article.marketingIntro.accent-paleblue button:hover,
article.marketingIntro.accent-paleblue .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-darkblue em {
    color: #073464;
}

article.marketingIntro.accent-darkblue button,
article.marketingIntro.accent-darkblue .button {
    background-color: #073464;
    background-image: none;
}

article.marketingIntro.accent-darkblue button:hover,
article.marketingIntro.accent-darkblue .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-green em {
    color: #78bb2f;
}

article.marketingIntro.accent-green button,
article.marketingIntro.accent-green .button {
    background-color: #78bb2f;
    background-image: none;
}

article.marketingIntro.accent-green button:hover,
article.marketingIntro.accent-green .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-palegreen em {
    color: #8ba072;
}

article.marketingIntro.accent-palegreen button,
article.marketingIntro.accent-palegreen .button {
    background-color: #8ba072;
    background-image: none;
}

article.marketingIntro.accent-palegreen button:hover,
article.marketingIntro.accent-palegreen .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-darkgreen em {
    color: #5f9c37;
}

article.marketingIntro.accent-darkgreen button,
article.marketingIntro.accent-darkgreen .button {
    background-color: #5f9c37;
    background-image: none;
}

article.marketingIntro.accent-darkgreen button:hover,
article.marketingIntro.accent-darkgreen .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-orange em {
    color: #fda32b;
}

article.marketingIntro.accent-orange button,
article.marketingIntro.accent-orange .button {
    background-color: #fda32b;
    background-image: none;
}

article.marketingIntro.accent-orange button:hover,
article.marketingIntro.accent-orange .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-red em {
    color: #aa2130;
}

article.marketingIntro.accent-red button,
article.marketingIntro.accent-red .button {
    background-color: #aa2130;
    background-image: none;
}

article.marketingIntro.accent-red button:hover,
article.marketingIntro.accent-red .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-palered em {
    color: #b48789;
}

article.marketingIntro.accent-palered button,
article.marketingIntro.accent-palered .button {
    background-color: #b48789;
    background-image: none;
}

article.marketingIntro.accent-palered button:hover,
article.marketingIntro.accent-palered .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-white em {
    color: #fff;
}

article.marketingIntro.accent-white button,
article.marketingIntro.accent-white .button {
    background-color: #fff;
    background-image: none;
}

article.marketingIntro.accent-white button:hover,
article.marketingIntro.accent-white .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-grey em {
    color: #e8e8e8;
}

article.marketingIntro.accent-grey button,
article.marketingIntro.accent-grey .button {
    background-color: #e8e8e8;
    background-image: none;
}

article.marketingIntro.accent-grey button:hover,
article.marketingIntro.accent-grey .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-purple em {
    color: #8e4b9d;
}

article.marketingIntro.accent-purple button,
article.marketingIntro.accent-purple .button {
    background-color: #8e4b9d;
    background-image: none;
}

article.marketingIntro.accent-purple button:hover,
article.marketingIntro.accent-purple .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro.accent-darkgrey em {
    color: #6b6b6b;
}

article.marketingIntro.accent-darkgrey button,
article.marketingIntro.accent-darkgrey .button {
    background-color: #6b6b6b;
    background-image: none;
}

article.marketingIntro.accent-darkgrey button:hover,
article.marketingIntro.accent-darkgrey .button:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.marketingIntro span.blue {
    color: #257ab3;
}

article.marketingIntro ul.blue {
    color: #257ab3;
}

article.marketingIntro span.paleblue {
    color: #7e9ab3;
}

article.marketingIntro ul.paleblue {
    color: #7e9ab3;
}

article.marketingIntro span.darkblue {
    color: #073464;
}

article.marketingIntro ul.darkblue {
    color: #073464;
}

article.marketingIntro span.green {
    color: #78bb2f;
}

article.marketingIntro ul.green {
    color: #78bb2f;
}

article.marketingIntro span.palegreen {
    color: #8ba072;
}

article.marketingIntro ul.palegreen {
    color: #8ba072;
}

article.marketingIntro span.darkgreen {
    color: #5f9c37;
}

article.marketingIntro ul.darkgreen {
    color: #5f9c37;
}

article.marketingIntro span.orange {
    color: #fda32b;
}

article.marketingIntro ul.orange {
    color: #fda32b;
}

article.marketingIntro span.red {
    color: #aa2130;
}

article.marketingIntro ul.red {
    color: #aa2130;
}

article.marketingIntro span.palered {
    color: #b48789;
}

article.marketingIntro ul.palered {
    color: #b48789;
}

article.marketingIntro span.white {
    color: #fff;
}

article.marketingIntro ul.white {
    color: #fff;
}

article.marketingIntro span.grey {
    color: #e8e8e8;
}

article.marketingIntro ul.grey {
    color: #e8e8e8;
}

article.marketingIntro span.purple {
    color: #8e4b9d;
}

article.marketingIntro ul.purple {
    color: #8e4b9d;
}

article.marketingIntro span.darkgrey {
    color: #6b6b6b;
}

article.marketingIntro ul.darkgrey {
    color: #6b6b6b;
}

article.marketingIntro span.blue,
article.marketingIntro h1.blue,
article.marketingIntro h2.blue,
article.marketingIntro h3.blue,
article.marketingIntro h4.blue {
    color: #257ab3;
}

article.marketingIntro span.paleblue,
article.marketingIntro h1.paleblue,
article.marketingIntro h2.paleblue,
article.marketingIntro h3.paleblue,
article.marketingIntro h4.paleblue {
    color: #7e9ab3;
}

article.marketingIntro span.darkblue,
article.marketingIntro h1.darkblue,
article.marketingIntro h2.darkblue,
article.marketingIntro h3.darkblue,
article.marketingIntro h4.darkblue {
    color: #073464;
}

article.marketingIntro span.green,
article.marketingIntro h1.green,
article.marketingIntro h2.green,
article.marketingIntro h3.green,
article.marketingIntro h4.green {
    color: #78bb2f;
}

article.marketingIntro span.palegreen,
article.marketingIntro h1.palegreen,
article.marketingIntro h2.palegreen,
article.marketingIntro h3.palegreen,
article.marketingIntro h4.palegreen {
    color: #8ba072;
}

article.marketingIntro span.darkgreen,
article.marketingIntro h1.darkgreen,
article.marketingIntro h2.darkgreen,
article.marketingIntro h3.darkgreen,
article.marketingIntro h4.darkgreen {
    color: #5f9c37;
}

article.marketingIntro span.orange,
article.marketingIntro h1.orange,
article.marketingIntro h2.orange,
article.marketingIntro h3.orange,
article.marketingIntro h4.orange {
    color: #fda32b;
}

article.marketingIntro span.red,
article.marketingIntro h1.red,
article.marketingIntro h2.red,
article.marketingIntro h3.red,
article.marketingIntro h4.red {
    color: #aa2130;
}

article.marketingIntro span.palered,
article.marketingIntro h1.palered,
article.marketingIntro h2.palered,
article.marketingIntro h3.palered,
article.marketingIntro h4.palered {
    color: #b48789;
}

article.marketingIntro span.white,
article.marketingIntro h1.white,
article.marketingIntro h2.white,
article.marketingIntro h3.white,
article.marketingIntro h4.white {
    color: #fff;
}

article.marketingIntro span.grey,
article.marketingIntro h1.grey,
article.marketingIntro h2.grey,
article.marketingIntro h3.grey,
article.marketingIntro h4.grey {
    color: #e8e8e8;
}

article.marketingIntro span.purple,
article.marketingIntro h1.purple,
article.marketingIntro h2.purple,
article.marketingIntro h3.purple,
article.marketingIntro h4.purple {
    color: #8e4b9d;
}

article.marketingIntro span.darkgrey,
article.marketingIntro h1.darkgrey,
article.marketingIntro h2.darkgrey,
article.marketingIntro h3.darkgrey,
article.marketingIntro h4.darkgrey {
    color: #6b6b6b;
}

article.loginHorizontal {
    background-color: #257ab3;
    color: #fff;
}

article.loginHorizontal .text {
    float: left;
    margin: 0 20px 0 0;
    padding: 5px 20px 5px 0;
    border-right: 1px solid #409cee;
    font-size: 18px;
}

article.loginHorizontal ul.radio-list {
    line-height: 2;
}

article.loginHorizontal ul.radio-list li {
    display: inline-block;
    margin-right: 5px;
}

article.loginHorizontal .group .item {
    padding-right: 0;
}

article.loginHorizontal .group .item input,
article.loginHorizontal .group .item select,
article.loginHorizontal .group .item label {
    vertical-align: middle;
}

article.loginHorizontal button {
    background-color: #fff;
    background-image: none;
    color: #1773cb;
    line-height: normal;
    width: 85px;
}

@media only screen and (max-width:767px) {
    article.loginHorizontal {
        margin-top: 0;
    }
    article.loginHorizontal .wrapper {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    article.loginHorizontal .text {
        float: none;
        display: block;
        border-right: 0;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.loginHorizontal .text {
        margin-right: 15px;
        padding-right: 15px;
    }
    article.loginHorizontal .username-item,
    article.loginHorizontal .password-item {
        width: 140px;
    }
    article.loginHorizontal .wrapper {
        width: 768px;
        padding: 0 20px;
    }
}

@media only screen and (min-width:1025px) {
    article.loginHorizontal .username-item,
    article.loginHorizontal .password-item {
        width: 240px;
    }
    article.loginHorizontal button {
        width: 130px;
    }
}

.ie8 article.loginHorizontal .item.button-item {
    padding-right: 0;
    margin-bottom: 0;
}

.ie8 article.loginHorizontal .group {
    margin-bottom: 0;
}

.ie8 article.loginHorizontal button {
    width: 110px;
}

.ie8 article.loginHorizontal input,
.ie8 article.loginHorizontal select,
.ie8 article.loginHorizontal label {
    vertical-align: baseline;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .ie8 article.loginHorizontal .item {
        display: inline-block;
        margin-bottom: 0;
    }
    .ie8 article.loginHorizontal .text {
        margin-right: 13px;
        padding-right: 13px;
    }
    .ie8 article.loginHorizontal button {
        width: 90px;
    }
}

article.gridPromos .col {
    text-align: center;
    padding: 0 5%;
}

@media only screen and (max-width:1024px) {
    article.gridPromos .col {
        padding: 0;
    }
}

article.gridPromos .col h3 {
    font-size: 14px;
}

article.gridPromos .col h4 {
    font-weight: 400;
}

article.gridPromos .col h4 strong {
    font-weight: 500;
    display: block;
}

article.gridPromos .col sup {
    font-size: 9px;
}

article.gridPromos .col.accent-blue h4 {
    color: #257ab3;
}

article.gridPromos .col.accent-blue button,
article.gridPromos .col.accent-blue .button {
    background-color: #257ab3;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-blue button:hover,
article.gridPromos .col.accent-blue .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-paleblue h4 {
    color: #7e9ab3;
}

article.gridPromos .col.accent-paleblue button,
article.gridPromos .col.accent-paleblue .button {
    background-color: #7e9ab3;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-paleblue button:hover,
article.gridPromos .col.accent-paleblue .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-darkblue h4 {
    color: #073464;
}

article.gridPromos .col.accent-darkblue button,
article.gridPromos .col.accent-darkblue .button {
    background-color: #073464;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-darkblue button:hover,
article.gridPromos .col.accent-darkblue .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-green h4 {
    color: #78bb2f;
}

article.gridPromos .col.accent-green button,
article.gridPromos .col.accent-green .button {
    background-color: #78bb2f;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-green button:hover,
article.gridPromos .col.accent-green .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-palegreen h4 {
    color: #8ba072;
}

article.gridPromos .col.accent-palegreen button,
article.gridPromos .col.accent-palegreen .button {
    background-color: #8ba072;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-palegreen button:hover,
article.gridPromos .col.accent-palegreen .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-darkgreen h4 {
    color: #5f9c37;
}

article.gridPromos .col.accent-darkgreen button,
article.gridPromos .col.accent-darkgreen .button {
    background-color: #5f9c37;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-darkgreen button:hover,
article.gridPromos .col.accent-darkgreen .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-orange h4 {
    color: #fda32b;
}

article.gridPromos .col.accent-orange button,
article.gridPromos .col.accent-orange .button {
    background-color: #fda32b;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-orange button:hover,
article.gridPromos .col.accent-orange .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-red h4 {
    color: #aa2130;
}

article.gridPromos .col.accent-red button,
article.gridPromos .col.accent-red .button {
    background-color: #aa2130;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-red button:hover,
article.gridPromos .col.accent-red .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-palered h4 {
    color: #b48789;
}

article.gridPromos .col.accent-palered button,
article.gridPromos .col.accent-palered .button {
    background-color: #b48789;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-palered button:hover,
article.gridPromos .col.accent-palered .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-white h4 {
    color: #fff;
}

article.gridPromos .col.accent-white button,
article.gridPromos .col.accent-white .button {
    background-color: #fff;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-white button:hover,
article.gridPromos .col.accent-white .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-grey h4 {
    color: #e8e8e8;
}

article.gridPromos .col.accent-grey button,
article.gridPromos .col.accent-grey .button {
    background-color: #e8e8e8;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-grey button:hover,
article.gridPromos .col.accent-grey .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-purple h4 {
    color: #8e4b9d;
}

article.gridPromos .col.accent-purple button,
article.gridPromos .col.accent-purple .button {
    background-color: #8e4b9d;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-purple button:hover,
article.gridPromos .col.accent-purple .button:hover {
    background-color: #6b6b6b;
}

article.gridPromos .col.accent-darkgrey h4 {
    color: #6b6b6b;
}

article.gridPromos .col.accent-darkgrey button,
article.gridPromos .col.accent-darkgrey .button {
    background-color: #6b6b6b;
    background-image: none;
    white-space: nowrap;
}

article.gridPromos .col.accent-darkgrey button:hover,
article.gridPromos .col.accent-darkgrey .button:hover {
    background-color: #6b6b6b;
}

.ie8 article.gridPromos div.col {
    display: inline-block;
    padding: 0;
}

.ie8 article.gridPromos .grid.three .col {
    width: 33%;
}

.ie8 article.gridPromos .grid.four .col {
    width: 24.5%;
}

article.events .tooltip {
    color: #666;
}

article.events .tooltip.top-left .tooltip-arrow {
    display: none!important;
}

article.events.events-ignition {
    background-color: #00a8e1;
}

article.events.events-ignition .button {
    float: right;
    color: #00a8e1;
}

article.events.events-connect {
    background-color: #97c93d;
}

article.events.events-connect .button {
    float: right;
    color: #97c93d;
}

article.events.events-top-performers h2,
article.events.events-top-performers a {
    color: #666;
}

article.events.events-senior-director-cruise {
    background-color: #5c2b85;
}

article.events.events-senior-director-cruise a {
    color: #fff;
}

article.events.events-celebration-dinner .celebration-dinner-logo {
    text-align: center;
    margin-bottom: 30px;
}

article.events.events-women-of-power h2 {
    color: #666!important;
    text-align: center;
}

article.events.events-stream-university {
    background-color: #63c9f0!important;
    padding-bottom: 60px;
}

article.events.events-stream-university h2 {
    text-align: center;
}

article.events.events-top p {
    text-align: center;
}

article.events.events-top a {
    color: #666;
}

article.leaders .paragraph {
    width: 50%;
    margin: auto;
    text-align: center;
    margin-bottom: 45px;
    font-size: 19px;
}

article.leaders .paragraph span {
    color: #257ab3;
}

article.leaders .paragraph sup {
    font-size: 9px;
}

article.leaders .director-banner {
    background-color: #257ab3;
    padding: 15px;
}

article.leaders .director-banner h2 {
    color: #fff;
}

article.leaders ul.director {
    list-style-type: none;
}

@media only screen and (max-width:767px) {
    article.leaders ul.director {
        padding: 0;
    }
}

article.leaders ul.director li {
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 1em;
}

article.leaders ul.director li h2,
article.leaders ul.director li h4 {
    color: #ac1f2d;
    margin: 0;
}

article.leaders ul.director li p {
    font-style: italic;
    margin-top: 0;
    text-transform: uppercase;
}

article.leaders ul.director li img {
    border-radius: 100%;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.leaders ul.director li {
        width: 50%;
    }
}

@media only screen and (max-width:767px) {
    article.leaders ul.director li {
        width: 100%;
        padding-top: 20px;
    }
}

article.leaders .view-all {
    float: left;
}

article.director-list h2 {
    color: #6b6b6b;
    text-transform: none;
    margin-bottom: 20px;
}

article.director-list ul.director {
    list-style-type: none;
}

@media only screen and (max-width:767px) {
    article.director-list ul.director {
        padding: 0;
    }
}

article.director-list ul.director li {
    width: 25%;
    float: left;
    text-align: center;
}

article.director-list ul.director li h3 {
    color: #257ab3;
    text-transform: none;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.director-list ul.director li {
        width: 33%;
    }
}

@media only screen and (max-width:767px) {
    article.director-list ul.director li {
        width: 100%;
    }
}

article.leader.marketing h1 {
    text-align: left;
}

article.leader p.img {
    float: left;
    margin-right: 2em;
}

article.leader .disclosure {
    font-size: 12px;
    text-align: center;
}

article.philanthropy .donate {
    padding: 30px 0;
    display: inline-block;
}

article.philanthropy .donate .donate-image {
    float: left;
}

article.philanthropy .donate.donate-alt {
    background-color: #fafafa;
    border-top: 3px solid #f0f0f0;
    border-bottom: 3px solid #f0f0f0;
}

article.philanthropy .donate .donate-promo {
    float: left;
    width: 40%;
    margin: 10px 0 0 30px;
}

article.philanthropy .donate .donate-promo h4 {
    color: #ffa300;
}

article.philanthropy .donate .donate-button {
    float: right;
    margin: 60px 20px 0 0;
}

article.philanthropy .donate .donate-button button {
    background-color: #77bc1f;
    background-image: none;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.philanthropy .donate .donate-promo {
        width: 33%;
        margin: 0 0 0 15px;
    }
}

@media only screen and (max-width:767px) {
    article.philanthropy .donate {
        display: block;
    }
    article.philanthropy .donate .donate-promo {
        width: 90%;
        float: none;
        margin-left: 0;
    }
    article.philanthropy .donate .donate-button {
        float: none;
        margin: 0;
    }
    article.philanthropy .donate .donate-image {
        float: none;
    }
}

article.full-html.center {
    text-align: center;
}

article.full-html.promo h1 {
    font-size: 40px;
}

article.full-html.promo p {
    font-size: 27px;
    line-height: 38px;
}

article.full-html.bg-blue {
    background-color: #257ab3;
    color: #fff;
}

article.full-html.bg-blue h2,
article.full-html.bg-blue h3 {
    color: #fff;
}

article.full-html.bg-blue button,
article.full-html.bg-blue .button {
    background-color: #fff;
    background-image: none;
    color: #257ab3;
}

article.full-html.bg-paleblue {
    background-color: #7e9ab3;
    color: #fff;
}

article.full-html.bg-paleblue h2,
article.full-html.bg-paleblue h3 {
    color: #fff;
}

article.full-html.bg-paleblue button,
article.full-html.bg-paleblue .button {
    background-color: #fff;
    background-image: none;
    color: #7e9ab3;
}

article.full-html.bg-darkblue {
    background-color: #073464;
    color: #fff;
}

article.full-html.bg-darkblue h2,
article.full-html.bg-darkblue h3 {
    color: #fff;
}

article.full-html.bg-darkblue button,
article.full-html.bg-darkblue .button {
    background-color: #fff;
    background-image: none;
    color: #073464;
}

article.full-html.bg-green {
    background-color: #78bb2f;
    color: #fff;
}

article.full-html.bg-green h2,
article.full-html.bg-green h3 {
    color: #fff;
}

article.full-html.bg-green button,
article.full-html.bg-green .button {
    background-color: #fff;
    background-image: none;
    color: #78bb2f;
}

article.full-html.bg-palegreen {
    background-color: #8ba072;
    color: #fff;
}

article.full-html.bg-palegreen h2,
article.full-html.bg-palegreen h3 {
    color: #fff;
}

article.full-html.bg-palegreen button,
article.full-html.bg-palegreen .button {
    background-color: #fff;
    background-image: none;
    color: #8ba072;
}

article.full-html.bg-darkgreen {
    background-color: #5f9c37;
    color: #fff;
}

article.full-html.bg-darkgreen h2,
article.full-html.bg-darkgreen h3 {
    color: #fff;
}

article.full-html.bg-darkgreen button,
article.full-html.bg-darkgreen .button {
    background-color: #fff;
    background-image: none;
    color: #5f9c37;
}

article.full-html.bg-orange {
    background-color: #fda32b;
    color: #fff;
}

article.full-html.bg-orange h2,
article.full-html.bg-orange h3 {
    color: #fff;
}

article.full-html.bg-orange button,
article.full-html.bg-orange .button {
    background-color: #fff;
    background-image: none;
    color: #fda32b;
}

article.full-html.bg-red {
    background-color: #aa2130;
    color: #fff;
}

article.full-html.bg-red h2,
article.full-html.bg-red h3 {
    color: #fff;
}

article.full-html.bg-red button,
article.full-html.bg-red .button {
    background-color: #fff;
    background-image: none;
    color: #aa2130;
}

article.full-html.bg-palered {
    background-color: #b48789;
    color: #fff;
}

article.full-html.bg-palered h2,
article.full-html.bg-palered h3 {
    color: #fff;
}

article.full-html.bg-palered button,
article.full-html.bg-palered .button {
    background-color: #fff;
    background-image: none;
    color: #b48789;
}

article.full-html.bg-white {
    background-color: #fff;
    color: #6b6b6b;
}

article.full-html.bg-white h2,
article.full-html.bg-white h3 {
    color: #257ab3;
}

article.full-html.bg-white button,
article.full-html.bg-white .button {
    background-color: #257ab3;
    background-image: none;
    color: #fff;
}

article.full-html.bg-grey {
    background-color: #e8e8e8;
    color: #6b6b6b;
}

article.full-html.bg-grey h2,
article.full-html.bg-grey h3 {
    color: #257ab3;
}

article.full-html.bg-grey button,
article.full-html.bg-grey .button {
    background-color: #257ab3;
    background-image: none;
    color: #e8e8e8;
}

article.full-html.bg-purple {
    background-color: #8e4b9d;
    color: #6b6b6b;
}

article.full-html.bg-purple h2,
article.full-html.bg-purple h3 {
    color: #257ab3;
}

article.full-html.bg-purple button,
article.full-html.bg-purple .button {
    background-color: #257ab3;
    background-image: none;
    color: #8e4b9d;
}

article.full-html.bg-darkgrey {
    background-color: #6b6b6b;
    color: #fff;
}

article.full-html.bg-darkgrey h2,
article.full-html.bg-darkgrey h3 {
    color: #fff;
}

article.full-html.bg-darkgrey button,
article.full-html.bg-darkgrey .button {
    background-color: #fff;
    background-image: none;
    color: #6b6b6b;
}

article.full-html.accent-blue h1,
article.full-html.accent-blue h2,
article.full-html.accent-blue h3,
article.full-html.accent-blue em {
    color: #257ab3;
}

article.full-html.accent-blue button,
article.full-html.accent-blue .button {
    background-color: #257ab3;
    background-image: none;
}

article.full-html.accent-blue button:hover,
article.full-html.accent-blue .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-paleblue h1,
article.full-html.accent-paleblue h2,
article.full-html.accent-paleblue h3,
article.full-html.accent-paleblue em {
    color: #7e9ab3;
}

article.full-html.accent-paleblue button,
article.full-html.accent-paleblue .button {
    background-color: #7e9ab3;
    background-image: none;
}

article.full-html.accent-paleblue button:hover,
article.full-html.accent-paleblue .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-darkblue h1,
article.full-html.accent-darkblue h2,
article.full-html.accent-darkblue h3,
article.full-html.accent-darkblue em {
    color: #073464;
}

article.full-html.accent-darkblue button,
article.full-html.accent-darkblue .button {
    background-color: #073464;
    background-image: none;
}

article.full-html.accent-darkblue button:hover,
article.full-html.accent-darkblue .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-green h1,
article.full-html.accent-green h2,
article.full-html.accent-green h3,
article.full-html.accent-green em {
    color: #78bb2f;
}

article.full-html.accent-green button,
article.full-html.accent-green .button {
    background-color: #78bb2f;
    background-image: none;
}

article.full-html.accent-green button:hover,
article.full-html.accent-green .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-palegreen h1,
article.full-html.accent-palegreen h2,
article.full-html.accent-palegreen h3,
article.full-html.accent-palegreen em {
    color: #8ba072;
}

article.full-html.accent-palegreen button,
article.full-html.accent-palegreen .button {
    background-color: #8ba072;
    background-image: none;
}

article.full-html.accent-palegreen button:hover,
article.full-html.accent-palegreen .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-darkgreen h1,
article.full-html.accent-darkgreen h2,
article.full-html.accent-darkgreen h3,
article.full-html.accent-darkgreen em {
    color: #5f9c37;
}

article.full-html.accent-darkgreen button,
article.full-html.accent-darkgreen .button {
    background-color: #5f9c37;
    background-image: none;
}

article.full-html.accent-darkgreen button:hover,
article.full-html.accent-darkgreen .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-orange h1,
article.full-html.accent-orange h2,
article.full-html.accent-orange h3,
article.full-html.accent-orange em {
    color: #fda32b;
}

article.full-html.accent-orange button,
article.full-html.accent-orange .button {
    background-color: #fda32b;
    background-image: none;
}

article.full-html.accent-orange button:hover,
article.full-html.accent-orange .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-red h1,
article.full-html.accent-red h2,
article.full-html.accent-red h3,
article.full-html.accent-red em {
    color: #aa2130;
}

article.full-html.accent-red button,
article.full-html.accent-red .button {
    background-color: #aa2130;
    background-image: none;
}

article.full-html.accent-red button:hover,
article.full-html.accent-red .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-palered h1,
article.full-html.accent-palered h2,
article.full-html.accent-palered h3,
article.full-html.accent-palered em {
    color: #b48789;
}

article.full-html.accent-palered button,
article.full-html.accent-palered .button {
    background-color: #b48789;
    background-image: none;
}

article.full-html.accent-palered button:hover,
article.full-html.accent-palered .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-white h1,
article.full-html.accent-white h2,
article.full-html.accent-white h3,
article.full-html.accent-white em {
    color: #fff;
}

article.full-html.accent-white button,
article.full-html.accent-white .button {
    background-color: #fff;
    background-image: none;
}

article.full-html.accent-white button:hover,
article.full-html.accent-white .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-grey h1,
article.full-html.accent-grey h2,
article.full-html.accent-grey h3,
article.full-html.accent-grey em {
    color: #e8e8e8;
}

article.full-html.accent-grey button,
article.full-html.accent-grey .button {
    background-color: #e8e8e8;
    background-image: none;
}

article.full-html.accent-grey button:hover,
article.full-html.accent-grey .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-purple h1,
article.full-html.accent-purple h2,
article.full-html.accent-purple h3,
article.full-html.accent-purple em {
    color: #8e4b9d;
}

article.full-html.accent-purple button,
article.full-html.accent-purple .button {
    background-color: #8e4b9d;
    background-image: none;
}

article.full-html.accent-purple button:hover,
article.full-html.accent-purple .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html.accent-darkgrey h1,
article.full-html.accent-darkgrey h2,
article.full-html.accent-darkgrey h3,
article.full-html.accent-darkgrey em {
    color: #6b6b6b;
}

article.full-html.accent-darkgrey button,
article.full-html.accent-darkgrey .button {
    background-color: #6b6b6b;
    background-image: none;
}

article.full-html.accent-darkgrey button:hover,
article.full-html.accent-darkgrey .button:hover {
    color: #fff;
    background-color: #6b6b6b;
}

article.full-html span.blue,
article.full-html h1.blue,
article.full-html h2.blue,
article.full-html h3.blue,
article.full-html h4.blue {
    color: #257ab3;
}

article.full-html span.paleblue,
article.full-html h1.paleblue,
article.full-html h2.paleblue,
article.full-html h3.paleblue,
article.full-html h4.paleblue {
    color: #7e9ab3;
}

article.full-html span.darkblue,
article.full-html h1.darkblue,
article.full-html h2.darkblue,
article.full-html h3.darkblue,
article.full-html h4.darkblue {
    color: #073464;
}

article.full-html span.green,
article.full-html h1.green,
article.full-html h2.green,
article.full-html h3.green,
article.full-html h4.green {
    color: #78bb2f;
}

article.full-html span.palegreen,
article.full-html h1.palegreen,
article.full-html h2.palegreen,
article.full-html h3.palegreen,
article.full-html h4.palegreen {
    color: #8ba072;
}

article.full-html span.darkgreen,
article.full-html h1.darkgreen,
article.full-html h2.darkgreen,
article.full-html h3.darkgreen,
article.full-html h4.darkgreen {
    color: #5f9c37;
}

article.full-html span.orange,
article.full-html h1.orange,
article.full-html h2.orange,
article.full-html h3.orange,
article.full-html h4.orange {
    color: #fda32b;
}

article.full-html span.red,
article.full-html h1.red,
article.full-html h2.red,
article.full-html h3.red,
article.full-html h4.red {
    color: #aa2130;
}

article.full-html span.palered,
article.full-html h1.palered,
article.full-html h2.palered,
article.full-html h3.palered,
article.full-html h4.palered {
    color: #b48789;
}

article.full-html span.white,
article.full-html h1.white,
article.full-html h2.white,
article.full-html h3.white,
article.full-html h4.white {
    color: #fff;
}

article.full-html span.grey,
article.full-html h1.grey,
article.full-html h2.grey,
article.full-html h3.grey,
article.full-html h4.grey {
    color: #e8e8e8;
}

article.full-html span.purple,
article.full-html h1.purple,
article.full-html h2.purple,
article.full-html h3.purple,
article.full-html h4.purple {
    color: #8e4b9d;
}

article.full-html span.darkgrey,
article.full-html h1.darkgrey,
article.full-html h2.darkgrey,
article.full-html h3.darkgrey,
article.full-html h4.darkgrey {
    color: #6b6b6b;
}

article.service-states .tab-header {
    margin-bottom: 20px;
}

article.service-states .tab-header .wrapper {
    text-align: center;
}

article.service-states .tab-header button,
article.service-states .tab-header a.button {
    background-color: #78bb2f;
    background-image: none;
    color: #fff;
}

article.service-states .tab-header button.secondary,
article.service-states .tab-header a.button.secondary {
    background-color: #fff;
    color: #1773cb;
}

article.service-states .tab-header button.secondary:hover,
article.service-states .tab-header a.button.secondary:hover {
    background-color: #6b6b6b;
    color: #fff;
}

article.service-states .tab-header button:hover,
article.service-states .tab-header a.button:hover {
    background-color: #6b6b6b;
}

article.service-states h2.wrapper {
    text-align: center;
}

article.renew em {
    font-style: italic;
}

article.renew ul {
    color: #1773cb;
    font-size: 16px;
    width: 470px!important;
}

@media only screen and (max-width:767px) {
    article.renew ul {
        width: auto!important;
    }
}

article.marketingPromo {
    border-top: 3px solid #6b6b6b;
    padding-top: 20px;
    text-align: center;
}

article.marketingPromo h1 {
    font-size: 40px;
}

article.marketingPromo p {
    font-size: 27px;
    line-height: 27px;
}

article.marketingPromo.accent-blue span {
    color: #257ab3;
}

article.marketingPromo.accent-paleblue span {
    color: #7e9ab3;
}

article.marketingPromo.accent-darkblue span {
    color: #073464;
}

article.marketingPromo.accent-green span {
    color: #78bb2f;
}

article.marketingPromo.accent-palegreen span {
    color: #8ba072;
}

article.marketingPromo.accent-darkgreen span {
    color: #5f9c37;
}

article.marketingPromo.accent-orange span {
    color: #fda32b;
}

article.marketingPromo.accent-red span {
    color: #aa2130;
}

article.marketingPromo.accent-palered span {
    color: #b48789;
}

article.marketingPromo.accent-white span {
    color: #fff;
}

article.marketingPromo.accent-grey span {
    color: #e8e8e8;
}

article.marketingPromo.accent-purple span {
    color: #8e4b9d;
}

article.marketingPromo.accent-darkgrey span {
    color: #6b6b6b;
}

article.home-latest {
    margin-bottom: 0;
    border-top: 3px solid #999;
    background: #e8e8eb;
    text-align: center;
}

article.home-latest h3 {
    margin-bottom: 0;
    font-size: 14px;
    text-transform: none;
}

article.home-latest.full-html.accent-blue h3 {
    color: #6b6b6b;
}

article.home-latest p {
    margin: 5px 0;
    font-size: 20px;
}

article.press hr {
    border: none;
    border-top: 3px solid #eee;
}

article.press .press-intro {
    text-align: center;
}

article.press .press-intro .blue {
    color: #1773cb;
}

article.press .press-intro p.paragraph {
    font-size: 18px;
}

article.press .post {
    margin-top: 40px;
    padding-bottom: 30px;
    border-bottom: 3px solid #f0f0f0;
}

article.press .post h2,
article.press .post p.date {
    margin: 0;
}

article.press .post:last-child {
    border-bottom: none;
}

article.press .pagination .page-selection {
    width: 70%;
}

article.press .pagination .showing {
    text-align: left;
    width: 30%;
}

@media only screen and (max-width:767px) {
    article.press {
        padding: 0 20px;
    }
}

article.blog .blog-post {
    margin-top: 60px;
    padding-bottom: 40px;
    border-bottom: 3px solid #f0f0f0;
}

article.blog .blog-post h2,
article.blog .blog-post p.date {
    margin: 0;
}

article.blog .blog-post:last-child {
    border-bottom: none;
}

article.blog .blog-post img {
    height: auto;
}

article.blog hr {
    border: none;
    border-top: 3px solid #eee;
    margin: 40px 0 30px;
}

article.blog .pagination .page-selection {
    width: 70%;
}

@media only screen and (max-width:1024px) {
    article.blog .pagination .page-selection {
        width: 100%;
        text-align: center;
        float: none;
    }
}

article.blog .pagination .showing {
    text-align: left;
    width: 30%;
}

@media only screen and (max-width:1024px) {
    article.blog .pagination .showing {
        width: 100%;
        text-align: center;
        float: none;
    }
}

article.blog-list {
    margin-top: 30px;
}

article.blog-list button {
    padding: 10px 65px;
    margin-top: 20px;
}

@media only screen and (max-width:767px) {
    article.blog-list button {
        width: 100%;
    }
}

article.blog-list ul {
    padding-left: 0;
}

article.blog-list ul li {
    list-style-type: none;
}

article.states-pay .tab-header {
    min-height: 30px;
    border-bottom: 5px solid #76bd1d;
}

article.mobile-pay {
    margin-top: -60px;
}

article.pay {
    padding: 20px 0;
    margin-bottom: 0;
}

article.pay h1 {
    color: #257ab3;
}

article.pay h2 {
    text-transform: none;
}

article.pay h2.get-started {
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
}

article.pay aside {
    margin-top: 12px;
}

article.pay .pay-option {
    border-bottom: 4px solid #f0f0f0;
    margin: 20px 25px 20px 0;
}

article.pay .pay-option p.call {
    font-size: 20px;
}

article.pay .pay-option span.phone {
    font-size: 22px;
    color: #257ab3;
}

article.pay .pay-option:last-child {
    border-bottom: none;
}

article.pay .pay-list {
    padding: 0;
}

article.pay .pay-list li {
    list-style-type: none;
    padding: 0;
}

article.pay .box {
    -moz-border-radius: 10px/10px;
    -webkit-border-radius: 10px 10px;
    border-radius: 10px/10px;
    border: 2px solid #f0f0f0;
    padding: 8px 20px;
    margin-bottom: 20px;
}

article.pay .box input {
    margin-top: 10px;
    width: 100%;
}

article.pay .box button {
    background-color: #77bc1f;
    background-image: none;
}

article.pay .box button:hover {
    color: #000;
}

article.pay .box p.forgot a:hover {
    color: #064985;
    text-decoration: underline;
}

article.pay .box span.benefits {
    color: #257ab3;
    text-transform: uppercase;
}

article.pay .box p.sign-up {
    font-size: 20px;
    color: #257ab3;
}

article.pay .box p.sign-up a {
    font-size: 22px;
    text-decoration: underline;
}

article.pay aside h4 {
    margin-bottom: 40px;
    color: #257ab3;
    text-transform: none;
    font-size: 24px;
}

article.pay aside ul.pay-list {
    margin: 0;
    padding: 0;
}

article.pay aside ul.pay-list li {
    list-style: none;
}

article.pay hr {
    border: 2px solid #f0f0f0;
}

@media only screen and (max-width:1024px) {
    article.pay {
        padding: 20px!important;
    }
}

article.contact h2 {
    font-size: 30px;
}

article.contact h2.header-line {
    position: relative;
    overflow: hidden;
}

article.contact h2.header-line span {
    position: relative;
    padding-right: 20px;
    z-index: 2;
}

article.contact h2.header-line:after {
    content: "";
    height: 4px;
    width: 100%;
    background-color: #efefef;
    position: absolute;
    top: 50%;
    margin-top: -2px;
}

article.contact div.wrapper {
    padding-top: 40px;
    padding-bottom: 30px;
}

article.contact div.intro {
    font-size: 24px;
    text-align: center;
    width: 67%;
}

article.contact div.blue-bar {
    height: 50px;
    background-color: #257ab3;
}

article.contact div.contact-banner {
    background-position: center;
    background-repeat: no-repeat;
    min-height: 288px;
}

article.contact div.clean-nation {
    background-color: #76bd1d;
    color: #fff;
}

article.contact div.clean-nation h2 {
    text-align: left;
    color: #fff;
    margin: 40px 0 0 0;
}

article.contact div.clean-nation h4 {
    margin-top: 0;
    color: #fff;
}

article.contact div.clean-nation p {
    margin: 0;
}

article.contact div.clean-nation p.phone {
    font-size: 22px;
    margin: 10px 0 0 0;
}

@media only screen and (max-width:1024px) {
    article.contact div.clean-nation {
        padding-left: 20px;
    }
    article.contact div.clean-nation .grid .col {
        width: 50%;
        float: left;
    }
}

@media only screen and (max-width:767px) {
    article.contact div.clean-nation .grid .col {
        width: 100%;
        padding-bottom: 20px;
    }
}

article.contact div.vip h2 {
    color: #ac1f2d;
    text-align: center;
}

article.contact div.vip p {
    width: 320px;
    text-align: center;
    margin: auto;
}

article.contact div.request {
    background-color: #257ab3;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
}

article.contact div.request .request-or {
    background-image: url("../images/i/marketing/contact-or.png");
    background-repeat: no-repeat;
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -57px;
    height: 70px;
    width: 114px;
}

article.contact div.request h2 {
    color: #fff;
    text-align: left;
}

article.contact div.request .grid {
    -webkit-border-vertical-spacing: 0;
    margin-top: 0;
}

article.contact div.request .grid .col {
    border-spacing: 0;
}

article.contact div.request .grid .col .item {
    position: relative;
}

article.contact div.request .grid .col .item input,
article.contact div.request .grid .col .item select,
article.contact div.request .grid .col .item textarea {
    width: 85%;
}

article.contact div.request .grid .col .item .asterisk {
    font-size: 24px;
    vertical-align: middle;
}

article.contact div.request .grid .col .group .item,
article.contact div.request .grid .col .item.half-width {
    width: 44.8%;
}

article.contact div.request .grid .col button {
    background-color: #ebebeb;
    background-image: none;
    color: #000;
}

article.contact div.request .notice.error {
    background: #136cc1;
    color: #fcd22b;
    border: 0;
}

article.contact div.request .item.error span.field-validation-error {
    color: #fcd22b;
}

article.contact div.success-message {
    margin: 20px 0;
    background-color: #e8e8e8;
    border-bottom: 3px solid #fda32b;
}

article.contact div.success-message.data-request {
    border-bottom: none;
}

article.contact div.success-message h2 {
    text-align: center;
}

article.contact div.success-message h4 {
    text-align: center;
    text-transform: none;
    font-size: 38px;
    line-height: 1.1;
}

article.contact div.faq h2 {
    text-align: left;
}

article.contact div.faq p {
    width: 305px;
}

article.contact-state {
    margin-bottom: 0;
}

article.contact-state h2 {
    text-align: left;
}

article.contact-state .customer-service {
    margin: 25px 0;
}

@media only screen and (max-width:767px) {
    article.contact-state .customer-service {
        width: 100%;
    }
}

article.contact-state .customer-service h1 {
    color: #257ab3;
    margin-bottom: 50px;
}

article.contact-state .customer-service h2 {
    text-transform: none;
    margin-bottom: 0;
}

article.contact-state .customer-service .left-side {
    width: 62%;
    float: left;
}

@media only screen and (max-width:767px) {
    article.contact-state .customer-service .left-side {
        width: 100%;
        float: none;
    }
}

article.contact-state .customer-service .left-side .phone-email {
    margin-bottom: 40px;
}

article.contact-state .customer-service .left-side .phone-email p {
    margin: 0;
}

article.contact-state .customer-service .right-side {
    width: 35%;
    float: right;
}

@media only screen and (max-width:767px) {
    article.contact-state .customer-service .right-side {
        width: 100%;
        float: none;
    }
}

article.contact-state .customer-service .right-side .mail {
    -moz-border-radius: 10px/10px;
    -webkit-border-radius: 10px 10px;
    border-radius: 10px/10px;
    background-color: #e8e8e8;
    padding: 20px;
}

article.contact-state .customer-service .right-side .mail h2 {
    background-image: url("../images/i/marketing/contact.png");
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 70px;
}

article.contact-state .customer-service .right-side .mail p {
    margin: 0;
}

@media only screen and (max-width:767px) {
    article.contact-state .customer-service .right-side {
        float: left;
    }
}

article.contact-state .quality-control {
    margin-bottom: 35px;
    position: relative;
}

@media only screen and (max-width:767px) {
    article.contact-state .quality-control {
        width: 100%;
    }
}

article.contact-state .quality-control p {
    margin: 20px 0 30px 0;
}

article.contact-state .quality-control h2 {
    margin: 0;
    font-size: 25px;
}

article.contact-state .emergency {
    position: relative;
}

@media only screen and (max-width:767px) {
    article.contact-state .emergency {
        width: 100%;
    }
}

article.contact-state .emergency h2 {
    margin: 0;
    font-size: 25px;
}

article.contact-state .emergency h3 {
    color: #257ab3;
    margin: 50px 0 10px 0;
}

article.contact-state .emergency .grid .col .company {
    color: #257ab3;
}

article.contact-state .emergency .grid .col .oncor {
    width: 85%;
}

article.contact-state .emergency .grid .col .company-contact {
    width: 80%;
}

article.contact-state .emergency .grid .col .company-contact h2 {
    text-transform: none;
}

article.contact-state .emergency .grid .col .company-contact button,
article.contact-state .emergency .grid .col .company-contact .button {
    background-color: #ffa409;
    background-image: none;
}

article.contact-state .emergency .grid .col .company-contact button a,
article.contact-state .emergency .grid .col .company-contact .button a {
    color: #fff;
}

article.contact-state .emergency .grid .col .company-contact button:hover,
article.contact-state .emergency .grid .col .company-contact .button:hover {
    background-color: #6b6b6b;
}

@media only screen and (max-width:767px) {
    article.contact-state {
        padding: 0 20px;
    }
}

article.states-enroll .col {
    text-align: center;
}

article.state-tabs div.wrapper {
    text-align: center;
}

article.state-tabs div.wrapper .btn {
    width: 100%;
    outline: none;
}

article.state-tabs div.wrapper #state-select {
    position: relative;
    margin: auto 10px;
}

article.state-tabs div.wrapper {
    text-align: left;
}

article.states-renew ul.tabs-nav li a {
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
}

article.full-width-image {
    height: 300px;
    background-size: cover;
    background-position: center;
}

article.electricity-photo {
    border: 0;
    border-radius: 0;
    margin: 0;
}

article.electricity-photo.photo-1 {
    background-size: auto 100%;
    background-position: right;
    color: #fff;
    min-height: 300px;
    padding: 50px 100px;
}

article.electricity-photo.photo-1 .quote,
article.electricity-photo.photo-1 cite {
    margin: 25px auto;
    font-size: x-large;
}

@media only screen and (max-width:767px) {
    article.electricity-photo.photo-1 {
        padding: 25px;
    }
}

article.electricity-photo.photo-2 {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-color: #000;
    color: #fff;
    min-height: 400px;
    padding: 75px;
}

article.electricity-photo.photo-2 .content {
    width: calc(100% - 650px);
    min-width: 300px;
    padding: 0;
}

@media only screen and (max-width:1024px) {
    article.electricity-photo.photo-2 .content {
        width: 100%;
        padding-top: 300px;
    }
}

@media only screen and (max-width:500px) {
    article.electricity-photo.photo-2 .content {
        padding-top: 150px;
    }
}

article.electricity-photo.photo-2 h2 {
    font-size: xx-large;
    color: #2f9bce;
}

article.electricity-photo.photo-2 .quote {
    margin: 25px auto;
    font-size: medium;
}

article.electricity-photo.photo-2 a.button {
    background-color: #2f9bce;
    margin-left: 10px;
    border-radius: 3px;
}

@media only screen and (max-width:1024px) {
    article.electricity-photo.photo-2 {
        background-position: top;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width:767px) {
    article.electricity-photo.photo-2 {
        padding: 5px;
    }
}

article.electricity-photo.photo-3 {
    background-color: #2f9bce;
    color: #fff;
    padding: 30px;
}

article.electricity-photo.photo-3 .thermostat-house {
    height: 275px;
    width: 50%;
    min-width: 513px;
    float: left;
}

article.electricity-photo.photo-3 .thermostat-house img#thermostat {
    height: 100%;
    z-index: 5;
    position: relative;
}

article.electricity-photo.photo-3 .thermostat-house img#house {
    height: 50%;
    position: relative;
    top: 50%;
    transform: translate(-58%, -150%);
}

article.electricity-photo.photo-3 .text {
    width: 300px;
    height: 100%;
    float: left;
    position: relative;
}

article.electricity-photo.photo-3 h1 {
    color: #fff;
}

article.electricity-photo.photo-3 a.button {
    background-image: none;
    background-color: #f87c00;
    border-radius: 5px;
}

article.electricity-photo.photo-3 a.button:hover {
    background-color: #f79431;
}

article.electricity-photo.photo-4 {
    height: 350px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 150% auto;
    background-position: center;
}

article.electricity-photo.photo-4 .content {
    width: 360px;
}

article.electricity-photo.photo-4 .content h2 {
    color: #fff;
    margin: 0;
}

article.electricity-photo.photo-4 .content p {
    margin: 8px 0 12px;
}

article.electricity-photo.photo-4 .content a.button {
    background-image: none;
    background-color: #f87c00;
    border-radius: 5px;
}

article.electricity-photo.photo-4 .content a.button:hover {
    background-color: #f79431;
}

@media only screen and (max-width:767px) {
    article.electricity-photo.photo-4 .content {
        width: 300px;
    }
}

article.electricity-photo.photo-4 .background {
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    padding: 75px;
}

@media only screen and (max-width:767px) {
    article.electricity-photo.photo-4 .background {
        padding: 25px 0 0 0;
    }
}

article.commercial-quote .photo {
    background-image: url(../images/i/marketing/ignite_commercial-form.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

article.commercial-quote .text {
    border-left: 3px solid #ffa409;
    width: 50%;
    background-color: #257ab3;
}

@media only screen and (max-width:767px) {
    article.commercial-quote .text {
        width: 100%;
    }
}

article.commercial-quote .text .inner {
    color: #fff;
    padding-left: 20px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.commercial-quote .text .inner {
        padding-left: 30px;
    }
}

article.commercial-quote .text .inner h2 {
    color: #fff;
    font-size: 24px;
}

article.commercial-quote .text .inner button {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

article.commercial-quote .text .inner button:hover {
    background-color: #ebebeb;
}

article.commercial-quote .text .inner input,
article.commercial-quote .text .inner select {
    width: 100%;
}

article.commercial-quote .wrapper {
    padding: 40px 0 30px 0;
}

article.commercial-quote .success-message {
    margin: 20px 0;
    background-color: #e8e8e8;
    border-bottom: 3px solid #fda32b;
}

article.commercial-quote .success-message h2 {
    font-size: 30px;
    text-align: center;
}

article.commercial-quote .success-message h4 {
    text-align: center;
    text-transform: none;
    font-size: 38px;
    line-height: 1.1;
}

article.commercial-quote .notice.error {
    background: #136cc1;
    color: #fcd22b;
    border: 0;
}

article.commercial-quote .item.error input[type="text"],
article.commercial-quote .item.error input[type="password"],
article.commercial-quote .item.error input[type="search"],
article.commercial-quote .item.error input[type="number"],
article.commercial-quote .item.error input[type="datetime"],
article.commercial-quote .item.error input[type="datetime-local"],
article.commercial-quote .item.error input[type="date"],
article.commercial-quote .item.error input[type="month"],
article.commercial-quote .item.error input[type="time"],
article.commercial-quote .item.error input[type="week"],
article.commercial-quote .item.error input[type="email"],
article.commercial-quote .item.error input[type="url"],
article.commercial-quote .item.error input[type="tel"],
article.commercial-quote .item.error input[type="color"],
article.commercial-quote .item.error textarea,
article.commercial-quote .item.error select {
    border-color: #fcd22b;
}

article.commercial-quote .item.error span.field-validation-error {
    color: #fcd22b;
}

article.commercial-account-banner .account-banner {
    background-color: #257ab3;
}

article.commercial-account-banner .account-banner p button {
    background-color: #fff;
    color: #257ab3;
    margin: auto;
    display: block;
}

article.commercial-account-banner .account-banner p button:hover {
    background-color: #ccc;
}

article.free-services .button {
    background-color: #0071b9!important;
    color: #fff!important;
    background-image: none;
}

article.free-services p {
    font-size: 18px;
}

article.free-services h2 {
    margin: 0;
    font-size: 46px;
}

@media only screen and (max-width:767px) {
    article.free-services h2 {
        font-size: 42px;
    }
}

article.free-services h3 {
    margin: 0;
    font-size: 30px;
    font-weight: 400;
}

article.free-services .footnote {
    font-size: 10px;
}

article.free-services.grey {
    background-color: #f7f7f8;
}

article.free-services.grey>.wrapper {
    background: none;
}

article.free-services .customer-plus p {
    width: 60%;
    margin: auto;
}

@media only screen and (max-width:767px) {
    article.free-services .customer-plus {
        padding-top: 20px;
    }
    article.free-services .customer-plus p {
        width: 100%;
    }
}

article.free-services .earn-free-services .content {
    width: 65%;
    text-align: right;
    float: left;
}

article.free-services .earn-free-services .content h2,
article.free-services .earn-free-services .content h3 {
    color: #4f4c4d!important;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.free-services .earn-free-services .content {
        width: 50%;
    }
}

@media only screen and (max-width:767px) {
    article.free-services .earn-free-services .content {
        width: 100%;
        padding: 20px 0;
    }
}

article.free-services .earn-free-services img {
    float: right;
}

@media only screen and (max-width:767px) {
    article.free-services .earn-free-services img {
        float: none;
    }
}

article.free-services .bonus .content {
    width: 60%;
    float: right;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.free-services .bonus .content {
        width: 43%;
    }
}

@media only screen and (max-width:767px) {
    article.free-services .bonus .content {
        width: 100%;
        padding: 20px 0;
    }
}

@media only screen and (max-width:767px) {
    article.free-services .bonus img {
        float: none;
    }
}

article.free-services.bg-white h3 {
    color: #4f4c4d;
}

@media only screen and (max-width:767px) {
    article.free-services img {
        height: auto;
        display: block;
        margin: auto;
    }
}

@media only screen and (max-width:767px) {
    article.free-services {
        padding-bottom: 30px;
    }
}

article.enroll {
    margin-top: 20px;
}

article.enroll.photoLockup {
    margin-top: 0;
}

article.enroll .text {
    padding: 25px 0;
}

@media only screen and (max-width:1024px) {
    article.enroll .text {
        padding: 0;
    }
}

article.enroll .text h1 {
    color: #257ab3;
}

article.enroll .text h2.grey {
    color: #6b6b6b;
}

article.enroll .text hr {
    margin: 22px 0;
    border: 0;
    border-top: 3px solid #eee;
}

article.enroll .text .left-column {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

@media only screen and (max-width:767px) {
    article.enroll .text .left-column {
        width: 100%;
    }
}

article.enroll .text .right-column {
    float: right;
    width: 50%;
    margin-bottom: 20px;
}

@media only screen and (max-width:767px) {
    article.enroll .text .right-column {
        width: 100%;
    }
}

article.enroll .text li.terms {
    background: url("../images/i/marketing/blue-bullet.png") no-repeat;
    margin: 1.5em 0 0 -2.3em;
    padding-left: 2em;
}

article.enroll .text ul.service-links {
    padding-left: 0;
    list-style: none;
}

article.enroll .text ul.service-links li a {
    color: #6b6b6b;
    text-decoration: underline;
}

article.enroll .text .formlinks {
    width: 48%;
}

@media only screen and (max-width:1024px) {
    article.enroll .text .formlinks {
        width: 100%;
    }
}

article.enroll .text .formlinks .header {
    background-color: #257ab3;
    color: #fff;
    padding: 10px 0 10px 20px;
}

article.enroll .text .formlinks .link {
    border-bottom: 3px solid #f0f0f0;
}

article.enroll .text .formlinks .grey {
    background-color: #fafafa;
}

article.enroll .text .formlinks p.form {
    background: url("../images/i/marketing/plan-icon.png") no-repeat left center;
    padding: 15px 0;
    margin: 0 0 0 20px;
    width: 100%;
}

article.enroll .text .formlinks p.form a {
    font-size: 12px;
    font-weight: bold;
    margin-left: 3.5em;
    padding: 15px 25px 15px 0;
    display: block;
}

article.enroll .text .english {
    float: left;
}

article.enroll .text .spanish {
    float: right;
}

@media only screen and (max-width:1024px) {
    article.enroll .text .spanish {
        float: left;
        margin-top: 20px;
    }
}

article.enroll .text .customer-forms {
    margin-top: 80px;
    padding-bottom: 50px;
}

article.enroll .text .customer-forms .formlinks {
    width: 100%;
}

article.service-icons .grid .col {
    padding: 0;
}

article.terms-of-use .write-to {
    width: 70%;
    text-align: center;
    margin: auto;
}

article.terms-of-use ul {
    padding: 0 80px;
}

article.terms-of-use ul li {
    list-style-type: none;
}

article.terms-of-use ul li p {
    margin-left: 20px;
}

article.terms-of-use ul h3 {
    color: #257ab3;
}

article.terms-of-use ul span {
    text-transform: uppercase;
}

@media only screen and (max-width:767px) {
    article.terms-of-use ul {
        padding: 0 20px;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.terms-of-use ul {
        padding: 0 40px;
    }
}

article.ignite-associate {
    text-align: center;
    margin: 0;
}

article.ignite-associate .wrapper {
    padding: 40px 0 10px;
}

article.ignite-associate button,
article.ignite-associate .button {
    background-color: #a9222d;
}

article.ignite-associate button a,
article.ignite-associate .button a {
    color: #fff;
}

article.ignite-associate button:hover,
article.ignite-associate .button:hover {
    background-color: #6b6b6b;
}

article.ignite-associate h3 {
    margin: 0;
}

article.electricity-gas p {
    font-size: 22px;
    text-align: center;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

article.electricity-gas p span {
    color: #257ab3;
}

article.electricity-gas hr {
    border: 2px solid #f0f0f0;
    margin: 40px 0;
}

article.electricity-gas img {
    padding-bottom: 25px;
}

article.electricity-gas .gas-chart {
    border-bottom: 3px solid #76bd1d;
}

article.privacy-policy .intro-paragraph {
    text-align: center;
}

article.privacy-policy hr {
    width: 60%;
    border: 1px solid #f0f0f0;
    margin: 40px auto;
}

article.privacy-policy h2 {
    margin-top: 30px;
}

article.privacy-policy .indented {
    margin-left: 40px;
}

article.privacy-policy .indented ul {
    list-style: none;
}

article.privacy-policy .indented ul li {
    background-image: url("../images/i/marketing/blue-bullet.png");
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 25px;
}

article.manage-my-account .left-column {
    width: 35%;
    border-right: 1px solid #cfcfcf;
    padding-right: 40px;
    float: left;
}

@media only screen and (max-width:767px) {
    article.manage-my-account .left-column {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #cfcfcf;
        padding: 0;
    }
}

article.manage-my-account .right-column {
    width: 65%;
    float: right;
    padding-left: 40px;
}

article.manage-my-account .right-column img {
    float: left;
}

article.manage-my-account .right-column h3 {
    float: left;
    margin: 25px 0 0 10px;
    color: #76bd1d;
}

article.manage-my-account .right-column .states {
    float: left;
    margin: 20px 40px 0 0;
}

article.manage-my-account .right-column .states input {
    margin-bottom: 15px;
}

article.manage-my-account .right-column .input-fields {
    float: left;
    margin-right: 20px;
}

article.manage-my-account .right-column .input-fields div {
    margin-top: 10px;
}

article.manage-my-account .right-column .input-fields input {
    width: auto;
}

article.manage-my-account .right-column .login {
    margin: 10px 0 0 0;
    float: left;
}

article.manage-my-account .right-column .login button {
    background-color: #76bd1d;
}

article.manage-my-account .right-column .login button:hover {
    background-color: #6b6b6b;
}

@media only screen and (max-width:767px) {
    article.manage-my-account .right-column {
        width: 100%;
        margin: 20px auto 0;
        padding: 0;
    }
    article.manage-my-account .right-column .login {
        margin-left: 0;
    }
}

@media only screen and (min-width:768px) {
    article.manage-my-account .left-column {
        padding-left: 20px;
    }
}

article.marketing div.wrapper div.historical-rates {
    overflow: scroll;
}

article.marketing div.wrapper div.historical-rates table tr td {
    text-align: center;
    white-space: nowrap;
}

article.marketing div.wrapper div.historical-rates table tr td:nth-child(even) {
    background-color: #c2ddf5;
}

article.marketing div.wrapper div.historical-rates table tr td:nth-child(odd),
article.marketing div.wrapper div.historical-rates table tr td.odd {
    background-color: #e8f2fa;
}

article.marketing div.wrapper div.historical-rates table tr td.even {
    background-color: #c2ddf5;
}

article.rates table th,
article.rates table td {
    text-align: center;
}

article.rates table th:first-child,
article.rates table td:first-child {
    text-align: left;
    background: #f9f9f9;
}

article.rates table th.term,
article.rates table td.term {
    white-space: nowrap;
}

article.rates table thead th,
article.rates table thead th:first-child {
    border: 1px solid #e8e8e8;
    background-color: #efefef;
    font-weight: 600;
}

article.rates table thead th[colspan],
article.rates table thead th:first-child[colspan] {
    background: #999;
    color: #fff;
}

article.rates table tbody tr.details td:first-child {
    border: 0;
    border-left: 2px solid #257ab3;
}

article.rates.northeast table thead th,
article.rates.northeast table thead th:first-child,
article.rates.georgia table thead th,
article.rates.georgia table thead th:first-child {
    background: #999;
    color: #fff;
}

article.paperless .left-column {
    float: left;
    width: 40%;
    padding-right: 40px;
}

article.paperless .left-column .instructions {
    color: #76bd1d;
}

@media only screen and (max-width:767px) {
    article.paperless .left-column {
        width: 100%;
        padding-right: 0;
    }
}

article.paperless .right-column {
    width: 60%;
    float: right;
    padding-left: 40px;
    border-left: 1px solid #cfcfcf;
}

article.paperless .right-column>div {
    margin-bottom: 30px;
}

article.paperless .right-column>div img {
    float: left;
}

article.paperless .right-column>div h3 {
    color: #76bd1d;
    float: left;
    margin: 25px 0 0 10px;
}

article.paperless .right-column h4 {
    text-align: center;
    margin: 25px 0 0 10px;
    color: #76bd1d;
}

article.paperless .right-column .states {
    float: left;
    margin: 20px 40px 0 0;
}

article.paperless .right-column .states input {
    margin-bottom: 15px;
}

article.paperless .right-column .input-fields {
    float: left;
    width: 40%;
    margin-right: 18px;
}

article.paperless .right-column .input-fields div {
    margin-top: 10px;
}

article.paperless .right-column .input-fields div input {
    width: 100%;
}

article.paperless .right-column .login {
    float: left;
}

article.paperless .right-column .login .button {
    background-color: #76bd1d;
}

article.paperless .right-column .login .button:hover {
    background-color: #6b6b6b;
}

article.paperless .right-column .share {
    margin-top: 100px;
    margin-bottom: 0;
    text-align: center;
}

@media only screen and (max-width:767px) {
    article.paperless .right-column {
        width: 100%;
        margin: 20px auto;
        padding: 0;
        border-left: none;
    }
}

article.services-divider-img {
    background-position: 20% 0;
}

article.tablet h1 {
    text-align: left!important;
    color: #0070b9!important;
}

article.tablet h2 {
    text-align: left;
    font-size: 34px;
    color: #4f4c4d;
}

article.tablet p {
    font-size: 20px;
    color: #333;
}

article.tablet.tablet-intro .intro-text {
    width: 60%;
}

article.tablet.tablet-intro .intro-image {
    width: 40%;
    text-align: center;
}

@media only screen and (max-width:767px) {
    article.tablet.tablet-intro .intro-text,
    article.tablet.tablet-intro .intro-image {
        width: 100%;
    }
    article.tablet.tablet-intro .intro-image {
        margin-top: 20px;
    }
}

article.tablet.tablet-guide {
    background-image: none;
    background-color: #f8f8f8;
    border: 1px solid #e9e9e9;
}

article.tablet.tablet-guide ul {
    list-style: none;
    padding: 0;
    margin: 2em 0;
}

article.tablet.tablet-guide ul li {
    background: url("../images/i/marketing/green-bullet.png");
    background-repeat: no-repeat;
    background-position-y: 5px;
    padding-left: 25px;
    margin: 20px 0;
}

article.tablet.tablet-settings .settings-image {
    text-align: right;
}

article.tablet.tablet-settings .note {
    font-size: 16px;
    color: #003d58;
}

article.tablet.tablet-settings ol {
    padding-left: 0;
    counter-reset: li;
    list-style: none;
}

article.tablet.tablet-settings ol li {
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0 20px 40px;
    position: relative;
}

article.tablet.tablet-settings ol li:before {
    content: counter(li);
    counter-increment: li;
    font-weight: 600;
    color: #97c93d;
    position: absolute;
    left: -40px;
}

article.tablet.tablet-faqs p {
    text-align: center;
}

article.video-player .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

article.video-player .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.significant {
    position: relative;
    padding-right: 10px;
    letter-spacing: 0;
    font-weight: 400;
    background: url('../images/i/icon/arrow-right.png') no-repeat right 5px;
}

dl.faq {
    color: #595a5d;
    max-width: 582px;
}

dl.faq>dt {
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 600;
    cursor: pointer;
    padding-left: 18px;
    position: relative;
}

dl.faq>dt:before {
    content: url('../images/i/marketing/redesign/minus.png');
    vertical-align: top;
    position: absolute;
    left: -18px;
}

dl.faq>dt[data-collasped]:before {
    content: url('../images/i/marketing/redesign/plus.png');
}

dl.faq>dt[data-collasped]+dd {
    height: 0;
    overflow: hidden;
    margin-top: 0;
}

dl.faq>dd {
    font-weight: normal;
    line-height: 19px;
    font-size: 14px;
    margin: 16px 0 50px 26px;
    color: #595a5d;
    letter-spacing: .041em;
    height: auto;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease;
    -webkit-transition: height .5s ease;
    transition: height .5s ease;
}

article>*:last-child {
    border-radius: 0;
}

article.marketingIntro p.intro {
    font-size: 20px;
    margin: 1em 9.61538%;
    letter-spacing: .017;
}

article.marketingIntro.mobile.plans {
    text-align: center;
    color: #000;
}

article.marketingIntro.mobile.plans ol.points li:before {
    margin-right: 5px;
    content: url('../images/i/marketing/redesign/check.png');
}

article.marketingIntro.mobile.plans h3 {
    padding-top: 50px;
    background: center top no-repeat;
    font-size: 22px;
    line-height: 29.02px;
    letter-spacing: -.01em;
    font-weight: 600;
}

article.marketingIntro.plans-intro h1 {
    text-align: left;
}

article.marketingIntro.plans-intro .wrapper {
    padding: 16px 0;
}

article.marketingIntro.electricity-get-started {
    text-align: left;
}

article.marketingIntro.electricity-get-started .wrapper {
    padding: 40px 0;
}

article.marketingIntro.electricity-get-started .body {
    margin: initial;
}

article.marketingIntro.electricity-get-started strong {
    color: #fd8010;
}

article.marketingIntro.electricity-get-started hr {
    display: none;
}

article.marketingIntro.electricity-get-started p {
    margin: 0;
    float: right;
}

article.marketingIntro.electricity-get-started p a.button {
    background-image: none;
    background-color: #f87c00;
    border-radius: 5px;
}

article.marketingIntro.electricity-get-started p a.button:hover {
    background-color: #f79431;
}

article.marketing.bg-blue>.wrapper {
    background-image: none;
}

article.marketing.bg-paleblue>.wrapper {
    background-image: none;
}

article.marketing.bg-darkblue>.wrapper {
    background-image: none;
}

article.marketing.bg-green>.wrapper {
    background-image: none;
}

article.marketing.bg-palegreen>.wrapper {
    background-image: none;
}

article.marketing.bg-darkgreen>.wrapper {
    background-image: none;
}

article.marketing.bg-orange>.wrapper {
    background-image: none;
}

article.marketing.bg-red>.wrapper {
    background-image: none;
}

article.marketing.bg-palered>.wrapper {
    background-image: none;
}

article.marketing.bg-grey>.wrapper {
    background-image: none;
}

article.marketing.bg-purple>.wrapper {
    background-image: none;
}

article.marketing.bg-darkgrey>.wrapper {
    background-image: none;
}

article.marketing .security {
    padding: 0 20px;
}

article.marketing .security h1 {
    text-align: left;
    font-size: 33px;
}

article.marketing .security p {
    text-align: left;
    font-size: 16px;
    margin: 0 0 8px;
}

article.marketing .security p .button {
    margin-top: 10px;
}

article.marketing.mobile h1 strong,
article.marketing.mobile h1 b,
article.marketing.mobile h2 strong,
article.marketing.mobile h2 b {
    color: #28ade0;
}

article.marketing.mobile h2.selling-energy {
    font-weight: 300;
    font-size: 40px;
}

article.marketing.mobile h2.selling-energy strong {
    color: #28ade0;
}

article.marketing.mobile h2.healthcare {
    font-weight: 300;
    font-size: 40px;
}

article.marketing.mobile h2.healthcare strong {
    color: #51b35a;
}

article.marketing.energy h1 strong,
article.marketing.energy h1 b,
article.marketing.energy h2 strong,
article.marketing.energy h2 b {
    color: #f8a244;
}

article.marketing.energy.energy-overview h2.energy-intro {
    font-size: 40px;
    font-weight: 300;
}

article.marketing.energy h2.energy-services {
    font-size: 40px;
    font-weight: 300;
}

article.marketing.energy h2.energy-services strong {
    color: #f8a244;
    text-transform: uppercase;
    font-weight: 300;
}

article.marketing.energy h2.gas-services {
    font-size: 40px;
    font-weight: 300;
}

article.marketing.energy h2.gas-services strong {
    text-transform: uppercase;
    font-weight: 300;
}

article.marketing.protect h1 strong,
article.marketing.protect h1 b {
    color: #51b35a;
}

article.marketing.protect h2 {
    font-weight: 300;
    font-size: 40px;
}

article.marketing.protect h2 strong {
    color: #51b35a;
    font-weight: 300;
}

article.marketing.home h1 strong,
article.marketing.home h1 b {
    color: #8e4b9d;
    font-size: 41px;
}

article.marketing.home p {
    text-align: center;
    font-size: 21px;
    margin-top: 0;
}

article.marketing.faq h1 {
    text-align: left;
    font-size: 32px;
    color: #4f4c4d;
    background: url('../images/i/marketing/redesign/faq-header-rule.png') no-repeat left bottom;
    padding-bottom: 20px;
}

article.marketing h1 {
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -.029em;
    text-align: center;
    color: inherit;
}

article.marketing h1 b,
article.marketing h1 strong {
    text-transform: uppercase;
    font-weight: 300;
}

article.marketing>.wrapper {
    background: url('../images/i/marketing/redesign/Modules/module_background.png') no-repeat center top;
}
article.marketing>.price {
    background-image: none !important;
    padding: 0 !important;
}
article.marketing:first-of-type>.wrapper,
article.marketing:first-child>.wrapper {
    background-image: none;
}

article.marketing.my-stream-story-disclosure .wrapper {
    background: transparent;
    font-size: 12px;
    margin: 20px 40px 0;
    padding: 0;
    text-align: center;
    width: auto;
}

@media only screen and (max-width:767px) {
    article.marketing.my-stream-story-disclosure .wrapper {
        margin: 20px 0;
    }
}

article.photoLockup {
    background-color: #fff;
    border-style: none!important;
    margin-bottom: 0!important;
    font-size: 15.99px;
    line-height: 23.99px;
    color: #000;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.photoLockup.smart30-thermostat .wrapper>img {
        display: none;
    }
}

article.photoLockup .wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media only screen and (max-width:1024px) {
    article.photoLockup .wrapper {
        padding-bottom: 40px;
        padding-top: 40px;
    }
}

article.photoLockup .wrapper>.content,
article.photoLockup .wrapper>img {
    float: left;
}

@media only screen and (max-width:767px) {
    article.photoLockup .wrapper>.content,
    article.photoLockup .wrapper>img {
        float: none;
        width: 100%;
        height: auto;
    }
}

article.photoLockup .wrapper>.content {
    width: 463px;
    margin: 0;
    padding: 0 0 20px 0!important;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.photoLockup .wrapper>.content {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
    }
}

article.photoLockup .wrapper>.content blockquote p:first-of-type {
    font-size: 18px;
    line-height: 26.44px;
    position: relative;
}

article.photoLockup .wrapper>.content blockquote p:first-of-type::before {
    content: "“";
    color: rgba(255, 255, 255, .3);
    font-size: 135.61px;
    position: absolute;
    left: -45px;
    top: 40px;
}

article.photoLockup .wrapper>.content blockquote p:last-of-type::after {
    content: "";
    color: rgba(255, 255, 255, .3);
    font-size: 135.61px;
    position: absolute;
    margin-left: 10px;
    margin-top: 40px;
}

article.photoLockup .wrapper>.content blockquote p .lead {
    font-size: 24px;
    font-style: italic;
}

article.photoLockup .wrapper>.content blockquote footer {
    border-radius: 0;
    border-top: none;
    padding: 0;
    margin-top: 10px;
    font-size: 14.23px;
    line-height: 35.87px;
}

article.photoLockup .wrapper>.content blockquote footer cite {
    text-transform: uppercase;
    font-style: normal;
}

article.photoLockup .wrapper>.content blockquote footer cite::before {
    content: "—";
}

@media only screen and (max-width:767px) {
    article.photoLockup .wrapper>.content {
        width: 100%;
    }
}

article.photoLockup .wrapper>img {
    width: 502px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.photoLockup .wrapper>img {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
    }
}

article.photoLockup .wrapper>.content+img,
article.photoLockup .wrapper>img+.content {
    float: right;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.photoLockup .wrapper>.content+img,
    article.photoLockup .wrapper>img+.content {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width:767px) {
    article.photoLockup .wrapper>.content+img,
    article.photoLockup .wrapper>img+.content {
        float: none;
        width: 100%;
    }
}

article.photoLockup.smart30-thermostat {
    height: 421px;
    color: #fff;
}

@media only screen and (min-width:1025px) {
    article.photoLockup.smart30-thermostat {
        min-width: 800px;
    }
}

article.photoLockup.smart30-thermostat .wrapper {
    margin: auto;
    height: 100%;
}

article.photoLockup.smart30-thermostat .wrapper .content {
    width: 320px;
    float: left;
    margin-left: 100px;
}

@media only screen and (max-width:767px) {
    article.photoLockup.smart30-thermostat .wrapper .content {
        margin: 0;
        width: 280px;
    }
}

article.photoLockup.smart30-thermostat img {
    position: relative;
    height: 115%;
    width: auto;
    transform: translate(10%, -6%);
}

article.photoLockup.smart30-thermostat h2 {
    color: #ff9e31;
}

article.photoLockup.smart30-thermostat a.button {
    background-image: none;
    background-color: #f87c00;
    border-radius: 5px;
}

article.photoLockup.smart30-thermostat a.button:hover {
    background-color: #f79431;
}

article.photoLockup.smart30-skybell .wrapper {
    padding-bottom: 0;
}

article.photoLockup.smart30-skybell .wrapper img {
    width: auto;
    height: 100%;
    margin-right: 30%;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.photoLockup.smart30-skybell .wrapper img {
        margin-right: 0;
    }
}

@media only screen and (max-width:767px) {
    article.photoLockup.smart30-skybell .wrapper img {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    article.photoLockup.smart30-skybell .wrapper {
        padding-bottom: 80px;
    }
}

article.photoLockup.smart30-skybell .wrapper a.button {
    background-color: #f87c00;
    background-image: none;
}

article.photoLockup.smart30-skybell .wrapper a.button:hover {
    background-color: #f79431;
}

article.photoLockup.smart30-skybell h2,
article.photoLockup.smart30-skybell p {
    color: #fff;
}

article.photoLockup.smart30-skybell p.footnote {
    font-size: 14px;
    font-style: italic;
    margin-top: 30px;
}

article.states-enroll {
    background-image: none;
}

article.states-enroll .wrapper {
    background-image: none;
    min-height: 100px;
    padding: 0;
    max-width: 1040px;
    margin: 0 auto;
}

article.states-enroll .wrapper.grid .col {
    width: auto;
    vertical-align: middle;
}

@media only screen and (max-width:1024px) {
    article.states-enroll .wrapper.grid .col {
        text-align: center;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.states-enroll .wrapper.grid .col {
        display: inline;
    }
}

article.states-enroll .wrapper.grid .col a {
    margin: auto 10px;
}

@media only screen and (max-width:767px) {
    article.states-enroll .wrapper.grid .col a {
        margin-top: 10px;
        width: 100%;
    }
    article.states-enroll .wrapper.grid .col a.button {
        margin-left: 0;
        margin-right: 0;
    }
}

article.states-enroll .wrapper h3 {
    margin: 0;
    padding: 0;
    line-height: 83px;
    float: left;
    font-size: 20px;
    letter-spacing: .001em;
}

@media only screen and (max-width:1024px) {
    article.states-enroll .wrapper h3 {
        float: none;
        line-height: 40px;
    }
}

article.states-enroll .wrapper p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
}

article.states-enroll .wrapper #GetStarted-StateEnroll-Module {
    position: absolute;
    right: 250px;
    width: 500px;
    line-height: 83px;
}

article.states-enroll .wrapper #ViewLinks-StateEnroll-Module {
    position: absolute;
    right: 140px;
    line-height: 1em;
    padding: 25.5px 0;
    font-size: 14px;
    line-height: 17px;
}

article.states-enroll .wrapper #ViewLinks-StateEnroll-Module a {
    font-weight: normal;
}

article.quote {
    font-size: 18px;
    line-height: 26.44px;
    position: relative;
    margin: 0;
    color: #fff;
    padding: 20px 0;
    background-image: none;
}

article.quote .wrapper {
    padding: 0;
    background: none;
}

article.quote blockquote p {
    padding-left: 0;
}

@media only screen and (max-width:1024px) {
    article.quote blockquote p {
        padding-left: 20px;
    }
}

article.quote blockquote p:first-of-type {
    font-size: 18px;
    line-height: 26.44px;
    position: relative;
}

article.quote blockquote p:first-of-type::before {
    content: "“";
    color: rgba(255, 255, 255, .3);
    font-size: 135.61px;
    position: absolute;
    left: -45px;
    top: 45px;
}

@media only screen and (max-width:1024px) {
    article.quote blockquote p:first-of-type::before {
        padding-left: 20px;
    }
}

article.quote blockquote p:last-of-type::after {
    content: "";
    color: rgba(255, 255, 255, .3);
    font-size: 135.61px;
    position: absolute;
    margin-left: 10px;
    margin-top: 40px;
}

article.quote blockquote p strong.lead {
    font-size: 30px;
    line-height: 40px;
    font-style: italic;
    font-weight: 300;
}

article.quote blockquote footer {
    margin-top: 10px;
    font-size: 14.23px;
    line-height: 35.87px;
    padding: 0;
    border-style: none;
}

article.quote blockquote footer cite {
    text-transform: uppercase;
    font-style: normal;
}

article.additional-support-sidebar {
    margin-top: 75px;
    border-left: 1px solid #eee;
}

article.additional-support-sidebar .inner {
    padding-left: 25px;
}

article.additional-support-sidebar h1 {
    text-align: left;
    font-size: 25px;
}

article.additional-support-sidebar .contact-message {
    color: #2f86ba;
    font-style: italic;
    font-size: 25px;
    background: url('../images/i/marketing/redesign/headset.png') no-repeat left top;
    padding-left: 65px;
}

article.additional-support-sidebar .live-chat {
    color: #2f86ba;
    font-style: italic;
    font-size: 20px;
    background: url('../images/i/icon/chat.png') no-repeat left top;
    padding-left: 65px;
}

article.additional-support-sidebar ul {
    border: 1px solid #eee;
    border-left-style: none;
    border-right-style: none;
    padding: 1em 0;
    list-style: none;
}

article.additional-support-sidebar ul li {
    padding: .5em 0;
    padding-left: 20px;
}

.director-banner.stretch {
    margin: 0;
}

.director-banner.stretch .wrapper {
    background-image: none;
}

article.service-links {
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
    background-color: #f7f8f9;
    position: relative;
    z-index: 100;
}

article.service-links>.wrapper {
    padding: 20px 0;
    background: none;
}

article.service-links .grid .col {
    background: left center no-repeat;
    padding-left: 70px;
}

article.service-links .grid .col:first-child {
    padding-left: 70px;
}

article.service-links .grid .col h2 {
    margin: 0 0 5px 0;
    font-size: 24px;
    color: #000;
    letter-spacing: 0;
}

article.service-links .grid .col p {
    margin-top: 0;
}

article.service-links .grid .col.energy {
    background-image: url('../images/i/marketing/redesign/Modules/HomeHeader/home_header_energy_icon.png');
}

article.service-tabs {
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
    background-color: #f7f8f9;
    position: relative;
    z-index: 100;
    padding: 0;
}

article.service-tabs>.wrapper {
    padding: 20px 0 0!important;
    background: none;
}

article.service-tabs .grid .col {
    background: right center no-repeat;
    text-align: center;
    background-position: top center;
    padding: 0;
}

article.service-tabs .grid .col h2 {
    font-size: 24px;
    font-weight: 400;
    color: #000;
    letter-spacing: 0;
    margin: 0;
    padding: 75px 0 20px;
}

article.service-tabs .grid .col.energy {
    background-image: url('../images/i/marketing/redesign/Modules/HomeHeader/home_header_energy_icon.png');
}

article.service-tabs .grid .col.energy:hover>.dropdown-menu {
    display: block;
}

article.service-tabs .dropdown-menu {
    display: none;
    border: 3px solid #f59a42;
    border-top: none;
    padding: 15px 0;
    background-color: #fff;
    left: calc(50% - 160px);
    width: 320px;
    -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2), 0 3px 6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2), 0 3px 6px rgba(0, 0, 0, .2);
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .2), 0 3px 6px rgba(0, 0, 0, .2);
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0;
    border-radius: 0 0 10px 10px;
}

article.service-tabs .dropdown-menu li a {
    font-size: 22px;
    color: #010101;
    padding: 5px 80px;
    text-align: left;
}

article.service-tabs .dropdown-menu li a:hover {
    background-color: #e6e7e8;
}

@media only screen and (max-width:767px) {
    article.service-tabs .dropdown-menu {
        display: block;
        position: relative;
        left: 0;
        width: 100%;
        border-top: 3px solid #f59a42;
        margin-bottom: 20px;
        -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
        box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
}

article.service-tabs .open>.dropdown-menu {
    display: block;
}

article.contact .request p {
    margin-bottom: 1em;
}

article.contact-state .customer-service h1 {
    color: #666;
    text-transform: uppercase;
}

article.contact-state .customer-service h1 i {
    vertical-align: baseline;
}

article.contact-state .customer-service.energy h1 strong {
    color: #f93;
}

article.contact-state .customer-service .faq-text {
    font-size: 22px;
    margin-bottom: 30px;
}

article.contact-state .customer-service .left-side h2 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 40px;
}

article.contact-state .customer-service .right-side .mail {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    background-color: #fff;
    padding: 0;
}

article.contact-state .customer-service .right-side .mail h2 {
    background-image: url("../images/i/icon/email-small.png");
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 35px;
    font-size: 18px;
}

article.contact-state .customer-service .right-side .chat {
    padding-left: 50px;
    background-image: url("../images/i/icon/chat.png");
    background-repeat: no-repeat;
    background-position: top left;
}

article.contact-state .customer-service .right-side .chat h2 {
    font-size: 22px;
}

article.contact-state .customer-service .right-side .chat p {
    margin: 0;
}

article.contact-state .emergency {
    border: 1px solid #ebebeb;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
}

article.contact-state .emergency .grid .col .company-contact {
    margin-bottom: 30px;
}

article.contact-state .link-back {
    margin: 60px 0 30px;
    text-align: center;
    font-size: 22px;
}

article.pay {
    padding: 0;
}

article.pay>.wrapper {
    padding: 20px 0 0!important;
}

article.pay .intro {
    font-size: 22px;
    text-align: center;
    width: 53%;
}

article.pay .intro strong {
    color: #3a80d0;
    font-weight: normal;
    text-transform: uppercase;
}

article.pay .intro .blue {
    color: #3a80d0;
}

article.pay h1 {
    color: #666;
    text-transform: uppercase;
    margin-bottom: 40px;
}

article.pay h1 i {
    vertical-align: baseline;
}

article.pay.mobile {
    margin-top: 25px;
}

article.pay.mobile h1 strong {
    color: #3a80d0;
}

article.pay.energy {
    margin-top: 25px;
}

article.pay.energy h1 strong {
    color: #f93;
}

article.pay.protect {
    margin-top: 25px;
}

article.pay.protect h1 strong {
    color: #40ae49;
}

article.pay.protect .pay-option {
    text-align: center;
    border: none;
}

article.pay aside h4 {
    margin-top: 0;
}

article.pay .box {
    border: 3px solid #77bc1f;
}

article.pay .box h1 {
    text-transform: none;
    margin: 10px 0;
}

article.pay .box button {
    margin-right: 60px;
}

article.pay .box p.sign-up {
    color: #6b6b6b;
}

article.pay hr {
    border: none;
}

article.pay .paperless i {
    float: left;
    margin-right: 20px;
}

article.pay .paperless .blue {
    color: #3a80d0;
}

article.pay .pay-option {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
}

article.pay .pay-option h2 {
    text-align: center;
}

article.pay .pay-option .sign-up {
    font-size: 20px;
    text-decoration: underline;
}

article.pay .pay-option p.call {
    font-size: 16px;
}

article.pay .pay-option p.call .phone {
    display: block;
    color: #6b6b6b;
    font-weight: normal;
}

article.pay .link-back {
    margin: 60px 0 30px;
    text-align: center;
    font-size: 22px;
    clear: both;
}

.energy-overview h2 {
    font-size: 40px;
    font-weight: 300;
}

.energy-overview h2 strong {
    text-transform: uppercase;
    font-weight: 300;
}

.energy-overview .col {
    text-align: left;
    padding-top: 250px;
}

@media only screen and (max-width:767px) {
    .energy-overview .col {
        padding-bottom: 20px;
    }
}

.energy-overview .col.electricity {
    background: url('../images/i/marketing/redesign/Modules/light.jpg') top left no-repeat;
}

.energy-overview .col.gas {
    background: url('../images/i/marketing/redesign/Modules/flame.jpg') top left no-repeat;
}

.energy-overview .col .inner {
    padding-right: 10%;
}

.global-header {
    background-image: url("../images/i/icon/global.png");
    background-position: 95% 50%;
    background-repeat: no-repeat;
    padding-right: 100px;
}

.modal-dialog .bill-example .modal-body img {
    max-width: 100%;
}

.emergency-contacts-header {
    background-image: url("../images/i/icon/protection.png");
    background-position: 95% 50%;
    background-repeat: no-repeat;
    padding-right: 100px;
}

.emergency-contacts-header.georgia {
    padding: 20px 100px 20px 0;
}

.autopay-setup {
    background-image: url('../images/i/marketing/redesign/autopay-setup.png');
    height: 372px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .autopay-setup .wrapper {
        padding-top: 0!important;
    }
}

.autopay-setup .autopay-content {
    text-align: left;
    width: 40%;
    color: #fff;
}

.autopay-setup .autopay-content h2 {
    text-align: left;
    color: #fff;
}

@media only screen and (max-width:767px) {
    .autopay-setup .autopay-content {
        width: 100%;
    }
}

.footer-service-links {
    background-color: #f1f1f1;
}

.footer-service-links.marketing .wrapper {
    padding: 0 0 20px 0;
}

.footer-service-links h4 {
    color: #28ade0;
    font-weight: 600;
}

.footer-service-links ul {
    padding: 0;
    margin: 0;
}

.footer-service-links ul li {
    list-style: none;
    padding-bottom: 10px;
}

.footer-service-links ul li a {
    color: #3c535c;
    font-weight: 600;
}

.skydrop.banner {
    min-height: 202px;
}

.skydrop.banner .inner .wrapper h1 {
    font-size: 40px;
    color: #424242;
}

.skydrop.save-blue h1 {
    margin-top: 0;
}

.skydrop.save-blue p {
    text-align: center;
}

.skydrop.save-blue p.free-controller {
    font-size: 20px;
    text-align: left;
}

.skydrop.save-blue p u a {
    color: #6b6b6b;
}

.skydrop.save-blue img {
    width: auto;
}

.skydrop.save-blue ul {
    margin: 40px 0 40px 200px;
}

.skydrop.save-blue ul li {
    list-style-image: url("../images/i/marketing/redesign/dark-blue-check.png");
}

@media only screen and (max-width:767px) {
    .skydrop.save-blue ul {
        margin: 40px 0;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .skydrop.save-blue ul {
        margin: 40px 0;
    }
}

.skydrop.smart {
    margin-left: 200px;
}

.skydrop.smart h3 {
    font-style: italic;
}

.skydrop.smart ul {
    padding-left: 20px;
}

.skydrop.smart ul li {
    list-style-image: url("../images/i/marketing/redesign/light-green-check.png");
}

@media only screen and (max-width:767px) {
    .skydrop.smart {
        margin-left: 0;
    }
}

.skydrop h1.save {
    color: #f98e00;
}

.skydrop p.save-paragraph {
    font-size: 20px;
}

.skydrop .footer {
    text-align: center;
    margin-top: 3em;
}

.skydrop .footer p {
    color: #f98e00;
}

.skydrop .footer p a {
    color: #f98e00;
}

.skydrop .grid {
    margin-top: 30px;
}

.skydrop .grid .col {
    padding: 90px 25px 0 0;
    background-repeat: no-repeat;
    background-position: top center;
}

.skydrop .grid .col.self-regulating {
    background-image: url("../images/i/marketing/redesign/Modules/self-regulating.png");
}

.skydrop .grid .col.easy-install {
    background-image: url("../images/i/marketing/redesign/Modules/easy-install.png");
}

.skydrop .grid .col.manage-remotely {
    background-image: url("../images/i/marketing/redesign/Modules/manage-remotely.png");
}

.skydrop .grid .col.curb-appeal {
    background-image: url("../images/i/marketing/redesign/Modules/curb-appeal.png");
}

.skydrop.skydrop-app {
    background-color: #0071b9;
}

.skydrop.skydrop-app .wrapper {
    background-image: none;
    background: #0071b9;
    padding-bottom: 0;
    padding-top: 30px;
}

.skydrop.skydrop-app .col {
    padding: 50px 25px 0 0;
}

.skydrop.skydrop-app .col:last-child {
    padding: 80px 25px 0 0;
}

.skydrop.skydrop-app .image {
    float: left;
    padding-left: 100px;
    margin-bottom: -16px;
}

.skydrop.skydrop-app .image img {
    margin-bottom: -15px;
}

@media only screen and (max-width:767px) {
    .skydrop.skydrop-app .image {
        display: none;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .skydrop.skydrop-app .image {
        padding-left: 0;
        padding-right: 40px;
    }
}

.skydrop.skydrop-app .info {
    float: left;
    width: 500px;
    color: #fff;
    padding-left: 100px;
}

.skydrop.skydrop-app .info h1 {
    text-align: left;
    line-height: 30px;
    color: #fff;
    text-align: left;
    margin-top: 60px;
}

@media only screen and (max-width:767px) {
    .skydrop.skydrop-app .info h1 {
        margin-top: 40px;
    }
}

.skydrop.skydrop-app .info p {
    line-height: 30px;
}

.skydrop.skydrop-app .info ul {
    list-style-image: url("../images/i/marketing/redesign/white-check.png");
    padding-left: 20px;
    margin-bottom: 50px;
}

.skydrop.skydrop-app .info ul li {
    list-style-image: url("../images/i/marketing/redesign/white-check.png");
    padding-bottom: 10px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .skydrop.skydrop-app .info {
        width: 100%;
        max-width: 395px;
        padding-left: 0;
    }
}

@media only screen and (max-width:767px) {
    .skydrop.skydrop-app .info {
        padding-bottom: 60px;
        width: 100%;
        padding-left: 0;
    }
}

.skydrop.faqs-heading .heading {
    color: #f98e00;
}

.skydrop.skydrop-promo {
    background-image: url('../images/i/marketing/redesign/Modules/skydrop-promo.png');
    background-repeat: no-repeat;
    background-position: 60% 115px;
}

.skydrop.skydrop-promo .wrapper {
    padding: 50px 0 0 0;
}

.skydrop.skydrop-promo .content {
    width: 70%;
    float: left;
}

.skydrop.skydrop-promo .content .promo-paragraph {
    width: 37%;
}

@media only screen and (max-width:767px) {
    .skydrop.skydrop-promo .content .promo-paragraph {
        width: 80%;
    }
}

.skydrop.skydrop-promo .content a.button {
    background-image: none;
    background-color: #f87c00;
    border-radius: 5px;
}

.skydrop.skydrop-promo .content a.button:hover {
    background-color: #f79431;
}

@media only screen and (max-width:767px) {
    .skydrop.skydrop-promo .content {
        width: 100%;
        float: none;
    }
}

.skydrop.skydrop-promo .image {
    float: right;
    margin-bottom: -6px;
}

@media only screen and (max-width:767px) {
    .skydrop.skydrop-promo .image {
        float: none;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .skydrop.skydrop-promo {
        background-size: 60%;
        background-position: 60% 100%;
    }
}

@media only screen and (max-width:767px) {
    .skydrop.skydrop-promo {
        background-image: none;
    }
}

.skybell.banner {
    min-height: 202px;
}

.skybell.banner .inner .wrapper h1 {
    font-size: 42px;
    font-weight: 800;
}

.skybell.banner .inner .wrapper h1 p {
    font-size: 34px;
    font-weight: 400;
}

.skybell.banner .inner .wrapper h1 .video {
    margin-top: 40px;
}

.skybell.banner .inner .wrapper h1 .video iframe {
    height: 350px;
    width: 650px;
    float: right;
}

@media only screen and (max-width:767px) {
    .skybell.banner .inner .wrapper h1 .video iframe {
        width: 100%;
    }
}

.skybell.skybell-intro h1 strong {
    color: #ffaf55;
}

.skybell.skybell-intro .grid {
    margin-top: 20px;
}

.skybell.skybell-intro .grid .col.image {
    width: 300px;
}

@media only screen and (max-width:767px) {
    .skybell.skybell-intro .grid .col.image {
        width: 100%;
    }
}

.skybell.skybell-intro .grid .col.list {
    width: calc(100% - 300px);
}

@media only screen and (max-width:767px) {
    .skybell.skybell-intro .grid .col.list {
        width: 100%;
    }
}

.skybell.skybell-intro .grid .col.list li {
    text-align: left;
    list-style-image: url(../images/i/marketing/redesign/dark-blue-check.png);
}

.skybell.skybell-states-heading .wrapper {
    padding: 0;
}

.skybell.skybell-states-heading .wrapper .intro {
    margin-bottom: 0;
}

.skybell.state-selector .button {
    background-image: none;
    background-color: #f88500;
}

.skybell.state-selector .button.renew {
    color: #2181c1;
    border: 1px solid #2181c1;
    background-color: #fff;
}

.skybell.skybell-app {
    background-color: #033c5a;
}

.skybell.skybell-app .wrapper {
    background-image: none;
    padding-bottom: 0;
    padding-top: 30px;
}

.skybell.skybell-app .col {
    padding: 0;
}

.skybell.skybell-app .col.image {
    width: 400px;
}

.skybell.skybell-app .col.image img {
    float: right;
}

@media only screen and (max-width:767px) {
    .skybell.skybell-app .col.image {
        width: 100%;
        text-align: center;
    }
    .skybell.skybell-app .col.image img {
        float: none;
    }
}

.skybell.skybell-app .col.info {
    color: #fff;
    width: calc(100% - 400px);
}

.skybell.skybell-app .col.info h1 {
    text-align: left;
    line-height: 30px;
    color: #fff;
    text-align: left;
}

.skybell.skybell-app .col.info p {
    line-height: 30px;
}

.skybell.skybell-app .col.info ul {
    list-style-image: url("../images/i/marketing/redesign/white-check.png");
    padding-left: 20px;
}

.skybell.skybell-app .col.info ul li {
    list-style-image: url("../images/i/marketing/redesign/white-check.png");
    padding-bottom: 10px;
}

@media only screen and (max-width:767px) {
    .skybell.skybell-app .col.info {
        width: 100%;
    }
    .skybell.skybell-app .col.info h1 {
        text-align: center;
    }
}

.skybell.faqs-heading .wrapper {
    padding-bottom: 0;
}

.skybell.faqs-heading .wrapper .heading {
    color: #f98e00;
    font-size: 36px;
}

.skybell.skybell-faqs dl.faq {
    color: #6c6c6c;
    font-size: 20px;
    width: 100%;
    max-width: none;
    border-bottom: 1px solid #d3d3d3;
    margin-top: 0;
}

.skybell.skybell-faqs dl.faq>dt {
    font-size: 20px;
    font-weight: 300;
    padding: 14px 40px 14px 0;
    border-top: 1px solid #d3d3d3;
}

.skybell.skybell-faqs dl.faq>dt:before {
    content: url('../images/i/icon/faq-hide.png');
    vertical-align: top;
    position: absolute;
    left: inherit;
    right: 15px;
}

.skybell.skybell-faqs dl.faq>dt[data-collasped]:before {
    content: url('../images/i/icon/faq-show.png');
}

.skybell.skybell-faqs dl.faq>dt[data-collasped]+dd {
    height: 0;
    display: none;
    margin-top: 0;
}

.skybell.skybell-faqs dl.faq>dd {
    line-height: 1.2;
    font-size: 14px;
    margin: 16px 26px 50px;
    color: #6c6c6c;
    display: block;
}

.smart-30-plans {
    background-color: #f3f6f7;
}

.smart-30-plans p {
    width: 85%;
    margin: auto;
    text-align: center;
}

.smart-30-plans p.intro {
    font-size: 18px;
}

.smart-30-plans .incentives {
    text-align: center;
}

.smart-30-plans .incentives .col .button {
    background-color: #f87c00;
    background-image: none;
}

.smart-30-plans .incentives .col .button:hover {
    background-color: #f79431;
}

@media only screen and (max-width:767px) {
    .smart-30-plans .incentives .col .button {
        margin-bottom: 20px;
    }
}

.smart-30-plans .incentives .col img {
    height: auto;
}

.freedom-plan-details p a {
    color: #fff;
}

.marketing.energy-banner {
    background-image: url("../images/i/marketing/redesign/modules/services-background.png");
    background-size: cover;
    background-position: center;
    text-align: center;
    box-shadow: 0 0 20px #ccc;
}

.marketing.energy-banner>.wrapper {
    background: none;
    padding: 0;
}

.marketing.energy-banner hr {
    border-top: 1px solid #555759;
    width: 75%;
    margin: auto;
}

.marketing.energy-banner span {
    color: #f69a36;
    font-weight: 600;
}

.marketing.energy-banner p {
    margin: 1em 0;
    font-size: 23px;
}

.marketing.energy-banner h2 {
    font-size: 40px;
}

@media only screen and (max-width:767px) {
    .marketing.energy-banner h2 {
        font-size: 24px;
    }
}

@media only screen and (max-width:767px) {
    .marketing.energy-banner h1 {
        font-size: 24px;
    }
    .marketing.energy-banner p {
        font-size: 18px;
    }
    .marketing.energy-banner h2 {
        width: 100%;
    }
}

@media only screen and (max-width:767px) {
    .marketing .wrapper .grid.two .col iframe {
        max-width: 100%;
        height: auto;
    }
}

.marketing.how-it-works .wrapper {
    padding: 30px 0;
}

.marketing.how-it-works .wrapper p {
    text-align: center;
    font-size: 20px;
    margin: 0;
}

article.marketing.energy-services-overview .grid .col {
    text-align: center;
    padding: 60px 0;
}

article.marketing.energy-services-overview .grid .col h2 {
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}

article.marketing.energy-services-overview .grid .col.electricity {
    background: linear-gradient(#f69937, #c05833);
    color: #fff;
}

article.marketing.energy-services-overview .grid .col.electricity .button {
    background-color: #fff;
    background-image: none;
    color: #e46f3a;
    font-size: 24px;
}

article.marketing.energy-services-overview .grid .col.gas {
    color: #e97c39;
}

article.marketing.energy-services-overview .grid .col.gas .button {
    background-color: #e5733a;
    background-image: none;
    color: #fff;
    font-size: 24px;
}

article.marketing.energy-services-overview .grid .col.gas h2 {
    color: #e97c39;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.marketing.energy-services-overview {
        padding: 0;
    }
}

@media only screen and (max-width:767px) {
    article.marketing.energy-services-overview {
        padding: 0;
    }
    article.marketing.energy-services-overview .grid .col {
        width: 50%;
    }
    article.marketing.energy-services-overview .grid .col.electricity {
        float: left;
    }
    article.marketing.energy-services-overview .grid .col.electricity .button {
        font-size: 16px;
    }
    article.marketing.energy-services-overview .grid .col.gas {
        float: right;
    }
    article.marketing.energy-services-overview .grid .col.gas .button {
        font-size: 16px;
    }
    article.marketing.energy-services-overview .grid .col img {
        max-width: 30%;
        height: auto;
    }
    article.marketing.energy-services-overview .grid .col h2 {
        font-size: 24px;
    }
}

.smart-30-incentives {
    text-align: center;
}

.smart-30-incentives h3 {
    margin: 1em 0 0 0;
}

.smart-30-incentives p {
    margin: 0;
}

.smart-30-incentives a.button {
    background-color: #f79d38;
    background-image: none;
}

.smart-30-incentives .footnote {
    margin-top: 40px;
    font-size: 20px;
}

.smart-30-incentives .footnote strong {
    color: #f79d38;
}

.energy-modal {
    width: 450px;
    margin: auto;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 15px #ccc;
    position: absolute;
    top: 0;
    left: calc(50% - 225px);
}

.energy-modal .header {
    padding: 10px 20px;
    position: relative;
}

.energy-modal .header h2 {
    font-size: 32px;
    color: #434648;
    margin: .5em;
}

.energy-modal .header a {
    background: url('../images/i/../i/icon/modal-close.png') no-repeat;
    width: 42px;
    height: 41px;
    position: absolute;
    top: -15px;
    right: -15px;
}

.energy-modal .body {
    background: #f7f7f7 url('../images/i/marketing/redesign/modules/modal-background.png') bottom left no-repeat;
    background-size: 100%;
    padding: 20px 20px 40px 20px;
    text-align: center;
}

.energy-modal .body img {
    max-width: 50%;
    margin-bottom: 20px;
}

.energy-modal .body .input-group-btn {
    font-weight: 400;
    font-size: 22px;
}

.energy-modal .body .input-group-btn button {
    background-image: none;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    position: relative;
    color: #434648;
    text-align: left;
    width: 270px;
    font-weight: 400;
    font-size: 22px;
}

.energy-modal .body .input-group-btn ul.dropdown-menu {
    width: 270px;
}

.energy-modal .button {
    background: linear-gradient(#f7a344, #dd7d53);
    width: 270px;
    font-size: 24px;
}

.energy-modal select {
    font-size: 24px;
    line-height: 26px;
    height: 45px;
    color: #000;
    font-weight: 400;
    width: 270px;
}

.energy-modal .enrollment-type-radios {
    max-width: 270px;
    margin: 10px auto 0;
}

.energy-modal .enrollment-type-radios input[type="radio"] {
    margin-right: 5px;
}

.energy-modal .enrollment-type-radios .residential,
.energy-modal .enrollment-type-radios .commercial {
    float: left;
    width: 50%;
    text-align: center;
}

.energy-modal .enrollment-type-radios .commercial {
    float: right;
}

@media only screen and (max-width:767px) {
    .energy-modal {
        width: 300px;
        top: 70px;
        left: calc(50% - 150px);
    }
    .energy-modal .header h2 {
        font-size: 26px;
    }
    .energy-modal .body p img {
        margin-bottom: 0;
        max-height: 100px;
    }
    .energy-modal .body .input-group-btn button {
        width: 215px;
    }
    .energy-modal .body .input-group-btn ul.dropdown-menu {
        width: 215px;
    }
    .energy-modal .button {
        width: 215px;
    }
    .energy-modal select {
        width: 215px;
    }
    .energy-modal .enrollment-type-radios {
        max-width: 215px;
    }
    .energy-modal h2 {
        font-size: 26px;
    }
}

aside article.promo2.autopay .promobackground {
    top: 30px;
}

aside article.promo2.autopay .content h3 {
    text-transform: none;
}

aside article.promo2.autopay .content a.button {
    background-color: #fff;
    color: #61b844;
    background-image: none;
    width: 100%;
    font-weight: normal;
    margin-top: 20px;
}

aside article.promo2.autopay .content p {
    width: 90%;
    margin: 1em auto;
}

.transfer-service h2 {
    color: #013c5b;
}

.transfer-service .content {
    background-color: #fafbfc;
}

.transfer-service p.intro {
    margin-top: 0;
}

.transfer-service p.footnote {
    font-size: 14px;
    color: #999;
}

.transfer-service .group .item.service-address {
    width: 100%;
}

.transfer-service .group .item label {
    font-size: 16px;
    color: #636363;
}

.transfer-service .group .item label span {
    font-weight: normal;
    color: #8b8b8c;
}

.transfer-service .group .item.datepicker {
    width: 100%;
}

@media only screen and (max-width:767px) {
    .transfer-service .group .item.datepicker input.datepicker-input {
        width: 100%;
    }
}

.transfer-service .group .item.datepicker .calendar {
    width: 75%;
}

.transfer-service .group .item input ::placeholder {
    color: #ccc;
}

.transfer-service .buttons button.tertiary {
    float: left;
    padding-left: 0;
    margin-left: 0;
}

.transfer-service .buttons button.secondary {
    float: left;
    margin-left: 0;
}

.welcome-home .welcome-home-banner {
    height: 620px;
}

@media only screen and (max-width:767px) {
    .welcome-home .welcome-home-banner {
        height: 320px;
    }
}

.welcome-home article.marketing.welcome-home>.wrapper {
    background: none;
    width: inherit;
    padding: 20px;
}

.welcome-home article.marketing.welcome-home .button {
    background-color: #0074bb;
    background-image: none;
}

.welcome-home article.marketing.welcome-home.intro .wrapper p {
    width: 60%;
    margin: 1em auto;
    font-size: 20px;
}

.welcome-home article.marketing.welcome-home.intro .wrapper p span {
    color: #0071b9;
}

.welcome-home article.marketing.welcome-home.intro .wrapper p img {
    height: auto;
}

@media only screen and (max-width:767px) {
    .welcome-home article.marketing.welcome-home.intro .wrapper p {
        width: 100%;
    }
}

.welcome-home article.marketing.welcome-home.plan img {
    height: auto;
}

@media only screen and (max-width:767px) {
    .welcome-home article.marketing.welcome-home.plan img.thermostat {
        margin-top: 20px;
    }
}

.welcome-home article.marketing.welcome-home.plan .plan-content {
    margin: 0 80px 0 20px;
}

.welcome-home article.marketing.welcome-home.plan .plan-content h2 {
    margin-bottom: 0;
}

.welcome-home article.marketing.welcome-home.plan .plan-content h2 img {
    margin-bottom: -3px;
}

.welcome-home article.marketing.welcome-home.plan .plan-content h2 img.skybell {
    margin-bottom: -7px;
}

.welcome-home article.marketing.welcome-home.plan .plan-content p.includes {
    margin-top: 0;
}

.welcome-home article.marketing.welcome-home.plan .plan-content ul li {
    list-style-image: url("../images/i/marketing/redesign/dark-blue-check.png");
}

@media only screen and (max-width:767px) {
    .welcome-home article.marketing.welcome-home.plan .plan-content {
        margin: 0 0 0 20px;
    }
}

.welcome-home article.marketing.welcome-home.plan .plan-content h2 img {
    float: none;
}

.welcome-home article.marketing.welcome-home.plan.right {
    background: url('../images/i/marketing/redesign/Modules/welcome-home-background-right.jpg') no-repeat center right;
    background-size: cover;
}

.welcome-home article.marketing.welcome-home.plan.right img {
    float: left;
}

.welcome-home article.marketing.welcome-home.plan.right img.heading {
    float: none;
}

@media only screen and (max-width:767px) {
    .welcome-home article.marketing.welcome-home.plan.right img.watersaver {
        margin-bottom: 20px;
    }
}

.welcome-home article.marketing.welcome-home.plan.left {
    background: url('../images/i/marketing/redesign/Modules/welcome-home-background-left.jpg') no-repeat center left;
    background-size: cover;
}

.welcome-home article.marketing.welcome-home.plan.left img {
    float: right;
}

.welcome-home article.marketing.welcome-home.plan.left img.heading {
    float: none;
}

.welcome-home .faqs h1 {
    text-align: center;
}

.welcome-home .faqs .faq-list {
    width: calc(50% - 5px);
    display: inline-block;
    vertical-align: top;
}

.welcome-home .faqs .faq-list h3 {
    text-align: center;
    font-weight: 500;
}

.welcome-home .faqs .faq-list h3 img {
    margin-bottom: -3px;
    margin-left: 4px;
}

.welcome-home .faqs .faq-list h3 img.skybell {
    margin-bottom: -9px;
}

.welcome-home .faqs .faq-list:nth-of-type(odd) {
    padding-right: 20px;
}

.welcome-home .faqs .faq-list:nth-of-type(odd):last-of-type {
    position: relative;
    display: block;
    margin: 0 auto;
}

.welcome-home .faqs .faq-list:nth-of-type(even) {
    padding-left: 20px;
}

.welcome-home .faqs .faq-list dl.faq {
    color: #6c6c6c;
    font-size: 20px;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
}

.welcome-home .faqs .faq-list dl.faq>dt {
    font-size: 20px;
    font-weight: 300;
    padding: 14px 40px 14px 0;
    border-top: 1px solid #d3d3d3;
}

.welcome-home .faqs .faq-list dl.faq>dt:before {
    content: url('../images/i/icon/faq-hide.png');
    vertical-align: top;
    position: absolute;
    left: inherit;
    right: 15px;
}

.welcome-home .faqs .faq-list dl.faq>dt[data-collasped]:before {
    content: url('../images/i/icon/faq-show.png');
}

.welcome-home .faqs .faq-list dl.faq>dt[data-collasped]+dd {
    height: 0;
    display: none;
    margin-top: 0;
}

.welcome-home .faqs .faq-list dl.faq>dd {
    line-height: 1.2;
    font-size: 14px;
    margin: 16px 0 50px 26px;
    color: #6c6c6c;
    display: block;
}

@media only screen and (max-width:767px) {
    .welcome-home .faqs .faq-list {
        width: 100%;
    }
}

.marketing.worry-less {
    background: url('../images/i/marketing/redesign/Modules/Lock-In-Rate-Background.jpg') no-repeat center center;
    background-size: cover;
    margin-bottom: -36px;
}

.marketing.worry-less>.wrapper {
    background: none;
}

.marketing.worry-less p {
    color: #fff;
    width: 60%;
    margin: 1em auto;
}

@media only screen and (max-width:767px) {
    .marketing.worry-less p {
        width: 100%;
    }
}

.marketing.worry-less .button {
    background-color: #fff;
    background-image: none;
    color: #0071b9;
}

.marketing.worry-less img {
    height: auto;
}

.marketing.smart-house {
    background: url('../images/i/marketing/redesign/Modules/Smart-home-background.jpg') no-repeat center center;
    background-size: cover;
}

.marketing.smart-house>.wrapper {
    background: none;
}

.marketing.smart-house h3 {
    color: #fff;
}

.marketing.smart-house p {
    color: #fff;
    margin: 1em auto;
    width: 80%;
    font-size: 18px;
}

@media only screen and (max-width:767px) {
    .marketing.smart-house p {
        width: 100%;
    }
}

article.marketing.founder .wrapper {
    padding: 10px 0 20px 0;
    background: none;
}

article.marketing.founder .wrapper>h2 {
    color: #6c6f75;
}

article.marketing.founder .wrapper .content h2 {
    margin-bottom: 0;
}

article.marketing.founder .wrapper .content h3 {
    margin-top: 0;
}

article.marketing.founder.first .wrapper {
    padding: 80px 0 20px 0;
}

article.photoLockup.electricity-module h2 {
    color: #fff;
    text-align: left;
    font-size: 40px;
    font-weight: 300;
}

.your-plan-header {
    height: 344px;
}

@media only screen and (max-width:767px) {
    .your-plan-header {
        height: 200px;
        background-size: cover;
    }
}

.your-plan.your-plan-faqs dl.faq {
    color: #6c6c6c;
    font-size: 20px;
    width: 100%;
    max-width: none;
    border-bottom: 1px solid #d3d3d3;
    margin-top: 0;
}

.your-plan.your-plan-faqs dl.faq>dt {
    font-size: 20px;
    font-weight: 300;
    padding: 14px 40px 14px 0;
    border-top: 1px solid #d3d3d3;
}

.your-plan.your-plan-faqs dl.faq>dt:before {
    content: url('../images/i/icon/faq-hide.png');
    vertical-align: top;
    position: absolute;
    left: inherit;
    right: 15px;
}

.your-plan.your-plan-faqs dl.faq>dt[data-collasped]:before {
    content: url('../images/i/icon/faq-show.png');
}

.your-plan.your-plan-faqs dl.faq>dt[data-collasped]+dd {
    height: 0;
    display: none;
    margin-top: 0;
}

.your-plan.your-plan-faqs dl.faq>dd {
    line-height: 1.2;
    font-size: 14px;
    margin: 16px 26px 50px;
    color: #6c6c6c;
    display: block;
}

.your-plan.faqs-heading .wrapper {
    padding: 60px 0 0 0;
    background-image: none;
}

.your-plan.faqs-heading .wrapper .heading {
    color: #f98e00;
    font-size: 36px;
}

article.marketing.your-plan-control .wrapper {
    padding: 30px 0 20px 0;
    width: 100%;
}

article.marketing.your-plan-control .wrapper .content {
    padding: 0 90px 20px 60px!important;
    width: 50%;
    float: left;
}

@media only screen and (max-width:767px) {
    article.marketing.your-plan-control .wrapper .content {
        padding: 0 0 20px 0!important;
        width: 100%;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.marketing.your-plan-control .wrapper .content {
        padding: 0 30px 20px 0!important;
        width: 50%;
    }
}

article.marketing.your-plan-control .wrapper .content h2 {
    font-size: 48px;
    color: #000;
    margin: 1em 0 0 0;
    height: 90px;
}

article.marketing.your-plan-control .wrapper .content h2 img {
    margin: -30px 0 0 40px;
    width: auto;
}

@media only screen and (max-width:767px) {
    article.marketing.your-plan-control .wrapper .content h2 img {
        padding-right: 20px;
    }
}

@media only screen and (max-width:767px) {
    article.marketing.your-plan-control .wrapper .content h2 {
        height: 120px;
    }
}

article.marketing.your-plan-control .wrapper .content p {
    font-size: 20px;
    line-height: 28px;
}

article.marketing.your-plan-control .wrapper .content p span {
    color: #f99f2d;
    font-weight: 600;
}

@media only screen and (max-width:1024px) {
    article.marketing.your-plan-control .wrapper .content p {
        font-size: 1em;
        line-height: 1.5em;
    }
}

article.marketing.your-plan-control .wrapper>.content+img,
article.marketing.your-plan-control .wrapper>img+.content {
    float: left;
    height: 575px;
    width: 575px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.marketing.your-plan-control .wrapper>.content+img,
    article.marketing.your-plan-control .wrapper>img+.content {
        width: 50%;
        height: 50%;
        float: right;
    }
}

@media only screen and (max-width:767px) {
    article.marketing.your-plan-control .wrapper>.content+img,
    article.marketing.your-plan-control .wrapper>img+.content {
        width: auto;
        height: auto;
        float: right;
    }
}

article.marketing.your-plan-control .wrapper img {
    float: left;
    padding-bottom: 0;
}

@media only screen and (max-width:767px) {
    article.marketing.your-plan-control .wrapper img {
        width: 100%;
    }
}

article.your-plan-features {
    background: url('../images/i/marketing/redesign/Modules/Services/your-plan-features.png') no-repeat center center;
}

article.your-plan-features .col {
    text-align: center;
}

article.your-plan-features .col h3 {
    font-weight: 600;
    margin-bottom: 0;
}

article.your-plan-features .col p {
    width: 75%;
    margin: 0 auto;
}

article.your-plan-features .col.col-1 img {
    margin-bottom: 2px;
}

article.your-plan-features .col.col-2 {
    margin-bottom: 30px;
}

article.your-plan-features .col.col-2 img {
    margin-top: 28px;
}

article.your-plan-features .col.col-2 h3 {
    margin-top: 8px;
}

@media only screen and (max-width:767px) {
    article.your-plan-features {
        background: url('../images/i/marketing/redesign/Modules/Services/your-plan-features.png') repeat center center;
    }
}

article.your-plan-button .wrapper {
    background: none;
    text-align: center;
}

article.your-plan-footnotes .wrapper {
    padding: 0;
    background: none;
    border-top: 1px solid #deecf7;
}

article.your-plan-footnotes .wrapper p {
    font-size: 12px;
}

article.marketing.your-plan-module {
    padding: 0;
}

article.marketing.your-plan-module>.wrapper {
    width: 100%;
    background: none;
    padding: 0;
}

article.marketing.your-plan-module>.wrapper .desktop .wrapper {
    padding-left: 140px;
    border-radius: 5px;
    background-repeat: no-repeat;
    padding-bottom: 25px;
}

article.marketing.your-plan-module>.wrapper .desktop h2 {
    font-size: 42px;
    margin-top: .4em;
    color: #fff;
    margin-bottom: -15px;
}

article.marketing.your-plan-module>.wrapper .desktop h2 img {
    max-width: 35px;
    height: auto;
}

article.marketing.your-plan-module>.wrapper .desktop hr {
    width: 53%;
    border-color: #fff;
    margin: 10px 0 5px 0;
}

article.marketing.your-plan-module>.wrapper .desktop p {
    width: 45%;
    font-size: 24px;
    margin-bottom: 1em;
    display: block;
    color: #fff;
    line-height: 1.2;
}

@media only screen and (max-width:767px) {
    article.marketing.your-plan-module>.wrapper .desktop {
        display: none;
    }
}

article.marketing.your-plan-module>.wrapper .mobile {
    background-position: top right;
    padding: 20px;
}

article.marketing.your-plan-module>.wrapper .mobile a.button {
    background: linear-gradient(to bottom right, #019ed5, #0c397b);
    border-radius: 0;
    font-size: 18px;
}

@media only screen and (min-width:768px) {
    article.marketing.your-plan-module>.wrapper .mobile {
        display: none;
    }
}

article.marketing.your-plan-module>.wrapper .mobile h2 {
    font-size: 42px;
    padding-top: 200px;
    margin: 0;
    color: #fff;
}

article.marketing.your-plan-module>.wrapper .mobile hr {
    width: 100%;
    margin-top: 0;
    border-color: #fff;
}

article.marketing.your-plan-module>.wrapper .mobile p {
    color: #fff;
}

article.bp-chip .promobackground {
    width: 100%!important;
    height: 100%!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position-x: center!important;
}

article.bp-chip .content {
    padding: 18px;
    text-align: left!important;
    background-color: transparent;
}

article.bp-chip .content h3 {
    font-size: 20px!important;
    font-weight: 600!important;
    text-align: left!important;
    text-transform: none!important;
    letter-spacing: 1px!important;
}

article.bp-chip .content p {
    text-align: left;
    margin-top: 0;
}

article.bp-chip .content p.footnote {
    text-align: center;
    font-size: 12.5px;
    padding-top: 10px;
}

article.bp-chip .content ul {
    text-align: left;
    padding: 0 0 0 10px;
    margin: 0 0 10px 10px;
}

article.marketing.energy-rates {
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

article.marketing.energy-rates.marketingIntro {
    border: none;
}

article.marketing.energy-rates .grid.tabs {
    border-spacing: 0;
    margin: 0;
    width: 100%;
}

article.marketing.energy-rates .grid.tabs .col {
    border-bottom: 1px solid #c5c5c5;
    background-color: #f9fafc;
    cursor: pointer;
}

article.marketing.energy-rates .grid.tabs .col:first-child {
    border-right: 1px solid #c5c5c5;
}

article.marketing.energy-rates .grid.tabs .col p {
    text-align: center;
    font-weight: 600;
    margin: .5em 0;
    font-size: 20px;
}

article.marketing.energy-rates .grid.tabs .col.selected {
    color: #259ad7;
    border-bottom: 0;
    background-color: #fff;
}

article.marketing.energy-rates .grid.tabs .col.selected .selected-border {
    border-top: 5px solid #259ad7;
    margin-top: -5px;
    border-radius: 5px 5px 0 0;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .grid.tabs .col {
        width: 50%;
    }
    article.marketing.energy-rates .grid.tabs .col p {
        font-size: 16px;
    }
    article.marketing.energy-rates .grid.tabs .col:first-child {
        float: left;
    }
    article.marketing.energy-rates .grid.tabs .col:last-child {
        float: right;
    }
}

article.marketing.energy-rates .header {
    text-align: center;
}

article.marketing.energy-rates .header h2 {
    font-size: 42px;
}

article.marketing.energy-rates .header h2 span {
    color: #259ad7;
    font-weight: 600;
}

article.marketing.energy-rates .header p {
    margin: -35px 0 1em 0;
}

article.marketing.energy-rates .header p a {
    color: #259ad7;
    font-weight: 600;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .header {
        padding: 0 20px;
    }
    article.marketing.energy-rates .header h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    article.marketing.energy-rates .header p {
        margin-top: 0;
    }
}

article.marketing.energy-rates .content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
}

article.marketing.energy-rates .content .radio-options {
    margin-bottom: 1em;
    text-align: center;
}

article.marketing.energy-rates .content .radio-options span {
    display: block;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .content .radio-options {
        margin-top: 1em;
    }
    article.marketing.energy-rates .content .radio-options span input {
        margin-left: 0;
    }
}

article.marketing.energy-rates .content p {
    text-align: center;
}

article.marketing.energy-rates .content p.left {
    text-align: left;
}

article.marketing.energy-rates .content p.login-actions span {
    margin-left: 15px;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .content p.login-actions span {
        display: block;
    }
}

article.marketing.energy-rates .content p a {
    color: #259ad7;
    font-weight: 600;
}

article.marketing.energy-rates .content p.verify-address {
    border: 1px solid #c5c5c5;
    font-size: 28px;
    font-weight: 600;
    color: #259ad7;
    padding: 15px;
    border-radius: 5px;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .content p.verify-address {
        font-size: 18px;
    }
}

article.marketing.energy-rates .content .not-covered {
    margin-top: 20px;
}

article.marketing.energy-rates .content .not-covered p {
    font-size: 22px;
    margin: 0;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .content .not-covered p {
        font-size: 16px;
        margin-bottom: 1em;
    }
}

article.marketing.energy-rates .content button {
    width: 100%;
    background-image: none;
    background-color: #259ad7;
    height: 45px;
    font-size: 18px;
}

article.marketing.energy-rates .content button.view-rates {
    padding: 7px 18px;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .content button {
        font-size: 16px;
    }
}

article.marketing.energy-rates .content .enrollment-type-radios {
    max-width: 270px;
    margin: 10px auto;
}

article.marketing.energy-rates .content .enrollment-type-radios .residential {
    width: 50%;
    float: left;
    text-align: center;
}

article.marketing.energy-rates .content .enrollment-type-radios .commercial {
    width: 50%;
    float: right;
    text-align: center;
}

article.marketing.energy-rates .content .location input.address {
    width: calc(100% - 215px);
    float: right;
}

article.marketing.energy-rates .content .location #state-select.input-group-btn {
    float: left;
    padding-right: 10px;
    width: 215px;
}

article.marketing.energy-rates .content .location #state-select.input-group-btn button {
    background-color: #fff;
    font-size: 16px;
}

article.marketing.energy-rates .content .location #state-select.input-group-btn button .caret {
    top: 12px;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .content .location {
        width: auto;
    }
    article.marketing.energy-rates .content .location input.address {
        width: 100%;
        margin-bottom: 10px;
    }
    article.marketing.energy-rates .content .location input.zip-code {
        width: 50%;
    }
    article.marketing.energy-rates .content .location #state-select.input-group-btn {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 10px;
    }
}

article.marketing.energy-rates .content input[type="text"],
article.marketing.energy-rates .content input[type="password"] {
    height: 45px;
}

article.marketing.energy-rates .content.new-customer p input {
    margin-left: 10px;
}

article.marketing.energy-rates .content .group {
    margin-bottom: 10px;
}

article.marketing.energy-rates .content .group .item {
    width: 50%;
    float: left;
}

article.marketing.energy-rates .content .group .item input {
    width: calc(100% - 5px);
}

article.marketing.energy-rates .content .group .item input:nth-child(2) {
    /* float: right; */
}

article.marketing.energy-rates .content .group .item:nth-child(2) input {
    /* float: right; */
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .content .group .item {
        width: 100%;
        margin-bottom: 10px;
    }
    article.marketing.energy-rates .content .group .item:nth-child(2) input {
        float: none;
    }
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .content .group {
        margin-bottom: 0;
    }
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .content {
        width: auto;
        padding: 0 20px;
    }
    article.marketing.energy-rates .content h3 {
        text-align: center;
    }
}

article.marketing.energy-rates .no-account {
    background-color: #f9fafc;
    border-top: 1px solid #c5c5c5;
    margin: 50px 0 -40px 0;
    padding-bottom: 40px;
}

article.marketing.energy-rates .no-account h3 {
    font-size: 24px;
    text-align: center;
    margin: -20px 0 0 0;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .no-account h3 {
        font-size: 16px;
        margin: 1em 0;
    }
}

article.marketing.energy-rates .no-account .grid.benefits ul {
    float: left;
}

article.marketing.energy-rates .no-account .grid.benefits ul li {
    background: url("../images/i/marketing/redesign/thumbs-up.png") no-repeat;
    padding-left: 25px;
    list-style-type: none;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .no-account .grid.benefits {
        margin-bottom: 20px;
    }
    article.marketing.energy-rates .no-account .grid.benefits ul {
        margin: 0;
        padding-left: 0;
        float: none;
    }
}

article.marketing.energy-rates .other-services {
    background-color: #f9fafc;
    border-top: 1px solid #c5c5c5;
    margin: 40px 0 -40px 0;
    padding-bottom: 40px;
}

article.marketing.energy-rates .other-services h3 {
    font-size: 30px;
    margin-top: 1em;
}

article.marketing.energy-rates .other-services .grid .col {
    background-repeat: no-repeat;
    background-position: left top;
}

@media only screen and (min-width:768px) {
    article.marketing.energy-rates .other-services .grid .col {
        background-size: contain;
    }
}

article.marketing.energy-rates .other-services .grid .col h3 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin: 0;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .other-services .grid .col h3 {
        text-align: left;
    }
}

article.marketing.energy-rates .other-services .grid .col p {
    text-align: left;
    margin-top: 0;
}

article.marketing.energy-rates .other-services .grid .col p a {
    color: #000;
}

article.marketing.energy-rates .other-services .grid .col p a .icon-blue-side-arrow {
    margin-left: 5px;
}

@media only screen and (max-width:767px) {
    article.marketing.energy-rates .other-services {
        margin-top: 20px;
    }
    article.marketing.energy-rates .other-services h3 {
        font-size: 16px;
    }
    article.marketing.energy-rates .other-services .grid .col {
        min-height: 130px;
    }
    article.marketing.energy-rates .other-services .grid .col h3 {
        font-size: 18px;
    }
}

@media only screen and (max-width:1024px) {
    article.marketing.energy-rates {
        padding: 0 0 40px 0;
        margin: 0 20px 20px 20px;
    }
}

.marketing.ez-promo .grid .col {
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    padding: 40px 40px 40px 140px;
}

.marketing.ez-promo .grid .col h2 {
    font-size: 38px;
    color: #000;
    margin: 0;
}

.marketing.ez-promo .grid .col p {
    font-size: 18px;
    margin: 0;
}

.marketing.ez-promo .grid .col p a {
    font-size: 14px;
    color: #000;
    font-weight: 800;
}

.marketing.ez-promo .grid .col.ez-start {
    margin-right: 10px;
    background: url('../images/i/marketing/redesign/Modules/ez-start.png') 40px 50px no-repeat;
}

.marketing.ez-promo .grid .col.ez-pay {
    margin-left: 10px;
    background: url('../images/i/marketing/redesign/Modules/ez-pay.png') 40px 50px no-repeat;
}

.marketing.ez-promo .grid .col.mobile {
    margin-left: 10px;
    background: url('../images/i/marketing/redesign/Modules/mobile.png') 40px 50px no-repeat;
    background-size: 70px 107px;
}

@media only screen and (max-width:767px) {
    .marketing.ez-promo .grid .col.ez-start,
    .marketing.ez-promo .grid .col.ez-pay {
        margin: 0;
    }
    .marketing.ez-promo .grid .col:nth-child(2) {
        margin-top: 10px;
    }
    .marketing.ez-promo .grid .col h2 {
        font-size: 28px;
    }
}

.trans-button {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 8px 18px;
    min-width: 165px;
    display: block;
    margin: 30px auto;
    cursor: pointer;
}

.trans-button:hover,
.trans-button:active {
    color: #fff;
    text-decoration: none;
}

@media only screen and (min-width:768px) {
    .trans-button {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }
}

.marketing.budget-power {
    background-color: #f9f9f9;
    text-align: center;
}

.marketing.budget-power h2 {
    color: #00a8e1;
    font-weight: 800;
    font-style: italic;
    margin-top: 0;
}

.marketing.budget-power p {
    text-align: left;
    font-size: 14px;
    width: 620px;
    margin: auto;
}

.marketing.budget-power img {
    height: auto;
}

.marketing.budget-power .plan-blocks {
    display: inline-block;
    margin: 30px 0;
}

.marketing.budget-power .plan-blocks .block {
    background: linear-gradient(#18b0e3, #91c843);
    border-radius: 4px;
    width: 113px;
    padding: 10px;
    float: left;
    margin-right: 15px;
    position: relative;
}

.marketing.budget-power .plan-blocks .block:last-child {
    margin-right: 0;
}

.marketing.budget-power .plan-blocks .block p {
    color: #fff;
    font-size: 10px;
    width: auto;
    text-align: center;
}

.marketing.budget-power .plan-blocks .block p.price {
    font-size: 46px;
    font-weight: 600;
    margin-bottom: -10px;
}

.marketing.budget-power .plan-blocks .block p.price sup {
    font-size: 60%;
}

.marketing.budget-power .plan-blocks .block .kwh {
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 10px 5px 10px;
}

.marketing.budget-power .plan-blocks .block .kwh p {
    color: #000;
}

.marketing.budget-power .plan-blocks .block .kwh p.amount {
    color: #00a8e1;
    font-size: 30px;
    font-weight: 600;
    line-height: 25px;
}

.marketing.budget-power .plan-blocks .block.selected:after {
    position: absolute;
    right: -10px;
    top: -10px;
}

@media only screen and (max-width:767px) {
    .marketing.budget-power .plan-blocks .block {
        float: none;
        margin: 0 auto 20px auto;
    }
}

.marketing.budget-power-grid .wrapper {
    background: none;
    padding: 50px 0 25px 0;
}

.marketing.budget-power-grid .wrapper h3 {
    font-weight: 800;
    color: #00a8e1;
    text-align: center;
    margin-bottom: 0;
}

.marketing.budget-power-grid .wrapper p {
    width: 60%;
    text-align: center;
    margin: auto;
}

@media only screen and (max-width:767px) {
    .marketing.budget-power-grid .wrapper .grid .col:nth-child(2) {
        margin-top: 40px;
    }
}

.marketing.budget-power-grid.second-grid .wrapper {
    padding: 25px 0;
}

.marketing.budget-power-footnote>.wrapper {
    background: none;
    font-size: 14px;
    color: #a7a7a7;
}

.marketing.budget-power-footnote>.wrapper p {
    margin: 0;
}

.marketing.budget-power-intro h2 {
    color: #033c5a;
    font-style: italic;
}

.marketing.budget-power-intro h2 span {
    font-weight: 800;
    color: #00a8e1;
}

.marketing.budget-power-intro p {
    color: #033c5a;
}

.marketing.budget-power-intro .button {
    background-color: #96c83c;
    font-style: italic;
    background-image: none;
    padding: 5px 30px;
}

.marketing.budget-power-module>.wrapper {
    padding: 0;
    background-image: none;
}

.marketing.budget-power-module>.wrapper .content {
    height: 447px;
    background-position: center;
}

.marketing.budget-power-module>.wrapper .content p {
    text-align: center;
    font-size: 28px;
    color: #fff;
    margin-top: 0;
}

.marketing.budget-power-module>.wrapper .content p.tagline {
    padding-top: 280px;
    text-align: right;
    padding-right: 150px;
}

.marketing.budget-power-module>.wrapper .content p.tagline span {
    display: block;
    font-size: 16px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .marketing.budget-power-module>.wrapper .content p.tagline {
        padding-right: 0;
    }
}

.marketing.budget-power-module>.wrapper .content p a.button {
    background-color: #08a7e0;
    background-image: none;
}

@media only screen and (max-width:767px) {
    .marketing.budget-power-module>.wrapper .content {
        height: auto;
        background-size: cover;
    }
    .marketing.budget-power-module>.wrapper .content p.tagline {
        padding-top: 260px;
        font-size: 22px;
        padding-right: 0;
    }
}

@media only screen and (max-width:767px) {
    .marketing.budget-power-module>.wrapper {
        padding-top: 20px;
    }
}

.marketing.budget-power-guarantee>.wrapper {
    background: none;
    padding-top: 25px;
}

.marketing.budget-power-guarantee h3 {
    font-weight: 800;
    color: #00a8e1;
    text-align: center;
    margin-bottom: 0;
}

.marketing.budget-power-guarantee p {
    width: 309px;
    margin: auto;
}

@media only screen and (max-width:767px) {
    .marketing.budget-power-guarantee p {
        width: 60%;
    }
}

.marketing.marketingIntro.wrapper .wrapper {
    padding: 0;
}

.marketing.marketingIntro.wrapper .wrapper p.intro {
    font-size: 26px;
}

.marketing.marketingIntro.wrapper .wrapper p.intro span {
    font-family: "Blooms";
    font-size: 40px;
    color: #007dc3;
}

@media only screen and (max-width:767px) {
    .marketing.marketingIntro.wrapper .wrapper p.intro.paragraph {
        margin: 0;
        font-size: 20px;
    }
}

.fnfw .wrapper .content h2 {
    font-size: 35px;
    margin: 0;
}

.fnfw .wrapper .content p {
    font-size: 21px;
}

.fnfw .wrapper .content p .strong {
    font-weight: 700;
}

.fnfw .wrapper .content ul {
    padding: 0;
}

.fnfw .wrapper .content ul li {
    font-weight: 600;
    font-size: 21px;
    color: #58595b;
    list-style-type: none;
}

.fnfw .wrapper .content ul li img {
    margin-right: 10px;
}

.fnfw .wrapper .content .button-container {
    display: inline-block;
    min-width: 200px;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.fnfw .wrapper .content .button-container img {
    float: left;
    margin-right: 12px;
}

.fnfw .wrapper .content .button-container .button-text {
    float: left;
    font-weight: 600;
    color: #fff;
    padding: 3px;
}

.fnfw .wrapper img {
    width: auto;
    height: auto;
}

@media only screen and (min-width:1025px) {
    .fnfw .wrapper .nights .wrapper .content {
        width: calc(100% - 502px);
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .fnfw .wrapper .nights .wrapper .content {
        float: left;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .fnfw .wrapper .nights .wrapper>img {
        width: calc(100% - 500px);
        float: right;
    }
}

.fnfw .wrapper .nights h2.subheading {
    font-size: 43px;
    padding-left: 30px;
    color: #8e4a9d;
}

.fnfw .wrapper .nights p .strong {
    color: #8e4a9d;
}

.fnfw .wrapper .nights .button-container {
    background-image: linear-gradient(to right bottom, #a6349c, #033c5a);
}

@media only screen and (min-width:1025px) {
    .fnfw .wrapper .weekends .wrapper .content {
        width: calc(100% - 475px);
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .fnfw .wrapper .weekends .wrapper .content {
        float: right;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .fnfw .wrapper .weekends .wrapper>img {
        width: calc(100% - 500px);
        float: left;
    }
}

.fnfw .wrapper .weekends h2.subheading {
    color: #f99d25;
    font-size: 29px;
    padding-left: 100px;
}

.fnfw .wrapper .weekends p .strong {
    color: #f99d25;
}

.fnfw .wrapper .weekends .button-container {
    background-image: linear-gradient(to right top, #f99d25, #ec6559);
}

.fnfw .wrapper .svg-container {
    position: relative;
    padding-top: 115%;
}

.fnfw .wrapper .svg-container svg {
    position: absolute;
    top: 0;
    left: 0;
}

.fnfw.guarantee {
    background-color: #f8f8f8;
    margin-bottom: 50px;
}

.fnfw.guarantee .guarantee-image {
    width: 30%;
}

@media only screen and (max-width:767px) {
    .fnfw.guarantee .guarantee-image {
        margin: auto;
        text-align: center;
    }
}

.fnfw.guarantee .wrapper h2.subheading {
    color: #f99d27;
}

.banner.my-stream-connect-app {
    height: 515px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .banner.my-stream-connect-app {
        height: 380px;
    }
}

@media only screen and (max-width:767px) {
    .banner.my-stream-connect-app {
        height: 160px;
    }
}

article.marketing.my-stream-connect-app>.wrapper {
    background-image: none;
    padding-top: 0;
}

article.marketing.my-stream-connect-app>.wrapper .grey {
    background-color: #f8f7f7;
    padding: 20px 0 70px 0;
}

article.marketing.my-stream-connect-app>.wrapper .shop img,
article.marketing.my-stream-connect-app>.wrapper .simplify img {
    float: left;
    margin: 0 80px 0 30px;
}

article.marketing.my-stream-connect-app>.wrapper .shop p,
article.marketing.my-stream-connect-app>.wrapper .simplify p {
    padding-right: 100px;
}

article.marketing.my-stream-connect-app>.wrapper h2 {
    padding-top: 35px;
    color: #0071b9;
    font-weight: 800;
    margin-bottom: 0;
    font-size: 48px;
}

article.marketing.my-stream-connect-app>.wrapper p {
    font-size: 24px;
    margin-top: 0;
}

article.marketing.my-stream-connect-app>.wrapper .manage {
    padding: 0 90px 40px 60px;
}

article.marketing.my-stream-connect-app>.wrapper .manage img {
    margin-left: 80px;
    float: right;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.marketing.my-stream-connect-app>.wrapper .manage img {
        margin-left: 0;
    }
}

article.marketing.my-stream-connect-app>.wrapper .manage h2 {
    padding-top: 280px;
    margin-top: 0;
}

article.marketing.my-stream-connect-app>.wrapper p.intro img {
    margin: 0 10px 10px 10px;
}

article.marketing.my-stream-connect-app>.wrapper h3 {
    color: #0071b9;
    font-size: 36px;
    margin-bottom: .5em;
}

@media only screen and (max-width:767px) {
    article.marketing.my-stream-connect-app>.wrapper .shop,
    article.marketing.my-stream-connect-app>.wrapper .manage,
    article.marketing.my-stream-connect-app>.wrapper .simplify {
        text-align: center;
        padding-bottom: 40px;
    }
    article.marketing.my-stream-connect-app>.wrapper .shop img,
    article.marketing.my-stream-connect-app>.wrapper .manage img,
    article.marketing.my-stream-connect-app>.wrapper .simplify img {
        float: none;
        margin: 0 auto;
        display: table-cell;
        height: auto;
    }
    article.marketing.my-stream-connect-app>.wrapper .shop h2,
    article.marketing.my-stream-connect-app>.wrapper .manage h2,
    article.marketing.my-stream-connect-app>.wrapper .simplify h2 {
        padding: 0;
        margin: 20px 0 15px 0;
    }
    article.marketing.my-stream-connect-app>.wrapper .shop p,
    article.marketing.my-stream-connect-app>.wrapper .manage p,
    article.marketing.my-stream-connect-app>.wrapper .simplify p {
        padding: 0 20px;
        font-size: 20px;
    }
    article.marketing.my-stream-connect-app>.wrapper .manage {
        padding: 20px 0 40px 0;
    }
    article.marketing.my-stream-connect-app>.wrapper p.intro {
        margin: 1em 0;
        font-size: 20px;
    }
    article.marketing.my-stream-connect-app>.wrapper p.intro img {
        width: 42%;
        height: auto;
        margin: 0;
    }
    article.marketing.my-stream-connect-app>.wrapper h3 {
        font-size: 26px;
    }
}

@media only screen and (max-width:767px) {
    article.marketing.my-stream-connect-app.marketingIntro.wrapper .wrapper p.intro {
        font-size: 20px;
        padding: 0 20px;
    }
}

@media only screen and (max-width:767px) {
    article.marketing.my-stream-connect-app {
        padding: 0;
    }
}

article.marketing.my-stream-connect-app.faqs-header>.wrapper {
    padding-bottom: 10px;
}

.stream-green-header {
    height: 290px;
}

.stream-green-header h1 {
    font-size: 26px;
    text-align: center;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .stream-green-header {
        height: 210px;
    }
}

@media only screen and (max-width:767px) {
    .stream-green-header {
        height: 140px;
    }
    .stream-green-header.banner {
        background-position: 20%;
    }
    .stream-green-header h1 {
        font-size: 18px;
    }
    .stream-green-header .wrapper {
        padding: 10px 0 40px 20px;
    }
}

@media only screen and (min-width:1400px)and (max-width:1724px) {
    .stream-green-header {
        height: 335px;
    }
}

@media only screen and (min-width:1725px)and (max-width:2000px) {
    .stream-green-header {
        height: 400px;
    }
}

.marketing.stream-green {}

.marketing.stream-green>.wrapper {
    background-image: none;
}

.marketing.stream-green .button {
    background-color: #91c737;
    background-image: none;
}

.marketing.stream-green h3 {
    color: #039447;
    font-size: 34px;
    margin: 0;
}

.marketing.stream-green h3.margin {
    margin-bottom: 1em;
}

.marketing.stream-green span {
    color: #039447;
}

.marketing.stream-green p {
    font-size: 24px;
}

.marketing.stream-green p.renewable {
    width: 75%;
    margin: 1em auto 0 auto;
    line-height: 1.5em;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green p.renewable {
        width: 100%;
    }
}

.marketing.stream-green p.rec {
    margin-top: 0;
}

.marketing.stream-green p.footnote {
    font-size: 10px;
}

.marketing.stream-green p.mobile-header {
    margin: 0;
    text-align: center;
    font-weight: 900;
    font-size: 22px;
    color: #797979;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green p {
        font-size: 18px;
    }
}

.marketing.stream-green .why-module .wrapper {
    padding-bottom: 20px;
}

.marketing.stream-green.difference .wrapper {
    padding-top: 0;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.difference .wrapper {
        padding-top: 20px;
    }
}

.marketing.stream-green .why-content {
    width: 50%;
    float: left;
    line-height: 1.375;
}

.marketing.stream-green .why-content h3 img {
    margin-bottom: -10px;
}

.marketing.stream-green .why-content hr {
    margin-top: 0;
}

.marketing.stream-green .why-content span {
    color: #91c737;
}

.marketing.stream-green .why-content span.big {
    font-size: 30px;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green .why-content span.big {
        display: block;
        margin-bottom: 20px;
        font-size: 20px;
    }
}

.marketing.stream-green .why-content h3 span {
    color: #039447;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .marketing.stream-green .why-content {
        margin-left: 50px;
    }
}

@media only screen and (max-width:767px) {
    .marketing.stream-green .why-content {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
}

.marketing.stream-green .why-chart {
    width: 33%;
    float: right;
}

.marketing.stream-green .why-chart img {
    height: auto;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green .why-chart {
        width: 100%;
        float: none;
        text-align: center;
    }
    .marketing.stream-green .why-chart img {
        margin-top: 20px;
    }
    .marketing.stream-green .why-chart p {
        margin-top: 0;
    }
}

.marketing.stream-green span.blooms {
    font-family: "Blooms";
    font-size: 50px;
}

.marketing.stream-green span.blooms.gradient {
    background: linear-gradient(to right, #91c737 0%, #039447 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.marketing.stream-green span.blooms.gradient.sp {
    padding-left: 5px;
}

.marketing.stream-green.light-grey {
    background-color: #f9f9f9;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.light-grey.action {
        background-color: #fff;
    }
}

.marketing.stream-green.change>.wrapper {
    width: 100%;
    background: none;
    padding: 0;
}

.marketing.stream-green.change>.wrapper .content {
    width: 1040px;
    margin: auto;
    padding: 10px 20px;
}

.marketing.stream-green.change>.wrapper .content h3,
.marketing.stream-green.change>.wrapper .content p {
    color: #fff;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.change>.wrapper .content h3,
    .marketing.stream-green.change>.wrapper .content p {
        width: 100%;
    }
}

.marketing.stream-green.change>.wrapper .content.together {
    padding: 50px 0 50px 20px;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.change>.wrapper .content.together {
        padding: 20px;
    }
}

@media only screen and (max-width:1024px) {
    .marketing.stream-green.change>.wrapper .content {
        width: auto;
    }
}

.marketing.stream-green.change>.wrapper .green {
    background-color: #039447;
}

.marketing.stream-green.change>.wrapper .green p.top {
    width: 50%;
    margin: auto;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.change>.wrapper .green p.top {
        width: 100%;
    }
}

@media only screen and (max-width:1024px) {
    .marketing.stream-green.change {
        padding: 0;
    }
}

.marketing.stream-green.module>.wrapper {
    padding-bottom: 0;
}

.marketing.stream-green.module>.wrapper .content {
    padding: 50px;
}

.marketing.stream-green.module>.wrapper .content p {
    color: #fff;
}

.marketing.stream-green.module>.wrapper .content .button {
    background-color: #97c93d;
    color: #fff;
    margin-top: 20px;
}

.marketing.stream-green.module>.wrapper .content ul {
    list-style-image: url("../images/i/marketing/redesign/white-check.png");
    padding-left: 20px;
    margin-bottom: 0;
}

.marketing.stream-green.module>.wrapper .content ul li {
    list-style-image: url("../images/i/marketing/redesign/white-check.png");
    padding-bottom: 10px;
    color: #fff;
    font-size: 24px;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.module>.wrapper .content ul li {
        font-size: 18px;
    }
}

.marketing.stream-green.module>.wrapper .content img {
    float: right;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.module>.wrapper .content img {
        float: none;
        display: block;
        margin-top: 20px;
    }
}

.marketing.stream-green.module>.wrapper .content span.small {
    font-size: 16px;
    color: #fff;
}

@media only screen and (max-width:1024px) {
    .marketing.stream-green.module>.wrapper .content {
        width: auto;
    }
    .marketing.stream-green.module>.wrapper .content img {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.marketingIntro.marketing .wrapper p.intro {
        font-size: 18px;
        margin: 1em 15px;
    }
}

.marketing.stream-green.reasons-grid>.wrapper {
    background: none;
}

.marketing.stream-green.reasons-grid .reason {
    background-color: #40ae49;
    border-radius: 10px;
    padding-bottom: 10px;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.reasons-grid .reason.hide-mobile {
        display: none;
    }
}

.marketing.stream-green.reasons-grid .reason ul {
    padding-left: 0;
    margin: 0;
}

.marketing.stream-green.reasons-grid .reason ul li {
    color: #fff;
    text-align: center;
    list-style-position: inside;
    font-size: 18px;
    margin-bottom: 5px;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.reasons-grid .reason {
        padding: 10px 20px;
    }
}

.marketing.stream-green.reasons-grid .grid {
    border-spacing: 38px;
}

.marketing.stream-green.reasons-grid p {
    text-align: center;
    font-size: 20px;
    margin-top: 0;
    color: #fff;
}

.marketing.stream-green.reasons-grid p img {
    margin-top: -33px;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.reasons-grid p img {
        margin-top: -50px;
    }
}

.marketing.stream-green.reasons-grid p.footnote {
    font-size: 10px;
    font-style: italic;
    color: #58595b;
    text-align: left;
    margin-top: 15px;
}

.marketing.stream-green.reasons-grid p.footnote.eco {
    margin-top: 0;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.reasons-grid p.footnote {
        text-align: center;
    }
}

.marketing.stream-green.reasons-grid hr {
    border-top: 1px solid #0d1739;
    margin: 10px 0;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.reasons-grid {
        padding: 10px;
    }
}

.marketing.stream-green.perspective>.wrapper {
    padding-bottom: 0;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.perspective>.wrapper span.blooms {
        font-size: 30px;
        display: block;
    }
}

.marketing.stream-green.conservation-tips {
    text-align: center;
}

.marketing.stream-green.conservation-tips .grid .col p {
    font-size: 24px;
    padding: 0 20px;
}

.marketing.stream-green.conservation-tips .grid .col p span {
    font-weight: 600;
    font-style: italic;
}

.marketing.stream-green.conservation-tips.first .wrapper {
    padding-bottom: 10px;
}

.marketing.stream-green.conservation-tips.first .wrapper h3 {
    padding-top: 20px;
}

.marketing.stream-green.conservation-tips.second .wrapper {
    padding: 0;
}

.marketing.stream-green.conservation-tips.second .wrapper .tip {
    max-width: 340px;
}

.marketing.stream-green.conservation-tips.second .wrapper .tip.first {
    float: right;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.conservation-tips.second .wrapper .tip.first {
        float: none;
    }
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.conservation-tips.second .wrapper .tip {
        max-width: unset;
    }
}

.marketing.stream-green.conservation-tips hr {
    margin: 10px auto;
    width: 75%;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.conservation-tips hr {
        width: 100%;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .marketing.stream-green.conservation-tips .grid.three .col p {
        padding: 0 10px;
    }
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.conservation-tips img {
        margin-top: 10px;
    }
}

@media only screen and (max-width:767px) {
    .marketing.stream-green h3 {
        font-size: 24px;
        font-weight: 500;
    }
    .marketing.stream-green .video-container {
        padding-bottom: 56.25%;
        position: relative;
        margin-top: 30px;
    }
    .marketing.stream-green .video-container iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
}

.marketing.stream-green.why-green p {
    line-height: 1.8em;
}

.marketing.stream-green.why-green p a.button {
    padding: 11px 27px;
    font-size: 19px;
}

.marketing.stream-green.why-green p.source {
    font-size: 20px;
    line-height: 1.4em;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.why-green p.source {
        font-size: 12px;
    }
}

.marketing.stream-green.why-green p.first {
    margin-top: .5em;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.why-green p {
        line-height: 1.4em;
    }
}

.marketing.stream-green.why-green .why-content {
    width: 60%;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.why-green .why-content {
        width: 100%;
    }
}

.marketing.stream-green.why-green .why-image {
    width: 33%;
    float: right;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.why-green .why-image {
        width: 100%;
        float: none;
        text-align: center;
    }
}

.marketing.stream-green.why-green .eco-image {
    width: 33%;
    float: left;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.why-green .eco-image {
        width: 100%;
        float: none;
        text-align: center;
    }
}

.marketing.stream-green.why-green .eco-content {
    width: 60%;
    float: right;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.why-green .eco-content {
        width: 100%;
        float: none;
        text-align: center;
    }
}

.marketing.stream-green.why-green .eco-content h3 strong {
    font-size: 60px;
}

.marketing.stream-green.why-green .eco-content h3 span {
    border-left: 1px solid #039447;
    padding-left: 10px;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.why-green .eco-content h3 strong {
        display: block;
        font-size: 50px;
    }
    .marketing.stream-green.why-green .eco-content h3 span {
        border-left: none;
    }
}

.marketing.stream-green.why-green .eco-content a.button {
    background-color: #039447;
}

.marketing.stream-green.why-green img {
    height: auto;
}

@media only screen and (max-width:767px) {
    .marketing.stream-green.why-green {
        padding: 0 50px;
    }
}

.marketing.stream-green.footnote>.wrapper {
    padding: 10px 0 20px 0;
}

.marketing.stream-green.expert {
    margin-bottom: 40px;
}

.marketing.stream-green-subnav {
    padding: 0;
}

.marketing.stream-green-subnav .grid {
    border-spacing: 0;
    width: 100%;
    margin: 0;
}

.marketing.stream-green-subnav .grid .col {
    text-align: center;
    color: #fff;
    padding: 8px;
    font-size: 26px;
    cursor: pointer;
}

.marketing.stream-green-subnav .grid .col:first-child,
.marketing.stream-green-subnav .grid .col:last-child {
    background-color: #039447;
}

.marketing.stream-green-subnav .grid .col:nth-child(2) {
    background-color: #91c737;
}

@media only screen and (min-width:768px) {
    .marketing.stream-green-subnav .grid .col.selected {
        background-color: #fff;
        color: #797979;
        font-weight: 600;
    }
}

@media only screen and (max-width:767px) {
    .marketing.stream-green-subnav .grid {
        margin: 10px 10px 0 10px;
        width: auto;
    }
    .marketing.stream-green-subnav .grid .col {
        font-size: 22px;
        border-radius: 10px;
    }
    .marketing.stream-green-subnav .grid .col:first-child,
    .marketing.stream-green-subnav .grid .col:nth-child(2) {
        margin-bottom: 10px;
    }
}

.stream-green-carousel .wrapper .content {
    width: 60%;
    margin: 140px auto 0 auto;
}

.stream-green-carousel .wrapper .content p {
    font-size: 36px;
    color: #fff;
    text-align: center;
    line-height: 1.2em;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .stream-green-carousel .wrapper .content {
        margin-top: 110px;
    }
    .stream-green-carousel .wrapper .content p {
        font-size: 32px;
    }
}

@media only screen and (max-width:767px) {
    .stream-green-carousel .wrapper .content p {
        font-size: 32px;
    }
}

@media only screen and (max-width:767px) {
    .stream-green-carousel .wrapper {
        height: 400px;
    }
    .stream-green-carousel .wrapper .content {
        width: 100%;
        margin-top: 90px;
    }
}

.bundle-and-save-banner .left-content {
    width: 50%;
    float: left;
    margin-top: 15px;
}

.bundle-and-save-banner .left-content img {
    width: 433px;
    height: auto;
    max-width: 100%;
}

.bundle-and-save-banner .right-content {
    width: 50%;
    float: right;
    margin-top: 80px;
    padding-right: 90px;
}

.bundle-and-save-banner .right-content p {
    font-size: 30px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .bundle-and-save-banner .right-content {
        padding: 0 0 0 20px;
        margin-top: 40px;
    }
}

@media only screen and (max-width:767px) {
    .bundle-and-save-banner .left-content {
        width: 100%;
        text-align: center;
    }
    .bundle-and-save-banner .left-content img {
        width: 80%;
    }
    .bundle-and-save-banner .right-content {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin-top: 0;
    }
    .bundle-and-save-banner .right-content p {
        font-size: 16px;
    }
}

.marketing.bundle-how-it-works {
    background: linear-gradient(to bottom, #0172ba 350px, #f8f7f7 200px, #f8f7f7);
}

.marketing.bundle-how-it-works>.wrapper {
    background-image: none;
    padding: 0;
}

.marketing.bundle-how-it-works h1 {
    color: #fff;
    font-size: 60px;
}

.marketing.bundle-how-it-works .grid {
    border-spacing: 25px;
    margin: 0 -25px -25px -25px;
}

.marketing.bundle-how-it-works .grid .col {
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    font-size: 29px;
    text-align: center;
    padding: 10px 20px 20px 20px;
}

.marketing.bundle-how-it-works .grid .col p {
    line-height: 1em;
}

.marketing.bundle-how-it-works .grid .col .number-circle {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: #0172ba;
    border: 3px solid #fff;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -30px;
    left: calc(50% - 30px);
    font-weight: bold;
    font-size: 44px;
}

.marketing.bundle-how-it-works .grid .col.energy span {
    font-weight: bold;
    color: #f99d25;
}

.marketing.bundle-how-it-works .grid .col.data span {
    font-weight: bold;
    color: #0172ba;
}

.marketing.bundle-how-it-works .grid .col.data .footnote {
    font-size: 16px;
}

@media only screen and (max-width:767px) {
    .marketing.bundle-how-it-works {
        background: #0172ba;
    }
    .marketing.bundle-how-it-works h1 {
        font-size: 30px;
    }
    .marketing.bundle-how-it-works .grid {
        padding: 40px 20px 0 20px;
    }
    .marketing.bundle-how-it-works .grid .col {
        margin-bottom: 60px;
        font-size: 25px;
    }
}

.marketing.bundle-bullets {
    background-color: #f8f7f7;
}

.marketing.bundle-bullets>.wrapper {
    background-image: none;
}

.marketing.bundle-bullets h3 {
    font-size: 35px;
    color: #494c4e;
    font-weight: bold;
    margin: 0;
}

.marketing.bundle-bullets ul {
    padding: 0 20px 20px 0;
    list-style: none;
}

.marketing.bundle-bullets ul li {
    background-size: 25px 25px;
    padding-left: 40px;
    font-size: 25px;
}

.marketing.bundle-bullets .energy ul li {
    background: url(../images/i/marketing/redesign/orange-check.svg) no-repeat;
    background-size: 25px 25px;
}

.marketing.bundle-bullets .footnote p {
    width: 75%;
    margin: 40px auto 0 auto;
    font-size: 22px;
    text-align: center;
}

.marketing.bundle-bullets .button {
    background-image: none;
    font-size: 22px;
    padding: 7px 18px;
}

.marketing.bundle-bullets .button.energy {
    background-color: #f99d25;
}

@media only screen and (max-width:767px) {
    .marketing.bundle-bullets {
        padding-left: 35px;
    }
    .marketing.bundle-bullets .grid .col .energy {
        margin-bottom: 40px;
    }
    .marketing.bundle-bullets .grid .col ul li {
        margin-bottom: 10px;
    }
    .marketing.bundle-bullets .footnote p {
        width: 100%;
        font-size: 14px;
    }
}

.modal-lg {
    width: 1000px;
}

@media only screen and (max-width:767px) {
    .modal-lg {
        width: auto;
    }
}

.autopay-modal .modal-header {
    padding: 20px 30px;
}

.autopay-modal .modal-body {
    padding: 0 0 25px 0;
    background: url(../images/i/bg/divider.png) center top no-repeat;
}

.autopay-modal .modal-body p:first-child {
    margin: 0 30px;
}

.autopay-modal .modal-body hr {
    border-top: 1px solid #e6e6e6;
}

.autopay-modal .modal-body .line {
    border-bottom: 1px solid #e6e6e6;
    margin: 0 30px 25px;
    padding: 0 0 15px 40px;
    background: url(../images/i/icon/phone-generic.png) left top no-repeat;
}

.autopay-modal .modal-body .line:last-of-type {
    border-bottom: none;
    margin-bottom: 5px;
}

.autopay-modal .modal-body .line h3 {
    font-size: 18px;
    font-weight: 600;
    color: #013c5b;
    margin: 0 0 5px;
}

.autopay-modal .modal-body .line p {
    font-size: 18px;
    font-weight: 300;
    color: #666;
}

.autopay-modal .modal-body .line table td {
    border: none;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    width: 50%;
    padding: 5px 0;
}

.autopay-modal .modal-body .line table td.price {
    font-size: 18px;
    color: #000;
}

.autopay-modal .modal-body .note {
    margin: 0 30px;
    font-size: 14px;
    color: #333;
}

.autopay-modal .modal-footer {
    border-top: 1px solid #e6e6e6;
    background-color: #fff;
}

.autopay-modal .modal-footer .button {
    margin-left: 10px;
}

.enrollment {}

.enrollment[loading-indicator],
.enrollment [loading-indicator] {
    position: relative;
}

.enrollment.showCart .layout .enrollment_cart,
.enrollment.showCart .layout .documents,
.enrollment.showCart .layout .referred-by-section {
    display: block;
}

.enrollment .hide-sidebar-cart {
    display: none;
}

.enrollment .sticky {
    z-index: 1;
}

.enrollment .email-confirmation-banner {
    color: #fff;
    background-color: #2e9640;
    margin: 10px -20px;
    padding: 20px;
    font-weight: bolder;
    text-align: center;
}

.enrollment .noticeRenewalAlert {
    border: 2px solid #fff07c;
    background-color: #fff9c9;
    padding: 15px;
    border-radius: 0;
    margin-bottom: 30px;
}

.enrollment .noticeEarlyRenewalAlert {
    border: 2px solid #fff07c;
    background-color: #fff9c9;
    padding: 15px;
    border-radius: 0;
    margin-bottom: 30px;
}

.enrollment #state-select {
    min-width: 205px;
    display: inline-block;
    position: relative;
}

.enrollment #state-select button {
    border-color: #cfcfcf;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 205px;
    background-color: #fff;
    background-size: auto;
    color: #555;
}

@media only screen and (max-width:767px) {
    .enrollment #state-select button {
        width: 100%;
    }
}

.enrollment #state-select .icon {
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}

.enrollment #state-select .texas {
    background-image: url('../images/i/bg/texas-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment #state-select .texas {
        background-image: url('../images/i/bg2x/texas-icon.png');
        background-size: 21px 21px;
    }
}

.enrollment #state-select .georgia {
    background-image: url('../images/i/bg/georgia-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment #state-select .georgia {
        background-image: url('../images/i/bg2x/georgia-icon.png');
        background-size: 21px 21px;
    }
}

.enrollment #state-select .pennsylvania {
    background-image: url('../images/i/bg/pennsylvania-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment #state-select .pennsylvania {
        background-image: url('../images/i/bg2x/pennsylvania-icon.png');
        background-size: 24px 14px;
    }
}

.enrollment #state-select .ohio {
    background-image: url('../images/i/bg/ohio-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment #state-select .ohio {
        background-image: url('../images/i/bg2x/ohio-icon.png');
        background-size: 21px 21px;
    }
}

.enrollment #state-select .maryland {
    background-image: url('../images/i/bg/maryland-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment #state-select .maryland {
        background-image: url('../images/i/bg2x/maryland-icon.png');
        background-size: 32px 16px;
    }
}

.enrollment #state-select .new-jersey {
    background-image: url('../images/i/bg/newjersey-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment #state-select .new-jersey {
        background-image: url('../images/i/bg2x/newjersey-icon.png');
        background-size: 9px 21px;
    }
}

.enrollment #state-select .new-york {
    background-image: url('../images/i/bg/newyork-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment #state-select .new-york {
        background-image: url('../images/i/bg2x/newyork-icon.png');
        background-size: 26px 19px;
    }
}

.enrollment #state-select .washington-dc {
    background-image: url('../images/i/bg/dc-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment #state-select .washington-dc {
        background-image: url('../images/i/bg2x/dc-icon.png');
        background-size: 21px 16px;
    }
}

.enrollment #state-select .delaware {
    background-image: url('../images/i/bg/delaware-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment #state-select .delaware {
        background-image: url('../images/i/bg2x/delaware-icon.png');
        background-size: 10px 23px;
    }
}

.enrollment #state-select .illinois {
    background-image: url('../images/i/bg/illinois-icon.png');
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment #state-select .illinois {
        background-image: url('../images/i/bg2x/illinois-icon.png');
        background-size: 14px 25px;
    }
}

.enrollment #state-select .dropdown-menu {
    width: 200px;
}

@media only screen and (max-width:767px) {
    .enrollment #state-select .dropdown-menu {
        width: 100%;
    }
}

.enrollment .content {
    background: #fafbfc;
}

.enrollment .checkbox-list li {
    margin-bottom: 4px;
}

.enrollment .checkbox-list label {
    display: inline;
    font-size: 16px;
    font-weight: 300;
}

.enrollment .center {
    text-align: center;
}

.enrollment .icon-blue-arrow-up,
.enrollment .icon-blue-arrow-down {
    margin-top: -2px;
}

.enrollment .buttons .button,
.enrollment .buttons button,
.enrollment .enrollment-btn {
    /* display: inline-block; */
    float: right;
    text-transform: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background-color: #2aa4dc;
    border: 1px solid #229acd;
    padding: 10px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: -webkit-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: linear-gradient(to top, #008cd2 0%, #2aa4dc 100%);
}

.enrollment .buttons .button.secondary,
.enrollment .buttons button.secondary,
.enrollment .enrollment-btn.secondary {
    background-image: -moz-linear-gradient(bottom, #fff 0%, #f3f3f3 100%);
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #f3f3f3 100%);
    background-image: linear-gradient(to top, #fff 0%, #f3f3f3 100%);
    color: #444;
    border: 1px solid #c7c7c7;
    margin-right: 10px;
    text-shadow: none;
}

@media only screen and (max-width:1024px) {
    .enrollment .buttons .button.secondary,
    .enrollment .buttons button.secondary,
    .enrollment .enrollment-btn.secondary {
        margin-top: 10px;
        margin-right: 0;
        float: right;
        clear: both;
    }
}

.enrollment .buttons .button.secondary.address,
.enrollment .buttons button.secondary.address,
.enrollment .enrollment-btn.secondary.address {
    padding: 10px 30px;
}

.enrollment .buttons .button.tertiary,
.enrollment .buttons button.tertiary,
.enrollment .enrollment-btn.tertiary {
    background-color: transparent;
    background-image: none;
    color: #178fcd;
    border-color: #e6e6e6;
    text-shadow: none;
    text-transform: none;
    float: left;
    font-weight: 300;
    padding: 10px 0;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.enrollment .buttons .button.tertiary.compare,
.enrollment .buttons button.tertiary.compare,
.enrollment .enrollment-btn.tertiary.compare {
    border: 1px solid #cecece;
    color: #c4c6c7;
    font-weight: 500;
    padding: 10px 20px;
}

.enrollment .buttons .button.primary.compare,
.enrollment .buttons button.primary.compare,
.enrollment .enrollment-btn.primary.compare {
    float: left;
}

.enrollment footer p.additional-address {
    text-align: right;
}

.enrollment footer p.additional-address button {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    background-color: #fff;
    background-image: none;
    padding: 0;
}

.enrollment footer p.additional-address button.disabled {
    color: #000;
    background-color: #fff;
}

.enrollment footer.mobile-footer button {
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
    background-image: none;
    font-size: 17px;
}

.enrollment footer.mobile-footer button.primary {
    background-color: #259ad7;
}

.enrollment footer.mobile-footer button.additional-address {
    background-color: #fff;
    color: #259ad7;
    border: 1px solid #259ad7;
}

.enrollment footer.mobile-footer button.secondary {
    background-color: #fff;
    color: #c5c5c5;
    border: 1px solid #c5c5c5;
}

@media only screen and (max-width:767px) {
    .enrollment .buttons button {
        width: 100%;
    }
}

.enrollment .datepicker-input {
    background-image: url('../images/i/icon/calendar.png');
    background-position: 98% center;
    background-repeat: no-repeat;
    width: 310px;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment .datepicker-input {
        background-image: url('../images/i/icon2x/calendar.png');
        background-size: 15px 15px;
    }
}

.enrollment .datepicker-input::-ms-clear {
    display: none;
}

.enrollment form .item.error,
.enrollment .error {
    color: #f20000;
}

.enrollment form .item.error input[type="text"],
.enrollment form .item.error input[type="password"],
.enrollment form .item.error select,
.enrollment .error input[type="text"],
.enrollment .error input[type="password"],
.enrollment .error select {
    border-color: #f20000;
    color: #f20000;
}

.enrollment .warning {
    font-size: 13px;
}

.enrollment .wrapper {
    position: relative;
    overflow: visible;
    padding-bottom: 50px;
}

.enrollment .footnotes {
    clear: both;
    font-size: 14px;
    color: #999;
}

.enrollment .time-remaining-mobile {
    text-align: center;
    clear: both;
    padding-top: 20px;
}

.enrollment .time-remaining-mobile .time-remaining {
    text-transform: uppercase;
    font-size: 14px;
    width: 75%;
    margin: 0 auto;
}

.enrollment .item--no-input label {
    margin-bottom: 3px;
}

.enrollment .terms-agreement {
    margin-bottom: 20px;
}

.enrollment .terms-agreement div.terms {
    margin-top: 10px;
    height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 5px;
    border: 1px solid #e9e9e9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.enrollment .terms-agreement div.terms :first-child {
    margin-top: 0;
}

.enrollment .verify-order-table .sub-charge {
    padding-left: 30px;
}

.enrollment .verify-order-table .rate {
    text-align: right;
}

.enrollment .verify-order-table .label {
    font-weight: 600;
    width: 40%;
}

.enrollment .verify-order-table h4 {
    margin: 0 0 10px;
}

.enrollment .verify-order-table th,
.enrollment .verify-order-table td {
    border: none;
    padding: 0;
    vertical-align: top;
}

.enrollment .verify-order-table tr:last-child td {
    padding-bottom: 0;
}

@media only screen and (max-width:767px) {
    .enrollment .verify-order-table h4 {
        margin-bottom: 0;
    }
    .enrollment .verify-order-table td {
        display: block;
    }
    .enrollment .verify-order-table .docs {
        text-align: left;
    }
    .enrollment .verify-order-table .sub-charge {
        padding-left: 0;
        margin-bottom: 6px;
    }
    .enrollment .verify-order-table .description {
        margin-bottom: 6px;
    }
    .enrollment .verify-order-table .rate {
        margin-bottom: 15px;
        text-align: left;
    }
}

.enrollment .total {
    text-align: right;
    margin-top: 20px;
}

.enrollment hr.content-divider {
    margin: 20px 0;
}

.enrollment form div.additional-field-item {
    margin-bottom: 10px!important;
}

.enrollment form div.additional-field-group {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
}

@media only screen and (max-width:767px) {
    .enrollment #state-select {
        margin-top: 5px;
    }
    .enrollment .buttons {
        text-align: center;
    }
    .enrollment .buttons button {
        min-width: 150px;
    }
    .enrollment .buttons button+button {
        margin-top: 8px;
    }
    .enrollment .datepicker-input {
        width: 100%;
        background-image: url('../images/i/icon/calendar.png');
        background-position: 98% center;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width:767px)and (-webkit-min-device-pixel-ratio:2),
only screen and (max-width:767px)and (-o-min-device-pixel-ratio:3/2),
only screen and (max-width:767px)and (min--moz-device-pixel-ratio:2),
only screen and (max-width:767px)and (min-device-pixel-ratio:2),
only screen and (max-width:767px)and (min-resolution:144dpi),
only screen and (max-width:767px)and (min-resolution:2dppx) {
    .enrollment .datepicker-input {
        background-image: url('../images/i/icon2x/calendar.png');
        background-size: 15px 15px;
    }
}

@media only screen and (max-width:767px) {
    .enrollment .datepicker-input::-ms-clear {
        display: none;
    }
    .enrollment .datepicker {
        position: relative;
    }
    .enrollment .datepicker .pull-right,
    .enrollment .datepicker .pull-left {
        width: 35px;
    }
    .enrollment .datepicker table td {
        padding: 2px 3px;
    }
}

@media only screen and (max-width:767px)and (max-width:767px) {
    .enrollment .datepicker table td {
        padding: 2px 0;
    }
}

@media only screen and (max-width:767px)and (max-width:767px) {
    .enrollment .datepicker table td button {
        padding: 5px;
    }
}

@media only screen and (max-width:767px) {
    .enrollment .dropdown-menu {
        font-size: 13px;
    }
    .enrollment .time-remaining-mobile {
        margin-top: 10px;
    }
    .enrollment .time-remaining-mobile .time-remaining {
        width: 160px;
        font-size: 11px;
    }
    .enrollment h1 {
        font-size: 30px;
        line-height: 1.1;
    }
    .enrollment .plan-selection-table tr {
        display: flex;
    }
    .enrollment .plan-selection-table tr td {
        flex: 1;
    }
    .enrollment .plan-selection-table tr.details-row td div {
        padding: 0 15px;
    }
    .enrollment .plan-selection-table .plan-name {
        position: relative;
        text-align: left;
    }
    .enrollment .plan-selection-table .plan-actions {
        align-items: center;
        border-left: none;
        display: inline-flex;
        text-align: left;
        vertical-align: middle;
    }
    .enrollment .plan-selection-table .plan-actions button,
    .enrollment .plan-selection-table .plan-actions .button {
        float: none;
        min-width: 120px;
    }
    .enrollment .plan-selection-table .plan-actions button.secondary,
    .enrollment .plan-selection-table .plan-actions .button.secondary {
        margin-top: -31px;
    }
    .enrollment .plan-selection-table .plan-buttons {
        border-left: 0;
        flex: 0 1 auto;
        padding: 10px 15px;
    }
    .enrollment .plan-selection-table .plan-buttons.selected {
        width: 125px;
    }
    .enrollment .plan-selection-table .view-details {
        display: inline;
        float: left;
        margin-top: 12px;
    }
    .enrollment .plan-selection-table .enrollment-addon .addon-view-details .link {
        text-align: left;
    }
    .enrollment .plan-selection-table .enrollment-addon .addon-permonth {
        font-size: 10px;
    }
    .enrollment .plan-selection-table .enrollment-addon .addon-select {
        align-items: center;
        display: inline-flex;
        flex: 0 1 auto;
        flex-direction: column;
        justify-content: center;
        width: 126px;
    }
    .enrollment .plan-selection-table .enrollment-addon .addon-select .select-title {
        font-weight: 600;
        line-height: 1em;
    }
    .enrollment .plan-selection-table .enrollment-addon .addon-select .select-buttons {
        display: inline-flex;
    }
    .enrollment .plan-selection-table .enrollment-addon .addon-select .select-buttons .select-label {
        justify-content: center;
    }
}

.enrollment .content .filters {
    margin: -20px;
}

.enrollment .btn-group-arrow {
    position: relative;
}

.enrollment .btn-group-arrow:after,
.enrollment .btn-group-arrow:before {
    display: none;
    bottom: -26px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.enrollment .btn-group-arrow:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}

.enrollment .btn-group-arrow:before {
    border-color: rgba(200, 200, 200, 0);
    border-bottom-color: #e1e1e1;
    border-width: 16px;
    margin-left: -16px;
}

.enrollment .btn-group-arrow.active:before,
.enrollment .btn-group-arrow.active:after {
    display: block;
    z-index: 1;
}

.enrollment .btn-group-options {
    display: table;
    border-spacing: 7px;
    margin: -7px;
}

.enrollment .btn-group-options .button {
    position: relative;
    color: #333;
    background-image: -moz-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #f7f7f7 0%, #fff 100%);
    background-image: linear-gradient(to top, #f7f7f7 0%, #fff 100%);
    border: 1px solid #e6e6e6;
    vertical-align: middle;
    font-weight: normal;
    text-transform: none;
    padding: 7px 18px;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.enrollment .btn-group-options .button.active {
    border: 2px solid #3189bb;
    color: #3189bb;
}

.enrollment .btn-group-options .button {
    display: table-cell;
}

.enrollment .btn-group-options label {
    font-weight: 300!important;
}

.enrollment .btn-group-options input[type="text"],
.enrollment .btn-group-options select {
    margin: 5px 0;
}

.enrollment .block-change-steps {
    text-transform: uppercase;
    width: 180px;
    display: inline;
    float: right;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
}

.enrollment__loadingMessage,
.overlay_container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/i/white-alpha-90.png) repeat;
    background: rgba(255, 255, 255, .9);
    z-index: 11000;
}

.enrollment__loadingMessage .inner,
.overlay_container .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 250px;
    height: 140px;
    padding-top: 15px;
    margin: -70px 0 0 -125px;
    color: #257ab3;
    font-size: 24px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #cecece;
    background-color: #fefefe;
    text-align: center;
}

.enrollment__loadingMessage .inner img.loading,
.overlay_container .inner img.loading {
    margin: 10px 0;
    vertical-align: middle;
}

.enrollment__banner {
    background-color: #e6e6e6;
}

.enrollment__banner .wrapper {
    height: 150px;
    padding-top: 50px;
}

.enrollment__banner h1 {
    line-height: 0;
    font-size: 48px;
    text-transform: uppercase;
}

.enrollment__banner h1 span {
    line-height: 1.1;
}

.enrollment__banner h1 .small {
    font-size: 24px;
}

@media only screen and (max-width:767px) {
    .enrollment__banner .wrapper {
        padding-top: 25px;
    }
    .enrollment__banner h1 {
        font-size: 30px;
        font-weight: 300;
        max-width: 50%;
    }
    .enrollment__banner h1 .small {
        font-size: 16px;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment__banner .wrapper {
        height: 200px;
        padding-top: 70px;
    }
    .enrollment__banner h1 {
        font-size: 50px;
    }
    .showSSN, .hideSSN {
       font-size:13px !important;
    }
    
    .showSSNDC, .hideSSNDC {
       font-size:13px !important;
    }
}

@media only screen and (min-width:320px)and (max-width:480px) {
    .enrollment__banner .wrapper {
        height: 150px;
        padding-top: 40px;
    }
}

.enrollment__banner--service-info .wrapper {
    padding-top: 180px;
    height: 335px;
}

.enrollment__banner--service-info h1 {
    width: auto;
}

@media only screen and (max-width:767px) {
    .enrollment__banner--service-info .wrapper {
        padding-top: 80px;
        height: 180px;
        padding-left: 0;
        padding-right: 0;
    }
    .enrollment__banner--service-info h1 {
        max-width: 100%;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment__banner--service-info .wrapper {
        padding-top: 120px;
        height: 250px;
    }
    .enrollment__banner--service-info h1 {
        max-width: 100%;
    }
}

.enrollment__box {
    overflow: visible;
    border-color: #cecece;
    background-color: #fafbfc;
}

.enrollment__box header {
    background-color: #fff;
    background-image: none;
    border-bottom: 1px solid #e6e6e6;
    font-size: 18px;
}

.enrollment__box h1 {
    font-size: 32px;
    color: #013c5b;
    text-transform: none;
    margin: 5px 0;
    width: 100%;
}

.enrollment__box h1.block-change {
    margin-bottom: 0;
}

.enrollment__box h3 {
    font-size: 20px;
    color: #013c5b;
    text-transform: none;
    font-weight: 600;
    margin: 5px 0;
    width: 100%;
}

.enrollment__box header,
.enrollment__box .content,
.enrollment__box footer {
    padding-left: 20px;
    padding-right: 20px;
}

.enrollment__box a {
    color: #178fcd;
    font-size: 16px;
    font-weight: 500;
}

.enrollment__box button,
.enrollment__box .button {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background-color: #2aa4dc;
    border: 1px solid #229acd;
    padding: 10px 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: -webkit-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
    background-image: linear-gradient(to top, #008cd2 0%, #2aa4dc 100%);
}

.enrollment__box .item input {
    height: 46px;
    padding: 10px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: none;
}

.enrollment__box .item select {
    height: 46px;
    padding: 10px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: none;
}

.enrollment__box .item input[type="checkbox"],
.enrollment__box .item input[type="radio"] {
    height: auto;
    vertical-align: middle;
}

.enrollment__box.form label,
.enrollment__box form label {
    text-transform: none!important;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
}

.enrollment__box hr {
    border: none;
    border-top: 1px solid #ececec;
    margin: 25px 0;
}

.enrollment__box .content .stretch-full {
    margin: -25px -20px;
}

.enrollment__box .content .services-header, .content .commercial-services-header {
    margin-bottom: 35px;
}

.enrollment__box .content p.note {
    margin: 5px 0 0 0;
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
    color: #6a6a6a;
}

.enrollment__box .customer-type label {
    display: inline-block;
    margin-right: 5px;
}

.enrollment__box .customer-type select {
    width: auto;
}

.enrollment__box .service-address label {
    display: block;
}

.enrollment__box .service-address .input-group {
    width: 100%;
}

.enrollment__box .service-address .input-group-btn {
    vertical-align: bottom;
    width: 215px;
}

@media only screen and (max-width:767px) {
    .enrollment__box .service-address .input-group-btn {
        width: 100%;
        float: left;
        padding-bottom: 5px;
    }
}

.enrollment__box .service-address .state-select-typeahead {
    width: calc(100% - 215px);
    float: right;
    display: inline-block;
}

@media only screen and (max-width:767px) {
    .enrollment__box .service-address .state-select-typeahead {
        width: 100%;
        float: left;
        display: block;
    }
}

.enrollment__box.plain-text .content {
    padding-bottom: 13px;
}

.enrollment__box .associate-image {
    float: left;
    margin: 13px;
    display: inline-block;
    height: 75px;
    width: 75px;
    border: 2px sold #fff;
    border-radius: 75px;
}

.enrollment__box .ai-right {
    float: left;
    display: block;
    padding: 13px;
}

.enrollment__box .ai-right .referred-by {
    display: inline-block;
    color: #fff;
    font-weight: 400;
}

.enrollment__box .ai-right .associate-name {
    display: inline-block;
    font-weight: bold;
    color: #fff;
}

.enrollment__box .ai-right .associate-level {
    color: #fff;
    font-weight: bold;
    font-size: .85em;
}

.enrollment__box.energy {
    border: none;
}

@media only screen and (max-width:767px) {
    .enrollment__box.energy {
        background-color: #fff;
    }
}

.enrollment__box .address-error {
    background-color: #fff6c6;
    border-top: 1px solid #ffe973;
    border-bottom: 1px solid #ffe973;
    margin: 20px -20px;
    padding: 30px 20px;
    line-height: 1.2;
    color: #013c5b;
    font-size: 20px;
}

.enrollment__box .address-error a {
    font-size: 20px;
}

.enrollment__box .address-error span.red {
    font-weight: 600;
    color: #f20000;
}

.enrollment__box--account-creation {}

.enrollment__box--account-creation .content p {
    font-size: 18px;
    font-weight: 400;
    color: #47545b;
}

.enrollment__box--account-creation .content .autopay h3 {
    font-size: 24px;
}

.enrollment__box--account-creation .content .autopay p.note {
    font-size: 15px;
    font-weight: 300;
    color: #616b71;
    font-style: italic;
}

.enrollment__box--account-creation .content .autopay i.icon-autopay-calendar {
    background-image: url("../images/i/icon/autopay-small.png");
    background-position: 0 0;
    height: 26px;
    width: 26px;
    float: left;
    margin-right: 10px;
}

.enrollment__box--account-creation .content .autopay strong,
.enrollment__box--account-creation .content .autopay bold {
    color: #2d9a36;
}

.enrollment__box--account-creation .content .onlineAccountInfo .disabled {
    opacity: .3;
}

.enrollment__box--account-creation .content .onlineAccountInfo input[type="radio"]:first-of-type {
    margin-bottom: 18px;
}

.enrollment__box--account-creation .content .onlineAccountInfo .item {
    padding-left: 18px;
}

.enrollment__box--account-creation .content .onlineAccountInfo .item label {
    font-size: 14px;
    color: #000;
}

.enrollment__box--account-creation .content .onlineAccountInfo .item .note {
    margin: 5px 0 0 0;
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
    color: #6a6a6a;
}

.enrollment__box--account-creation .content .onlineAccountInfo .radio-note {
    padding-left: 18px;
    margin: 0;
    font-style: italic;
    font-size: 15px;
    font-weight: 300;
}

.enrollment__box--account-creation .content .onlineAccountInfo label.radio {
    font-size: 18px;
    font-weight: 300;
    color: #000;
}

.enrollment__nav {
    position: absolute;
    left: -260px;
    top: 0;
    width: 260px;
}

.enrollment__nav nav ul {
    margin-top: 0;
}

.enrollment__nav nav li a {
    position: relative;
    cursor: default;
    color: #bfbfbf;
    font-size: 14px;
    -moz-transition: color ease-in .2s;
    -o-transition: color ease-in .2s;
    -webkit-transition: color ease-in;
    -webkit-transition-delay: .2s;
    transition: color ease-in .2s;
}

.enrollment__nav nav li a::before {
    color: #bfbfbf;
    content: ' ';
    position: absolute;
    top: -2px;
    left: -25px;
    width: 10px;
    height: 10px;
    font-size: 16px;
}

.enrollment__nav nav li.completed:hover a,
.enrollment__nav nav li.active a {
    color: #333;
}

.enrollment__nav nav li.completed:hover a::before,
.enrollment__nav nav li.active a::before {
    color: #053d5a;
    font-size: 32px;
    left: -30px;
    top: -13px;
}

.enrollment__nav nav li.completed a {
    cursor: pointer;
}

.enrollment__nav nav li.completed a::before {
    color: #36637b;
}

@media only screen and (max-width:1024px) {
    .enrollment__nav nav {
        display: none;
    }
}

@media only screen and (max-width:1055px) {
    .enrollment__nav {
        display: none;
    }
}

@media only screen and (min-width:1055px)and (max-width:1515px) {
    .enrollment__nav {
        width: 25px;
        left: -40px;
    }
    .enrollment__nav nav li {
        height: 22px;
    }
    .enrollment__nav nav li a {
        color: transparent;
        visibility: hidden;
        -moz-transition-duration: 0;
        -o-transition-duration: 0;
        -webkit-transition-duration: 0;
        transition-duration: 0;
    }
    .enrollment__nav nav li a::before {
        color: #bfbfbf;
        visibility: visible;
    }
}

.enrollment__utility-plans-header .service-address {
    color: #828282;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

.enrollment__utility-plans-header p {
    font-size: 20px;
    margin: 0 0 10px 0;
}

.enrollment__utility-plans-header p.your-plan {
    font-size: 16px;
    margin: 0;
}

.enrollment__utility-plans {
    position: relative;
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width:767px) {
    .enrollment__utility-plans {
        border: none;
    }
}

.enrollment__utility-plans .modal {
    margin-left: auto;
    width: auto;
    left: 6%;
    right: 6%;
}

.enrollment__utility-plans .plan-selection-table {
    border: none;
}

.enrollment__utility-plans .plan-selection-table thead th {
    background: #fff;
    color: #000;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    padding: 12px 0;
    vertical-align: middle;
    border: none;
    min-width: 95px;
    border-right: 1px solid #eaeaea;
}

.enrollment__utility-plans .plan-selection-table thead th:last-child {
    border-right: none;
    border-radius: 5px;
}

.enrollment__utility-plans .plan-selection-table thead th.sortable:hover {
    cursor: pointer;
}

.enrollment__utility-plans .plan-selection-table thead th.plan-header {
    text-align: left;
    padding-left: 20px;
    border-radius: 5px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment__utility-plans .plan-selection-table thead th {
        min-width: 0;
        padding: 10px 5px;
    }
}

.enrollment__utility-plans .plan-selection-table thead th span {
    text-transform: none;
    font-size: 12px;
    color: #000;
    margin-top: -5px;
    height: 0;
}


.enrollment__utility-plans .plan-selection-table th {
    text-align: center;
    border-bottom: none;
    vertical-align: text-top;
}
.enrollment__utility-plans .plan-selection-table td{
    text-align: center;
    border-bottom: none;
}

.enrollment__utility-plans .plan-selection-table td>span,
.enrollment__utility-plans .plan-selection-table td>a,
.enrollment__utility-plans .plan-selection-table th>span,
.enrollment__utility-plans .plan-selection-table th>a {
    color: #828282;
    font-size: 13px;
    font-weight: normal;
    display: block;
    text-transform: uppercase;
    font-style: normal;
}

.enrollment__utility-plans .plan-selection-table tr {
    background: transparent;
}

.enrollment__utility-plans .plan-selection-table tr.featured {
    background-color: #dfeef8;
}

.enrollment__utility-plans .plan-selection-table tr:last-child td,
.enrollment__utility-plans .plan-selection-table tr:last-child th {
    border-bottom: none;
}

.enrollment__utility-plans .plan-selection-table tr .footnote {
    padding-top: 150px;
    text-align: left;
}

@media screen and (min-width:768px) {
    .enrollment__utility-plans .plan-selection-table tr.hide-medium-large td {
        border: 0;
        padding: 0;
    }
}

.enrollment__utility-plans .plan-selection-table tr.details-row>td {
    padding: 0;
}

.enrollment__utility-plans .plan-selection-table tr.details-row .details-row-inner {
    padding: 15px;
}

.enrollment__utility-plans .plan-selection-table button {
    white-space: nowrap;
    background-image: none;
    margin-right: 0!important;
    width: auto;
    padding: 10px;
    min-width: 90px;
    background-color: #259ad7;
    font-weight: 600;
}

.enrollment__utility-plans .plan-selection-table button.secondary {
    color: #259ad7;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    background-image: none;
    border: 1px solid #fff;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment__utility-plans .plan-selection-table button {
        min-width: 0;
        padding: 10px 15px;
    }
    .enrollment__utility-plans .plan-selection-table button.secondary {
        padding: 5px;
    }
}

.enrollment__utility-plans .plan-selection-table .skybell-selected {
    font-size: 14px;
    color: #000;
    margin: 0;
}

.enrollment__utility-plans .plan-selection-table .vertical {
    padding: 0;
    height: 120px;
    min-width: 20px;
    position: relative;
    border-left: none;
    border-right: none;
}

.enrollment__utility-plans .plan-selection-table .vertical .fixed,
.enrollment__utility-plans .plan-selection-table .vertical .variable {
    position: absolute;
    top: 40px;
    left: -40px;
    text-transform: uppercase;
    color: #fff;
    height: 20px;
    width: 100px;
    margin: 10px 0;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.enrollment__utility-plans .plan-selection-table .vertical .fixed {
    background: #053d5a;
}

.enrollment__utility-plans .plan-selection-table .vertical .variable {
    background: #79bb4b;
}

.enrollment__utility-plans .plan-selection-table .plan-name {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    border-left: none;
    padding-left: 20px;
    vertical-align: middle;
}

.enrollment__utility-plans .plan-selection-table .plan-name .fixed,
.enrollment__utility-plans .plan-selection-table .plan-name .variable,
.enrollment__utility-plans .plan-selection-table .plan-name .new,
.enrollment__utility-plans .plan-selection-table .plan-name .featured,
.enrollment__utility-plans .plan-selection-table .plan-name .green,
.enrollment__utility-plans .plan-selection-table .plan-name .empty {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 4px 2px;
    margin: 5px 0;
    display: inline-block;
    border-radius: 5px;
}

.enrollment__utility-plans .plan-selection-table .plan-name .fixed {
    background: #0172ba;
}

.enrollment__utility-plans .plan-selection-table .plan-name .variable {
    background: #f99d25;
}

.enrollment__utility-plans .plan-selection-table .plan-name .new {
    background: #e99849;
}

.enrollment__utility-plans .plan-selection-table .plan-name .green {
    background: #40ae49;
}

.enrollment__utility-plans .plan-selection-table .plan-name .featured {
    background: transparent;
    color: #06a7e0;
    border: 1px solid #06a7e0;
}

.enrollment__utility-plans .plan-selection-table .plan-name .empty {
    margin: 0;
    padding: 0;
    display: inline;
}

.enrollment__utility-plans .plan-selection-table .plan-name .plan-title {
    clear: both;
}

.enrollment__utility-plans .plan-selection-table .plan-name p {
    font-size: 16px;
    font-weight: normal;
    width: 140px;
    color: #858686;
    line-height: 1.2em;
}

.enrollment__utility-plans .plan-selection-table .plan-name input {
    vertical-align: middle;
}

.enrollment__utility-plans .plan-selection-table .plan-name label {
    color: #c5c5c5;
    font-size: 12px;
}

.enrollment__utility-plans .plan-selection-table .plan-name label.compare-checked {
    color: #259ad7;
    font-weight: 800;
    cursor: pointer;
}

@media only screen and (max-width:767px) {
    .enrollment__utility-plans .plan-selection-table .plan-name {
        padding-right: 45px;
    }
}

.enrollment__utility-plans .plan-selection-table .view-details {
    display: inline-block;
    float: none;
    font-size: 12px;
    font-weight: normal;
    margin-top: 0;
}

.enrollment__utility-plans .plan-selection-table .plan-buttons.selected {
    background-color: #2aa4dc;
}

.enrollment__utility-plans .plan-selection-table .plan-buttons.eco-plus {
    background-color: #40ae49;
}

@media only screen and (max-width:767px) {
    .enrollment__utility-plans .plan-selection-table .plan-buttons button.secondary {
        margin-top: 0;
    }
}

.enrollment__utility-plans .plan-selection-table .rate,
.enrollment__utility-plans .plan-selection-table .term,
.enrollment__utility-plans .plan-selection-table .fees {
    font-size: 25px;
    font-weight: 600;
    padding: 33px 5px;
}

.enrollment__utility-plans .plan-selection-table .rate span,
.enrollment__utility-plans .plan-selection-table .term span,
.enrollment__utility-plans .plan-selection-table .fees span {
    font-size: 10px;
    font-weight: 600;
    color: #c5c5c5;
}

.enrollment__utility-plans .plan-selection-table .rate.variable,
.enrollment__utility-plans .plan-selection-table .term.variable,
.enrollment__utility-plans .plan-selection-table .fees.variable {
    font-size: 20px;
}

.enrollment__utility-plans .plan-selection-table .fees {
    font-size: 16px;
    font-weight: 400;
    min-width: 155px;
}

.enrollment__utility-plans .plan-selection-table .fees span a {
    color: #000;
    font-size: 12px;
    text-transform: none;
    font-weight: 800;
}

.enrollment__utility-plans .plan-selection-table .select-plan {
    position: relative;
    min-width: 130px;
    padding: 15px;
    border-right: none;
    vertical-align: middle;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment__utility-plans .plan-selection-table .select-plan {
        min-width: 0;
        padding: 15px 5px;
    }
}

@media only screen and (max-width:767px) {
    .enrollment__utility-plans .plan-selection-table .select-plan {
        float: right;
    }
}

.enrollment__utility-plans .plan-selection-table .select-plan button {
    float: none;
}

.enrollment__utility-plans .plan-selection-table .select-plan.selected {
    background-color: #2aa4dc;
}

.enrollment__utility-plans .plan-selection-table .select-plan.eco-plus {
    background-color: #40ae49;
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button {
    position: relative;
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .button {
    padding: 10px 5px;
    cursor: pointer;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .button {
        padding: 10px 10px;
        min-width: 90px;
    }
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .button.options {
    border-radius: 5px 5px 0 0;
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #fff transparent transparent transparent;
    float: right;
    position: relative;
    top: 10px;
    right: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .triangle.rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .skybellOptions {
    clear: both;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 100;
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .skybellOptions .options {
    float: right;
    border: 1px solid #229acd;
    background-color: #fafbfc;
    border-radius: 5px 0 5px 5px;
    width: 250px;
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .skybellOptions .options .option {
    padding: 10px;
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .skybellOptions .options .option div {
    cursor: pointer;
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .skybellOptions .options .option div p {
    color: #000;
    font-size: 16px;
    text-align: left;
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .skybellOptions .options .option:first-child {
    border-bottom: 1px solid #229acd;
}

.enrollment__utility-plans .plan-selection-table .select-plan .skybell-button .skybellOptions .options .option img {
    float: left;
    padding-right: 7px;
    height: auto;
    padding-top: 5px;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon {
    background-color: #2aa4dc;
    color: #fff;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon.selected {
    background-color: #40ae49;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon td {
    vertical-align: middle;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon td:last-child {
    border-top: none;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon td.addon-left {
    border: 0;
    padding: 0;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon .addon-subtable {
    display: flex;
    width: 100%;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon .addon-subtable .addon-col {
    border-left: 1px solid #eaeaea;
    color: #fff;
    display: flex;
    flex: 1 1 33.33%;
    flex-direction: column;
    justify-content: center;
    padding: 10px 5px;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon .addon-subtable .addon-col:first-of-type {
    border-left: 0;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon .addon-cancel {
    color: #bfc8d3;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon .addon-view-details .link {
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon .addon-amount {
    display: block;
    font-size: 24px;
    font-weight: 800;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon .addon-permonth {
    color: #bfc8d3;
    font-size: 10px;
    text-transform: uppercase;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon .addon-select .select-title {
    font-size: 12px;
    margin: 0 0 5px;
    padding: 0;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon .addon-select .select-label {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    position: relative;
    vertical-align: middle;
    padding-left: 20px;
    width: auto;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon .addon-select .select-label input[type=radio] {
    left: 0;
    position: absolute;
    top: 1px;
}

.enrollment__utility-plans .plan-selection-table .enrollment-addon .addon-select .select-label+.select-label {
    margin-left: 10px;
}

.enrollment__utility-plans .plan-selection-table .details td {
    border: none;
    padding: 0;
}

.enrollment__utility-plans .plan-selection-table .details div {
    padding: 5px 12px;
    border: 0;
    text-align: left;
    padding-left: 0;
}

.enrollment__utility-plans .plan-selection-table .details div p {
    font-size: 15px;
}

.enrollment__utility-plans .plan-selection-table .details div:first-child {
    border-bottom: 1px solid #eaeaea;
}

.enrollment__utility-plans .plan-selection-table.open td.plan-name {
    border-bottom: 1px solid #fff;
}

.enrollment__utility-plans .plan-selection-table.open tr.details {
    display: table-row;
}

.enrollment__utility-plans .plan-selection-table.open tr.details td {
    border-top: 0;
}

.enrollment__utility-plans .plan-selection-table.open tr.details td:first-child {
    border-top: 1px solid #fff;
}

.enrollment__utility-plans .plan-selection-table .spacer {
    height: 20px;
}

.enrollment__utility-plans .plan-selection-list {
    float: left;
    width: 35%;
    padding: 0;
    list-style-type: none;
}

@media only screen and (max-width:767px) {
    .enrollment__utility-plans .plan-selection-list {
        float: none;
        width: auto;
    }
}

.enrollment__utility-plans .plan-selection-list li {
    margin-right: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

@media only screen and (max-width:767px) {
    .enrollment__utility-plans .plan-selection-list li {
        margin-right: 0;
        padding-right: 0;
    }
}

.enrollment__utility-plans .plan-selection-list li:last-child {
    border-right: none;
    margin: 0;
    padding: 0;
}

.enrollment__utility-plans .plan-selection-fees {
    width: 64%;
    float: right;
}

@media only screen and (max-width:1024px) {
    .enrollment__utility-plans .plan-selection-fees {
        width: 100%;
        float: none;
    }
    .enrollment__utility-plans .plan-selection-fees dt,
    .enrollment__utility-plans .plan-selection-fees dd {
        width: auto;
    }
}

@media only screen and (max-width:767px) {
    .enrollment__utility-plans .plan-selection-fees {
        clear: both;
    }
    .enrollment__utility-plans .plan-selection-fees dt,
    .enrollment__utility-plans .plan-selection-fees dd {
        float: none;
    }
}

.enrollment__utility-plans .plan-selection-fees dt {
    font-weight: 600;
    width: 40%;
    display: inline-block;
}

.enrollment__utility-plans .plan-selection-fees dd {
    width: 80%;
    display: inline-block;
    margin-inline-start: 0;
    -webkit-margin-start: 0;
}

.enrollment__utility-plans .ga-plan-selection-fees {
    width: 50%;
}

.enrollment__utility-plans .ga-plan-selection-fees dt {
    width: 60%;
}

.enrollment__utility-plans .ga-plan-selection-fees dd {
    width: auto;
}

@media only screen and (max-width:1024px) {
    .enrollment__utility-plans .plan-selection-table th,
    .enrollment__utility-plans .plan-selection-table td {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media only screen and (max-width:767px) {
    .enrollment__utility-plans .plan-selection-table .plan-name,
    .enrollment__utility-plans .plan-selection-table .fees,
    .enrollment__utility-plans .plan-selection-table .plan-actions {
        border-right: none;
    }
}

.enrollment__utility-plans .includes-thermostat,
.enrollment__utility-plans .includes-skydrop,
.enrollment__utility-plans .includes-promo,
.enrollment__utility-plans .includes-skybell {
    background-color: #f4f8f9;
    margin: 5px -12px 0 -19px;
    padding: 10px 5px 5px;
    min-width: 200px;
}

.enrollment__utility-plans .includes-thermostat img,
.enrollment__utility-plans .includes-skydrop img,
.enrollment__utility-plans .includes-promo img,
.enrollment__utility-plans .includes-skybell img {
    display: inline-block;
}

.enrollment__utility-plans .includes-thermostat span,
.enrollment__utility-plans .includes-skydrop span,
.enrollment__utility-plans .includes-promo span,
.enrollment__utility-plans .includes-skybell span {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    font-size: 12px;
    margin-left: 12px;
    padding-top: 6px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment__utility-plans .includes-thermostat,
    .enrollment__utility-plans .includes-skydrop,
    .enrollment__utility-plans .includes-promo,
    .enrollment__utility-plans .includes-skybell {
        min-width: 0;
    }
}

.enrollment__utility-plans .includes-skydrop span {
    width: 110px;
    padding-bottom: 10px;
}

.lt-ie9 .enrollment__utility-plans .plan-selection-table .vertical .fixed,
.lt-ie9 .enrollment__utility-plans .plan-selection-table .vertical .variable {
    top: 0;
    left: 0;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.enrollment__account-information .inline-label label {
    display: inline-block;
    min-width: 25%;
}

.enrollment__account-information .inline-label.switch-hold-container label{
	padding: 10px;
    background-color: #eff2f3;
    color: #636367;
    border: 1px solid #cecece;
    border-radius: 5px;
}

.enrollment__account-information .buttons {
    margin-bottom: 20px;
}

.enrollment__account-information .utility-connect {
    margin-bottom: 0!important;
}

.enrollment__account-information .icon-calendar {
    display: none;
}

.enrollment__account-information .connect-time select {
    width: auto;
    margin-top: 10px;
}

.enrollment__account-information p.start-note {
    margin-top: 0;
}

.enrollment__account-information .location {
    margin-bottom: 10px!important;
}

.enrollment__account-information .availibility {
    margin-top: 8px;
    color: #333!important;
}

.enrollment__account-information .mailing-address,
.enrollment__account-information .previous-address {
    margin-bottom: 20px;
}

@media only screen and (min-width:1025px) {
    .enrollment__account-information .aglc-example {
        display: inline-block;
        margin-left: 10px;
    }
}

@media only screen and (max-width:1024px) {
    .enrollment__account-information .zip-code {
        clear: left;
        margin-top: 20px;
    }
}

@media only screen and (max-width:1024px) {
    .enrollment__account-information .left-tooltip .tooltip {
        left: 0!important;
    }
    .enrollment__account-information .left-tooltip .tooltip .tooltip-arrow {
        display: none;
    }
}

.enrollment__account-information h3 {
    font-size: 18px;
    font-weight: 400;
}

.enrollment__account-information .content {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px;
}

.enrollment__account-information article.associate-referal p {
    font-size: 16px;
    font-weight: 400;
    color: #47545b;
}

.enrollment__account-information article.associate-referal label.small-label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.enrollment__account-information article.associate-referal .associate-number .associate-input-container {
    position: relative;
    float: left;
    margin-right: 6px;
}

.enrollment__account-information article.associate-referal .associate-number .associate-input-container label#AssociateAText {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    letter-spacing: 0;
    color: #333;
}

.enrollment__account-information article.associate-referal .associate-number .associate-input-container input {
    width: 120px;
    margin-left: 10px;
    margin-right: 10px;
}
.enrollment__account-information article.associate-referal .associate-number .associate-input-container select {
    float: left;
    width: 60px;
}

@media only screen and (max-width:767px) {
    .enrollment__account-information article.associate-referal .associate-number {
        width: 100%;
    }
}

.enrollment__account-information article.associate-referal .result {
    width: calc(100% - 300px);
}

@media only screen and (max-width:767px) {
    .enrollment__account-information article.associate-referal .result {
        width: 100%;
    }
}

.enrollment__account-information article.associate-referal .textbox {
    min-height: 46px;
    padding: 10px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #ccc;
}

.enrollment__account-information article.associate-referal .textbox.success {
    position: relative;
}

.enrollment__account-information article.associate-referal .textbox.success text {
    display: inline-block;
}

.enrollment__account-information article.associate-referal .textbox.success .green-check {
    background: url(../images/i/enrollment/green-check.svg) no-repeat;
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.enrollment__account-information article.associate-referal .textbox.error {
    background-color: #ffc3c3;
    border: 1px solid #9e4c4c;
}

.enrollment__account-information article.associate-referal .button-container {
    float: left;
}

.enrollment__account-information article.associate-referal .button-container .primary {
    padding: 10px;
    width: 94px;
}

.enrollment__account-information .plan-details .plan-name {
    font-weight: 700;
}

.enrollment__account-information .plan-details .rate {
    float: right;
    font-weight: 700;
}

.enrollment__account-information .plan-details .rate .unit {
    font-weight: 400;
}

.cleanse-address .address-group {
    margin: 10px 0;
}

.cleanse-address .address-group label {
    display: block;
    font-weight: 600;
}

@media only screen and (min-width:768px) {
    .cleanse-address .address-group .radio-item {
        display: inline-block;
        width: 33%;
    }
}

.cleanse-address .address-group .radio-item label {
    display: inline-block;
    font-weight: 300;
}

@media only screen and (min-width:768px) {
    .cleanse-address .address-group .address {
        display: inline-block;
    }
}

@media only screen and (max-width:767px) {
    .cleanse-address .address-group .address {
        margin-bottom: 10px;
    }
}

.enrollment__verify-identity .enrollment__box.form header p {
    float: left;
}

.enrollment__verify-identity .enrollment__box.form label.security-question {
    font-size: 17px;
    font-weight: 500;
}

.enrollment__verify-identity .enrollment__box.form label.security-answer {
    font-size: 15px;
    font-weight: 300;
}

.enrollment__review-order hr {
    border: none;
    border-top: 1px solid #ddd;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment__review-order .security-code {
        clear: left;
        margin-top: 20px;
    }
}

@media only screen and (max-width:767px) {
    .enrollment__review-order .example {
        margin-top: -15px;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment__review-order .example .single-link {
        margin-top: 52px;
    }
}

.enrollment__review-order .enrollment__cart hr {
    margin: 15px -18px;
}

.enrollment__review-order .enrollment__cart .address a {
    font-size: 13px;
    font-weight: 400;
}

.enrollment__review-order .seperator {
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.enrollment__review-order .seperator:before,
.enrollment__review-order .seperator:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.enrollment__review-order .seperator:before {
    right: .5em;
    margin-left: -50%;
    background-color: #ccc;
}

.enrollment__review-order .seperator:after {
    left: .5em;
    margin-right: -50%;
    background-color: #ccc;
}

.enrollment__review-order .explanation {
    font-size: 13px;
}

.enrollment__review-order .terms-agreement .item {
    padding-right: 0;
}

.enrollment__review-order .terms-agreement .item .terms {
    margin-bottom: 10px;
}

.enrollment__review-order .terms-agreement .item .terms ol {
    list-style-type: upper-roman;
}

.enrollment__review-order .terms-agreement .item .terms ul {
    list-style-type: disc;
}

.enrollment__review-order .services-header {
    background-color: #fcfcfc;
    padding: 5px 20px;
    margin: -10px -20px 0;
}

.enrollment__review-order .services-header .service-title {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}

.enrollment__review-order .services-header .service-description {
    display: inline-block;
    float: right;
    font-size: 16px;
    color: #225671;
    padding-top: 3px;
    font-weight: 300;
}

.enrollment__review-order .content {
    background-color: #fcfcfc;
}

.enrollment__review-order .commercial-quote {
    background-color: #fff;
}

.enrollment__review-order .commercial-quote .services-header {
    margin-top: -20px;
    padding: 10px 20px;
    background-color: #fafafa;
    margin-bottom: 20px;
}

.enrollment__review-order .commercial-quote h3 {
    font-size: 18px;
    color: #333;
    padding-bottom: 15px;
}

.enrollment__review-order .energy-services .condition,
.enrollment__review-order .electricity-services .condition,
.enrollment__review-order .gas-services .condition {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.enrollment__review-order .energy-services .model,
.enrollment__review-order .electricity-services .model,
.enrollment__review-order .gas-services .model {
    margin: 0;
}

.enrollment__review-order .energy-services .description,
.enrollment__review-order .electricity-services .description,
.enrollment__review-order .gas-services .description {
    width: 70%;
    float: none;
    display: inline-block;
}

.enrollment__review-order .energy-services .description h2,
.enrollment__review-order .electricity-services .description h2,
.enrollment__review-order .gas-services .description h2 {
    color: #013c5b;
    font-size: 20px;
}

.enrollment__review-order .energy-services .description .details,
.enrollment__review-order .electricity-services .description .details,
.enrollment__review-order .gas-services .description .details {
    color: #4f595e;
}

.enrollment__review-order .energy-services .description h3,
.enrollment__review-order .electricity-services .description h3,
.enrollment__review-order .gas-services .description h3 {
    color: #225671;
}

.enrollment__review-order .energy-services .description p.note,
.enrollment__review-order .electricity-services .description p.note,
.enrollment__review-order .gas-services .description p.note {
    color: #646d71;
}

.enrollment__review-order .energy-services .line-item,
.enrollment__review-order .electricity-services .line-item,
.enrollment__review-order .gas-services .line-item {
    margin-top: 20px;
}

.enrollment__review-order .energy-services .rate,
.enrollment__review-order .electricity-services .rate,
.enrollment__review-order .gas-services .rate {
    width: 29%;
    display: inline-block;
    text-align: right;
    font-weight: 400;
    vertical-align: top;
}

.enrollment__review-order .energy-services .rate.device-price,
.enrollment__review-order .electricity-services .rate.device-price,
.enrollment__review-order .gas-services .rate.device-price {
    margin-top: 17px;
}

.enrollment__review-order .energy-services table,
.enrollment__review-order .electricity-services table,
.enrollment__review-order .gas-services table {
    margin-top: 20px;
}

.enrollment__review-order .energy-services .plan-summary-image,
.enrollment__review-order .electricity-services .plan-summary-image,
.enrollment__review-order .gas-services .plan-summary-image {
    position: absolute;
    left: 20px;
    top: 0;
}

.enrollment__review-order .energy-services .plan-summary-image img,
.enrollment__review-order .electricity-services .plan-summary-image img,
.enrollment__review-order .gas-services .plan-summary-image img {
    max-width: 60px;
}

@media only screen and (max-width:767px) {
    .enrollment__review-order .energy-services .plan-summary-image,
    .enrollment__review-order .electricity-services .plan-summary-image,
    .enrollment__review-order .gas-services .plan-summary-image {
        position: relative;
    }
}

.enrollment__review-order .energy-services .plan-summary,
.enrollment__review-order .electricity-services .plan-summary,
.enrollment__review-order .gas-services .plan-summary {
    padding-left: 100px;
    position: relative;
    margin: 20px 0 40px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 30px;
}

.enrollment__review-order .energy-services .plan-summary:last-child,
.enrollment__review-order .electricity-services .plan-summary:last-child,
.enrollment__review-order .gas-services .plan-summary:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.enrollment__review-order .energy-services .plan-summary.no-img,
.enrollment__review-order .electricity-services .plan-summary.no-img,
.enrollment__review-order .gas-services .plan-summary.no-img {
    padding-left: 0;
}

.enrollment__review-order .energy-services .plan-summary .items-monthly,
.enrollment__review-order .electricity-services .plan-summary .items-monthly,
.enrollment__review-order .gas-services .plan-summary .items-monthly {
    margin-top: 20px;
}

@media only screen and (max-width:767px) {
    .enrollment__review-order .energy-services .plan-summary,
    .enrollment__review-order .electricity-services .plan-summary,
    .enrollment__review-order .gas-services .plan-summary {
        padding-left: 0;
    }
}

.enrollment__review-order .energy-services .plan-summary tr.ez-pay,
.enrollment__review-order .electricity-services .plan-summary tr.ez-pay,
.enrollment__review-order .gas-services .plan-summary tr.ez-pay {
    border: 2px solid #0071b9;
}

.enrollment__review-order .energy-services .plan-summary td,
.enrollment__review-order .electricity-services .plan-summary td,
.enrollment__review-order .gas-services .plan-summary td {
    border: none;
}

.enrollment__review-order .energy-services .plan-summary td .blue,
.enrollment__review-order .electricity-services .plan-summary td .blue,
.enrollment__review-order .gas-services .plan-summary td .blue {
    color: #0071b9;
    font-size: 15px;
    font-weight: 600;
}

.enrollment__review-order .energy-services .contact,
.enrollment__review-order .electricity-services .contact,
.enrollment__review-order .gas-services .contact {
    float: left;
    width: 100%;
}

@media only screen and (max-width:767px) {
    .enrollment__review-order .energy-services .contact,
    .enrollment__review-order .electricity-services .contact,
    .enrollment__review-order .gas-services .contact {
        word-wrap: break-word;
        margin-bottom: 10px;
    }
}

.enrollment__review-order .energy-services h2,
.enrollment__review-order .electricity-services h2,
.enrollment__review-order .gas-services h2 {
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
    color: #333;
    font-size: 20px;
}

.enrollment__review-order .energy-services h3,
.enrollment__review-order .electricity-services h3,
.enrollment__review-order .gas-services h3 {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
}

.enrollment__review-order .energy-services footer,
.enrollment__review-order .electricity-services footer,
.enrollment__review-order .gas-services footer {
    text-align: right;
}

.enrollment__review-order .energy-services p,
.enrollment__review-order .electricity-services p,
.enrollment__review-order .gas-services p {
    margin: 0 0 5px;
    font-size: 16px;
}

.enrollment__review-order .card-details .notice.alert {
    background-image: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid #ffe973;
    border-bottom: 1px solid #ffe973;
    border-left: none;
    border-right: none;
    padding: 20px;
    margin: -21px -20px 20px;
    font-size: 18px;
    color: #013c5b;
}

.enrollment__review-order .card-details .notice.alert h3 {
    font-size: 20px;
    font-weight: 600;
    color: #f20000;
}

.enrollment__review-order .card-details footer.autopay-activation {
    background-image: url("../images/i/bg/autopay-activation-bg.png");
    background-repeat: no-repeat;
    background-position: 35px -80px;
    background-color: #2d9a36;
    padding: 10px 30px 30px;
}

.enrollment__review-order .card-details footer.autopay-activation h2 {
    font-size: 30px;
}

.enrollment__review-order .card-details footer.autopay-activation h2,
.enrollment__review-order .card-details footer.autopay-activation p,
.enrollment__review-order .card-details footer.autopay-activation label {
    color: #fff;
}

.enrollment__review-order .card-details footer.autopay-activation p {
    max-width: 400px;
}

.enrollment__review-order .card-details footer.autopay-activation label.autopay {
    font-size: 22px;
    font-weight: 400;
    padding-left: 5px;
}

.enrollment__single-page .plan-summary {
    background: -28px 14px no-repeat;
    background-color: #fafafa;
    background-image: url('../images/i/enrollment/energy_icon_light.png');
    margin-bottom: 20px!important;
    padding: 20px 15px 20px 30px!important;
    border: 1px solid #e7e7e7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px 2px rgba(248, 161, 49, .5);
    -webkit-box-shadow: 0 0 5px 2px rgba(248, 161, 49, .5);
    box-shadow: 0 0 5px 2px rgba(248, 161, 49, .5);
}

.enrollment__single-page .plan-summary .esi-id {
    font-size: 14px;
    margin-bottom: 0;
}

.enrollment__single-page .plan-summary .esi-id label {
    font-size: 14px;
    min-width: 0;
    margin-bottom: 0;
}

.enrollment__single-page .plan-summary .service-address {
    font-size: 18px;
}

.enrollment__single-page .plan-summary .service-address label {
    font-size: 18px;
    min-width: 0;
    margin-bottom: 0;
}

.enrollment__single-page .plan-summary .plan-info {
    display: inline-block;
}

.enrollment__single-page .plan-summary .edit-address {
    float: right;
    margin-top: 10px;
}

.enrollment__single-page .plan-summary .edit-address button {
    background-image: none;
    background-color: #fff;
    color: #178fcd;
    border: 1px solid #c7c7c7;
    margin-right: 10px;
    text-shadow: none;
    padding: 10px 20px;
}

.enrollment__single-page .plan-summary .edit-address.continue-button {
    margin-top: 30px;
}

@media only screen and (max-width:1024px) {
    .enrollment__single-page .plan-summary .edit-address {
        float: none;
    }
}

.enrollment__single-page .plan-summary .address-group {
    display: inline-block;
    width: 75%;
}

.enrollment__single-page .plan-summary .address-group .typeahead {
    width: 100%;
}

.enrollment__single-page .offer-info .content {
    background-color: #fdfdfd;
    padding-bottom: 0;
}

.enrollment__single-page .plans-table-wrapper {
    margin: 0 -20px;
}

.enrollment__single-page .plans-table-wrapper .plan-selection-table {
    margin-bottom: 5px;
}

.enrollment__single-page .plans-table-wrapper .plan-selection-table tbody {
    background-color: #fdfdfd;
}

.enrollment__single-page .contact-info .contact-read-only {
    margin-bottom: 0;
}

.enrollment__single-page .contact-info header a {
    float: right;
    padding-top: 14px;
}

.enrollment__single-page .contact-info dl {
    margin: 0 0 10px;
}

.enrollment__single-page .contact-info dl dt {
    font-weight: 600;
    margin-top: 10px;
}

.enrollment__single-page .contact-info dl dd {
    margin-left: 0;
    font-size: 18px;
}

.enrollment__single-page .contact-info .additional-content {
    margin-bottom: 0;
}

.enrollment__single-page .contact-info .additional-field-group {
    margin: 0 -20px 20px;
}

.enrollment__single-page .contact-info .additional-field-group.secondary-phone-group:before,
.enrollment__single-page .contact-info .additional-field-group.secondary-phone-group:after {
    left: 62%;
}

.enrollment__single-page .contact-info .additional-field-group.secondary-phone-group.contact-editing {
    margin-top: 0;
}

.enrollment__single-page .contact-info .additional-field-group.secondary-phone-group.contact-editing:before,
.enrollment__single-page .contact-info .additional-field-group.secondary-phone-group.contact-editing:after {
    left: 12%;
}

.enrollment__single-page .contact-info .additional-phone-number {
    padding-left: 0!important;
}

.enrollment__single-page .contact-info .help-text {
    color: #000;
    font-size: 14px;
}

.enrollment__order-confirmation {
    margin-top: 20px;
}

.enrollment__order-confirmation .print {
    float: right;
    font-size: 14px;
    margin-top: 5px;
}

.enrollment__order-confirmation .print i {
    margin-top: -3px;
}

.enrollment__order-confirmation .order-complete-heading {
    width: 100%;
}

.enrollment__order-confirmation .order-complete-date {
    float: right;
    width: auto;
    margin: 10px 0;
}

.enrollment__order-confirmation .notice.alert {
    background-image: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid #ffe973;
    border-bottom: 1px solid #ffe973;
    border-left: none;
    border-right: none;
    padding: 20px;
    margin: 0 -20px 15px;
}

.enrollment__order-confirmation .next-steps .confirmation-number {
    font-weight: 400;
}

.enrollment__order-confirmation .next-steps .mobile-header-content {
    color: #013c5b;
}

.enrollment__order-confirmation .next-steps .mobile-header-content .account-number {
    font-size: 24px;
    font-weight: 400;
}

.enrollment__order-confirmation .next-steps .mobile-header-content h3 {
    margin-top: 20px;
}

.enrollment__order-confirmation .next-steps .mobile-header-content .contact,
.enrollment__order-confirmation .next-steps .mobile-header-content .details,
.enrollment__order-confirmation .next-steps .mobile-header-content .note {
    font-weight: 400;
    font-size: 18px;
}

.enrollment__order-confirmation .next-steps .mobile-header-content .contact.name,
.enrollment__order-confirmation .next-steps .mobile-header-content .details.name,
.enrollment__order-confirmation .next-steps .mobile-header-content .note.name {
    font-weight: 500;
    font-size: 20px;
}

.enrollment__order-confirmation .next-steps .mobile-header-content .note {
    margin: 30px 0;
    max-width: 500px;
}

.enrollment__order-confirmation .next-steps footer {
    padding: 0;
}

.enrollment__order-confirmation .next-steps footer .border {
    background-image: url("../images/i/bg/stream-account-header.png");
    background-position: 0 0;
    height: 5px;
}

.enrollment__order-confirmation .next-steps footer .stream-account {
    background-color: #97c93d;
    color: #fff;
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 20px;
}

.enrollment__order-confirmation .next-steps footer .content {
    padding: 20px;
    background-color: #f2f6f9;
}

.enrollment__order-confirmation .next-steps footer .content .contact {
    font-weight: 300;
    font-size: 18px;
    color: #013c5b;
}

.enrollment__order-confirmation .next-steps .content {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px;
}

.enrollment__order-confirmation .next-steps .step {
    display: inline-block;
    width: 32%;
    vertical-align: top;
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .next-steps .step {
        display: block;
        width: 100%;
        margin-top: 10px;
    }
}

.enrollment__order-confirmation .next-steps .step .step-number {
    display: table-cell;
    font-size: 40px;
    line-height: 1.1;
}

.enrollment__order-confirmation .next-steps .step .step-number.number-one {
    padding-right: 11px;
}

.enrollment__order-confirmation .next-steps .step .step-description {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .next-steps .step .step-description {
        vertical-align: middle;
    }
}

.enrollment__order-confirmation .promo-box {
    min-height: 120px;
}

.enrollment__order-confirmation dl {
    margin-bottom: 20px;
}

.enrollment__order-confirmation dl dt {
    display: inline-block;
    font-weight: 600;
}

.enrollment__order-confirmation dl dd {
    display: inline-block;
    text-align: left;
    margin-bottom: 10px;
}

.enrollment__order-confirmation .plan-documents .docs {
    text-align: right;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment__order-confirmation .plan-documents .docs {
        width: 40%;
    }
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .plan-documents .docs {
        text-align: left;
        margin-bottom: 10px;
    }
}

.enrollment__order-confirmation .plan-documents .docs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.enrollment__order-confirmation .monthly-cost .content {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px;
    padding: 30px 30px 20px;
}

.enrollment__order-confirmation .monthly-cost .content .plan-summary {
    padding-left: inherit;
}

.enrollment__order-confirmation .confirm-personal-info .content {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.enrollment__order-confirmation .confirm-personal-info .content p:last-child {
    margin-bottom: 0;
}

.enrollment__order-confirmation .confirm-personal-info .grid {
    margin-top: 10px;
}

.enrollment__order-confirmation .confirm-personal-info .grid .personal-info .label {
    width: 170px;
    float: left;
    font-weight: 700;
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .confirm-personal-info .grid .personal-info .label {
        width: 100%;
    }
}

.enrollment__order-confirmation .confirm-personal-info .grid .personal-info .info {
    float: left;
    width: calc(100% - 170px);
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .confirm-personal-info .grid .personal-info .info {
        width: 100%;
    }
}

.enrollment__order-confirmation .confirm-personal-info .contact {
    float: left;
    width: 100%;
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .confirm-personal-info .contact {
        word-wrap: break-word;
        margin-bottom: 10px;
    }
}

.enrollment__order-confirmation .confirm-personal-info a {
    font-size: 15px;
}

.enrollment__order-confirmation .confirm-personal-info h2 {
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
    color: #333;
    font-size: 24px;
}

.enrollment__order-confirmation .confirm-personal-info .terms .term {
    margin-bottom: 5px;
}

.enrollment__order-confirmation .confirm-personal-info .terms .term .check {
    width: 16px;
    height: 24px;
    float: left;
}

.enrollment__order-confirmation .confirm-personal-info .terms .term .check.background {
    background: url("../images/i/icon/gray-check.png") no-repeat left 6px;
}

.enrollment__order-confirmation .confirm-personal-info .terms .term .check span {
    font-weight: 600;
}

.enrollment__order-confirmation .confirm-personal-info .terms .term .text {
    margin-top: 10px;
    margin-left: 15px;
    height: 100px;
    overflow-y: scroll;
    padding: 5px;
    border: 1px solid #e9e9e9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.enrollment__order-confirmation .confirm-personal-info .terms .term .text :first-child {
    margin-top: 0;
}

.enrollment__order-confirmation .confirm-personal-info .terms .term p {
    margin-left: 15px;
}

.enrollment__order-confirmation .confirm-personal-info .disclosure-documents {
    float: left;
}

.enrollment__order-confirmation .services-header .service-title,
.enrollment__order-confirmation .commercial-services-header .service-title {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
}

.enrollment__order-confirmation .services-header .service-description {
    display: inline-block;
    float: right;
    font-size: 14px;
    color: #979797;
    padding-top: 3px;
}

.enrollment__order-confirmation .content {
    background-color: #fff;
}

.enrollment__order-confirmation .electricity-services .condition,
.enrollment__order-confirmation .gas-services .condition {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.enrollment__order-confirmation .electricity-services .model,
.enrollment__order-confirmation .gas-services .model {
    margin: 0;
}

.enrollment__order-confirmation .electricity-services .description,
.enrollment__order-confirmation .gas-services .description {
    width: 70%;
    float: none;
    display: inline-block;
}

.enrollment__order-confirmation .electricity-services .line-item,
.enrollment__order-confirmation .gas-services .line-item {
    margin-top: 20px;
}

.enrollment__order-confirmation .electricity-services .line-item .details,
.enrollment__order-confirmation .gas-services .line-item .details {
    color: #4f595e;
}

.enrollment__order-confirmation .electricity-services .rate,
.enrollment__order-confirmation .gas-services .rate {
    width: 28%;
    display: inline-block;
    text-align: right;
    font-weight: 600;
    vertical-align: top;
    float: right;
}

.enrollment__order-confirmation .electricity-services .rate.device-price,
.enrollment__order-confirmation .gas-services .rate.device-price {
    margin-bottom: 17px;
}

.enrollment__order-confirmation .electricity-services .rate.docs,
.enrollment__order-confirmation .gas-services .rate.docs {
    text-align: left;
}

.enrollment__order-confirmation .electricity-services .plan-summary-image,
.enrollment__order-confirmation .gas-services .plan-summary-image {
    position: absolute;
    left: 20px;
    top: 0;
}

.enrollment__order-confirmation .electricity-services .plan-summary-image img,
.enrollment__order-confirmation .gas-services .plan-summary-image img {
    max-width: 60px;
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .electricity-services .plan-summary-image,
    .enrollment__order-confirmation .gas-services .plan-summary-image {
        position: relative;
    }
}

.enrollment__order-confirmation .electricity-services .plan-summary,
.enrollment__order-confirmation .gas-services .plan-summary {
    padding-left: 100px;
    position: relative;
    margin: 20px 0 40px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 30px;
}

.enrollment__order-confirmation .electricity-services .plan-summary .plan-info,
.enrollment__order-confirmation .gas-services .plan-summary .plan-info {
    padding-left: 100px;
}

.enrollment__order-confirmation .electricity-services .plan-summary .subheading,
.enrollment__order-confirmation .gas-services .plan-summary .subheading {
    font-size: 20px;
    font-weight: 500;
    color: #013c5b;
}

.enrollment__order-confirmation .electricity-services .plan-summary:last-child,
.enrollment__order-confirmation .gas-services .plan-summary:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.enrollment__order-confirmation .electricity-services .plan-summary.autopaySpacing,
.enrollment__order-confirmation .gas-services .plan-summary.autopaySpacing {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.enrollment__order-confirmation .electricity-services .plan-summary.autopay,
.enrollment__order-confirmation .gas-services .plan-summary.autopay {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.enrollment__order-confirmation .electricity-services .plan-summary.autopay i.icon-autopay,
.enrollment__order-confirmation .gas-services .plan-summary.autopay i.icon-autopay {
    background-image: url("../images/i/icon/autopay-large.png");
    background-position: 0;
    height: 45px;
    width: 45px;
}

.enrollment__order-confirmation .electricity-services .plan-summary.autopay .description h2,
.enrollment__order-confirmation .electricity-services .plan-summary.autopay .rate h2,
.enrollment__order-confirmation .gas-services .plan-summary.autopay .description h2,
.enrollment__order-confirmation .gas-services .plan-summary.autopay .rate h2 {
    color: #2d9a36;
}

.enrollment__order-confirmation .electricity-services .plan-summary.autopay .rate,
.enrollment__order-confirmation .gas-services .plan-summary.autopay .rate {
    color: #2d9a36;
    font-size: 18px;
    font-weight: 700;
}

.enrollment__order-confirmation .electricity-services .plan-summary.no-img,
.enrollment__order-confirmation .gas-services .plan-summary.no-img {
    padding-left: 0;
}

.enrollment__order-confirmation .electricity-services .plan-summary .items-monthly,
.enrollment__order-confirmation .gas-services .plan-summary .items-monthly {
    margin-top: 20px;
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .electricity-services .plan-summary,
    .enrollment__order-confirmation .gas-services .plan-summary {
        padding-left: 0;
    }
}

.enrollment__order-confirmation .electricity-services .plan-summary .included-thermostat,
.enrollment__order-confirmation .electricity-services .plan-summary .included-skydrop,
.enrollment__order-confirmation .electricity-services .plan-summary .included-skybell,
.enrollment__order-confirmation .gas-services .plan-summary .included-thermostat,
.enrollment__order-confirmation .gas-services .plan-summary .included-skydrop,
.enrollment__order-confirmation .gas-services .plan-summary .included-skybell {
    background-color: #f4f8f9;
    margin: 5px 0 0 0;
    padding: 10px 10px 5px;
    min-width: 200px;
}

.enrollment__order-confirmation .electricity-services .plan-summary .included-thermostat img,
.enrollment__order-confirmation .electricity-services .plan-summary .included-skydrop img,
.enrollment__order-confirmation .electricity-services .plan-summary .included-skybell img,
.enrollment__order-confirmation .gas-services .plan-summary .included-thermostat img,
.enrollment__order-confirmation .gas-services .plan-summary .included-skydrop img,
.enrollment__order-confirmation .gas-services .plan-summary .included-skybell img {
    display: inline-block;
}

.enrollment__order-confirmation .electricity-services .plan-summary .included-thermostat span,
.enrollment__order-confirmation .electricity-services .plan-summary .included-skydrop span,
.enrollment__order-confirmation .electricity-services .plan-summary .included-skybell span,
.enrollment__order-confirmation .gas-services .plan-summary .included-thermostat span,
.enrollment__order-confirmation .gas-services .plan-summary .included-skydrop span,
.enrollment__order-confirmation .gas-services .plan-summary .included-skybell span {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    font-size: 16px;
    margin-left: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.enrollment__order-confirmation .electricity-services .contact,
.enrollment__order-confirmation .gas-services .contact {
    float: left;
    width: 100%;
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .electricity-services .contact,
    .enrollment__order-confirmation .gas-services .contact {
        word-wrap: break-word;
        margin-bottom: 10px;
    }
}

.enrollment__order-confirmation .electricity-services h2,
.enrollment__order-confirmation .gas-services h2 {
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
    color: #333;
    font-size: 20px;
}

.enrollment__order-confirmation .electricity-services h3,
.enrollment__order-confirmation .gas-services h3 {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

.enrollment__order-confirmation .electricity-services footer,
.enrollment__order-confirmation .gas-services footer {
    text-align: right;
}

.enrollment__order-confirmation .electricity-services p,
.enrollment__order-confirmation .gas-services p {
    margin: 0 0 5px;
    font-size: 16px;
}

.enrollment__order-confirmation .electricity-services .plan-summary,
.enrollment__order-confirmation .gas-services .plan-summary {
    padding-left: 0;
}

.enrollment__order-confirmation .electricity-services .plan-info,
.enrollment__order-confirmation .gas-services .plan-info {
    padding-left: 54px!important;
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .electricity-services .plan-info,
    .enrollment__order-confirmation .gas-services .plan-info {
        padding-left: 0!important;
    }
}

.enrollment__order-confirmation .electricity-services .plan-summary-image,
.enrollment__order-confirmation .gas-services .plan-summary-image {
    left: 0;
}

.enrollment__order-confirmation .electricity-services .service-info,
.enrollment__order-confirmation .gas-services .service-info {
    margin: 5px 0;
}

.enrollment__order-confirmation .electricity-services .service-info .label,
.enrollment__order-confirmation .gas-services .service-info .label {
    float: left;
    width: 140px;
    min-height: 1px;
}

.enrollment__order-confirmation .electricity-services .service-info .info,
.enrollment__order-confirmation .gas-services .service-info .info {
    float: left;
}
.info.serviceaddress {
    width: 200px;
}

.enrollment__order-confirmation .electricity-services .service-info .info p,
.enrollment__order-confirmation .gas-services .service-info .info p {
    margin: 0;
}

.enrollment__order-confirmation .electricity-services .service-info.commercial .label,
.enrollment__order-confirmation .gas-services .service-info.commercial .label {
    width: 40%;
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .electricity-services .service-info .label,
    .enrollment__order-confirmation .gas-services .service-info .label {
        width: 100%;
    }
    .enrollment__order-confirmation .electricity-services .service-info .info,
    .enrollment__order-confirmation .gas-services .service-info .info {
        margin-left: 30px;
    }
}

.enrollment__order-confirmation .electricity-services .description.sub-charge,
.enrollment__order-confirmation .gas-services .description.sub-charge {
    width: 180px;
    float: left;
}

.enrollment__order-confirmation .electricity-services .rate.sub-charge,
.enrollment__order-confirmation .gas-services .rate.sub-charge {
    width: auto;
    font-weight: 300;
    float: left;
}

.enrollment__order-confirmation .electricity-services .rate.sub-charge ul,
.enrollment__order-confirmation .gas-services .rate.sub-charge ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.enrollment__order-confirmation .electricity-services .rate.sub-charge ul li,
.enrollment__order-confirmation .gas-services .rate.sub-charge ul li {
    display: inline-block;
}

.enrollment__order-confirmation .electricity-services .rate.sub-charge ul li :after,
.enrollment__order-confirmation .gas-services .rate.sub-charge ul li :after {
    content: "|";
    margin: 0 5px 0 10px;
}

.enrollment__order-confirmation .electricity-services .rate.sub-charge ul li:last-child :after,
.enrollment__order-confirmation .gas-services .rate.sub-charge ul li:last-child :after {
    content: none;
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation .electricity-services .rate.sub-charge ul li,
    .enrollment__order-confirmation .gas-services .rate.sub-charge ul li {
        display: flex;
    }
    .enrollment__order-confirmation .electricity-services .rate.sub-charge ul li :after,
    .enrollment__order-confirmation .gas-services .rate.sub-charge ul li :after {
        content: none;
    }
}

.enrollment__order-confirmation .electricity-services .contract-dates,
.enrollment__order-confirmation .gas-services .contract-dates {
    background-color: #f2f2f2;
    margin: 20px -20px;
    padding: 20px;
}

.enrollment__order-confirmation .electricity-services .contract-dates .contract-start,
.enrollment__order-confirmation .electricity-services .contract-dates .contract-end,
.enrollment__order-confirmation .gas-services .contract-dates .contract-start,
.enrollment__order-confirmation .gas-services .contract-dates .contract-end {
    width: calc(50% - 6px);
    float: left;
    text-align: center;
}

.enrollment__order-confirmation .electricity-services .contract-dates .contract-start .label,
.enrollment__order-confirmation .electricity-services .contract-dates .contract-end .label,
.enrollment__order-confirmation .gas-services .contract-dates .contract-start .label,
.enrollment__order-confirmation .gas-services .contract-dates .contract-end .label {
    font-weight: 700;
}

.enrollment__order-confirmation .electricity-services .contract-dates .contract-start .sub-label,
.enrollment__order-confirmation .electricity-services .contract-dates .contract-end .sub-label,
.enrollment__order-confirmation .gas-services .contract-dates .contract-start .sub-label,
.enrollment__order-confirmation .gas-services .contract-dates .contract-end .sub-label {
    font-weight: 300;
    text-align: left;
}

.enrollment__order-confirmation .electricity-services .contract-dates .contract-start,
.enrollment__order-confirmation .gas-services .contract-dates .contract-start {
    padding-right: 6px;
}

.enrollment__order-confirmation .electricity-services .contract-dates .contract-start.update,
.enrollment__order-confirmation .gas-services .contract-dates .contract-start.update {
    width: 100%;
    float: left;
    text-align: left;
    padding-left: 20px;
}

.enrollment__order-confirmation .electricity-services .contract-dates .contract-end,
.enrollment__order-confirmation .gas-services .contract-dates .contract-end {
    padding-left: 6px;
}

.enrollment__order-confirmation .electricity-services .contract-dates .arrow,
.enrollment__order-confirmation .gas-services .contract-dates .arrow {
    width: 12px;
    height: 22px;
    float: left;
    background-image: url('../images/i/icon/grey-right-arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment__order-confirmation .electricity-services .contract-dates .arrow,
    .enrollment__order-confirmation .gas-services .contract-dates .arrow {
        background-image: url('../images/i/icon2x/grey-right-arrow.png');
        background-size: 12px 10px;
    }
}

.enrollment__order-confirmation .upgrades {
    margin-top: 20px;
}

.enrollment__order-confirmation .upgrades .upgrades_label {
    font-weight: bold;
    text-transform: uppercase;
}

.enrollment__order-confirmation .upgrades .addons {
    margin-top: 10px;
}

.enrollment__order-confirmation .upgrades .addons .addon {
    clear: both;
    display: inline-block;
    padding-top: 5px;
    width: 100%;
}

.enrollment__order-confirmation .upgrades .addons .addon .addon-name {
    float: left;
}

.enrollment__order-confirmation .upgrades .addons .addon .addon-name .note {
    font-size: 14px;
    padding-left: 24px;
    padding-top: 10px;
}

.enrollment__order-confirmation .upgrades .addons .addon .addon-rate {
    float: right;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
}

@media only screen and (max-width:767px) {
    .enrollment__order-confirmation dl dt,
    .enrollment__order-confirmation dl dd {
        float: none;
        width: 100%;
    }
}

.enrollment__cart {
    margin-bottom: 15px;
    line-height: 1.35;
}

.enrollment__cart .enrollment__box {
    background-color: #fafafa;
}

.enrollment__cart header {
    background-color: #fafafa;
    padding: 15px 17px;
}

.enrollment__cart .content {
    background-color: #fff;
    padding: 15px 17px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px;
}

.enrollment__cart .content .notice.error {
    padding: 10px;
    margin: 15px -5px;
    background-image: none;
    font-size: 13px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.enrollment__cart .content .notice.error .links {
    margin: 10px 0;
}

.enrollment__cart .content .notice.error .links button {
    float: right;
    width: auto;
    margin: -6px 0;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: normal;
    background-image: -moz-linear-gradient(bottom, #287db5 0%, #3891c0 100%);
    background-image: -webkit-linear-gradient(bottom, #287db5 0%, #3891c0 100%);
    background-image: linear-gradient(to top, #287db5 0%, #3891c0 100%);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.enrollment__account-information .cart_footer_btn {
    display: none !important;
}
.enrollment__cart footer {
    padding: 10px 17px;
}

.enrollment__cart footer .commercial .add-address {
    float: left;
    padding: 15px 0;
    font-size: 13px;
}

.enrollment__cart footer .commercial button {
    padding: 10px;
    width: 45%;
}

.enrollment__cart footer button {
    float: right;
    width: auto;
    background-image: -moz-linear-gradient(bottom, #287db5 0%, #3891c0 100%);
    background-image: -webkit-linear-gradient(bottom, #287db5 0%, #3891c0 100%);
    background-image: linear-gradient(to top, #287db5 0%, #3891c0 100%);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.enrollment__cart footer .buttons.energy button {
    width: 100%;
}

.enrollment__cart hr {
    margin: 15px 0;
}

.enrollment__cart h1 {
    font-size: 24px;
    width: auto;
}

.enrollment__cart p {
    font-size: 14px;
}

.enrollment__cart .cart-items {
    float: right;
    margin-right: 10px;
    position: relative;
}

.enrollment__cart .cart-items .item-num {
    position: absolute;
    font-size: 13px;
    font-weight: 600;
    top: -5px;
    right: 8px;
}

.enrollment__cart .icon-close {
    float: right;
    cursor: pointer;
}

.enrollment__cart .documents header {
    border-bottom: none;
}

.enrollment__cart .stream-store {
    padding-bottom: 5px;
}

.enrollment__cart .stream-store header {
    padding: 10px 17px 5px;
    text-align: center;
}

.enrollment__cart .stream-store header img {
    max-width: 80%;
}

.enrollment__cart .stream-store .links {
    text-align: center;
    padding: 0 15px;
    margin-bottom: 10px;
}

.enrollment__cart .stream-store .links .button {
    margin-bottom: 15px;
}

.enrollment__cart .stream-store .stream-store-content img {
    max-width: 33%;
    display: inline-block;
}

.enrollment__cart .stream-store .stream-store-content p {
    max-width: 64%;
    display: inline-block;
    padding: 0 0 0 20px;
    margin-top: 0;
    vertical-align: top;
    font-size: 16px;
}

.enrollment__cart .info {
    padding: 0 17px;
    margin: -15px 0 5px;
    background-color: #fafafa;
}

.enrollment__cart .info li {
    border-top: 1px solid #e2e2e3;
    list-style-type: none;
    padding: 10px 20px 8px 35px;
    font-size: 13px;
    font-weight: 600;
    position: relative;
}

.enrollment__cart .info li i {
    position: absolute;
    top: 10px;
    left: 5px;
}

.enrollment__cart .info li .footnote {
    display: block;
    color: #999;
    font-size: 11px;
    font-style: italic;
    font-weight: 300;
}

.enrollment__cart .outage-information header p {
    text-align: center;
}

.enrollment__cart .outage-information .info li {
    padding-left: 13px;
    text-align: center;
}

.enrollment__cart button,
.enrollment__cart .button {
    width: 100%;
}

.enrollment__cart .cart-item {
    margin: 0 -13px;
    padding: 13px;
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
}

.enrollment__cart .cart-item:first-child {
    padding-top: 0;
}

.enrollment__cart .cart-item:last-child {
    border-bottom: 0;
}

.enrollment__cart .cart-item h2 {
    margin-top: 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
}

.enrollment__cart .cart-item .utiltiy-plan .plan-type {
    font-size: 14px;
    font-weight: 600;
}

.enrollment__cart .cart-item.utility-cart address {
    background-image: url("../images/i/icon/address.png");
    background-repeat: no-repeat;
    padding-left: 30px;
}

.enrollment__cart .cart-item.utility-cart address h3 {
    font-size: 26px;
    text-transform: none;
    color: #000;
    font-weight: 300;
}

.enrollment__cart .cart-item.utility-cart address .selected-header {
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    margin: .5em 0;
}

.enrollment__cart .cart-item.utility-cart address .selected-header button {
    background-color: #fff;
    background-image: none;
    color: #259ad7;
    text-transform: uppercase;
    padding: 1px 3px;
    vertical-align: middle;
    border: 1px solid #259ad7;
    border-radius: 3px;
    width: auto;
    font-size: 8px;
}

.enrollment__cart .cart-item.utility-cart address .selected-header button a {
    font-size: 6px;
}

.enrollment__cart .cart-item.utility-cart address .location {
    background-image: url("../images/i/icon/selected.png");
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 13px;
    display: block;
}

.enrollment__cart .cart-product {
    margin: 10px 0;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
}

.enrollment__cart .cart-product:last-child {
    margin-bottom: 0;
}

.enrollment__cart .utility-cart-product {
    margin: 5px 0;
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 30px;
    display: block;
}

.enrollment__cart .utility-cart-product.Electricity {
    background-image: url("../images/i/icon/electric.png");
}

.enrollment__cart .utility-cart-product.Gas {
    background-image: url("../images/i/icon/gas-cart.png");
}

.enrollment__cart .utility-cart-product h3 {
    font-size: 26px;
    text-tranform: none;
    color: #000;
    font-weight: 300;
}

.enrollment__cart .utility-cart-product p.selected-header {
    font-size: 10px;
    color: #000;
    text-transform: uppercase;
    font-weight: 800;
    margin: .5em 0;
}

.enrollment__cart .utility-cart-product button, .removeBtEcoplus{
    background-color: #fff;
    background-image: none;
    color: #259ad7;
    text-transform: uppercase;
    padding: 1px 3px;
    vertical-align: middle;
    border: 1px solid #259ad7;
    border-radius: 3px;
    width: auto;
    font-size: 6px;
    margin-right: 5px;
}

.enrollment__cart .utility-cart-product button a {
    font-size: 6px;
}

.enrollment__cart .utility-cart-product .description {
    width: 100%;
    float: none;
    background-image: url("../images/i/icon/selected.png");
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 13px;
}

.enrollment__cart .utility-cart-product .rate {
    width: 100%;
    float: none;
    text-align: left;
    font-size: 10px;
    padding-left: 13px;
    font-weight: 400;
}

.enrollment__cart .utility-cart-product .rateEco {
    width: 100%;
    float: none;
    text-align: left;
    font-size: 10px;
    padding-left: 13px;
    font-weight: 400;
}

.enrollment__cart .utility-cart-product .rate span {
    color: #000;
    display: inline-block;
}

.enrollment__cart .utility-cart-product .rate .energy-unit {
    color: #000;
    font-size: 10px;
    font-weight: 400;
    display: inline;
    text-transform: none;
}

.enrollment__cart .utility-cart-product .upgrades .selected-header {
    clear: both;
    display: block;
    text-align: left;
}

.enrollment__cart .utility-cart-product .upgrades .logo {
    margin-right: 30px;
}

.enrollment__cart .utility-cart-product .upgrades .price,
.enrollment__cart .utility-cart-product .upgrades .note {
    color: #000;
    display: block;
    font-size: 10px;
    margin: 5px 0;
    padding-left: 13px;
}

.enrollment__cart .today-product {
    margin: 10px 0;
}

.enrollment__cart .today-product:last-child {
    margin-bottom: 0;
}

.enrollment__cart .today-product .description {
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.enrollment__cart .today-product .description.fee {
    font-size: 16px;
    font-weight: 300;
    margin: 3px 0;
    width: 70%;
    clear: left;
    line-height: 1em;
}

.enrollment__cart .today-product .description.fee.main-product {
    color: #00a8e1;
}

.enrollment__cart .today-product .description.fee.sub-line {
    padding-left: 10px;
}

.enrollment__cart .today-product .rate {
    font-weight: 400;
}

.enrollment__cart .monthly-product {
    margin: 5px 0;
}

.enrollment__cart .monthly-product:last-child {
    margin-bottom: 0;
}

.enrollment__cart .monthly-product .description {
    font-weight: 600;
    font-size: 16px;
}

.enrollment__cart .monthly-product .rate {
    font-weight: 400;
}

.enrollment__cart .monthly-product .addons {
    clear: both;
    padding-top: 5px;
}

.enrollment__cart .monthly-product .addons .label {
    float: left;
}

.enrollment__cart .monthly-product .addons .addon-amount {
    float: right;
    text-align: right;
    font-size: 14px;
}

.enrollment__cart .monthly-product .addons .addon-amount .amount {
    font-weight: 600;
}

.enrollment__cart .monthly-product .addons .addon-amount .cancel {
    font-size: 10px;
}

.enrollment__cart .tax p {
    margin: 0;
}

.enrollment__cart .delete {
    cursor: pointer;
    float: right;
    width: 5%;
    margin-top: 5px;
}

.enrollment__cart .rate {
    float: left;
    width: 29%;
    margin-top: 2px;
    text-align: right;
    float: right;
    font-size: 14px;
    font-weight: 600;
}

.enrollment__cart .rate span.energy-unit {
    display: block;
    text-transform: uppercase;
    color: #999;
    font-size: 10px;
}

.enrollment__cart .cart-product {
    min-width: 245px;
}

.enrollment__cart .cart-product .description {
    max-width: 71%;
}

@media only screen and (max-width:1024px) {
    .enrollment__cart .cart-product {
        min-width: 0;
    }
    .enrollment__cart .cart-product .description {
        float: none;
        width: 100%;
    }
    .enrollment__cart .cart-product .rate {
        float: none;
        width: 100%;
    }
}

.enrollment__cart .description {
    position: relative;
    float: left;
    width: 71%;
    font-size: 14px;
    font-weight: 400;
}

@media only screen and (max-width:1024px) {
    .enrollment__cart .description {
        max-width: 65%;
    }
    .enrollment__cart .description .rate {
        float: none;
        text-align: left;
    }
}

.enrollment__cart .description .links {
    clear: both;
}

.enrollment__cart .description a {
    font-size: 13px;
}

.enrollment__cart .description a:last-of-type {
    border: 0;
}

.enrollment__cart .description .options {
    clear: both;
    font-size: 15px;
    color: #666;
}

.enrollment__cart .condition {
    color: #949494;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.enrollment__cart .fees {
    float: left;
    width: 50%;
    font-size: 13px;
    color: #333;
    font-weight: 400;
    margin: 3px 0;
}

.enrollment__cart .avatar {
    text-align: center;
    margin-bottom: 10px;
}

.enrollment__cart address {
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
}

.enrollment__cart address h3 {
    font-size: 12px;
    color: #333;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}

.enrollment__cart address a {
    font-size: 13px;
    font-weight: 400;
}

.enrollment__cart .box {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fdfdfd;
    margin: 15px 0;
    padding: 14px;
    border: 1px solid #ebebeb;
}

.enrollment__cart .box p {
    font-size: 13px;
    margin: 10px 0;
}

.enrollment__cart .box p.alt {
    color: #9a9a9a;
    font-size: 15px;
}

.enrollment__cart .time {
    position: relative;
    padding-left: 43px;
    min-height: 35px;
}

.enrollment__cart .buttons .button {
    display: block;
    width: 100%;
}

.enrollment__cart .content .marketing-empty-cart {
    padding: 15px 0 30px;
    text-transform: uppercase;
    text-align: center;
    color: #ccc;
    font-weight: 600;
    font-size: 16px;
}

.enrollment__cart .billed-title {
    color: #848484;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.enrollment__cart .billed-title i {
    float: right;
}

.enrollment__cart .commercial-cart {
    font-size: 12px;
    font-weight: 400;
}

.enrollment__cart .commercial-cart .address {
    margin-bottom: 20px;
}

.enrollment__cart .commercial-cart .address .address-label {
    text-transform: uppercase;
    margin: 0;
}

.enrollment__cart .billed-monthly h3,
.enrollment__cart .billed-today h3 {
    margin: 10px 0 0;
    font-size: 12px;
    font-weight: 600;
    color: #6b6b6b;
    text-transform: uppercase;
}

.enrollment__cart .billed-monthly .offer,
.enrollment__cart .billed-today .offer {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
}

.enrollment__cart .billed-monthly .amount-due,
.enrollment__cart .billed-today .amount-due {
    margin: 15px 0 0;
    font-size: 15px;
    text-align: right;
}

.enrollment__cart .billed-monthly .amount-due.monthly,
.enrollment__cart .billed-today .amount-due.monthly {
    margin: 30px 0;
}

.enrollment__cart .billed-monthly .amount-due.monthly span.fees,
.enrollment__cart .billed-today .amount-due.monthly span.fees {
    font-weight: 900;
    display: block;
    float: right;
}

.enrollment__cart .billed-monthly .amount-due .total,
.enrollment__cart .billed-today .amount-due .total {
    font-weight: 600;
}

@media only screen and (max-width:767px) {
    .enrollment__cart {
        display: none;
    }
}

.cart-overlay {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    z-index: 9800;
    display: none;
    padding: 20px;
    min-height: 100%;
}

@media only screen and (max-width:1024px) {
    .cart-overlay {
        left: 0;
        background: url(../images/i/white-alpha-90.png) repeat;
        background: rgba(255, 255, 255, .7);
    }
}

.cart-overlay .cart {
    float: none;
    width: auto;
    margin: 20px;
}

.cart-overlay .cart i {
    float: right;
    cursor: pointer;
    margin-right: 10px;
}

.cart-overlay .cart .rate {
    position: absolute;
    float: none;
    right: 60px;
}

@media only screen and (max-width:1024px) {
    .cart-overlay .cart {
        display: block;
    }
}

.cart-overlay .enrollment__cart {
    display: block;
}

.cart-overlay.open {
    display: block;
}

.enrollment-confirmation .confirmation-banner {
    margin-top: -146px;
    margin-bottom: 71px;
    color: #fff;
    font-size: 26px;
}

.enrollment-confirmation .confirmation-banner h1 {
    margin: 0;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
}

@media only screen and (min-width:1025px) {
    .enrollment-confirmation .confirmation-banner {
        padding-top: 20px;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment-confirmation .confirmation-banner {
        margin-bottom: 76px;
    }
}

@media only screen and (min-width:1025px) {
    .enrollment-confirmation .confirmation-banner.no-confirmation {
        padding-top: 40px;
        padding-bottom: 20px;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment-confirmation .confirmation-banner.no-confirmation {
        padding-top: 40px;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width:767px) {
    .enrollment-confirmation .confirmation-banner.no-confirmation {
        margin-top: -153px;
        padding-top: 40px;
    }
}

.enrollment-confirmation .confirmation-banner.no-confirmation h1 {
    position: relative;
}

.enrollment-confirmation .no-confirmation-banner {
    background-color: #0071b9;
    width: 100%;
    height: 112px;
    position: absolute;
    left: 0;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment-confirmation .no-confirmation-banner {
        height: 118px;
        top: 109px;
    }
}

@media only screen and (max-width:767px) {
    .enrollment-confirmation .no-confirmation-banner {
        height: 118px;
    }
}

.enrollment-confirmation aside {
    margin-top: 20px;
}

.enrollment-confirmation aside .promo-box {
    background: #fafafa;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.enrollment-confirmation aside .promo-box .content {
    text-align: center;
}

.enrollment-confirmation aside .promo-box.horizontal {
    padding: 15px;
}

@media only screen and (min-width:768px) {
    .enrollment-confirmation aside .promo-box.horizontal {
        position: relative;
        background: transparent;
        text-align: left;
        padding-left: 20%;
        padding-right: 26%;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .enrollment-confirmation aside .promo-box.horizontal .avatar {
        position: absolute;
        top: 30px;
        left: 0;
        width: 20%;
        text-align: center;
    }
    .enrollment-confirmation aside .promo-box.horizontal p {
        margin: 0;
    }
    .enrollment-confirmation aside .promo-box.horizontal .button {
        position: absolute;
        right: 2%;
        top: 45px;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment-confirmation aside .promo-box {
        margin-top: 0;
    }
}

.banner.enrollment-confirmation-banner {
    color: #fff;
    font-size: 26px;
}

.banner.enrollment-confirmation-banner h1 {
    font-size: 36px;
    font-weight: 600;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .banner.enrollment-confirmation-banner {
        height: 116px;
    }
}

.needHelp2 .modal-body form .item input,
.needHelp2 .modal-body form .item select {
    width: 100%;
}

.needHelp2 .modal-body .buttons button {
    float: right;
}

h3.success-message {
    color: green;
}

.enrollment_progress-bar {
    color: #fff;
    padding: 5px 0;
    background-image: url('../images/i/bg/diamond-background.png');
    background-position: right;
    background-repeat: no-repeat;
    min-height: 50px;
}

@media only screen and (max-width:1024px) {
    .enrollment_progress-bar {
        padding-left: 25px;
    }
    .enrollment_progress-bar .progress {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    .enrollment_progress-bar .progress,
    .enrollment_progress-bar .need-help {
        display: none;
    }
}

.enrollment_progress-bar .progress-bar-cart {
    position: relative;
    color: #333;
}

.enrollment_progress-bar .progress-bar-cart article {
    display: none;
}

.enrollment_progress-bar .progress-bar-cart article.enrollment_cart,
.enrollment_progress-bar .progress-bar-cart article.hide-sidebar-cart {
    display: block;
    border: none;
    background: none;
    margin-top: 25px;
    float: right;
}

.enrollment_progress-bar .progress-bar-cart article.enrollment_cart header,
.enrollment_progress-bar .progress-bar-cart article.hide-sidebar-cart header {
    padding: 0;
}

.enrollment_progress-bar .progress-bar-cart .icon-close {
    display: none;
}

@media only screen and (max-width:1024px) {
    .enrollment_progress-bar .progress-bar-cart .cart-overlay.open+.icon-close {
        display: block;
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 10001;
    }
}

.enrollment_progress-bar .progress-bar-cart .cart-wrapper {
    cursor: pointer;
}

.enrollment_progress-bar .progress-bar-cart .cart-wrapper .cart-items {
    color: #fff;
}

.enrollment_progress-bar .progress-bar-cart .cart-wrapper .cart-items .icon-cart {
    background-image: url('../images/i/bg/cart-white.png');
    background-position: 0;
}

@media(-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:3/2),
(min--moz-device-pixel-ratio:2),
(min-device-pixel-ratio:2),
(min-resolution:144dpi),
(min-resolution:2dppx) {
    .enrollment_progress-bar .progress-bar-cart .cart-wrapper .cart-items .icon-cart {
        background-image: url('../images/i/bg2x/cart-white.png');
        background-size: 27px 23px;
    }
}

.enrollment_progress-bar .progress-bar-cart .cart-wrapper div.enrollment__cart {
    margin-bottom: 0;
    float: right;
}

.enrollment_progress-bar .progress-bar-cart .cart-wrapper div.enrollment__cart article.enrollment_cart {
    margin-bottom: 0;
    margin-top: 15px;
}

.enrollment_progress-bar .progress-bar-cart .cart-wrapper div.enrollment__cart header {
    background: none;
    border: none;
    padding-top: 0;
}

.enrollment_progress-bar .progress-bar-cart .cart-wrapper div.enrollment__cart h1,
.enrollment_progress-bar .progress-bar-cart .cart-wrapper div.enrollment__cart .content,
.enrollment_progress-bar .progress-bar-cart .cart-wrapper div.enrollment__cart footer {
    display: none;
}

.enrollment_progress-bar .progress-bar-cart .arrow {
    height: 25px;
    width: 25px;
    position: absolute;
    right: 12px;
    top: 50px;
    transform: rotate(45deg);
    background: #fff;
    z-index: 10000;
}

.enrollment_progress-bar .progress-bar-cart .cart-overlay {
    padding: 0 15px;
    background: #fff;
    top: 60px;
    right: 0;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}

@media only screen and (max-width:1024px) {
    .enrollment_progress-bar .progress-bar-cart .cart-overlay {
        left: auto;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 10000;
    }
    .enrollment_progress-bar .progress-bar-cart .cart-overlay article {
        float: none;
    }
}

.enrollment_progress-bar .progress-bar-cart .cart-overlay header {
    background: #fff;
    padding-left: 0;
}

.enrollment_progress-bar .progress-bar-cart .cart-overlay .cart-items {
    display: none;
}

.enrollment_progress-bar .progress-bar-cart .cart-overlay .content {
    padding-left: 0;
    padding-right: 0;
}

.enrollment_progress-bar .progress-bar-cart .cart-overlay footer {
    display: none;
}

.enrollment_progress-bar .progress-bar-cart.hide-cart .cart-items {
    display: none;
}

.enrollment_progress-bar .cart {
    color: #fff;
    float: right;
    position: relative;
    margin-top: 25px;
}

.enrollment_progress-bar .cart span {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    left: 12px;
    top: -2px;
}

.enrollment_progress-bar.step1 {
    background-color: #0071b9;
}

.enrollment_progress-bar.step1 .step {
    background-color: #0071b9;
}

.enrollment_progress-bar.step1 .step.step1 {
    background-color: #fff;
}

.enrollment_progress-bar.step2 {
    background-color: #0071b9;
}

.enrollment_progress-bar.step2 .step {
    background-color: #0071b9;
}

.enrollment_progress-bar.step2 .step.step1,
.enrollment_progress-bar.step2 .step.step2 {
    background-color: #fff;
}

.enrollment_progress-bar.step3 {
    background-color: #0071b9;
}

.enrollment_progress-bar.step3 .step {
    background-color: #0071b9;
}

.enrollment_progress-bar.step3 .step.step1,
.enrollment_progress-bar.step3 .step.step2,
.enrollment_progress-bar.step3 .step.step3 {
    background-color: #fff;
}

.enrollment_progress-bar.step4 {
    background-color: #0071b9;
}

.enrollment_progress-bar.step4 .step {
    background-color: #0071b9;
}

.enrollment_progress-bar.step4 .step.step1,
.enrollment_progress-bar.step4 .step.step2,
.enrollment_progress-bar.step4 .step.step3,
.enrollment_progress-bar.step4 .step.step4 {
    background-color: #fff;
}

.enrollment_progress-bar.step5 {
    background-color: #0071b9;
}

.enrollment_progress-bar.step5 .progress,
.enrollment_progress-bar.step5 .progress-bar-cart,
.enrollment_progress-bar.step5 .need-help {
    display: none;
}

.enrollment_progress-bar.step3 .inner .need-help,
.enrollment_progress-bar.step4 .inner .need-help {
    background-color: #003d5e;
}

.enrollment_progress-bar .inner {
    width: 1040px;
    margin: auto;
    position: relative;
}

@media only screen and (max-width:1024px) {
    .enrollment_progress-bar .inner {
        width: 100%;
    }
}

.enrollment_progress-bar .inner .step-description {
    float: left;
    width: 373px;
    font-weight: 200;
    font-size: 26px;
}

.enrollment_progress-bar .inner .step-description .stepCount {
    font-weight: 800;
    font-size: 36px;
    line-height: 1;
}

@media only screen and (max-width:767px) {
    .enrollment_progress-bar .inner .step-description {
        width: 100%;
    }
}

.enrollment_progress-bar .inner .progress {
    float: left;
    padding-top: 35px;
    position: relative;
    margin-right: 180px;
}

.enrollment_progress-bar .inner .progress .bar {
    width: 200px;
    height: 1px;
    background: #fff;
}

.enrollment_progress-bar .inner .progress .step {
    border: 2px solid #fff;
    border-radius: 100px;
    height: 25px;
    position: absolute;
    top: 23px;
    width: 25px;
    cursor: pointer;
}

.enrollment_progress-bar .inner .progress .step.step2 {
    left: 30%;
}

.enrollment_progress-bar .inner .progress .step.step3 {
    right: 30%;
}

.enrollment_progress-bar .inner .progress .step.step4 {
    right: 0;
}

.enrollment_progress-bar .inner .inner {
    position: relative;
}

.enrollment_progress-bar .inner .need-help {
    position: absolute;
    top: -5px;
    right: 0;
    padding: 5px 15px;
    background-color: #003d5e;
    color: #fff;
    border-radius: 0 0 5px 5px;
    font-size: 15px;
    font-weight: 600;
}

.enrollment_progress-bar .inner .referred-by-section {
    float: left;
    padding: 10px 0;
}

.enrollment_progress-bar .inner .referred-by-section .associate-image {
    float: left;
    display: inline-block;
    height: 75px;
    width: 75px;
    border: 2px solid #fff;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    border-radius: 75px;
    margin-right: 10px;
}

.enrollment_progress-bar .inner .referred-by-section .ai-right {
    float: left;
    display: block;
}

.enrollment_progress-bar .inner .referred-by-section .ai-right .referred-by {
    display: block;
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
    font-weight: 400;
    float: left;
}

.enrollment_progress-bar .inner .referred-by-section .ai-right .associate-name {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    float: left;
}

.enrollment_progress-bar .inner .referred-by-section .ai-right .associate-level {
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

@media only screen and (max-width:767px) {
    .enrollment_progress-bar .inner .referred-by-section {
        margin-top: 10px;
    }
}

.enrollment_progress-bar.win-back {
    background-color: #0071b9;
    margin-top: -21px;
}

.enrollment_progress-bar.win-back .step-description {
    width: auto;
}

.enrollment__business-info ul.checkbox-list input[type="text"] {
    width: 200px;
}

.enrollment__business-info ul.checkbox-list select {
    width: 105px;
}

.enrollment__business-info ul.checkbox-list.inline li {
    display: inline-block;
}

.enrollment__business-info div.or-sep label {
    display: inline;
}

.enrollment__business-info .signature {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    width: 100%;
}

.enrollment__business-info .signature.empty {
    background-color: #fff9d2;
    border: 1px solid #ccc;
}

.enrollment__business-info .signature .signature-name {
    font-size: 24px;
    font-family: "ff-market-web", cursive;
    margin-right: 10px;
}

.enrollment__business-info .signature .signature-image img {
    max-width: 100%;
}

.enrollment__business-info .additional-name hr {
    margin: 0;
}

.enrollment__order-notice {
    background: #fff8d7;
}

.enrollment__order-notice .content {
    padding-top: 5px;
}

.enrollment__order-notice header {
    border-bottom: none;
    background: transparent;
}

article.services-box .col {
    position: relative;
}

article.services-box .description {
    margin-right: 40%;
}

article.services-box .avatar {
    position: absolute;
    top: 40px;
    right: 15px;
}

.modal.depositWaiver h3 {
    margin-bottom: 0;
}

.modal.depositWaiver ol li {
    margin-bottom: 20px;
}

.service-type-info {
	margin-bottom: 15px;
}
.service-type-info > span {
	vertical-align: middle;
}

.service-type {
    position: relative;
}

.service-type button {
    background: none;
    border: none;
    box-shadow: none;
    color: #333;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    outline: none;
    vertical-align: middle;
}

.service-type ul.dropdown-menu {
    position: absolute;
    right: inherit;
    top: 35px;
}

.enrollment .share-banner {
    background-color: #0a96d6;
}

.enrollment .share-banner .wrapper {
    padding-bottom: 0;
    color: #fff;
}

.enrollment .share-banner .wrapper h1 {
    margin: .5em 0 0 0;
    color: #fff;
}

.enrollment .share-banner .wrapper p {
    margin: 0;
}

.enrollment .share-banner .wrapper p.link {
    margin-bottom: 1.5em;
}

.enrollment .share-banner .wrapper a {
    color: #fff;
    text-decoration: underline;
}

@media only screen and (min-width:768px)and (max-width:850px) {
    .enrollment .modal .modal-dialog.additional-service {
        width: 750px;
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .enrollment .modal .modal-dialog.additional-service .modal-content .modal-footer button.secondary {
        float: none;
        margin-top: 0;
        margin-right: 10px;
    }
}

.energy-header .grid {
    background-color: #fff;
    padding-bottom: 20px;
}

.energy-header .grid h1 {
    font-size: 60px;
    color: #000;
    margin: 0;
}

.energy-header .grid p {
    margin: 0;
    font-size: 20px;
}

.energy-header .grid p span {
    color: #259ad7;
    font-weight: 600;
}

.energy-header .grid p button {
    font-size: 6px;
    background-color: #fff;
    background-image: none;
    color: #259ad7;
    text-transform: uppercase;
    padding: 2px 3px;
    vertical-align: middle;
    border: 1px solid #259ad7;
    border-radius: 3px;
}

.energy-header .grid .col:first-child {
    width: 70%;
}

.energy-header .grid .col:nth-child(2) {
    text-align: right;
    width: 30%;
}

.energy-header .grid .col:nth-child(2) p {
    font-size: 18px;
    margin: 1em 0;
}

.energy-header .grid .col:nth-child(2) p.compare {
    font-size: 12px;
    margin: 4em 0 3em 0;
    font-style: italic;
}

.energy-header .grid .col:nth-child(2) p.compare span {
    font-weight: 400;
}

.energy-header .grid .col:nth-child(2) p.average-usage {
    font-size: 11px;
    color: #c5c5c5;
    line-height: 2em;
}

.energy-header .grid .col:nth-child(2) p.average-usage span {
    background-color: #259ad7;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 5px;
    float: right;
}

.eco-plus-banner {
    background-color: #83ca89;
    border: 1px solid #aeaeae;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 10px 20px 10px 120px;
    position: relative;
    user-select: none;
}

.eco-plus-banner .logo {
    display: block;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.eco-plus-banner p {
    display: inline-block;
    margin: 0;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .eco-plus-modal .modal-dialog {
        margin-left: 30px;
        margin-right: 30px;
        max-width: 100%;
        width: auto;
    }
}

@media only screen and (max-width:767px) {
    .eco-plus-modal .modal-dialog {
        margin: 0;
    }
}

.eco-plus-modal .modal-close {
    background: #bebdbe;
    border-radius: 50%;
    font-size: 30px;
    font-weight: 400;
    left: -15px;
    position: absolute;
    top: -15px;
}

.eco-plus-modal .modal-header {
    background-image: none;
    text-align: center;
}

.eco-plus-modal .modal-header .pill {
    background-color: #f6881c;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 25px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
}

@media only screen and (max-width:767px) {
    .eco-plus-modal .modal-header .pill {
        margin-bottom: 20px;
    }
}

.eco-plus-modal .modal-header .header-logo {
    display: block;
    margin: 0 auto 20px;
}

.eco-plus-modal .modal-header .subheader {
    color: #40ae49;
    font-style: italic;
    font-size: 28px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: center;
}

@media only screen and (max-width:767px) {
    .eco-plus-modal .modal-header .subheader {
        font-size: 18px;
    }
}

.eco-plus-modal .modal-body {
    padding: 0 30px 30px;
}

@media only screen and (max-width:767px) {
    .eco-plus-modal .modal-body {
        padding: 0 10px 10px;
    }
}

.eco-plus-modal .modal-body .content {
    background-color: #95c83b;
    padding: 30px;
    background-image: url("../images/i/bg/eco-plus_modal-back.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: calc(40% + 30px);
}

.eco-plus-modal .modal-body .content .title {
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    margin: 0 0 20px;
    padding: 0;
}

.eco-plus-modal .modal-body .content .text {
    color: #154329;
    font-size: 24px;
    margin-bottom: 15px;
}

.eco-plus-modal .modal-body .content .text small {
    display: block;
    font-size: 12px;
    margin-top: 10px;
}

.eco-plus-modal .modal-btn {
    background: #bebdbe;
    border: 0;
    font-size: 17px;
    font-weight: 400;
    text-shadow: none;
    line-height: 1em;
    padding: 10px;
}

.eco-plus-modal .modal-btn.green {
    background: #00b055;
    border: 1px solid #62933c;
}

.eco-plus-modal .modal-buttons {
    padding: 10px 0 0;
    width: auto;
}

.eco-plus-modal .modal-buttons .modal-btn {
    margin: 0 0 10px;
    padding: 15px 20px;
    width: 100%;
}

.eco-plus-modal .modal-buttons .modal-btn:last-of-type {
    margin-bottom: 0;
}

.energy-header.hide-medium-large h1 {
    color: #000;
    font-size: 36px;
    margin-bottom: 20px;
}

.planDetailsModal .modal-content {
    border-radius: 5px;
}

@media only screen and (max-width:767px) {
    .planDetailsModal .modal-dialog {
        margin: 0;
    }
}

.plan-details-modal {
    position: relative;
}

.plan-details-modal .modal-header {
    background: none;
    padding: 20px 20px 15px 20px;
}

.plan-details-modal .modal-header .plan-type {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin: 5px 0;
    text-align: center;
}

.plan-details-modal .modal-header .plan-type span {
    padding: 4px 6px 2px 6px;
    border-radius: 5px;
}

.plan-details-modal .modal-header .plan-type .electricity {
    background-color: #f7931e;
}

.plan-details-modal .modal-header .plan-type .variable {
    background-color: #f7931e;
}

.plan-details-modal .modal-header .plan-type .fixed {
    background-color: #0172ba;
}

.plan-details-modal .modal-header h2 {
    font-size: 77px;
    margin: 0;
    font-weight: 300;
    text-align: center;
    color: #000;
}

.plan-details-modal .modal-header p.sub-header {
    font-size: 30px;
    font-weight: 300;
    color: #259ad7;
    font-style: italic;
    text-align: center;
    margin: 0;
}

.plan-details-modal .modal-header a {
    background: url("../images/i/icon/close-circle.png");
    position: absolute;
    top: -22px;
    left: -22px;
    height: 45px;
    width: 45px;
    border: none;
}

.plan-details-modal .modal-body .rate-select {
    margin: 0 auto 25px;
}

@media only screen and (max-width:767px) {
    .plan-details-modal .modal-body .rate-select {
        width: calc(100% - 160px);
    }
}

.plan-details-modal .modal-body .rate-select .rate-header {
    text-align: center;
    margin-bottom: 3px;
}

.plan-details-modal .modal-body .rate-select .rate-header span {
    background-color: #06a7e0;
    color: #fff;
    font-size: 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px;
    font-weight: 600;
}

.plan-details-modal .modal-body .rate-select .rate-container {
    max-width: 480px;
    background-color: #f5f4f5;
    border-radius: 5px;
    border-color: #06a7e0;
    border-width: 1px;
    margin: 0 auto;
    text-align: center;
}

.plan-details-modal .modal-body .rate-select .rate-container .rate {
    display: inline-block;
    border-radius: 5px;
    font-weight: 700;
    margin: 7px 5px;
    padding: 3px 5px;
    text-align: center;
    border: 1px solid #f5f4f5;
}

.plan-details-modal .modal-body .rate-select .rate-container .rate:hover {
    border-color: #06a7e0;
    cursor: pointer;
}

.plan-details-modal .modal-body .rate-select .rate-container .rate.selected {
    background-color: #06a7e0;
    color: #fff;
}

.plan-details-modal .modal-body .cards {
    margin: 0 -50px;
}

.plan-details-modal .modal-body .cards .left-arrows,
.plan-details-modal .modal-body .cards .right-arrows {
    display: inline;
}

.plan-details-modal .modal-body .cards .previous {
    background-image: url("../images/i/icon/previous.png");
    width: 80px;
    height: 80px;
    display: inline-block;
    margin: 55px 10px 30px 0;
    cursor: pointer;
}

.plan-details-modal .modal-body .cards .next {
    background-image: url("../images/i/icon/next.png");
    width: 80px;
    height: 80px;
    display: inline-block;
    margin: 55px 0 30px 10px;
    cursor: pointer;
}

.plan-details-modal .modal-body .cards .card-container {
    display: inline;
}

.plan-details-modal .modal-body .cards .card {
    color: #fff;
    border-radius: 5px;
    width: calc(50% - 120px);
    background-color: #f99d25;
    text-align: center;
    display: inline-block;
    margin: 0 10px;
    vertical-align: top;
    min-height: 191px;
}

.plan-details-modal .modal-body .cards .card .header {
    background-color: #00a8e1;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}

.plan-details-modal .modal-body .cards .card .content {
    margin-top: 30px;
}

.plan-details-modal .modal-body .cards .card .content p {
    margin: 0;
}

.plan-details-modal .modal-body .cards .card .content p.number {
    font-size: 66px;
    font-weight: 600;
    line-height: 60px;
}

.plan-details-modal .modal-body .cards .card .content p.unit {
    font-size: 13px;
    font-weight: 600;
}

.plan-details-modal .modal-body .cards .card .content p.sub-info {
    font-size: 12px;
    font-weight: 300;
    margin: 1em 0;
    opacity: .5;
}

.plan-details-modal .modal-body .cards .card .content .please-select {
    font-size: 27px;
    font-weight: 700;
    line-height: 27px;
    margin: 0 15px 5px;
}

.plan-details-modal .modal-body h3 {
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 0;
    color: #000;
}

.plan-details-modal .modal-body .features {
    margin-top: 50px;
}

.plan-details-modal .modal-body .features ul {
    padding-left: 0;
    margin: 0 0 0 53px;
}

.plan-details-modal .modal-body .features ul li {
    font-size: 18px;
    background: url("../images/i/marketing/redesign/thumbs-up.png") no-repeat;
    padding: 5px 0 5px 25px;
    list-style-type: none;
    background-position: 0 40%;
}

.plan-details-modal .modal-body .buttons {
    text-align: center;
    margin-top: 30px;
}

.plan-details-modal .modal-body .buttons button,
.plan-details-modal .modal-body .buttons a {
    background-image: none;
    color: #fff;
    font-size: 20px;
    border: none;
    margin: 0 5px;
}

.plan-details-modal .modal-body .buttons button.secondary,
.plan-details-modal .modal-body .buttons a.secondary {
    background-color: #c5c5c5;
}

.plan-details-modal .modal-body .buttons button.primary,
.plan-details-modal .modal-body .buttons a.primary {
    background-color: #00a8e1;
}

.plan-details-modal .modal-body p.footnote {
    font-size: 12px;
    text-align: center;
}

.plan-details-modal .modal-footer {
    border-top: none;
    background-color: #f9fafc;
    padding: 50px 70px;
}

.plan-details-modal .modal-footer h3 {
    font-size: 28px;
    margin: 0;
}

.plan-details-modal .modal-footer .grid .col {
    text-align: left;
}

.plan-details-modal .modal-footer .grid .col ul {
    padding-left: 0;
}

.plan-details-modal .modal-footer .grid .col ul li {
    list-style-type: none;
    background: url("../images/i/icon/document.png") no-repeat;
    background-position: left center;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 0 10px 25px;
}

.plan-details-modal .modal-footer .grid .col ul li a {
    color: #000;
}

.plan-details-modal .modal-footer .grid .col dl {
    font-size: 15px;
}

.plan-details-modal .modal-footer .grid .col dl dt {
    font-weight: 600;
}

.plan-details-modal .modal-footer .grid .col dl dd {
    margin-left: 0;
    padding-bottom: 5px;
}

.plan-details-modal .modal-footer p.footnote,
.plan-details-modal .modal-footer div.footnote {
    float: none;
    text-align: left;
    font-size: 11px;
    color: #333;
    overflow: auto;
}

.plan-details-modal .modal-footer p.footnote p,
.plan-details-modal .modal-footer div.footnote p {
    margin-top: 10px;
}

@media only screen and (max-width:767px) {
    .plan-details-modal .modal-header {
        padding-top: 10px;
    }
    .plan-details-modal .modal-header p a {
        background: none;
        position: static;
        float: none;
        font-size: 15px;
        color: #c5c5c5;
        font-weight: 600;
    }
    .plan-details-modal .modal-header .plan-type {
        font-size: 10px;
    }
    .plan-details-modal .modal-header h2 {
        font-size: 36px;
    }
    .plan-details-modal .modal-header p.sub-header {
        font-size: 17px;
    }
    .plan-details-modal .modal-body .cards {
        margin: 0;
    }
    .plan-details-modal .modal-body .cards .left-arrows {
        float: left;
    }
    .plan-details-modal .modal-body .cards .right-arrows {
        float: right;
    }
    .plan-details-modal .modal-body .cards .previous {
        margin-top: 90px;
        background-size: contain;
        width: 70px;
        height: 70px;
        margin-right: 0;
    }
    .plan-details-modal .modal-body .cards .next {
        margin-top: 90px;
        background-size: contain;
        width: 70px;
        height: 70px;
        margin-left: 0;
    }
    .plan-details-modal .modal-body .cards .card-container {
        width: calc(100% - 160px);
        float: left;
    }
    .plan-details-modal .modal-body .cards .card-container .card {
        width: 100%;
        min-height: 121px;
    }
    .plan-details-modal .modal-body .cards .card-container .card .header {
        font-size: 10px;
    }
    .plan-details-modal .modal-body .cards .card-container .card .content {
        margin-top: 20px;
    }
    .plan-details-modal .modal-body .cards .card-container .card .content .number {
        font-size: 36px;
        line-height: 1em;
    }
    .plan-details-modal .modal-body .cards .card-container .card .content .unit {
        font-size: 10px;
    }
    .plan-details-modal .modal-body .cards .card-container .card .content .sub-info {
        font-size: 10px;
        margin-top: 0;
    }
    .plan-details-modal .modal-body .cards .card-container .card:first-child {
        margin-bottom: 10px;
    }
    .plan-details-modal .modal-body h3 {
        font-size: 24px;
    }
    .plan-details-modal .modal-body .features ul {
        margin-left: 20px;
        margin-right: 20px;
    }
    .plan-details-modal .modal-body .features ul li {
        font-size: 14px;
        background-position: 0 0;
    }
    .plan-details-modal .modal-body .buttons {
        display: grid;
    }
    .plan-details-modal .modal-body .buttons button {
        width: 100%;
        height: 45px;
        font-size: 17px;
        margin: 0;
    }
    .plan-details-modal .modal-body .buttons button.primary {
        margin-bottom: 10px;
    }
    .plan-details-modal .modal-body .buttons button.secondary.selected {
        margin-bottom: 10px;
    }
    .plan-details-modal .modal-body .buttons a.secondary {
        width: 100%;
        font-size: 17px;
        padding: 10px;
        margin: 0;
    }
    .plan-details-modal .modal-footer .grid .col {
        text-align: center;
    }
    .plan-details-modal .modal-footer .grid .col ul {
        position: relative;
    }
    .plan-details-modal .modal-footer .grid .col ul li {
        background: none;
        padding-left: 0;
    }
    .plan-details-modal .modal-footer .grid .col ul li:before {
        content: "";
        background: url("../images/i/icon/document.png") left top no-repeat;
        width: 21px;
        height: 25px;
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle;
    }
}

.enrollment__utility-plans .simple-pricing-plans td {
    background-color: #f6f6f7;
    padding: 0;
}

.enrollment__utility-plans .simple-pricing-plans td .slide {
    position: relative;
    padding: 20px;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .arrow {
    background: url("../images/i/enrollment/plan-selector.png");
    background-repeat: no-repeat;
    position: absolute;
    border-top: none;
    padding: 20px;
    top: -19px;
    right: 60px;
}

.enrollment__utility-plans .simple-pricing-plans td .slide h3,
.enrollment__utility-plans .simple-pricing-plans td .slide p {
    text-align: left;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .plan-selection-list {
    text-align: left;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .plan-selection-fees dt {
    float: left;
    text-align: left;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .plan-selection-fees dd {
    width: 60%;
    margin-left: 0;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .simple-plan {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    display: inline-block;
    padding: 15px 20px;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .simple-plan .plan-info {
    float: left;
    border-top: none;
    padding: 0 0 0 50px;
    background-image: url(../images/i/icon/kwh.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    width: 50%;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .simple-plan .plan-info .kwh {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .simple-plan .plan-info .overage {
    margin: 0;
    color: #858686;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .simple-plan .right {
    float: right;
    border-top: none;
    padding: 0;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .simple-plan .right .price {
    margin: 10px 20px 0 0;
    font-weight: 600;
    font-size: 18px;
    color: #013c5b;
    display: inline-block;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .simple-plan .right .enrollment-btn {
    display: inline-block;
}

.enrollment__utility-plans .simple-pricing-plans td .slide .simple-plan .right .enrollment-btn.secondary {
    background-color: #fff;
    background-image: none;
    border: 2px solid #229acd;
    color: #229acd;
}

@media only screen and (max-width:767px) {
    .enrollment__utility-plans .simple-pricing-plans td .slide .arrow {
        display: none;
    }
    .enrollment__utility-plans .simple-pricing-plans td .slide ul.plan-selection-list {
        width: 100%;
    }
    .enrollment__utility-plans .simple-pricing-plans td .slide ul.plan-selection-list li a {
        color: #178fcd;
        font-weight: 500;
    }
    .enrollment__utility-plans .simple-pricing-plans td .slide .plan-selection-fees dt {
        width: 70%;
    }
    .enrollment__utility-plans .simple-pricing-plans td .slide .plan-selection-fees dd {
        width: 25%;
    }
    .enrollment__utility-plans .simple-pricing-plans td .slide .simple-plan .plan-info {
        width: auto;
    }
}

.are-you-sure-modal .modal-dialog {
    width: 600px;
}

@media screen and (max-width:767px) {
    .are-you-sure-modal .modal-dialog {
        margin: 20px;
        width: auto;
    }
}

.are-you-sure-modal .modal-dialog.budget-power {
    width: 620px;
}

@media screen and (max-width:767px) {
    .are-you-sure-modal .modal-dialog.budget-power {
        margin: 20px;
        width: auto;
    }
}

.are-you-sure-modal .modal-content {
    border-radius: 5px;
}

.are-you-sure-modal .modal-header {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 20px;
    position: relative;
    text-align: center;
}

.are-you-sure-modal .modal-header h2 {
    margin: 0;
    padding: 0;
}

.are-you-sure-modal .modal-header .modal-close {
    background: #bebdbe;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    height: 40px;
    left: -15px;
    line-height: 42px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: -15px;
    width: 40px;
}

.are-you-sure-modal .modal-body {
    padding: 20px;
}

.are-you-sure-modal .modal-footer {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    padding: 0 15px 30px;
    text-align: center;
}

.are-you-sure-modal .modal-footer button.green {
    background: #97c93d;
    color: #fff;
    min-width: 200px;
    margin: 0 10px;
}

@media screen and (max-width:767px) {
    .are-you-sure-modal .modal-footer button.green {
        display: block;
        margin: 10px 0;
        width: 100%;
    }
    .are-you-sure-modal .modal-footer button.green:last-of-type {
        margin-bottom: 0;
    }
}

.support section.layout {
    max-width: none;
    padding-bottom: 0;
    background: #fafafa;
}

.support section.layout .support-search {
    height: 370px;
    color: #fff;
    padding: 1px;
    background-size: cover;
}


@media only screen and (max-width:767px) {
    .support section.layout .support-search {
        height: 450px;
    }
}

.support section.layout .support-search.category-search {
    height: 230px;  
   
}

@media only screen and (max-width:767px) {
    .support section.layout .support-search.category-search {
        height: auto;
        padding-bottom: 8px;
    }
}

.support section.layout .support-search.category-search h1 {
    margin: 20px;
}

.support section.layout .support-search h1 {
    font-size: 56px;
    margin: 75px auto 10px;
     
}

@media only screen and (max-width:767px) {
    .support section.layout .support-search h1 {
        margin: 10px auto;
    }
}

.support section.layout .support-search h4 {
    margin: 10px auto 40px;
    
}

.support section.layout .support-search h1,
.support section.layout .support-search h4 {
    text-align: center;
    color: #fff;
    float: none;
     
}

.support section.layout .support-search .search {
    background-color: #fff;
    height: 66px;
    min-width: 650px;
    max-width: 700px;
    margin: 0 auto;
    color: #999;
    border-radius: 5px;
    padding: 0;
    position: relative;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-search .search {
        margin-bottom: 80px;
    }
}

.support section.layout .support-search .search .select {
    position: relative;
    float: left;
    min-width: 180px;
    padding: 22px 10px;
    height: 100%;
    border-right: 1px solid #999;
    background-color: #eff2f3;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-search .search .select {
        top: 70px;
    }
}

.support section.layout .support-search .search .select .selected-category {
    font-size: 20px;
    font-weight: 300;
    margin-right: 30px;
}
.support section.layout .support-search .search .select .selected-category .hide{	
    display:block;	
}
.support section.layout .support-search .search .select .triangle-down {
    height: 0;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #999;
    background-color: #eff2f3;
    position: relative;
    float: right;
    bottom: 19px;
    transition: all linear .5s;
}

.support section.layout .support-search .search .select .triangle-down.flipped {
    transform: rotate(180deg);
    transition: all linear .5s;
}

.support section.layout .support-search .search .input {
    padding: 6px;
    float: left;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-search .search .input {
        position: absolute;
    }
}

.support section.layout .support-search .search .input input[type=text] {
    float: left;
    min-width: 350px;
    margin: 10px 0;
    font-size: 20px;
    border: none;
    box-shadow: none;
}

.support section.layout .support-search .search .input input[type=text]:disabled {
    background: #fff;
}

.support section.layout .support-search .search .input .mag-glass {
    float: right;
    width: 25px;
    height: 24px;
    position: absolute;
    top: 20px;
    right: 15px;
    background-image: url('../images/i/icon/mag-glass.png');
}

.support section.layout .support-search .search .input .searchLoading {
    float: right;
    width: 25px;
    height: 24px;
    position: absolute;
    top: 20px;
    right: 15px;
    background-size: 25px 24px;
    background-image: url('../images/i/icon/loading.gif');
}

.support section.layout .support-search .search .input .dropdown-menu {
    width: 100%;
    left: 0!important;
    top: 90px!important;
    background-color: #eff2f3;
    padding: 0 15px 15px;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-search .search .input .dropdown-menu {
        top: 70px!important;
        padding: 10px;
    }
}

.support section.layout .support-search .search .input .dropdown-menu::before {
    content: "";
    height: 0;
    width: 0;
    display: block;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #eff2f3;
    position: relative;
    bottom: 15px;
    left: 215px;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-search .search .input .dropdown-menu::before {
        display: none;
    }
}

.support section.layout .support-search .search .input .dropdown-menu li {
    padding: 15px 10px;
    border-bottom: 1px solid #dcdfdf;
}

.support section.layout .support-search .search .input .dropdown-menu li:hover {
    cursor: pointer;
}

.support section.layout .support-search .search .input .dropdown-menu li:first-child {
    padding-top: 0;
    border-radius: 5px 5px 0 0;
}

.support section.layout .support-search .search .input .dropdown-menu li:last-child {
    border-bottom: none;
    border-radius: 0 0 5px 5px;
    padding-bottom: 0;
}

.support section.layout .support-search .search .input .dropdown-menu li .typeaheadQuestion {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.support section.layout .support-search .search .input .dropdown-menu li .typeaheadAnswer {
    height: 22px;
    overflow: hidden;
}

.support section.layout .support-search .search .input .dropdown-menu li .typeaheadAnswer p {
    margin: 0;
}

.support section.layout .support-search .search .input .dropdown-menu li.active {
    background-color: #fff;
}

.support section.layout .support-search .search .category-dropdown-container {
    height: 0;
    transition: height .5s ease-in-out;
    overflow: hidden;
    top: 10px;
    position: relative;
    width: 180px;
}

.support section.layout .support-search .search .category-dropdown-container .triangle-up {
    height: 0;
    width: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #eff2f3;
    position: relative;
    top: 0;
    left: 75px;
}

.support section.layout .support-search .search .category-dropdown-container ul.category-dropdown {
    background-color: #eff2f3;
    color: #000;
    border-radius: 5px;
    padding: 10px 10px 0 10px;
    margin: 0;
    width: 100%;
    position: absolute;
    list-style: none;
    z-index: 10;
    font-size: 16px;
}

.support section.layout .support-search .search .category-dropdown-container ul.category-dropdown div {
    padding: 10px;
}

.support section.layout .support-search .search .category-dropdown-container ul.category-dropdown li:hover {
    background-color: #28a5de;
    cursor: pointer;
}

.support section.layout .support-search .search .category-dropdown-container ul.category-dropdown li:hover.noHover {
    background-color: inherit;
    cursor: default;
}

.support section.layout .support-search .search .category-dropdown-container ul.category-dropdown li {
    border-bottom: 1px solid #dcdfdf;
}

.support section.layout .support-search .search .category-dropdown-container ul.category-dropdown li:last-child {
    border: none;
}

.support section.layout .support-search .search .category-dropdown-container ul.category-dropdown ul.state {
    list-style: none;
    padding: 0;
}

.support section.layout .support-search .search .category-dropdown-container ul.category-dropdown ul.state li:first-child {
    border-top: 1px solid #dcdfdf;
}

.support section.layout .support-search .search .category-dropdown-container ul.category-dropdown ul.state li>div {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-left: 30px;
}
.support section.layout .support-search .search .category-dropdown-container ul.category-dropdown ul.state li>div>a {	
   color: #000;	
}
.support section.layout .support-search .search .category-dropdown-container.reveal {
    height: 640px;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-search .search .category-dropdown-container {
        top: 73px;
        width: calc(100% - 20px);
        margin: 0 10px;
    }
}

@media only screen and (max-width:767px) {
    .support section.layout .support-search .search {
        width: calc(100% - 8px);
    }
    .support section.layout .support-search .search .input {
        width: 100%;
        margin: 0 0 5px;
    }
    .support section.layout .support-search .search .input input[type="text"] {
        width: calc(100% - 25px);
        padding: 7px 0;
    }
    .support section.layout .support-search .search .input img.mag-glass {
        right: 0;
    }
    .support section.layout .support-search .search .select {
        width: 100%;
        border-radius: 5px;
        padding: 20px 10px;
        border: none;
    }
}

.support section.layout .tertiary-nav a {
    color: #fff;
}

.support section.layout .support-container {
    padding-bottom: 0;
}

.support section.layout .support-container p {
    font-size: 18px;
}

.support section.layout .support-container .pagination-display {
    width: calc(100% - 100px);
    border-bottom: 2px solid #efefef;
    margin: 20px 50px 0;
}

.support section.layout .support-container .pagination-display p {
    font-size: 20px;
}

.support section.layout .support-container .pagination-display a {
    font-weight: 500;
}

.support section.layout .support-container .pagination-display .per-page {
    margin-left: 10px;
    border-left: 1px solid grey;
    padding-left: 10px;
}

.support section.layout .support-container .pagination-display select {
    width: 60px;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .pagination-display {
        margin: 10px;
    }
}

.support section.layout .support-container .pagination-spacer {
    margin-bottom: 50px;
}

.support section.layout .support-container .pagination-container {
    display: flex;
    margin: 36px auto;
    width: inherit;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .pagination-container {
        margin: 16px auto;
    }
}

.support section.layout .support-container .pagination-container .pagination {
    margin: 0 auto;
    font-size: 18px;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .pagination-container .pagination {
        text-align: center;
        width: 100%;
    }
}

.support section.layout .support-container .pagination-container .pagination div {
    margin: 0 4px;
    float: left;
}

.support section.layout .support-container .pagination-container .pagination div:first-child {
    margin: 0 4px 0 0;
}

.support section.layout .support-container .pagination-container .pagination div:last-child {
    margin: 0 0 0 4px;
}

.support section.layout .support-container .pagination-container .pagination .back>div {
    /* this asset doesn't exist so commenting it out */
    /*background: url(/frontend/assets/i/icon/backward.png) left center no-repeat;*/
    padding-left: 10px;
}

.support section.layout .support-container .pagination-container .pagination .back:hover {
    cursor: pointer;
}

.support section.layout .support-container .pagination-container .pagination .page-numbers .content {
    float: none;
    padding: 0;
}

.support section.layout .support-container .pagination-container .pagination .page-numbers .content .page-number {
    border: 1px solid grey;
    width: 26px;
    text-align: center;
    border-radius: 5px;
}

.support section.layout .support-container .pagination-container .pagination .page-numbers .content .page-number.selected {
    background-color: #28a5de;
    border-color: #28a5de;
    color: #fff;
}

.support section.layout .support-container .pagination-container .pagination .page-numbers .content .page-number:hover {
    cursor: pointer;
}

.support section.layout .support-container .pagination-container .pagination .forward>div {
	/* this asset doesn't exist so commenting it out */
    /* background: url(/frontend/assets/i/icon/forward.png) right center no-repeat; */
    padding-right: 10px;
}

.support section.layout .support-container .pagination-container .pagination .forward:hover {
    cursor: pointer;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .pagination-container .pagination .back,
    .support section.layout .support-container .pagination-container .pagination .page-numbers,
    .support section.layout .support-container .pagination-container .pagination .forward {
        width: auto;
        float: none;
        margin: 0;
        display: inline-block;
    }
    .support section.layout .support-container .pagination-container .pagination .back>div,
    .support section.layout .support-container .pagination-container .pagination .forward>div {
        margin: 10px auto;
        float: none;
        display: table;
    }
    .support section.layout .support-container .pagination-container .pagination .back>div a {
        padding: 10px 10px 10px 0;
    }
    .support section.layout .support-container .pagination-container .pagination .page-numbers {
        margin-bottom: 15px;
    }
    .support section.layout .support-container .pagination-container .pagination .page-numbers .content {
        margin: 10px 0;
    }
    .support section.layout .support-container .pagination-container .pagination .forward>div {
        text-align: right;
    }
    .support section.layout .support-container .pagination-container .pagination .forward>div a {
        padding: 10px 0 10px 10px;
    }
}

.support section.layout .support-container .pagination-container .pagination .disabled {
    color: #000;
}

.support section.layout .support-container .main article.faq-categories {
    margin-bottom: 25px;
    border: 0;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .main article.faq-categories {
        padding: 0;
    }
}

.support section.layout .support-container .main article.faq-categories h1 {
    color: #333;
}

.support section.layout .support-container .main article.faq-categories h4 {
    text-align: center;
}

.support section.layout .support-container .main article.faq-categories p.service-name {
    font-weight: 600;
    font-size: 24px;
}

.support section.layout .support-container .main article.faq-categories .primary {
    margin-bottom: 36px;
}

@media only screen and (max-width:1024px) {
    .support section.layout .support-container .main article.faq-categories .primary {
        margin-bottom: 10px;
    }
}

.support section.layout .support-container .main article.faq-categories .primary h1 {
    margin: 40px auto;
}

.support section.layout .support-container .main article.faq-categories .primary p.service-name {
    text-align: center;
}

.support section.layout .support-container .main article.faq-categories .primary .categories {
    position: relative;
}

.support section.layout .support-container .main article.faq-categories .primary .categories .category {
    width: 25%;
    height: 100%;
    padding: 0 20px;
    margin: 0 auto;
    border-width: 0 2px 0 0;
    border-style: solid;
    border-image: linear-gradient(#fff, #efefef, #fff) 1 100%;
}

.support section.layout .support-container .main article.faq-categories .primary .categories .category>div {
    background-position: top center;
    background-repeat: no-repeat;
    padding: 65px 0 10px;
}

.support section.layout .support-container .main article.faq-categories .primary .categories .category:last-child {
    border: none;
}

.support section.layout .support-container .main article.faq-categories .primary .categories .category:hover {
    cursor: pointer;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .support section.layout .support-container .main article.faq-categories .primary .categories .category {
        width: 50%;
        padding: 0 10px 36px;
        position: relative;
    }
    .support section.layout .support-container .main article.faq-categories .primary .categories .category:nth-of-type(2) {
        border: none;
    }
    .support section.layout .support-container .main article.faq-categories .primary .categories .category:nth-of-type(3),
    .support section.layout .support-container .main article.faq-categories .primary .categories .category:nth-of-type(4) {
        margin-top: 10px;
    }
    .support section.layout .support-container .main article.faq-categories .primary .categories .category:nth-of-type(3):before,
    .support section.layout .support-container .main article.faq-categories .primary .categories .category:nth-of-type(4):before {
        width: 100%;
        height: 2px;
        margin-bottom: 10px;
        content: "";
        display: block;
        background: linear-gradient(to right, #fff, #efefef, #fff);
    }
    .support section.layout .support-container .main article.faq-categories .primary .categories .category:nth-of-type(3) {
        border-width: 0 2px 0 0;
    }
    .support section.layout .support-container .main article.faq-categories .primary .categories .category:nth-of-type(4) {
        border: none;
    }
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .main article.faq-categories .primary .categories .category {
        width: 100%;
        position: relative;
        border-width: 0 0 2px 0;
        border-image: linear-gradient(to right, #fff, #efefef, #fff) 2;
        margin-bottom: 10px;
        padding: 0;
        min-height: 0;
        padding-bottom: 32px;
    }
}

.support section.layout .support-container .main article.faq-categories .secondary {
    border-width: 2px 0 0 0;
    border-style: solid;
    border-image: linear-gradient(to left, #fff, #efefef, #fff) 100% 1;
}

.support section.layout .support-container .main article.faq-categories .secondary .categories {
    padding-bottom: 36px;
    position: relative;
}

.support section.layout .support-container .main article.faq-categories .secondary .categories .category {
    width: 50%;
    float: left;
    height: 100%;
    padding: 0 20px 40px;
}

.support section.layout .support-container .main article.faq-categories .secondary .categories .category>div {
    background-position: top left;
    background-repeat: no-repeat;
    padding: 0 0 0 80px;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .main article.faq-categories .secondary .categories .category {
        width: 100%;
        padding: 0 0 40px 0;
        margin-bottom: 20px;
        position: relative;
    }
    .support section.layout .support-container .main article.faq-categories .secondary .categories .category>div {
        background-position: top center;
        padding: 50px 0 0 0;
    }
    .support section.layout .support-container .main article.faq-categories .secondary .categories .category:first-of-type {
        border-width: 0 0 2px 0;
        border-image: linear-gradient(to right, #fff, #efefef, #fff) 100% 1;
    }
}

.support section.layout .support-container .main .faqs {
    width: 100%;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .main .faqs {
        margin-top: 0;
        padding: 0;
    }
}

.support section.layout .support-container .main .faqs .wrapper {
    padding: 0;
}

.support section.layout .support-container .main .faqs .wrapper .pagination-display {
    width: 100%;
    margin: 0;
    padding: 20px 50px 10px;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .main .faqs .wrapper .content {
        padding: 20px 0;
    }
}

.support section.layout .support-container .main .faqs .wrapper .content .faq:first-child {
    border-top: 2px solid #efefef;
}

.support section.layout .support-container .main .faqs .wrapper .content .faq .question a {
    max-width: calc(100% - 32px);
}

.support section.layout .support-container .main .faqs .wrapper .content .faq .answer-container .answer aside {
    padding: 20px;
}

.support section.layout .support-container .main .faqs .wrapper .content .faq .answer-container .answer .answer-content {
    width: calc(100% - 350px);
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .support section.layout .support-container .main .faqs .wrapper .content .faq .answer-container .answer .answer-content {
        width: calc(100% - 250px);
    }
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .main .faqs .wrapper .content .faq .answer-container .answer .answer-content {
        width: 100%;
        border-bottom: 2px solid #cecece;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .main .faqs .wrapper .content .faq .answer-container .answer aside {
        display: none;
    }
}

.support section.layout .support-container .main .faqs .wrapper .content .faq .answer-container .answer aside .contact {
    margin-top: 28px;
}

.support section.layout .support-container .main .faqs .wrapper .content .faq .answer-container .answer aside .contact div {
    width: calc(100% - 42px);
    float: right;
    padding-left: 16px;
}

.support section.layout .support-container .main .faqs .wrapper .content .faq .answer-container .answer aside h4:first-child {
    margin: 0 0 8px;
}

.support section.layout .support-container .main .faqs header {
    border-bottom: none;
    margin-top: 25px;
}

.support section.layout .support-container .main .faqs header h1 {
    text-align: center;
    font-size: 36px;
    float: none;
}

.support section.layout .support-container .main .faqs .contact.small {
    width: 250px;
    margin: 0 auto 20px;
}

@media only screen and (min-width:768px) {
    .support section.layout .support-container .main .faqs .contact.small {
        display: none;
    }
}

.support section.layout .support-container .category .faqs-heading {
    margin: 40px 50px 0;
    padding-left: 50px;
    border-bottom: 2px solid #efefef;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .support section.layout .support-container .category .faqs-heading {
        padding-left: 42px;
    }
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .category .faqs-heading {
        padding-left: 0;
        margin: 40px 0;
    }
    .support section.layout .support-container .category .faqs-heading h2 {
        text-align: center;
    }
}

.support section.layout .support-container .category .faqs {
    position: relative;
    margin: 0 50px;
}

.support section.layout .support-container .category .faqs article {
    float: left;
    width: calc(100% - 350px);
    position: static;
    min-height: 600px;
}

.support section.layout .support-container .category .faqs article .content {
    padding: 0;
}

.support section.layout .support-container .category .faqs article .content .faq .question a {
    width: calc(100% - 51px);
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .category .faqs article .content {
        margin-bottom: 0;
    }
}

.support section.layout .support-container .category .faqs article .pagination-container {
    position: static;
    width: 100%;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .support section.layout .support-container .category .faqs article {
        width: calc(100% - 225px);
    }
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .category .faqs article {
        width: 100%;
        padding: 0;
        min-height: 0;
    }
}

.support section.layout .support-container .category .faqs aside {
    float: right;
    width: 350px;
    font-size: 16px;
    padding: 20px 50px;
}

.support section.layout .support-container .category .faqs aside h4 {
    margin-top: 0;
}

.support section.layout .support-container .category .faqs aside.top {
    padding-bottom: 0;
}

.support section.layout .support-container .category .faqs aside.top .keyword {
    margin-left: 25px;
}

.support section.layout .support-container .category .faqs aside.top .keyword p {
    margin: 0 0 15px;
}

.support section.layout .support-container .category .faqs aside.top .keyword p a {
    color: inherit;
    font-size: 16px;
}

.support section.layout .support-container .category .faqs aside.top .keyword .selected {
    font-weight: 600;
    color: #28a5de;
}

.support section.layout .support-container .category .faqs aside.top hr {
    border-top: 2px solid #efefef;
    clear: both;
}

.support section.layout .support-container .category .faqs aside.bottom {
    padding-top: 0;
    clear: right;
}

.support section.layout .support-container .category .faqs aside.bottom p {
    font-size: 16px;
    padding: 8px 0;
}

.support section.layout .support-container .category .faqs aside.bottom p>strong {
    font-weight: 600;
}

.support section.layout .support-container .category .faqs aside.bottom p.email {
    word-break: break-word;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .support section.layout .support-container .category .faqs aside {
        width: 225px;
        padding: 20px 0;
    }
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .category .faqs aside {
        width: 100%;
        padding: 20px 0;
    }
    .support section.layout .support-container .category .faqs aside.top {
        padding-top: 0;
    }
    .support section.layout .support-container .category .faqs aside.top .keyword {
        float: left;
        margin: 0 10px;
    }
    .support section.layout .support-container .category .faqs aside.top .keyword:last-of-type {
        float: none;
    }
    .support section.layout .support-container .category .faqs aside.bottom {
        border-top: 2px solid #efefef;
        padding-top: 10px;
        padding-bottom: 0;
    }
}

@media only screen and (max-width:1024px) {
    .support section.layout .support-container .category .faqs {
        margin: 0 20px;
    }
}

.support section.layout .support-container .category .address-footer {
    width: 100%;
    height: 75px;
    background-color: #f7f8f9;
    padding: 27px 50px;
}

.support section.layout .support-container .category .address-footer p {
    font-size: 20px;
    margin: 0;
}

.support section.layout .support-container .category .address-footer img {
    float: left;
    margin-right: 10px;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .category .address-footer {
        height: auto;
        padding: 20px;
    }
}

.support section.layout .support-container .faqs .contact .headset {
    margin-bottom: 30px;
}

.support section.layout .support-container .faqs .contact .headset img {
    float: left;
    margin-right: 36px;
}

@media only screen and (max-width:1024px) {
    .support section.layout .support-container .faqs .contact .headset img {
        margin-right: 20px;
    }
}

.support section.layout .support-container .faqs .contact .headset h4 {
    margin-bottom: 0;
}

.support section.layout .support-container .faqs .contact p {
    margin: 0;
}

.support section.layout .support-container .faqs .content .faq {
    border-bottom: 2px solid #efefef;
}

.support section.layout .support-container .faqs .content .faq .question {
    padding: 15px 0;
}

.support section.layout .support-container .faqs .content .faq .question .plus-minus {
    float: left;
    height: 21px;
    width: 21px;
    margin: 0 20px 0 10px;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .faqs .content .faq .question .plus-minus {
        margin: 0 10px 0 0;
    }
}

.support section.layout .support-container .faqs .content .faq .question .plus-minus .plus {
    width: 21px;
    height: 21px;
    background: url('../images/i/icon/blue-plus-large.png');
}

.support section.layout .support-container .faqs .content .faq .question .plus-minus .plus.minus {
    height: 2px;
    margin: 10px 0 9px;
    background: url('../images/i/icon/blue-plus-large.png') 0 11px;
}

.support section.layout .support-container .faqs .content .faq .question a {
    font-size: 21px;
    color: #666;
    float: left;
}

.support section.layout .support-container .faqs .content .faq .question .faq-category {
    float: right;
    font-size: 19px;
    color: #cbcbcb;
    margin: 0 5px;
}

.support section.layout .support-container .faqs .content .faq .answer-container {
    overflow: hidden;
    width: 100%;
}

.support section.layout .support-container .faqs .content .faq .answer-container .triangle-up {
    height: 0;
    width: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #eff2f3;
    background-color: #fff;
    position: relative;
    top: 0;
    left: 45px;
}

.support section.layout .support-container .faqs .content .faq .answer-container .answer {
    color: #636367;
    max-height: 750px;
    margin-top: -775px;
    overflow: auto;
    position: relative;
    transition: margin-top 500ms;
    background-color: #eff2f3;
}

.support section.layout .support-container .faqs .content .faq .answer-container .answer.reveal {
    margin-top: 0;
}

.support section.layout .support-container .faqs .content .faq .answer-container .answer .answer-content {
    float: left;
    padding: 20px;
}

.support section.layout .support-container .faqs .content .faq .answer-container .answer aside {
    float: right;
    width: 350px;
    font-size: 16px;
    padding: 0 20px 20px;
}

@media only screen and (max-width:1024px) {
    .support section.layout .support-container .faqs .content .faq .answer-container .answer aside {
        width: 250px;
    }
}

.support section.layout .support-container .faqs .content .faq .answer-container .answer .helpful {
    padding: 0 20px;
    width: 100%;
    background-color: #eee;
    float: left;
}

.support section.layout .support-container .faqs .content .faq .answer-container .answer .helpful p {
    margin: 1em 0;
}

.support section.layout .support-container .faqs .content .faq .answer-container .answer .helpful p label {
    margin-right: 5px;
}

@media only screen and (max-width:767px) {
    .support section.layout .support-container .faqs .content .faq .answer-container .answer .helpful p label {
        width: 100%;
        display: block;
    }
}

.support section.layout .support-container .faqs .content .faq .answer-container .answer .helpful p input[type="radio"] {
    margin: 0 5px;
}

.support section.layout .support-container .faqs .content .faq .answer-container .answer .helpful .response {
    border-top: 2px solid #fff;
}

.support section.layout .support-container .faqs .content .faq .answer-container .answer .helpful .response p {
    float: left;
}

.support section.layout .support-container .faqs .content .faq .answer-container .answer .helpful .response .button {
    margin: 15px 0;
    float: right;
}

.support section.layout .secondary-footer {
    background-color: #eff2f3;
    width: 100%;
    padding: 20px 50px;
}

.support section.layout .secondary-footer a {
    font-weight: 700;
}

.support section.layout .secondary-footer .content {
    width: 1040px;
    margin: 0 auto;
    font-size: 21px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .support section.layout .secondary-footer .content {
        width: auto;
        padding: 0 20px;
    }
}

@media only screen and (max-width:767px) {
    .support section.layout .secondary-footer .content {
        width: auto;
        padding: 0 10px;
    }
}

.support-nav {
    min-height: 50px;
    background-color: #28a5de;
    color: #fff;
}

.support-nav ul {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    position: relative;
    display: inline;
    font-size: 16px;
    left: 0;
}

.support-nav ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    white-space: nowrap;
}

.support-nav ul li {
    position: relative;
    overflow: hidden;
}

.support-nav ul li a {
    display: inline-block;
    color: #fff;
    padding: 15px 10px;
}

.support-nav ul li.selected {
    background: url('../images/i/marketing/redesign/nav-second-level-selected-indicator-mobile.png') bottom center no-repeat;
}

.support-nav ul li.selected .triangle {
    display: block;
}

.support-nav ul li.selected a {
    color: #fff;
    font-weight: 600;
}

.support-nav .wrapper {
    overflow: hidden;
}

@media only screen and (max-device-width:1024px) {
    .support-nav .wrapper {
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

.support-modal .modal-header {
    padding-bottom: 40px;
}

.support-modal .modal-header h2 {
    font-size: 34px;
    font-weight: 500;
}

.support-modal .modal-header h2 span {
    font-size: inherit;
    font-weight: inherit;
}

.support-modal .modal-header p {
    padding-right: 130px;
}

@media only screen and (max-width:767px) {
    .support-modal .modal-header p {
        padding-right: 0;
    }
}

.support-modal .modal-header h4 {
    font-size: 24px;
    font-weight: 300;
}

.support-modal .modal-header img.life-preserver {
    position: relative;
    right: 20px;
    bottom: 75px;
    float: right;
}

@media only screen and (max-width:767px) {
    .support-modal .modal-header img.life-preserver {
        display: none;
    }
}

.support-modal .modal-body {
    background: url('../images/i/marketing/redesign/Modules/module_background.png') no-repeat center top;
}

.support-modal .modal-body .content {
    padding: 50px;
}

@media only screen and (max-width:767px) {
    .support-modal .modal-body .content {
        padding: 10px;
        overflow-wrap: break-word;
    }
}

article.support-center-bottom-bar {
    background-color: #f1f1f1;
}

article.support-center-bottom-bar .wrapper {
    padding: 10px 0;
}

article.support-center-bottom-bar p {
    float: left;
    margin: 1em 0;
}

article.support-center-bottom-bar p span {
    color: #28ade0;
}

article.support-center-bottom-bar p.chat {
    float: right;
    background: url('../images/i/icon/support-chat.png') no-repeat left top;
    padding-left: 35px;
}

article.contact.marketing {
    padding: 0;
}

article.contact.request-intro {
    margin-top: 40px;
}

article.contact h1 {
    width: 75%;
    margin: 0 auto 1em auto;
}

article.contact h5 {
    width: 100%;
    margin: 0 auto 1em auto;
    text-align: center;
}

@media only screen and (max-width:767px) {
    article.contact h5 {
        padding: 0 20px;
    }
}

@media only screen and (max-width:767px) {
    article.contact .wrapper {
        padding-bottom: 20px;
    }
}

article.contact .wrapper .form-link {
    margin-top: 0;
    margin-bottom: 1em;
    text-align: center;
}

article.contact .wrapper .category {
    width: 25%;
    border-width: 0 2px 0 0;
    border-style: solid;
    border-image: linear-gradient(#fff, #efefef, #fff) 1 100%;
    padding: 0 10px;
    margin: 0 auto;
}

@media only screen and (max-width:767px) {
    article.contact .wrapper .category {
        width: 100%;
        border-width: 0 0 2px 0;
        border-image: linear-gradient(to right, #fff, #efefef, #fff) 2;
        margin-bottom: 10px;
        text-align: center;
    }
}

article.contact .wrapper .category:last-child {
    border: none;
}

article.contact .wrapper .category h4 {
    text-align: center;
}

article.contact .wrapper .category p a {
    font-weight: 500;
    color: #28a5de;
}

article.contact .wrapper .category>div {
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 60px 0 30px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    article.contact .wrapper .category>div {
        padding: initial initial 10px;
    }
}

article.contact .wrapper .category>div .dropdown-toggle p.link {
    position: relative;
    padding-right: 40px;
}

article.contact .wrapper .category>div .dropdown-toggle p.link:after {
    content: "";
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #28a5de;
    background-color: #fff;
    position: absolute;
    bottom: 8px;
    right: 20px;
}

article.contact .wrapper .category>div .dropdown-menu {
    display: none;
    background-color: #eff2f3;
    color: #000;
    padding: 10px 10px 0 10px;
    margin-top: 8px;
    right: 0;
    min-width: 0;
    width: 175px;
    font-size: 16px;
    border: none;
    box-shadow: #ebebeb 0 0 2px 2px;
}

article.contact .wrapper .category>div .dropdown-menu:before {
    content: "";
    height: 0;
    width: 0;
    border-left: 10px transparent solid;
    border-right: 10px transparent solid;
    border-bottom: 10px solid #eff2f3;
    position: absolute;
    top: -10px;
    right: 18px;
}

article.contact .wrapper .category>div .dropdown-menu li {
    border-bottom: 1px solid #dcdfdf;
    padding: 10px;
}

article.contact .wrapper .category>div .dropdown-menu li>div {
    background-repeat: no-repeat;
    padding-left: 36px;
}

article.contact .wrapper .category>div .dropdown-menu li.icon {
    padding-left: 10px;
}

article.contact .wrapper .category>div .dropdown-menu li:last-child {
    border: none;
}

article.contact .wrapper .category>div .dropdown-menu li:hover {
    background-color: #28a5de;
    cursor: pointer;
}

article.contact .wrapper .category>div .dropdown-menu li[disabled]:hover {
    background-color: initial;
    cursor: initial;
}

article.contact .wrapper .category>div:hover>.dropdown-menu {
    display: block;
}

article.contact.contact-info.Energy {
    position: relative;
    background-image: -moz-linear-gradient(top, #f99d25, #f99d25 8px, #feebd3 8px, #feebd3);
    background-image: -webkit-linear-gradient(top, #f99d25, #f99d25 8px, #feebd3 8px, #feebd3);
    background-image: linear-gradient(to bottom, #f99d25, #f99d25 8px, #feebd3 8px, #feebd3);
}

article.contact.contact-info.Energy :last-child:after,
article.contact.contact-info.Energy :last-child:before,
article.contact.contact-info.Energy :first-child:before {
    display: none;
}

article.contact.contact-info.Energy :first-child:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(249, 157, 37, 0);
    border-bottom-color: #f99d25;
    border-width: 30px;
    margin-left: -30px;
}

@media only screen and (max-width:767px) {
    article.contact.contact-info.Energy :first-child:after {
        display: none;
        visibility: hidden;
    }
}

article.contact.contact-info .wrapper {
    padding: 0;
}

article.contact.contact-info .wrapper .content .grid .col {
    padding-top: 0;
}

article.contact.contact-info .wrapper .content .grid .col p {
    margin-top: .5em;
}

article.contact.contact-info .wrapper .content .grid .col p.address {
    background: url('../images/i/../i/icon/email-small.png') 0% 5% no-repeat;
    padding-left: 45px;
}

article.contact.contact-info .wrapper .content a {
    font-weight: 600;
    color: #28a5de;
}

article.contact.contact-info .wrapper .content hr {
    border-width: 2px 0 0 0;
    border-style: solid;
    border-image: linear-gradient(to right, #fff, #efefef, #fff) 2;
}

article.contact div.request {
    background-color: #f3f6f7;
    border-radius: 0;
    color: #333;
}

article.contact div.request h2 {
    color: #333;
    margin-top: 0;
}

article.contact div.request .wrapper {
    padding: 20px;
}

article.contact div.request .wrapper .grid .col {
    padding: 0;
}

article.contact div.request .wrapper .grid .col .item {
    position: relative;
}

article.contact div.request .wrapper .grid .col .item input,
article.contact div.request .wrapper .grid .col .item select,
article.contact div.request .wrapper .grid .col .item textarea {
    width: 85%;
}

article.contact div.request .wrapper .grid .col .group .item,
article.contact div.request .wrapper .grid .col .item.half-width {
    width: 44.8%;
}

@media only screen and (max-width:767px) {
    article.contact div.request .wrapper .grid .col .group .item,
    article.contact div.request .wrapper .grid .col .item.half-width {
        width: 100%;
    }
}

article.contact div.request .wrapper .grid .col .submit {
    width: 85%;
}

article.contact div.request .wrapper .grid .col .submit button {
    background-color: #257ab3;
    background-image: linear-gradient(#75b7e2, #257ab3);
    float: right;
    color: #fff;
}

article.contact div.request .notice.error {
    background: #136cc1;
    color: #fff;
    border: 0;
    border-radius: 5px;
}

article.contact div.request .item.error span.field-validation-error {
    color: #fcd22b;
}

article.contact div.success-message {
    background-color: #e8e8e8;
}

article.contact div.success-message .wrapper {
    padding: 0;
}

article.contact div.success-message .wrapper h2 {
    text-align: center;
    font-size: 38px;
    margin: 30px 0;
}

article.contact div.success-message .wrapper p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}

article.contact div.success-message .wrapper p a {
    color: #28a5de;
}

article.contact .associate-support {
    margin: 0 auto;
    max-width: 1040px;
}

article.contact .associate-support h1 {
    margin-top: 1em;
}

article.contact .associate-support .address {
    background: url('../images/i/../i/icon/email-small.png') 0% 5% no-repeat;
    padding-left: 45px;
}

article.contact .associate-support .grid .col {
    padding-top: 0;
}

article.faq {
    border: none;
}

article.faq section.faq {
    background-color: #eff2f3;
    padding: 20px;
}

article.faq section.faq:before {
    border-color: #eff2f3;
    border-bottom-color: #eff2f3;
    border-width: 11px;
    margin-left: -11px;
}

article.faq section.faq p.intro {
    margin-top: 0;
}

article.faq section.faq .two-column-faq .grid .col {
    padding-bottom: 20px;
}

article.faq section.faq .two-column-faq .grid .col p {
    padding-right: 20px;
}

article.faq section.faq .one-column-faq {
    padding-bottom: 20px;
}

article.faq section.faq .feedback {
    background-color: #eee;
    margin: -20px;
    padding: 0 20px 20px 20px;
}

article.faq section.faq .feedback hr {
    border-top: 1px solid #fff;
    margin: 15px 0;
}

article.faq section.faq .feedback a.button {
    float: right;
}

article.faq section.faq .feedback textarea {
    margin-top: 10px;
}

#genesys_webchat {
    height: 100%;
    overflow: auto;
    border-left: 1px solid #257ab3;
}

#genesys_webchat.ChatUI {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    position: relative;
    background: #fff;
}

#genesys_webchat.ChatUI.OverlayMode {
    display: none;
    background-color: #fff;
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 400px;
    -webkit-box-shadow: 0 2px 10px 4px #8a8a8a;
    box-shadow: 0 2px 10px 4px #8a8a8a;
}

#genesys_webchat.ChatUI.OverlayMode .transcript {
    padding: 5px 20px;
    box-sizing: border-box;
    overflow-y: auto;
    font-size: 13px;
    line-height: 18px;
    display: none;
    height: 322px;
}

#genesys_webchat.ChatUI.OverlayMode .close {
    display: none;
    color: #fff;
    line-height: 41px;
    text-align: right;
    height: 40px;
    position: absolute;
    top: 12px;
    right: 20px;
    -webkit-transition: opacity .22s ease-in-out;
    -moz-transition: opacity .22s ease-in-out;
    -o-transition: opacity .22s ease-in-out;
    transition: opacity .22s ease-in-out;
    display: none;
}

#genesys_webchat.ChatUI.OverlayMode .close:hover {
    cursor: pointer;
    opacity: 1;
}

#genesys_webchat.ChatUI.PopoutMode .close {
    visibility: hidden;
}

#genesys_webchat.ChatUI .title {
    background-color: #257ab3;
    width: 100%;
    height: 64px;
    font-size: 20px;
    color: #fff;
    padding: 22px;
}

#genesys_webchat.ChatUI .transcript {
    padding: 5px 20px;
    box-sizing: border-box;
    overflow-y: auto;
    font-size: 13px;
    line-height: 18px;
    display: none;
}

#genesys_webchat.ChatUI .transcript p {
    word-wrap: break-word;
    margin: 0 0;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    padding: 1em 0;
}

#genesys_webchat.ChatUI .transcript p.system {
    color: #999;
    float: none;
    background: none;
}

#genesys_webchat.ChatUI .transcript p.system .name {
    display: none;
}

#genesys_webchat.ChatUI .transcript .name {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #222;
}

#genesys_webchat.ChatUI .transcript .them {
    width: 100%;
    text-align: left;
    float: left;
    clear: both;
    color: #2293f9;
}

#genesys_webchat.ChatUI .transcript .you {
    width: 100%;
    float: right;
    clear: both;
    color: #133ba3;
}

#genesys_webchat.ChatUI .isTyping {
    color: #222;
    font-size: 11px;
    position: absolute;
    bottom: 147px;
    background: #e5e5e5;
    width: 100%;
    padding: 1em;
    display: none;
}

#genesys_webchat.ChatUI .input {
    width: 100%;
    height: 114px;
    box-sizing: border-box;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #ccc;
    resize: none;
    padding: 10px;
    overflow: auto;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
}

#genesys_webchat.ChatUI .input.disabled {
    opacity: .5;
}

#genesys_webchat.ChatUI .input-container {
    padding: 5px;
    background: #eceded;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    display: none;
}

#genesys_webchat.ChatUI .input-container p {
    font-size: 13px;
    margin: 5px 0 0;
}

#genesys_webchat.ChatUI .form {
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}

#genesys_webchat.ChatUI .form .welcome {
    width: 288.5px;
    height: 43px;
    margin: .5em 0 1.5em 0;
}

#genesys_webchat.ChatUI .form .item {
    width: 100%;
}

#genesys_webchat.ChatUI .form .item.pull-left {
    padding-right: 5px;
}

#genesys_webchat.ChatUI .form .item.pull-right {
    padding-left: 5px;
}

#genesys_webchat.ChatUI .form .item input,
#genesys_webchat.ChatUI .form .item select {
    width: 100%;
}

#genesys_webchat.ChatUI .form .item button {
    margin-left: 10px;
}

#genesys_webchat.ChatUI .form label {
    display: block;
    font-size: 13px;
}

#genesys_webchat.ChatUI .form label input {
    font-family: Helvetica, Arial, sans-serif;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #bbb;
    height: 43px;
    font-size: 14px;
    padding: 5px;
    margin: 0 0 1.15em 0;
}

#genesys_webchat.ChatUI .form label input.error {
    border-color: red;
}

#genesys_webchat.ChatUI .form label input[name=email] {
    margin-bottom: .5em;
}

#genesys_webchat.ChatUI .form .label_disclaimer {
    font-size: 12px;
    line-height: 16px;
    color: #7f7f7f;
    margin-bottom: 1em;
}

#genesys_webchat.ChatUI .form .form_disclaimer {
    font-size: 12px;
    line-height: 16px;
    color: #222;
}

#genesys_webchat.ChatUI .end {
    color: #fff;
    line-height: 41px;
    text-align: right;
    height: 40px;
    position: absolute;
    top: 12px;
    right: 20px;
    -webkit-transition: opacity .22s ease-in-out;
    -moz-transition: opacity .22s ease-in-out;
    -o-transition: opacity .22s ease-in-out;
    transition: opacity .22s ease-in-out;
    display: none;
}

#genesys_webchat.ChatUI .end:hover {
    cursor: pointer;
    opacity: 1;
}

#genesys_webchat.ChatUI .send {
    display: none;
}

#genesys_webchat.ChatUI .settings-group {
    display: none;
}

#genesys_webchat.ChatUI .transcript>p:last-child {
    margin-bottom: 25px;
}

body.IVR {
    background: #f5f5f4;
}

.rail.left {
    float: left;
    width: calc(70% - 5px);
    margin-right: 10px;
}

.rail.right {
    float: right;
    width: calc(30% - 5px);
}

@media only screen and (max-width:767px) {
    .rail.left {
        margin-right: 0;
    }
    .rail.right {
        width: calc(30% + 5px);
    }
}

section.IVR {
    background-color: #f5f5f4;
    margin-bottom: 0;
    font-family: Montserrat;
    padding: 30px 45px;
}

@media only screen and (max-width:767px) {
    section.IVR {
        padding: 10px 0;
    }
}

section.IVR .box {
    background-color: #fff;
    margin: 5px;
    border: 1px solid #e9e9e8;
}

section.IVR .box .inner {
    padding: 25px 15px;
}

@media only screen and (max-width:767px) {
    section.IVR .box .inner {
        padding: 5px;
    }
}

section.IVR .box .box-title {
    font-size: 16px;
    color: #041c25;
    letter-spacing: .1px;
    text-align: left;
    font-weight: bold;
    padding: 10px 15px;
    border-bottom: 1px solid #d8d8d8;
}

section.IVR .box .box-title.split {
    display: table-cell;
    width: 50%;
    border-bottom: 1px solid #e9e9e8;
    border-right: 1px solid #e9e9e8;
    padding: 15px;
}

section.IVR .box .box-title.split:last-of-type {
    border-right: 0;
}

section.IVR .box.left {
    left: 0;
    margin-left: 0;
}

section.IVR .box.right {
    right: 0;
    margin-right: 0;
}

section.IVR .box.top {
    top: 0;
    margin-top: 0;
}

section.IVR .box.bottom {
    bottom: 0;
    margin-bottom: 0;
}

section.IVR .box.customer-details .info-section {
    width: 100%;
    margin-top: 10px;
}

section.IVR .box.customer-details .info-section .info-piece {
    float: left;
    margin: 0 10px;
    margin-right: 35px;
}

section.IVR .box.customer-details .info-section .info-piece.long {
    width: 15%;
}

section.IVR .box.customer-details .info-section .info-piece.short {
    width: 9%;
}

section.IVR .box.customer-details .info-section .info-piece .label {
    font-size: 10px;
    color: #5d6770;
    letter-spacing: 0;
    font-weight: 600;
    margin-bottom: 5px;
}

section.IVR .box.customer-details .info-section .info-piece .info {
    font-size: 14px;
    color: #041c25;
    letter-spacing: 0;
}

section.IVR .box.customer-details .heading {
    display: table;
    width: 100%;
}

section.IVR .box.script .script-tabs {
    border-bottom: 1px solid #d8d8d8;
}

section.IVR .box.script .script-tabs .script-tab {
    float: left;
    padding: 10px 8px;
    background: #c4c6c7;
}

section.IVR .box.script .script-tabs .script-tab.active {
    background: #fff;
    position: relative;
    font-weight: bold;
}

section.IVR .box.script .script-tabs .script-tab.active::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -4px;
    height: 4px;
    background: #fff;
}

section.IVR .box.script .script-content {
    padding: 15px;
    height: 400px;
    overflow: auto;
}

section.IVR .box.script .script-content h1 {
    font-size: 22px;
}

section.IVR .box.script .script-content h2 {
    font-weight: 16px;
}

section.IVR .box.script .script-content h1,
section.IVR .box.script .script-content h2 {
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
}

section.IVR .box.script .script-content.legal .script-block .script-section {
    display: block;
}

section.IVR .box.script .script-content.legal .script-block .script-section.show-as-sections {
    display: none!important;
}

section.IVR .box.script .script-content.legal .script-block .script-section.show-as-sections.always-displayed,
section.IVR .box.script .script-content.legal .script-block .script-section.show-as-sections.visible {
    display: block!important;
}

section.IVR .box.script .script-content.legal.show-as-sections .script-block .script-section {
    display: none!important;
}

section.IVR .box.script .script-content.legal.show-as-sections .script-block .script-section.always-displayed,
section.IVR .box.script .script-content.legal.show-as-sections .script-block .script-section.visible {
    display: block!important;
}

section.IVR .box.script .script-content .script-block .script-section {
    display: none;
}

section.IVR .box.script .script-content .script-block .script-section.always-displayed,
section.IVR .box.script .script-content .script-block .script-section.visible {
    display: block;
}

section.IVR .box.script .script-content .script-block .script-section .section-heading {
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    background: #e0e0e0;
}

section.IVR .box.script .script-content .script-block .script-section ul {
    list-style-type: none;
}

section.IVR .box.script .script-content .script-block .script-section ul li .heading {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    text-decoration: underline;
}

section.IVR .box.script .script-content .script-block .script-section ul li .text {
    display: block;
    margin-left: 25px;
    margin-bottom: 10px;
    line-height: 1.5;
}

section.IVR .box.categories .category-title,
section.IVR .box.categories div[class^="icon-"],
section.IVR .box.categories .subcategory {
    float: left;
}

section.IVR .box.categories .list-item-container {
    clear: left;
}

section.IVR .box.categories .category .sub-category {
    padding-left: 10px;
    margin-bottom: 5px;
}

section.IVR .box.categories .category .sub-category .sub-item {
    margin-top: 10px;
}

section.IVR .box.categories .category .sub-category .sub-item.tight {
    margin-top: 0;
}

section.IVR .box.categories .category .sub-category .sub-item .sub-items {
    padding: 2px 15px;
}

section.IVR .box.weather .inner {
    padding: 5px;
}

section.IVR .box.weather .inner .aw-fc-status,
section.IVR .box.weather .inner .aw-six-hours,
section.IVR .box.weather .inner aw-six-hours-inner,
section.IVR .box.weather .inner .aw-more-block,
section.IVR .box.weather .inner .aw-more-sep-2,
section.IVR .box.weather .inner aw-more-sep-3,
section.IVR .box.weather .inner .link_get_widget,
section.IVR .box.weather .inner .aw-day-details,
section.IVR .box.weather .inner .aw-arrow-right,
section.IVR .box.weather .inner .aw-get-this-widget,
section.IVR .box.weather .inner .aw-temp-unit {
    display: none!important;
}

section.IVR .box.weather .inner .lt-480 .aw-current-weather-info {
    display: none;
}

section.IVR .box.weather .inner .lt-480 div.aw-widget-36hour-inner {
    min-width: 1px;
}

section.IVR .box.weather .inner .lt-480 div.aw-widget-36hour-inner div.aw-widget-content div.aw-search-temp-unit .aw-search {
    width: calc(100% - 20px)!important;
    margin: auto!important;
    float: none!important;
    display: block;
}

section.IVR .box.weather .inner .lt-480 div.aw-widget-36hour-inner div.aw-widget-content div.aw-header .aw-logo {
    width: 100%!important;
    margin-right: 0!important;
    text-align: center!important;
    float: none!important;
}

section.IVR .box.weather .inner .lt-480 div.aw-widget-36hour-inner div.aw-widget-content div.aw-header .aw-logo img {
    width: 95%!important;
    margin-left: 0!important;
}

section.IVR .box.weather .inner .lt-480 div.aw-widget-36hour-inner div.aw-widget-content a.aw-current-weather {
    padding-top: 106px!important;
}

section.IVR .box.quick-links .links {
    margin-bottom: -15px;
}

section.IVR .box.quick-links .links .link {
    font-size: 14px;
    color: #2b88a2;
    letter-spacing: .08px;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
    padding: 10px 15px;
    margin-bottom: 15px;
    border: 2px solid #2b88a2;
    border-radius: 5px;
    font-weight: bold;
}

section.IVR .box.quick-links .links .link:last-of-type {
    margin-right: 0;
}

section.IVR .box.test-data {
    padding: 15px;
    word-break: break-word;
}

section.IVR .box.test-data .box-title {
    margin-bottom: 15px;
}

section.IVR .box .collapsible-content .items .item.active .title .arrow {
    transform: rotate(180deg);
}

section.IVR .box .collapsible-content .items .item .title {
    font-size: 14px;
    color: #000;
    padding: 10px 15px 10px;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
}

section.IVR .box .collapsible-content .items .item .title .arrow {
    position: absolute;
    right: 15px;
    top: calc(50% - 8px);
}

section.IVR .box .collapsible-content .items .item .external-link {
    color: inherit;
}

section.IVR .box .collapsible-content .items .item .item-sections {
    clear: both;
    padding: 10px 0 0 15px;
}

section.IVR .box .collapsible-content .items .item .sub-items {
    padding: 10px 15px;
    clear: both;
}

section.IVR .box .collapsible-content .items .item .sub-items .item-name {
    float: left;
    max-width: 95%;
}

section.IVR .box .collapsible-content .items .item .sub-items .section-link {
    color: #0071b9;
    text-decoration: underline;
    cursor: pointer;
    margin-bottom: 5px;
}

section.IVR .box .collapsible-content .items .item .sub-items .section-link.always-displayed {
    font-weight: bold;
    color: grey;
    text-decoration: none;
    cursor: default;
}

section.IVR .box .collapsible-content .items .item .sub-items .section-link:last-of-type {
    margin-bottom: 0;
}

section.IVR .box .collapsible-content .items .item .sub-items .sub-item {
    font-size: 14px;
    margin-bottom: 5px;
}

section.IVR .box .collapsible-content .items .item .sub-items .sub-item.active .check {
    display: inline-block;
    margin-left: 10px;
}

section.IVR .box .collapsible-content .items .item .sub-items .sub-item.active .arrow {
    transform: rotate(180deg);
}

section.IVR .box .collapsible-content .items .item .sub-items .sub-item .check {
    display: none;
}

section.IVR .box .collapsible-content .items .item .sub-items .sub-item .arrow {
    margin-left: 10px;
}

section.IVR .box .category-list {
    padding: 10px 15px;
}

section.IVR .box .category-list .items .item .sub-items {
    padding: 0 25px;
}

div.webchat>div.chatIcon-container {
    cursor: pointer;
    opacity: 0;
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 100;
    background: url(../images/i/icon/chat-now-icon.svg) no-repeat top center;
    height: 66px;
    width: 66px;
    transition: opacity 2s;
    -webkit-transition: opacity 2s;
}

@media only screen and (max-width:767px) {
    div.webchat>div.chatIcon-container {
        bottom: 16px;
        right: 16px;
    }
}

div.webchat>div.chatIcon-container.show {
    opacity: 1;
}

body.chat-modal .modal-dialog {
    width: 100%;
    max-width: 500px;
}

@media only screen and (max-width:767px) {
    body.chat-modal .modal-dialog {
        width: unset;
        max-width: unset;
    }
}

.live-assistance-modal.modal-dialog {
    width: 100%;
    max-width: 500px;
}

@media only screen and (max-width:767px) {
    .live-assistance-modal.modal-dialog {
        width: unset;
        max-width: unset;
    }
}

.live-assistance-modal .modal-content {
    width: 100%;
    max-width: 500px;
}

.live-assistance-modal .modal-content .modal-body .btn-dropdown button {
    width: 100%;
}

.live-assistance-modal .step-2:before,
.live-assistance-modal .step-2:after {
    content: " ";
    clear: both;
    display: block;
    height: 0;
    width: 100%;
}

.live-assistance-modal .step-2 .modal-body,
.live-assistance-modal .step-2 .modal-footer {
    width: 100%;
}

.live-assistance-modal .step-2 .modal-body:before,
.live-assistance-modal .step-2 .modal-body:after,
.live-assistance-modal .step-2 .modal-footer:before,
.live-assistance-modal .step-2 .modal-footer:after {
    content: " ";
    clear: both;
    display: block;
    height: 0;
    width: 100%;
}

.live-assistance-modal .step-2 .modal-body {
    float: right;
    margin: 20px 0 0 0;
}

@media only screen and (max-width:767px) {
    .live-assistance-modal .step-2 .modal-body {
        margin: 0;
    }
}

@media only screen and (max-width:767px) {
    .live-assistance-modal .step-2 .modal-body button {
        width: 100%;
    }
    .live-assistance-modal .step-2 .modal-body button:first-child {
        margin-bottom: 20px;
    }
}

.live-assistance-modal .step-2 .cobrowse-question {
    margin-top: 25px;
}

@media only screen and (max-width:767px) {
    .live-assistance-modal .step-2 .cobrowse-question {
        margin-top: 0;
    }
}

.live-assistance-modal .step-2 .cobrowse-question .button-row {
    text-align: right;
    display: inline-block;
    margin-top: 20px;
}

@media only screen and (max-width:767px) {
    .live-assistance-modal .step-2 .cobrowse-question .button-row {
        display: block;
        width: 100%;
    }
}

@media only screen and (max-width:767px) {
    .live-assistance-modal .modal-header {
        padding: 45px 15px 10px;
    }
    .live-assistance-modal .modal-header h2 {
        margin: 0 0 20px 0;
        text-align: center;
    }
    .live-assistance-modal .modal-body {
        padding: 0 15px 25px 15px;
    }
    .live-assistance-modal #state-select {
        width: 100%;
    }
    .live-assistance-modal #state-button {
        width: 100%;
        margin-top: 20px;
    }
}

.live-assistance-modal .half {
    width: calc(50% - 4px);
    padding-top: 165px;
    text-align: center;
    cursor: pointer;
}

.live-assistance-modal .half.chat {
    background: url(../images/i/icon/chat-icon.svg) no-repeat top center;
    background-size: 190px 120px;
    margin-right: 2px;
}

@media only screen and (max-width:767px) {
    .live-assistance-modal .half.chat {
        background-size: 100%;
    }
}

.live-assistance-modal .half.cobrowse {
    background: url(../images/i/icon/cobrowse-icon.svg) no-repeat top center;
    background-size: 175px;
    margin-left: 2px;
}

@media only screen and (max-width:767px) {
    .live-assistance-modal .half.cobrowse {
        background-size: 100%;
    }
}

.live-assistance-modal .half p {
    font-size: 16px;
    color: #5d6770;
}

.live-assistance-modal .modal-footer p {
    text-align: left;
}

div.chat-window-container {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 200;
}

div.chat-window-container .chat-header {
    height: 36px;
    background-color: #f4f4f4;
    border-color: #eee;
    border-style: inset;
    border-width: 2px;
}

div.chat-window-container .chat-header .circle {
    border: 2px solid #257ab3;
    height: 22px;
    width: 22px;
    border-radius: 11px;
    margin: 6px;
    cursor: pointer;
    opacity: .5;
}

div.chat-window-container .chat-header .circle:hover {
    opacity: 1;
}

div.chat-window-container .chat-header .circle .line {
    width: 14px;
    border: 1px solid #257ab3;
    margin: 8px 2px;
}

div.chat-window-container .chat-header .circle .ex,
div.chat-window-container .chat-header .circle .plus {
    width: 18px;
    height: 18px;
    position: relative;
}

div.chat-window-container .chat-header .circle .ex:before,
div.chat-window-container .chat-header .circle .ex:after,
div.chat-window-container .chat-header .circle .plus:before,
div.chat-window-container .chat-header .circle .plus:after {
    position: absolute;
    left: 8px;
    top: 2px;
    content: ' ';
    height: 14px;
    width: 2px;
    background-color: #257ab3;
}

div.chat-window-container .chat-header .circle .ex:before {
    transform: rotate(45deg);
}

div.chat-window-container .chat-header .circle .ex:after {
    transform: rotate(-45deg);
}

div.chat-window-container .chat-header .circle .plus:after {
    transform: rotate(90deg);
}

div.chat-window-container .cancel-chat {
    padding: 20px;
}

div.chat-window-container #chat-container {
    height: calc(100% - 36px);
}

div.chat-window-container #chat-container.noHeight {
    height: 0;
}

#outerChatWrapper {
    position: fixed;
    background-color: green;
    bottom: 25px;
    left: 25px;
}

#cobrowse-security-form {
    height: 286px;
    margin-top: 25px;
}

#cobrowse-security-form .cobrowse-frame .security-key-form {
    background-color: #f5f5f5;
}

.maintanence-configuration {
    padding: 50px;
}

.maintanence-configuration h1 {
    text-align: center;
}

.maintanence-configuration .message {
    color: #fff;
    padding: 25px;
    text-align: center;
}

.maintanence-configuration .message.success {
    background: #4caf50;
}

.maintanence-configuration .message.error {
    background: #d13b00;
}

.maintanence-configuration .fields {
    position: relative;
}

.maintanence-configuration .fields .field {
    margin: 10px 0;
}

.maintanence-configuration .fields .field input {
    max-width: 200px;
}

.maintanence-configuration .fields .background {
    background: #fff;
    opacity: .85;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    position: absolute;
}

.maintanence-configuration .fields .saving {
    position: absolute;
    top: calc(50%);
    font-size: 24px;
    font-weight: bold;
    z-index: 2;
    left: 50%;
}

.maintanence-configuration .fields .buttons {
    text-align: center;
}

#enrollmentForm .validation-summary-valid .notice{
	display: none;
}

.additionaladdverification .label {
	font-weight: bold;
	width: 48%;
}

.checkbox-list .ILcheck.errdLabel {
    color: #333;
}

.ILPTCTermsformError .formErrorContent {
	float: left;
}
#addr-choose-gas,#addr-choose-elec{
font-weight: bold;
}

#txtnumber_dob.il-loa-verification {
	margin:25px; 
	padding:25px; 
	width: 125px;
}

input#txtnumber_dob.il-loa-verification::placeholder {
	font-size: 18px;
}
.ecoplus-information-mobile{
	background: rgb(140,199,62);
	background: -moz-linear-gradient(180deg, rgba(140,199,62,1) 12%, rgba(139,198,62,1) 13%, rgba(67,175,73,1) 98%);
	background: -webkit-linear-gradient(180deg, rgba(140,199,62,1) 12%, rgba(139,198,62,1) 13%, rgba(67,175,73,1) 98%);
	background: linear-gradient(180deg, rgba(140,199,62,1) 12%, rgba(139,198,62,1) 13%, rgba(67,175,73,1) 98%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8cc73e",endColorstr="#43af49",GradientType=1);
	border-radius: 5px;
	margin: 10px 0;
	padding: 10px;
}
.ecoplus-information-mobile .ecoplus-logo-mobile{
	display: table-cell;
    margin: 10px 6px;
    width: 30%;
}
.ecoplus-information-mobile .ecoplus-info-mobile{
	color: #fff;
	width: 70%;
    vertical-align: middle;
    display: table-cell;
}
.eco-plus-row-logo-mble{
	background-color: #2aa4dc;
    border: 1px solid #229acd;
	padding: 10px;
    box-shadow: 0px 0px 2px 0px #b7b7b7;
}
.shadow-row{
	box-shadow: 0px 0px 2px 0px #b7b7b7;
}
#eco-plus-upgrade .modal-image, #eco-plus-upgrade .modal-footer{
	text-align: center;
}
#eco-plus-upgrade .modal-header > h2{
	color: #65b945 !important;
}
#eco-plus-upgrade .modal-copy{
    background: #fafafa;
    padding: 15px;
    margin: 15px 0;
}
.minAmtErrorContent {
	color: #c00;
    text-align:left;
    clear:both;
}
.formErrorContent {
	text-align: left !important;
}

/* Disable Number form field Spin Arrows */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
 
.protectionHoldDateBanner{
 	background-color: #f3ef0a5e;
    border: 1px solid #000000;
    border-radius: 5px;
    margin: 20px;
    padding: 15px 20px;
    display: none;
 }