@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Open+Sans+Condensed:300,700);
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed);*/

#update-text { color: #8a8a8a; font-size: 18px; text-align: center; margin-top: 20px; }

.gform_wrapper { display: block !important; }

/*---- General ----*/
body { overflow-x: hidden; }
.pcs-display-none { display: none !important; }
.pcs-clearfix:after { content: ''; display: table; clear: both; }
.pcs-half { float: left; width: 50%; }
.pcs-overlay { z-index: 999999; display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: black; opacity: .7; filter: alpha(opacity=70); }
.pcs-popup { z-index: 999999; position: fixed; background: white; max-width: 650px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 12px; padding: 25px 40px 40px; display: none; }
.pcs-popup span { font-size: 12px; display: block; margin: 10px 0 6px; }
.red-button,
.green-button { background: #4BB54A; font-size: 14px; text-decoration: none; color: white !important; padding: 5px 17px; border-radius: 4px; margin-right: 14px; font-weight: bold; display: inline-block; -webkit-transition: .35s linear background; transition: .35s linear background; }
.red-button { background: #C47D7C; }
.green-button:hover { background: #93D292; }
.red-button:hover { background: #D19393; }
.pcs-area { font-family: arial; }
.pcs-area h2 { font-weight: bold; }
.pcs-area input,
.pcs-area select,
.pcs-area textarea { box-sizing: border-box; width: 100%; background: #F9F9FA; border-radius: 4px; font-family: arial; font-weight: bold; color: #231F20; padding: 12px 17px; border: 1px solid #ABABAB; }
.pcs-area input::-webkit-input-placeholder,
.pcs-area select::-webkit-input-placeholder,
.pcs-area textarea::-webkit-input-placeholder { opacity: .5; filter: alpha(opacity=50); font-weight: 300; }
.pcs-area label.primary { color: #273C84; font-size: 14px; font-weight: bold; margin: 1.5em 0 .5em; display: block; }
.pcs-area label.secondary { color: #444544; font-size: 12px; margin: .5em 1em 1.5em; display: block; }
.pcs-high-zindex { position: relative; z-index: 99; }



/*---- TEMP TEMP TEMP TEMP TEMP ----*/
.page-id-76 #secondary { display: none; }
.page-id-76 #primary { width: 100%; }



/*---- end TEMP TEMP TEMP TEMP TEMP end ----*/

/*---- Form fields ----*/
#pcs-constellation-signup select, #pcs-de-signup select   { color: grey; float: right; width: 48%; }
#pcs-constellation-signup input, #pcs-constellation-signup select, #pcs-de-signup input, #pcs-de-signup select  { font-size: inherit; font-family: inherit; padding: 5px 4px; letter-spacing: normal; margin-bottom: 20px; box-sizing: border-box; }
#pcs-constellation-signup > input, #pcs-de-signup > input { width: 100%; }
#pcs-constellation-signup b, #pcs-de-signup b { margin-bottom: 6px; display: block; }
#pcs-constellation-signup .pcs-half-inputs, #pcs-de-signup .pcs-half-inputs { width: 100%; display: block; }
#pcs-constellation-signup .pcs-half-inputs:after, #pcs-de-signup .pcs-half-inputs:after  { content: ''; display: table; clear: both; }
#pcs-constellation-signup .pcs-half-inputs input,  #pcs-de-signup .pcs-half-inputs input { width: 48%; float: left; }
#pcs-constellation-signup .pcs-half-inputs input + input, #pcs-de-signup .pcs-half-inputs input + input { float: right; }
#pcs-constellation-signup button, #pcs-de-signup button { margin-top: 10px; border: 0; padding: 12px 24px; font-weight: 600; text-transform: uppercase; color: #FFF; font-size: 16px; cursor: pointer; width: 100%; }
/* background: #eb8133;  excluded from above rule*/
#pcs-constellation-signup button:disabled, #pcs-de-signup button:button,
#pcs-constellation-signup button[disabled], #pcs-de-signup button[disabled]{
  border: 1px solid #999999 !important;
  background-color: #c2c2c2 !important;
  color: #666666 !important;
}

#pcs-de-signup  input[type="text"].required
{
  border: 1px solid #db4929;
} 

#pcs-de-signup  input[type="number"].required
{
  border: 1px solid #db4929;
} 


/*---- Login / Register ----*/
#pcs-register-user { display: none; }



/*---- Profile / Offerings ----*/
#pcs-area { width: 100%; position: relative; font-family: arial; }
#pcs-tabs { background: #E5E5E5; padding: 12px 32px 0; }
#pcs-tabs li { text-transform: capitalize; list-style: none; float: left; padding: 12px 30px; margin-right: 20px; border-radius: 6px 6px 0 0; font-size: 14px; font-weight: bold; cursor: pointer; -webkit-transition: .35s linear background; transition: .35s linear background; }
#pcs-tabs li:hover { background: rgba(255,255,255,.8); }
#pcs-tabs li.active { background: white; }
#pcs-area #profile { position: relative; width: 100%; }
#pcs-area #profile .green-button { margin-top: 20px; }
#pcs-area #profile .left { width: 33.333%; float: left; box-sizing: border-box; padding-right: 30px; text-align: center; }
#pcs-area #profile .left a { color: #38439B; font-size: 12px; }
#pcs-area #profile .left a#profile_picture_delete { margin-right: 20px; }
#pcs-area #profile .right { width: 66.666%; float: right; }
#pcs-area #profile .right .pcs-half:first-child { box-sizing: border-box; padding-right: 10px; }
#pcs-area #profile .right .pcs-half + .pcs-half { box-sizing: border-box; padding-left: 10px; }
#pcs-area #profile .right #states { background: #F9F9FA; border-radius: 4px; color: #2B2B2B; padding: 12px 17px; font-size: 12px; border: 1px solid #ABABAB; }
#pcs-area #profile .right #states .state { width: 25%; float: left; position: relative; }
#pcs-area #profile .right #states .state:before { content: ''; width: 10px; height: 10px; border: 1px solid #ccc; display: inline-block; margin-right: 10px; }
#pcs-area #profile .right #states .state.provided:after { content: ''; width: 6px; height: 6px; background: #4BB54A; display: inline-block; position: absolute; left: 2px; top: 6px; }
#pcs-area #offerings { display: none; }
#pcs-area #offerings .green-button:before { content: "+"; display: inline-block; margin-right: 4px; }
#pcs-area #offerings .state-offerings h3 { font-size: 16px; background: #E5E5E5; padding: 14px 20px; font-weight: bold; margin: 40px 0 0; }
#pcs-area #offerings .state-offerings > div:after { content: ''; display: table; clear: both; }
#pcs-area #offerings .state-offerings .state-headers { border-bottom: 1px solid #ABABAB; font-weight: bold; padding: 12px 0; }
#pcs-area #offerings .state-offerings .state-offering-row { border-bottom: 1px solid #ABABAB; color: #38439B; padding: 14px 0; position: relative; background: #ffffff; -webkit-transition: 5s linear background; transition: 5s linear background; }
#pcs-area #offerings .state-offerings .state-offering-row:nth-child(2n+1) { background: #F9F9FA; }
#pcs-area #offerings .state-offerings .state-offering-row.pcs-new-row { background: #4BB54A !important; }
#pcs-area #offerings .state-offerings .state-offering-row .pcs-edit-offering-button { box-shadow: none; cursor: pointer; position: absolute; left: 2.5%; top: 75%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; filter: alpha(opacity=0); -webkit-transition: .35s linear opacity; transition: .35s linear opacity; }
#pcs-area #offerings .state-offerings .state-offering-row:hover .pcs-edit-offering-button { opacity: 1; filter: alpha(opacity=100); }
#pcs-area #offerings .state-offerings div[class^='state-'] > div { float: left; display: block; font-size: 12px; min-height: 10px; }
#pcs-area #offerings .state-offerings div[class^='state-'] > div:first-child { width: 5%; text-align: center; }
#pcs-area #offerings .state-offerings div[class^='state-'] > div:nth-child(2) { width: 13%; }
#pcs-area #offerings .state-offerings div[class^='state-'] > div:nth-child(3) { width: 6%; }
#pcs-area #offerings .state-offerings div[class^='state-'] > div:nth-child(4) { width: 11%; }
#pcs-area #offerings .state-offerings div[class^='state-'] > div:nth-child(5) { width: 12%; }
#pcs-area #offerings .state-offerings div[class^='state-'] > div:nth-child(6) { width: 14%; }
#pcs-area #offerings .state-offerings div[class^='state-'] > div:nth-child(7) { width: 12%; }
#pcs-area #offerings .state-offerings div[class^='state-'] > div:nth-child(8) { width: 27%; white-space: nowrap; overflow: hidden; }
#pcs-save-profile-message { color: #4BB54A; display: inline-block; opacity: 0; filter: alpha(opacity=0); }

.pcs-continued { position: relative; }
.pcs-continued:before { content: '...'; position: absolute; left: 95%; width: 40px; color: #007ACC; top: 9px; }
.pcs-continued div:last-child { width: 22% !important; position: relative; }

#profile_picture { display: none; }



/*---- PCS Popup ----*/
.pcs-overlay#pcs-edit-overlay { position: fixed; }

.pcs-popup-offering { display: none; }
.pcs-popup-offering h2 { margin-bottom: 0px; }
.pcs-popup-offering .pcs-half { box-sizing: border-box; }
.pcs-popup-offering .pcs-half:nth-child(2n) { padding-right: 15px; clear: both; }
.pcs-popup-offering .pcs-half:nth-child(2n+1) { padding-left: 15px; }

#pcs-add-offering #pcs-signup-checkbox { float: left; width: auto; margin: 13px 10px 0 0; }
#pcs-add-offering #pcs-signup-checkbox + span { line-height: 39px; margin: 0; }
#pcs-add-offering .green-button,
#pcs-add-offering .red-button { float: left; }

#pcs-signup-bonus { display: none; }
#pcs-signup-bonus .pcs-signup-image { display: inline-block; width: 100%; position: relative; min-height: 48px; }
#pcs-signup-bonus .pcs-signup-image img { max-width: 33.333%; width: 100%; float: left; box-sizing: border-box; padding-right: 20px; }
#pcs-signup-bonus .pcs-signup-image input { width: 33.333%; position: absolute; left: 33.333%; top: 50%; transform: translate(0, -50%); }
#pcs-signup-bonus .pcs-signup-image a { position: absolute; left: 66.666%; top: 50%; transform: translate(0, -50%); margin-left: 20px; }
#pcs-signup-bonus > input,
#pcs-signup-bonus textarea { margin-bottom: 20px; }
#pcs-signup-bonus > input { margin-top: 10px; }
.pcs-popup-offering { max-height: 80%; overflow-y: scroll; }



/*---- PCS Controls ----*/
#pcs-table-controls { width: 100%; right: 0; position: relative; }

#pcs-table-controls .pcs-container { position: relative; }
#pcs-table-controls .pcs-control { width: 24%; float: left; box-sizing: border-box; padding: 54px 20px 20px; }
#pcs-table-controls .pcs-container { padding: 0; z-index: 2; }
.pcs-select .pcs-active span { font-family: 'Open Sans Condensed'; font-size: 31px; font-weight: 600; color: white; }
.pcs-select .pcs-active .pcs-select-arrow { background: white; width: 22px; display: inline-block; position: relative; height: 22px; margin-right: 6px; }
.pcs-select .pcs-active .pcs-select-arrow:after { width: 0; height: 0; border: transparent 8px solid; border-top: black 11px solid; position: absolute; top: calc(50% + 4px); left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; }
.pcs-select ul { position: absolute; background: #F6F6F6; padding: 0; margin: 0; list-style: none; width: 100%; border: 1px solid #E9E8E6; display: none; z-index: 3; }
.pcs-select { position: relative; }
.pcs-select ul li:not(:last-child) { border-bottom: 1px solid #E9E8E6; }
.pcs-select ul li { padding: 6px 10px; color: #3F3F3F; cursor: pointer; }
#pcs-table-controls .pcs-control img { max-height: 100px; max-width: 175px; margin-top: 12px; position: absolute; }
#pcs-offering-provider.pcs-control img { max-height: 50px; max-width: 175px; }
#pcs-offering-type.pcs-control img { max-height: 75px; max-width: 175px; margin-left: 40px;}

#pcs-table-controls .pcs-control:nth-child(2) img { margin-left: 30px; }
#pcs-table-controls .pcs-control-calc { background: rgba(255, 255, 255, .9); font-family: 'Open Sans'; width: 28%; padding: 24px 20px 10px; }
#pcs-table-controls .pcs-control-calc input { width: 50%; background: white; margin-left: 20%; display: inline-block; box-sizing: border-box; font-size: 24px; color: #545554; font-family: 'Open Sans'; font-weight: 700; padding: 4px 10px; text-align: right; }
#pcs-table-controls .pcs-control-calc .pcs-calc-usage input { border: #F4A437 2px solid; box-shadow: none !important; }
#pcs-table-controls .pcs-control-calc .pcs-calc-rate input { border: #31C1D8 2px solid; box-shadow: none !important; }
#pcs-table-controls .pcs-control-calc .pcs-calc-usage div { box-sizing: border-box; font-size: 11px; color: #545554; text-transform: uppercase; font-weight: 700; line-height: 1; width: 25%; display: inline-block; padding-left: 10px; margin-top: 0px; }
#pcs-table-controls .pcs-control-calc .pcs-calc-usage div span + span { color: #F4A437; font-size: 20px; display: block; line-height: 1; }
#pcs-table-controls .pcs-control-calc .pcs-calc-rate div { box-sizing: border-box; font-size: 11px; color: #545554; text-transform: uppercase; font-weight: 700; line-height: 1; width: 25%; display: inline-block; padding-left: 10px; margin-top: 0px; }
#pcs-table-controls .pcs-control-calc .pcs-calc-rate div span + span { color: #31C1D8; font-size: 20px; display: block; line-height: 1; }
#pcs-table-controls .pcs-control-calc .pcs-calc-usage { margin-bottom: 15px; }
#pcs-table-controls .pcs-control-calc hr { margin: 15px 0; height: 7px; background: #ccc; }
span.pcs-calc-results { color: #80C67C; font-size: 32px; font-weight: 700; display: block; text-align: right; line-height: 1.2; margin-bottom: 6px; }
span.pcs-calc-note { color: #545554; font-size: 10px; display: block; text-align: right; }
#pcs-table-controls .pcs-control-calc .pcs-calc-rate:before { content: 'x'; position: absolute; font-weight: 900; font-size: 50px; color: #ccc; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
#pcs-table-controls .pcs-control-calc .pcs-calc-rate { position: relative; }
.pcs-select .pcs-active { cursor: pointer; }

.pcs-table-provider a { color: #878787; font-size: 10px; box-shadow: none; text-align: center; display: block; padding-right: 20px; }



/*#pcs-table-controls:before { width: 200%; height: 100%; left: -50%; content: ''; position: absolute; background: rgba(48, 193, 216, 0.82); top: 0; z-index: 1; }*/
/*#pcs-table-controls:after { background: url(http://image.shutterstock.com/z/stock-photo-modern-city-at-night-viewed-from-above-gold-coast-queensland-australia-75600463.jpg); width: 200%; height: 100%; left: -50%; position: absolute; top: 0; z-index: 0; background-size: cover; background-position: center; content: ''; }*/



/*---- PCS Homepage controls ----*/
#pcs-home-controls { position: relative; display: inline-block; }
#pcs-home-controls.pcs-referral-controls { left: 50%; transform: translate(-50%, 0); }
#pcs-home-controls #pcs-home-link { margin-top: 84px; }
#pcs-home-controls #pcs-home-link a { color: rgb(255, 255, 255); border-color: rgb(245, 164, 56); background: rgb(245, 164, 56); width: 260px; display: inline-block; position: relative; outline: 0; padding: 13px 40px; font-style: normal; font-family: Poppins, sans-serif; line-height: 1.7em; text-transform: uppercase; text-align: center; cursor: pointer; -webkit-transition: color .25s ease-out, background-color .25s ease-out, border-color .25s ease-out; -moz-transition: color .25s ease-out, background-color .25s ease-out, border-color .25s ease-out; transition: color .25s ease-out, background-color .25s ease-out, border-color .25s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight: 600; }
#pcs-home-controls #pcs-home-control-state,
#pcs-home-controls #pcs-home-control-type { width: 260px; margin: 0 auto; background: #f5f5f5; box-shadow: inset 0 0 14px 0 #777; padding: 0; box-sizing: border-box; position: absolute; top: 0; left: 50%; margin-left: 10px; }
#pcs-home-controls #pcs-home-control-state { left: auto; right: 50%; margin: 0 10px 0 0; }
#pcs-home-controls .pcs-home-control .pcs-select { line-height: 26px; width: 100%; display: block; text-align: right; padding: 13px 20px; box-sizing: border-box; }
#pcs-home-controls .pcs-home-control .pcs-select .pcs-active span { color: #777; font-weight: 500; font-family: 'Open Sans'; font-size: 16px; text-transform: uppercase; }
#pcs-home-controls .pcs-home-control .pcs-select .pcs-select-arrow { background: none; position: absolute; left: 20px; top: 50%; transform: translate(0, -50%); }
#pcs-home-controls .pcs-home-control .pcs-select .pcs-select-arrow:after { border-top-color: #777; }
#pcs-home-controls .pcs-home-control .pcs-select ul { left: 0; box-sizing: border-box; top: 54px; }
#pcs-home-controls .pcs-home-control .pcs-select ul li { color: #777; font-weight: 300; font-family: 'Open Sans'; font-size: 15px; text-transform: uppercase; }



/*---- PCS Table ----*/
#pcs-table-header { color: #30C1D8; font-size: 37px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; margin: 10px 0 30px; }
#pcs-table-header img { height: 36px; width: auto; margin-right: 8px; }

#pcs-table { color: #3f3f3f; font-family: 'open sans'; font-weight: 900; }
#pcs-table .pcs-table-headers { background: #f6f6f6; border: 1px solid #e9e8e6; padding: 6px 0; font-size: 14px; font-weight: 600; font-family: 'Open Sans Condensed', sans-serif; }
#pcs-table div:after { content: ''; clear: both; display: table; }
#pcs-table div > div { float: left; display: inline-block; min-height: 1px; }
#pcs-table div > div:first-child { width: 14%; padding-left: 20px; }
#pcs-table div > div:nth-child(2) { width: 14%; }
#pcs-table div > div:nth-child(3) { width: 14%; }
#pcs-table div > div:nth-child(4) { width: 14%; }
#pcs-table div > div:nth-child(5) { width: 12%; }
#pcs-table div > div:nth-child(6) { width: 12%; }
#pcs-table div > div:nth-child(7) { width: 16%; display: inline-block; }
#pcs-table .pcs-table-headers div { cursor: pointer; }
#pcs-table .pcs-table-headers div.pcs-clearfix { width: auto; }

#pcs-table div.pcs-table-headers div.pcs-sortkey:after,
#pcs-table div.pcs-table-headers div:hover:after { content: ''; width: 0; height: 0; display: block; float: left; border: 4px solid transparent; border-top: 8px solid #444; margin: 8px 10px 0 0; transition: .35s ease all; }

#pcs-table div.pcs-table-headers div.pcs-sortkey-reverse:after { border-top: 4px solid transparent; border-bottom: 8px solid #444; margin-top: 5px; }

#pcs-table div.pcs-table-headers > div:nth-child(2):after { display: none !important }

#pcs-table .pcs-table-row { border: 1px solid #e9e8e6; margin: 20px 0 0; position: relative; height: 78px; }
#pcs-table div.pcs-table-row div:first-child { font-size: 32px; font-weight: 700; line-height: 78px; }
#pcs-table div.pcs-table-row div:nth-child(6) { color: #80C67C; font-size: 32px; font-weight: 700; }
#pcs-table div.pcs-table-row div:nth-child(7) { background: #80C67C; position: absolute; top: 0; right: 0; height: 100%; }
#pcs-table div.pcs-table-row div:nth-child(7) a { color: white; text-transform: uppercase; text-decoration: none; box-shadow: none; position: absolute; width: 100%; text-align: center; font-weight: 600; font-size: 20px; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); }

#pcs-table .pcs-table-row .pcs-table-energy img { width: 26px; }
#pcs-table div.pcs-table-row div.pcs-table-provider div { padding-left: 0; width: 160px; height: 60px; overflow: hidden; position: relative; display: block; margin-top: 4px; }
#pcs-table div.pcs-table-row div.pcs-table-provider div img { position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; top: 50%; }


#pcs-table div.pcs-table-row div:nth-child(3) { line-height: 78px; padding-left: 20px; }
#pcs-table div.pcs-table-row .pcs-table-fee { line-height: 12px; padding-top: 34px; }
#pcs-table div.pcs-table-row .pcs-table-energy { line-height: 78px; }
#pcs-table div.pcs-table-row .pcs-table-savings { line-height: 78px; }
#pcs-table div.pcs-table-row div.pcs-table-provider { position: relative; height: 78px; }
#pcs-table div.pcs-table-row div.pcs-table-provider a { position: absolute; width: 100%; bottom: -5px; z-index: 9; }

#pcs-table-controls .pcs-control-calc .pcs-calc-rate:after { content: '¢'; font-size: 24px; font-weight: 700; position: absolute; left: 25%; top: 50%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); color: #545554; padding-left: 2px; }
#pcs-table div.pcs-table-row .pcs-table-savings .pcs-negative { color: #C47D7C; white-space: nowrap; }

#pcs-table div.pcs-table-row .pcs-table-energy span { display: inline-block; width: 50px; text-align: right; }

#pcs-table-overlay { background: white; top: 40px; }
#pcs-table { position: relative; }

.mkdf-content { z-index: 100 !important; }
#pcs-table #pcs-table-row-con .pcs-table-row .pcs-signup-offer { cursor: pointer; background: rgb(245, 164, 56); width: auto; position: absolute; top: 0; left: 20px; font-size: 12px; color: white; height: auto; line-height: 1; padding: 4px 12px; font-weight: 400; transform: translate(0, -50%); }
#pcs-table #pcs-table-row-con .pcs-table-row .pcs-signup-offer-tooltip { display: none; position: absolute; width: 100%; max-width: 500px; background: #f5f5f5; z-index: 999999; top: 10px; padding: 0; box-shadow: 0 0 5px #bababa; padding: 14px; border: 1px solid #f5a438;}
#pcs-table #pcs-table-row-con .pcs-table-row .pcs-signup-offer-tooltip img { float: left; width: 25%; display: block; }
#pcs-table #pcs-table-row-con .pcs-table-row .pcs-signup-offer-tooltip h5 { float: right; padding: 0 20px; box-sizing: border-box; width: 75%; margin: 0 0 10px; }
#pcs-table #pcs-table-row-con .pcs-table-row .pcs-signup-offer-tooltip .pcs-signup-desc { white-space: pre-wrap; font-size: 14px; width: 75%; float: right; box-sizing: border-box; line-height: 1.35; font-weight: 300; padding: 0 20px; }



/*---- PCS 4-22 Update ----*/
.pcs-table-rate { position: relative; }
.pcs-table-rate .monthly-fee { font-size: 10px; color: #333333; font-family: 'Open Sans'; font-weight: 600; display: block; position: absolute; top: 55px; line-height: 1; width: 100%; left: 0; padding-left: 20px; }
.pcs-table-switch span { color: #377B3B; left: 0; font-size: 10px; font-family: 'Open Sans'; font-weight: 600; position: absolute; width: 100%; text-align: center; top: 43px; }

p.savings-disclaimer {margin-top: -20px; font-size: 12px; margin-bottom: 20px; font-style: italic;}

/* Hide Constellation Button until LIVE environment is confirmed */
/* a.constellation-button { display: none; } */
.tooltip{
    position:absolute;
    z-index:1020;
    display:block;
    visibility:visible;
    padding:5px;
    font-size:11px;
    opacity:0;
    filter:alpha(opacity=0)
}
.tooltip.in{
    opacity:.8;
    filter:alpha(opacity=80)
}
.tooltip.top{
    margin-top:-2px
}
.tooltip.right{
    margin-left:2px
}
.tooltip.bottom{
    margin-top:2px
}
.tooltip.left{
    margin-left:-2px
}
.tooltip.top .tooltip-arrow{
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #000
}
.tooltip.left .tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #000
}
.tooltip.bottom .tooltip-arrow{
    top:0;
    left:50%;
    margin-left:-5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #000
}
.tooltip.right .tooltip-arrow{
    top:50%;
    left:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid #000
}
.tooltip-inner{
    max-width:200px;
    padding:3px 8px;
    color:#fff;
    text-align:center;
    text-decoration:none;
    background-color:#000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.tooltip-arrow{
    position:absolute;
    width:0;
    height:0
}

/* Direct Energy Checkout form */
.de-message-wrapper{ 
width:100%;
margin:0 auto;
padding: 0 2%;
border: 1px solid #db4929;
}
h1.de-message-wrapper{
font-size:24px;
margin:2% 0 2% 0;
}
.de-message-wrapper p {

}
.de-line-break{
border-bottom:1px solid #ccc;
padding:0 2%;
margin: 2% 0;
}
ul.de-important-notes{
padding-left:5%;
text-align:left;
}
.top-space{
margin-top:2%;
}

.mfp-container .mfp-content { margin: 0 auto; max-width: 400px; }
.mfp-container .mfp-content .gform_confirmation_wrapper { text-align: center; color: #fff; font-weight: bold; text-align: center; }
.mfp-container .mfp-content .gform_wrapper .validation_error { display: none; }
.mfp-container .mfp-content .gform_wrapper .field_description_below .gfield_description { padding-top: 2px; }
.mfp-container .mfp-content .gform_wrapper .gfield_error .gfield_label,
.mfp-container .mfp-content .gform_wrapper .validation_message { color: #808080; }
.mfp-container .mfp-content .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { padding: 0; background: transparent; border: none; }
.mfp-container .mfp-content .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; padding-right: 0 !important; }
.mfp-container .mfp-content .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 100%; }
.custom-columns { text-align: center; }
.vc_column-inner .custom_column { max-width: 300px; display: inline-block; margin: 20px; }

.non-logged-in-hidden  { display: none; }
.logged-in .non-logged-in-hidden { display: block; }
.logged-in .non-logged-in-visible { display: block; }
.logged-in .non-logged-in-visible  { display: none; }

.custom-switch { background: #30c1d8 !important; padding: 20px; margin-top: 20px; }
#pcs-home-controls.custom-switch .pcs-home-control .pcs-select { background: #30c1d8 !important; display: block; position: relative; left: 0; right: 0; top: 0; bottom: 0; }
#pcs-home-controls.custom-switch .pcs-home-control .pcs-select span { color: #fff !important; text-transform: none; text-align: center; font-size: 17px !important; }
#pcs-home-controls.custom-switch #pcs-home-control-type,
#pcs-home-controls.custom-switch #pcs-home-control-state { position: relative; left: auto; right: auto; margin: 0 auto !important; }
#pcs-home-controls.custom-switch #pcs-home-control-type .pcs-active,
#pcs-home-controls.custom-switch #pcs-home-control-state .pcs-active { text-align: center !important; }
#pcs-home-controls.custom-switch .pcs-active .pcs-select-arrow { position: relative; top: calc(10px); left: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-color: #000; background: white !important; width: 16px !important; display: inline-block !important; position: relative !important; height: 16px !important; margin-right: 6px !important; }
#pcs-home-controls.custom-switch .pcs-active .pcs-select-arrow:after { border: transparent 6px solid; border-top-color: #000; border-top-width: 8px; }
#pcs-home-controls.custom-switch #pcs-home-link { margin-top: 0; }
#pcs-home-controls.custom-switch .pcs-home-control .pcs-select { padding: 5px 0 !important; }
#pcs-home-controls.custom-switch .pcs-home-control .pcs-select ul { top: 35px; }
#pcs-home-controls.custom-switch .pcs-home-control .pcs-select ul li { text-transform: none; text-align: center; }
#pcs-home-controls.custom-switch #pcs-home-link a { font-size: 12px; font-weight: normal; margin-top: 10px; }
#pcs-home-controls.custom-switch.rectangle .pcs-home-control .pcs-select ul li { text-align: left; }
#pcs-home-controls.custom-switch.rectangle { display: block; width: 650px; max-width: 100%; box-sizing: border-box; margin: 20px auto; }
#pcs-home-controls.custom-switch.rectangle .pcs-home-control { display: inline-block; box-shadow: none !important; background: #30c1d8 !important; }
#pcs-home-controls.custom-switch.rectangle .pcs-home-control .pcs-select { padding-left: 0 !important; }
#pcs-home-controls.custom-switch.rectangle #pcs-home-link { width: 190px !important; }
#pcs-home-controls.custom-switch.rectangle #pcs-home-link a { width: auto; }
#pcs-home-controls.custom-switch.rectangle #pcs-home-control-type { width: 230px; }
#pcs-home-controls.custom-switch.rectangle .pcs-home-control .pcs-select ul li { text-align: left; }
#pcs-home-controls.custom-switch.rectangle .pcs-home-control#pcs-home-control-state { width: 170px !important; }
#pcs-home-controls.custom-switch.rectangle #pcs-home-control-state .pcs-active { text-align: left !important; }
.pcs-home-controls-holder { text-align: center; }

#warningGradientOuterBarG{
	border-radius: 5px;
	height:20px;
	width:240px;
	border:2px solid #30c1d8;
	overflow:hidden;
	background-color:rgb(255,255,255);
	margin: 20px auto;
	background: gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(#30c1d8));
		background: -o-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(#30c1d8));
		background: -ms-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(#30c1d8));
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(#30c1d8));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(#30c1d8));
	background: linear-gradient(top, rgb(255,255,255), #30c1d8);
		background: -o-linear-gradient(top, rgb(255,255,255), #30c1d8);
		background: -ms-linear-gradient(top, rgb(255,255,255), #30c1d8);
		background: -webkit-linear-gradient(top, rgb(255,255,255), #30c1d8);
		background: -moz-linear-gradient(top, rgb(255,255,255), #30c1d8);
}

.warningGradientBarLineG{
	background-color:rgb(255,255,255);
	float:left;
	width:21px;
	height:180px;
	margin-right:36px;
	margin-top:-42px;
	transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
}

.warningGradientAnimationG{
	width:354px;
	animation-name:warningGradientAnimationG;
		-o-animation-name:warningGradientAnimationG;
		-ms-animation-name:warningGradientAnimationG;
		-webkit-animation-name:warningGradientAnimationG;
		-moz-animation-name:warningGradientAnimationG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-timing-function:linear;
		-o-animation-timing-function:linear;
		-ms-animation-timing-function:linear;
		-webkit-animation-timing-function:linear;
		-moz-animation-timing-function:linear;
}



@keyframes warningGradientAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-57px;
	}
}

@-o-keyframes warningGradientAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-57px;
	}
}

@-ms-keyframes warningGradientAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-57px;
	}
}

@-webkit-keyframes warningGradientAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-57px;
	}
}

@-moz-keyframes warningGradientAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-57px;
	}
}

#pcs-home-controls.custom-switch #pcs-home-link a { max-width: 254px !important; }
#pcs-home-controls.custom-switch.rectangle #pcs-home-link a { padding: 13px 28px !important; }
#pcs-home-controls.custom-switch.rectangle .pcs-home-control { vertical-align: middle !important; }

@media screen and ( max-width: 600px ) {
	#pcs-home-controls.custom-switch.rectangle #pcs-home-control-type .pcs-active,
	#pcs-home-controls.custom-switch.rectangle #pcs-home-control-state .pcs-active { text-align: center !important; }
	#pcs-home-controls.custom-switch.rectangle #pcs-home-control-type ul li,
	#pcs-home-controls.custom-switch.rectangle #pcs-home-control-state ul li { text-align: center !important; }
}