body{margin:0; font-family: 'Arimo', sans-serif;}
h1, h2, h3, h4, h5, h6, .quickHead .innerContent, .mainHead,
.mainAccordian .accordianContent .sliderTab, .bigButton,
.button, .rowContainer .info, ul.gridHead{font-family: 'Karla', sans-serif;}
h1, h2, h3, h4, h5, h6 {z-index: 100;position: relative;font-weight: normal;}
h1{margin-top:0;}
h1, h2, h3, h4, h5, h6 {color: #003548;}
body, .mainlinks .toplink .menuItem, .articleBody ul li a, .articleBody .bounce_article_links .readmore, .planDocs #priceAndDocs .importantDoc{color:#6c6c6c;}
#primary_content #login-container h4, #primary_content #login-container a, .promoBox a, .promoBox a.button:hover, .navigation.mobileMenu li, .navigation.mobileMenu li a, .navigation.mobileMenu li h6, .navigation.mobileMenu li h4, .navigation.mobileMenu li h3, .mainNavigation.mobileMenu ul li a, label[for="nav-trigger"], .siteCityLinks ul li a, .mainAccordian .accordianContent .sliderTab, .submitOrder, #headNav ul .topSearch .gsc-search-box-tools .gsc-search-box .gsc-input input, .darkBlueBG, .blueBG, .orangeBG, button, .darkBlueBG h1, .darkBlueBG h2, .darkBlueBG h3, .darkBlueBG h4, .darkBlueBG h5, .darkBlueBG h6, .darkBlueBG a, .darkBlueBG a:hover, .blueBG h1, .blueBG h2, .blueBG h3, .blueBG h4, .blueBG h5, .blueBG h6, .blueBG a, .blueBG a:hover, .orangeBG h1, .orangeBG h2, .orangeBG h3, .orangeBG h4, .orangeBG h5, .orangeBG h6, .orangeBG a, .orangeBG a:hover, #headNav ul .topSearch .gsc-search-box-tools .gsc-search-box .gsc-input input, #headNav ul .subMenu a,
#headNav ul .home, #headNav ul .residential, #headNav ul .myaccount, .pageWidth.supportNav a, .pageWidth.supportNav, #footer-outer, #footer-outer a, .quickHead .innerContent, .button, .connectBg a, .connectBg h2, .connectBg h3, .aboutBg h2, .bigButton, .bigButton:hover, .button:hover, .greenButton, .greenButton:hover, .mainAccordian .accordianContent h1, .orangeButton, .blueButton, a.addy-box-02-visitor-address-continue,
.byoploader h1{color:#ffffff;}
a, h1, h3.electricityPlans.headerTest span .promoWrapper p strong, .mainHead .mainlinks .toplink, .rowContainer .info, #home h2, .gridHeader h2, .menuItem span ul li, .homeActionBox h5, .byop_wrapper .questions{color:#0399cd;}
a:active, a:hover{color:#014963;}
#planPageTopContainer .planPageTopConent p b, .coupon strong, .rowContainer .price, .promoBox a:hover, .slick-prev:before, .slick-next:before, .mightAlsoLike .price-grid-mini .bundle-price, .byop_wrapper .byop_step, .byopPage .twothirds .rate b{color:#ff6600;}
body{font-size:14px;}
p{font-size: 100%;line-height: 130%; margin: 0 0 15px}
h6{font-size:120%;margin: 0 0 10px;}
h5, ul.tabs li a{font-size:130%;margin: 0 0 10px;}
h4{font-size:140%;margin: 0 0 10px;}
h3{font-size:150%;margin: 0 0 10px;}
h2{font-size:200%;}
h1{font-size:220%;}
.singleInfoContainer h1{font-size:300%;}
.orangeBG{background-color: #ff6600;}
.darkBlueBG,#primary_content #login-container{background-color: #0071a1;}
.blueBG,
table.MainTable #rightCol .byop_planbox #order-form-container-wrapper .order-form-container-middle,
#content-main #rightCol .byop_planbox #order-form-container-wrapper .order-form-container-middle,
.byop_planbox #order-form-container-wrapper .order-form-container-middle{background-color: #0399cd;}
.lightGrayBG{background-color: #efefef;}
.grayBG,#savings_tool{background-color: #f4f4f4;}
.darkGrayBG{background-color: #dddddd;}
.whiteBG{background-color: #ffffff;}
.byopCallout{background-color: #013648;}
.byopCallout,.orangeBG,.darkBlueBG,.blueBG,.lightGrayBG,.grayBG,.darkGrayBG,.whiteBG{padding: 0 40px;}
.mainAccordian .accordianContent .sliderTab,
#headNav ul .topSearch,
#headNav ul .topSearch td.gsc-search-button:before,
#headNav ul .topSearch .gsc-input-box,#headNav ul .topSearch table.gsc-search-box td.gsib_b,
#headNav ul .topSearch table.gsc-search-box td.gsib_a{background-color: #014963;}
.grayGradientBG{background-size: contain;background-color: #F4EBE2;}
div{position:relative;}
#primary_content{padding-top: 62px;}
#primary_content #primary_content{padding-top: 0;}
input, textarea, keygen, select, button {border-radius:6px; padding:5px}
input[type="image"]{padding:5px 0;}
:focus {outline: none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {-moz-appearance: textfield;}
.pageWidth{width:100%;max-width: 1020px;margin:auto;padding: 30px 0;position: relative;overflow: hidden;min-width: 300px;}
.pageWidthRedPadd{padding: 30px 0 0 0;}
#viewAllGrid.pageWidth{ padding-top: 15px;
}
.pageWidth img{max-width:100%;margin: auto;display: block;}
.pageWidth.overflow{overflow: visible;}
.floatLeft,img.floatLeft{float:left; margin: 0 15px 15px 0;}
.pageWidthRedPadd img.floatLeft{float:left; margin: 0 15px 0 0;}
.floatRight,img.floatRight{float:right;margin: 0 0 15px 15px;}
.imgBorder{padding: 2px;border: 1px solid #DEDEDE;background-color: #ffffff;}
.siteCityLinks ul li a:hover{opacity:.7;}
.pageWidth ul, .pageWidth ol{ margin: 0 0 15px 15px; padding: 0 0 0 15px;
}
.pageWidth ul{ list-style-type: circle; list-style-position: outside;
}
.pageWidth .singlePlanInfo ul{ list-style-type: none;
}
.articleBody.page404 ul { list-style-type: none;
}
.button, .submitOrder,.greenButton,.orangeButton, .blueButton, a.addy-box-02-visitor-address-continue, button,.bigButton
{border-radius: 6px;border: none;display: inline-block;font-style: normal;padding: 4px 10px;margin: 0;cursor: pointer;text-decoration: none;vertical-align: middle;line-height: 100%;background-clip: padding-box;-webkit-background-clip: padding-box;-moz-background-clip: padding;font-size: 130%;}
.button,.greenButton, .submitOrder,a.addy-box-02-visitor-address-continue, button,.bigButton{background-color:#62a73b;}
.button:hover,.greenButton:hover, .submitOrder:hover,a.addy-box-02-visitor-address-continue:hover, button:hover,.bigButton:hover{background-color: #508830;}
.plan-green .button,.orangeButton {background-color:#ff6600}
.plan-green .button:hover,.orangeButton:hover{background-color: #d25502;}
.blueButton{background-color:#0399cd;}
.blueButton:hover{background-color: #0082af;}
.submitOrder{margin-top:15px;}
button{cursor:pointer;}
button, button b, button em,
.button, .button b, .button em,
.bigButton, .bigButton b, .bigButton em,
.greenButton b, .greenButton em,
.orangeButton b, .orangeButton em,
.blueButton b, .blueButton em,
a.addy-box-02-visitor-address-continue em
{font-weight:normal; font-style:normal; text-transform:uppercase;}
.bigButton{font-size:150%;}
#nomobile{margin-bottom: 60px; text-align: center;}
#support-main .dashboard .articles .article:after,
#support-main .dashboard .topic a h4:after,
#support-main .dashboard .faqSearchResults li a:after,
#support-main .dashboard .articles .article:before,
#support-main .dashboard .topic a h4:before,
#support-main .dashboard .faqSearchResults li a:before,
.staticPhoneDrop,
#checkout_right, .byopPage .onethird:before,.byopPage .onethird:after,
.navigation.mobileMenu,label[for="nav-trigger"] hr,
.byopPage .onethird #floatbox:before, .byopPage .onethird, .jtip,.addyPopup,
.ptab .plan-box ul li .bullet-hover,
.byopPage .byop_q.verified,
.mainAccordian .accordianContent .sliderTab,
.mainAccordian .accordianContent.active .sliderTab, .mainAccordian .accordianContent .accordianInner
.nav-trigger + label, .site-wrap, .mainNavigation.mobileMenu,label[for="nav-trigger"].icon-menu:before,
.promoWrapper,h3.electricityPlans.headerTest span:before,.ptab,.rowContainer .columnItem,.rowContainer .price-bullet li .bullet-hover,
.rowContainer .price-bullet li .bullet-hover:after,
button, a, p, h1, h2, h3, h4, h5, h6, ul, ol, li, input, textarea, span, em, i, .slick-prev, .slick-next, #headNav ul .responsiveHead, .articleBody a:before, .pageWidth.supportNav, .pageWidth.supportNav .customerSupport, #headNav ul .head, #headNav ul .topSearch table.gsc-search-box .gsst_a .gscb_a, #headNav ul .subMenu, #headNav ul .subMenu .icon-right-open-big, #headNav ul .residential, #headNav ul .myaccount, #beHomeTopSection .iconWrap, .mainHead .bounceLogo, .mainHead .mainlinks .toplink:before, .mainHead .mainlinks .toplink, .button, .mainAccordian .accordianContent, .rowContainer, .filterContainer .filterContainerInner.sticky, ul.gridHead.sticky, .siteSearch:hover, .srch-button{ -moz-transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
.phoneNumber:before,
#support-main .dashboard .articles .article:before,
#support-main .dashboard .topic a h4:before,
#support-main .dashboard .faqSearchResults li a:before,
[class^="icon-"]:before, [class*=" icon-"]:before, .byopPage .onethird .byop_planbox:before, .search .chat:before, .search .faq:before, .customerSupport em:before, #headNav ul .topSearch td.gsc-search-button:before, .articleBody a:before, .articleBody a:after,
#checkout_right #section_Plan_Info:before{ font-family: "entypo"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .4em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .4em;
}
.icon-user:before {content: '\1F464';}
.icon-menu:before {content: '\2630';}
.icon-right-open-big:before {content: '\e766';}
ul .topSearch td.gsc-search-button:before{content: '\1F50D'}
[class*="entypo-"]:before { font-family: "entypo", sans-serif;
}
#sticky-social { left: 0; position: fixed; top: 150px; z-index: 1000;
}
#sticky-social ul{padding:0}
#sticky-social a { color: #fff; display: block; height: 35px; font: 16px "Open Sans", sans-serif; line-height: 35px; position: relative; text-align: center; width: 35px; text-decoration: none;
}
#sticky-social a span { line-height: 35px; left: -120px; position: absolute; text-align:center; width:120px;
}
#sticky-social a:hover span { left: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }
#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }
#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }
#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }
#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4; }
#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span { background: #eb4924; }
#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127; }
#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span { background: #ff0084; }
#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span { background: #32506d; }
#sticky-social a[class*="rss"],
#sticky-social a[class*="rss"]:hover,
#sticky-social a[class*="rss"] span {background: #ff6600;}
.stickyHeader{ position: fixed; width: 100%; top: 0; z-index: 10000;
}
.stickyHeader.stuck{border-bottom: 1px solid #ffffff;}
.stickyHeader .stickyHidden{ opacity: 0; width: 0; height: 0; display: inline-block; position: absolute; float: right;
}
.stickyHeader.stuck .stickyHidden{ opacity: 1; position: relative;
}
.mainNavigation.mobileMenu,
.navigation.mobileMenu,
.stickyHeader .stickyHidden strong,
.stickyHeader .stickyHidden em b,
.stickyHeader .stickyHidden em span{display:none;}
#headNav ul .head{opacity: 1;display: inline-block;width: 107px;position: absolute;}
.stuck #headNav ul .head{opacity: 0;width: 0;}
.stuck .pageWidth.supportNav, .stuck .pageWidth.supportNav .customerSupport{opacity: 0;height:0;padding: 0;}
.stuck .pageWidth.supportNav .customerSupport{display:none;}
.stuck #headNav ul .responsiveHead, .stuck #headNav ul .myaccount{width: 2%;}
.stuck #headNav ul .hiddenHead{ border-left: #0071a1 solid 1px; width: 2%; height: 25px; padding: 25px; font-size: 134%; float: right; position: relative; opacity:1; display: block;
}
.stuck #headNav ul .hiddenHead a{z-index:10;}
.stuck #headNav ul .responsiveHead [class^="icon-"]{z-index:0;}
.stuck #headNav ul .responsiveHead [class^="icon-"]:before{margin:0}
.stickyHeader.desktop .orangeBG{z-index:10000;position:relative}
.stickyHeader.desktop .blueBG{z-index:10;position:relative}
.customerSupport em{ white-space: nowrap; overflow: hidden; }
.pageWidth.supportNav{padding: 10px 0;height: 20px;overflow: inherit;}
.pageWidth.supportNav .customerSupport{height: 20px;opacity: 1;position: absolute;right: 0;z-index: 10;float: right;}
.pageWidth.supportNav em,.pageWidth.supportNav .search{font-style: normal;display: inline-block;}
.pageWidth.supportNav a{text-decoration:none;}
.pageWidth.supportNav .search a{ border-right: 1px solid #9d440a; padding-right: 10px; margin-right: 10px;
}
.pageWidth.supportNav em, .pageWidth.supportNav .search a{opacity:1;}
.pageWidth.supportNav em:hover, .pageWidth.supportNav .search a:hover{opacity:.7;}
.pageWidth.supportNav strong, #home .gridHeader #nav-bundles-outer, #texas .gridHeader{display: none;}
.phoneNumber{display:inline-block;position:relative;}
.phoneNumber .marginPhone{font-weight: bold;}
.phoneNumber .callcap_phone_number{font-weight:normal;}
.staticPhoneDrop {position: absolute;top: -70px;background-color: #FFF;padding: 10px;border-radius: 0 0 10px 10px;color: #005776;z-index: 1000;border: 1px solid #ff6600;opacity: 0;visibility: hidden;} #subNavInner .staticPhoneDrop a{color: #005776;text-decoration: none;}
.staticPhoneDrop:after{ content:''; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; position: absolute; top: -10px;
}
.phoneNumber:hover{ padding: 0 0 15px;
}
.phoneNumber:hover .staticPhoneDrop{display:block;top: 29px;opacity: 1;visibility: visible;}
.phoneNumber .staticPhoneDrop h3,.phoneNumber .staticPhoneDrop a{color: #005776;}
.phoneNumber .staticPhoneDrop h3{ text-align: left; margin: 0; font-size: 130%;
}
.phoneNumber .staticPhoneDrop .phoneSpecific{ display: block; font-size: 160%;
}
.search .chat:before, .icon-chat:before{content: '\e720';}
#support-main .dashboard .articles .article:before,
#support-main .dashboard .topic a h4:before,
#support-main .dashboard .faqSearchResults li a:before,
.search .faq:before, .icon-faq:before{content: '\2753';margin-left: 0;}
.phoneNumber:before, .customerSupport em:before, .icon-call:before{content: '\1F4DE';}
.pageWidth.mainNav{padding:0;overflow: visible;}
#headContent a h2 {width:175px;height:75px;background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/logos/be-logo-horizontal-2color.png?yocs=1e_&yoloc=eu');background-repeat: no-repeat;background-position: 0 50%;text-indent:-100000px;margin:0;float:left;position:relative;z-index: 100;}
#headNav ul{padding:0;margin:0;}
#headNav ul .home, #headNav ul .responsiveHead, #headNav ul .topSearch{ display:inline-block; vertical-align: top; }
#headNav ul .responsiveHead, #headNav ul .topSearch{ border-left: #0071a1 solid 1px; width: 15%; height: 25px; padding: 25px; font-size: 134%; float: right; position: relative;
}
#headNav ul .topSearch{cursor: pointer;}
#headNav ul .hiddenHead{ opacity: 0; width: 0; padding: 25px 0;
}
.stuck #headNav ul .hiddenHead a{ height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0;
}
#headNav ul .responsiveHead [class^="icon-"]:before{margin-left: 0;}
#headNav ul .subMenu h3, #headNav ul .subMenuAccount h3{font-size:100%;margin: 0;padding: 20px;border-bottom: 1px solid #024a63;cursor: pointer;text-align: left;}
#headNav ul .subMenu h3:focus{outline: none;}
#headNav ul .subMenu h6{font-size: 80%;margin: 0 0 15px;text-align: left;}
#headNav ul .subMenu .menuItem{padding: 20px;background-color: #0071a1;}
#headNav ul li:hover .subMenu .subTab{padding: 0;}
#headNav ul .subMenuAccount,#headNav ul .subMenu{position:absolute;opacity:0;margin: 25px 0 0 -26px;width: 350px;z-index: 100;height: 0;display: none;border: solid #ffffff;border-width: 0 1px 1px 1px;}
#headNav ul .myaccountHead:hover .subMenuAccount,#headNav ul li:hover .subMenu, #headNav ul li .subMenu .subTab:hover .menuItem
{opacity:1;height: auto;display: block;z-index: 0;}
#headNav ul .subMenuAccount,#headNav ul .responsiveHead:hover, #headNav ul li .subMenu, #headNav ul li .subMenu .ui-accordion-header{background-color: #003449;}
#headNav ul .subMenuAccount{padding:20px; right: 0;}
#headNav ul .myaccountHead li{list-style:none;}
#headNav ul .myaccountHead h4{font-size:1em; text-align:left;margin-top:0;}
#headNav ul .myaccountHead .username, #headNav ul .myaccountHead .password{display:inline-block;vertical-align:top;width: 49%;}
#headNav ul .myaccountHead .username label, #headNav ul .myaccountHead .password label{display:block;}
#headNav ul .myaccountHead .username input, #headNav ul .myaccountHead .password input{width: 90%;}
#headNav ul .myaccountHead .formLinks{margin-top:20px;font-size: 80%;text-align: center;}
#headNav ul .myaccountHead .formLinks em{display:block;margin-top:10px;}
#headNav ul .myaccountHead .formLinks a:first-child{border-right:1px solid;padding-right: 10px;margin-right:5px;}
#headNav ul .myaccountHead .formLinks em a:first-child{border-right:none; padding-right:0; margin-right:0;}
#headNav ul .myaccountHead button{ border: 2px solid #ffffff; background-color: transparent; color: #ffffff; border-radius: 6px; padding: 5px; display: inline-block; margin-top: 20px; font-size: 100%;
}
#headNav ul .myaccountHead button:hover{ background-color: #ffffff; color: #003449;
}
#headNav ul .subMenu ul{display:block;list-style: none;padding: 0 0 0 30px;}
#headNav ul .subMenu ul li{padding: 2px 0;font-size: 75%;}
#headNav ul .subMenu ul a{text-decoration:none;}
#headNav ul .subMenu ul a:hover{opacity:.5;}
.subMenu .icon-right-open-big{ position: absolute; right: 10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
}
.subMenu .ui-state-active .icon-right-open-big{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);
}
#headNav ul .myaccount .subMenu{right: 0;width: 375px;}
#headNav ul .myaccount .subMenu h4{font-size:90%;}
#headNav ul .topSearch{width: 22%;margin: 18px 0 18px 18px;height: 35px;padding: 0;border: 1px solid #b8d6e0;}
#headNav ul .topSearch .gsc-input-box{height: 34px;}
.topSearch form.gsc-search-box,ul .topSearch table.gsc-search-box{margin:0;position: relative;}
.topSearch .gsc-search-box-tools .gsc-search-box .gsc-input input{background:none !important;height: 100% !important;width: 95% !important;padding: 0 0 0 5% !important;}
.topSearch table.gsc-search-box table{height: 100%;position:relative;}
.topSearch table.gsc-search-box td.gsib_a, ul .topSearch table.gsc-search-box td.gsib_b, .topSearch .gsc-search-box-tools .gsc-search-box .gsc-input, ul .topSearch .gsc-input-box{padding: 0;margin: 0;border: none;}
.topSearch td.gsc-search-button{position: relative;right:0;width: 36px;}
.topSearch td.gsc-search-button:before{position: absolute;color: #749ba9;font-size: 120%;margin: 0 !important;padding: 9px 10px;z-index: 0;top: 1px;}
.topSearch input.gsc-search-button{background-color:transparent;border:none;padding: 10px;margin: 0;position: relative;z-index: 1;opacity: 0;}
.topSearch table.gsc-search-box .gsst_a:hover .gscb_a{color:#ffffff;}
.topSearch table.gsc-search-box .gsst_a{padding: 8px 0 0;}
body .gssb_c{z-index:10000 !important}
body .ui-autocomplete{z-index: 1000 !important;}
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left;
}
.ui-menu .ui-menu { margin-top: -3px;
}
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%;
}
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; cursor:pointer;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px;
}
.ui-autocomplete { background: #FFF; border: 1px solid #C0C0C0; width: 100px; list-style: none; margin: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.ui-helper-hidden-accessible { position: absolute; left: -99999999px;
}
#footer-outer{ border-top: #e2e2e2 solid 1px; padding: 0 40px; font-size: 13px; line-height: 18px; clear: left; display: block;
}
#footer-inner ul{ display: inline-block; vertical-align: top; width: 24%; padding: 0; margin: 0; list-style: none;
}
#footer-inner ul li{ padding: 4px 0;
}
#footer-inner ul li.footerListHead{font-weight:bold;font-size: 120%;}
#footer-inner ul li.footerListHead .icon-right-open-big{display:none;}
.subFooter{ text-align: center;
}
.subFooter em{ font-style: normal; display: block; margin-bottom: 15px;
}
.subFooter .trust a{ display: inline-block; margin: 0 10px;
}
#footer-inner ul.subListFooter{ width: 90%; padding-right: 10%;
}
#footer-inner ul.subListFooter li{font-weight:normal;}
#footer-inner ul.subListFooter li a{text-decoration:none;}
#footer-inner ul.subListFooter li a:hover{opacity:.7;}
.copyrightAwards .trust table { display: inline-block;
}
.orderForm{margin-bottom:10px;}
#order-form-container-wrapper #addy-box-visitor-address h3{text-align: left;}
#order-form-container-wrapper #addy-box-visitor-address h4{font-size:100%;margin-bottom: 0;text-align: left;}
#order-form-container-wrapper #addy-box-visitor-address a{display:inline-block;}
#rightCol #order-form-container-wrapper #addy-box-visitor-address a{ display: block; text-align: center;
}
#order-form-container-wrapper #addy-box-visitor-address a#addy-box-change-address-link{display: block;}
#order-form-container{padding: 20px 10px;margin-bottom: 5px;}
#order-form-container h3,#primary_content #login-container h4{ margin: 0 0 15px; font-size: 120%;
}
#order-form-container strong{margin-bottom: 10px; display:block}
#order-form-container .orderFormFields, #primary_content #login-container .username, #primary_content #login-container .password{ padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #ffffff;
}
#order-form-container label, #primary_content #login-container label {cursor:pointer;width: 35%;display: inline-block;}
#order-form-container input, #order-form-container textarea,#primary_content #login-container input{ border: none; background-color: transparent; color: #ffffff; padding: 2%; width: 58%;
}
#order-form-container input:focus, #order-form-container textarea:focus,#primary_content #login-container input:focus{background-color: rgba(0, 0, 0, .2);}
#primary_content #login-container,#rightCol .blueLogin #login-container-wrapper #login-container, #rightCol #order-form-container-wrapper #order-form-container{padding:5%;color:#ffffff;margin: 0 auto 10px;max-width: 470px;}
#primary_content #login-container .formLinks{margin-top:10px;text-align:center;line-height:150%}
#primary_content #login-container .formLinks a:first-child{border-right:1px solid;padding-right: 10px;margin-right:5px;}
#primary_content #login-container .formLinks em{display:block;}
#primary_content #login-container .formLinks em a:first-child{border-right:none; padding-right:0; margin-right:0;}
.mainAccordian{ display: flex; border-bottom: 1px solid #efefef;
}
.mainAccordian .pageWidth{padding:0}
.mainAccordian .accordianContent{ width: 4%; height: 645px; display: inline-block; vertical-align: middle; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: 2% 50%;
}
.mainAccordian .accordianContent.active{ width: 86%; overflow: auto;
}
.mainAccordian .accordianContent .sliderTab{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; top: 302px; left: -302px; text-align: center; padding: 9px 17px; font-size: 20px; cursor:pointer; text-decoration: none; background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/icons/accordianPlus.png?yocs=1e_&yoloc=eu); background-repeat: no-repeat; background-position: 98% 50%; background-size: 25px; z-index: 1; width: 611px; }
.mainAccordian .accordianContent .sliderTab:hover{opacity:.7;}
.mainAccordian .accordianContent.active .sliderTab,.mainAccordian .accordianContent .accordianInner{opacity: 0;visibility: collapse;}
.mainAccordian .accordianContent.active .sliderTab{display:none;height: 0;padding: 0;}
.mainAccordian .accordianContent.active .accordianInner{opacity: 1;visibility: visible;}
.mainAccordian .accordianContent .accordianInner{ background-repeat: no-repeat; background-position: 0 100%; height: 100%; padding: 30px; display: table; vertical-align: middle; z-index: 1; position: absolute;
}
.mainAccordian .accordianContent.active .accordianInner{ position: relative;
}
.mainAccordian .accordianContent .accordianInnerBG{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-repeat: no-repeat;
}
.mainAccordian .accordianContent .accordianInner .accordianInnerContent{ display: table-cell; vertical-align: middle; overflow: auto;
}
.mainAccordian .accordianContent .accordianInner h2, .mainAccordian .accordianContent .accordianInner h1{margin: 0;}
.mainAccordian .accordianContent .accordianInner h3{margin: 15px 0;font-size: 3em;}
.mainAccordian .accordianContent .accordianInner h3 sup{ position: absolute; font-size: .5em;
}
.mainAccordian .accordianContent .accordianInner h3 i{ font-size: 0.3em;
}
.mainAccordian .accordianContent .accordianInner p{margin: 10px 0;} .mainAccordian .accordianContent.viewPlansTab .accordianInnerBG{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/slideBYOP.jpg?yocs=1e_&yoloc=eu);}
.mainAccordian .accordianContent.featPlansTab .accordianInnerBG{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/slideBETx.jpg?yocs=1e_&yoloc=eu);}
.mainAccordian .accordianContent.lowPlansTab .accordianInnerBG{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/slideEasyFix3.jpg?yocs=1e_&yoloc=eu);}
.mainAccordian .accordianContent.buildPlansTab .accordianInnerBG{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/sildeRewards.jpg?yocs=1e_&yoloc=eu);}
.mainAccordian .accordianContent.curPromoTab .accordianInnerBG{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/slidePromoJuly_2016.jpg?yocs=1e_&yoloc=eu);}
.mainAccordian .accordianContent.nestPlansTab .accordianInnerBG{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/slideNest.jpg?yocs=1e_&yoloc=eu);}
#buildPlan-heading{ color:#FF6600; font-weight: bold; font-size: 280%;
}
.buildPlan-subheading{ font-size: 150%;
}
.mainHomeHead.grayGradientBG{ margin-bottom: 30px;
}
.buildPlan-btn{ width: 60%;
}
.promoBannerSecond { text-align: center; font-size: 21px; padding: 0 !important; color: #0299CC;
}
#mainHomeHeadContent.pageWidth{overflow:visible;}
.mainHomeHead #mainHomeHeadContent:before{content:'';background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/beRewardedfNewLarge.png?yocs=1e_&yoloc=eu');background-repeat: no-repeat;display: block;height: 100%;width: 100%;max-width: 1020px;margin: auto;min-width: 300px;position: absolute;top: 0;background-position: 40px -50px;}
.mainHomeHead.thanksgivingPromoImage #mainHomeHeadContent:before { content:''; background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/thanksgiving2017promo.png?yocs=1e_&yoloc=eu'); background-repeat: no-repeat; display: block;height: 100%; width: 100%; max-width: 1020px; margin: auto; min-width: 300px; position: absolute;top: 0; }
.mainHomeHead.winter17PromoImage #mainHomeHeadContent:before { content:''; background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/winterPromo2017.png?yocs=1e_&yoloc=eu'); background-repeat: no-repeat; display: block;height: 100%; width: 100%; max-width: 1020px; margin: auto; min-width: 300px; position: absolute;top: 0; }
.mainHomeHeadContentInner .contentInner{ margin: 6% 0 6% 40%; background-color: transparent; border-radius: 0; border: 0; padding: 5% 0 0 0; margin-top: 0; text-align: center;
}
.homeTopBox{padding: 10px 10px;}
.half .homeTopBox,.half .homeTopBox h5,.half .homeTopBox h4, .half .homeTopBoxh3,#home .half .homeTopBox h2,.half .homeTopBox h1{color: #ffffff;text-align: center;}
.mainHomeHeadContentInner .half{ width: 50%; margin: 0 auto 10px; display: table-cell; height: 100%; vertical-align: middle;
}
.homeTopBox i{display:block;margin-bottom:20px; font-size:120%; font-style:normal;}
.homeTopBox strong{font-size:1.5em; float:left;}
.half-homeElectricity img, .half-nestPlanTri img{ max-width: 80%!important; max-height: 100px;
}
.hr { border-top: 4px double #8c8b8b; text-align: center;
}
.half-bottomBoxHeading, .half-bottomBoxSubHeading{ margin:0px;
}
.contentBottom{ width:100%;
}
.desktop-center{ width: 100%; margin:0 auto; display: table; border-spacing: 10px 0;
}
.remove-padding{padding:0!important;}
.half.homeElectricity{background-color: #006591;border-right: 1px solid transparent;}
.homeTopBox.homeElectricity:before{background-position: -1234px 50%;}
.half.nestPlanTri{background-color: #003449;border-left: 1px solid transparent;border-collapse: separate;}
.half .homeTopBox .half-homeElectricity{ height: inherit; margin-top: -10px; display: inline-block; width: 37%; vertical-align: middle;
}
.half .homeTopBox .half-homeElectricity img{ margin: auto;
}
.half .homeTopBox .homeElectricityMobile{ display: inline-block; vertical-align: middle; width: 60%;
}
.homeBlock1 .pageWidth:first-child{padding-bottom:0;}
.homeBlock1 .pageWidth:last-child{padding-top:0;}
.homeActionBox{ padding: 0 1% 40px; text-align: center; position: relative; width: 23%; height: 250px; display: inline-block; margin-bottom: 20px;
}
.homeActionBox h5{margin: 10px 0 5px;}
.homeActionBox i{display:block;margin-bottom:15px;font-style: normal;}
.homeActionBox .button{ position: absolute; bottom: 6px; display: block; text-align: center; margin-left: auto; margin-right: auto; left: 0; right: 0; width: 60%;
}
.pentaArea .iconWrap{padding:10px;width: 184px;display: inline-block;}
.homeActionBox .quadAreaIcon, .benefit .benefitIcons,.pentaArea .largeBlueIcon{ height: 150px; width: 150px; background-color: #0071a1; border-radius: 100%; background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/icons/whyBE-icons.png?yocs=1e_&yoloc=eu'); background-repeat: no-repeat; margin: auto; display: block;
} .homeActionBox.homeElectricityTile .quadAreaIcon,.pentaArea .largeBlueIcon{ background-position: 45px 50%;
} .homeActionBox.rewardsTile .quadAreaIcon,.pentaArea .iconWrapRewards .largeBlueIcon{ background-position: -169px 50%; background-color: #b54800;
} .homeActionBox.accountTile .quadAreaIcon,.pentaArea .iconWrapManagement .largeBlueIcon{ background-position: -381px 50%; background-color: #6cd8fe;
} .homeActionBox.referTile .quadAreaIcon, .raf.benefit .benefitIcons,.pentaArea .iconWrapRAF .largeBlueIcon{ background-position: -591px 50%; background-color: #ff6600;
}
.reward.benefit .benefitIcons{ background-position: -1855px 50%;
}
.autoPay.benefit .benefitIcons{ background-position: -798px 50%; background-color: #ff6600;
}
.paperless.benefit .benefitIcons{ background-position: -1015px 50%; background-color: #6cd8fe;
}
.fixedrate.benefit .benefitIcons{ background-position: -1225px 50%;
}
.myaccount.benefit .benefitIcons{ background-position: -2070px 50%; background-color: #b54800;
}
.customerSupportIcon.benefit .benefitIcons,.pentaArea .iconWrapSupport .largeBlueIcon{ background-position: -1861px 50%; background-color: #6cd8fe;
}
.aaRewards.benefit .benefitIcons{ background-position: -2295px 50%;
}
.nest.benefit .benefitIcons{ background-position: -2795px 50%;
}
.hiveIcon.benefit .benefitIcons{ background-position: -5460px 50%; background-color: #ff6600;
}
.cashBack.benefit .benefitIcons{ background-position: -3977px 50%; background-color: #62a73b;
}
.discount.benefit .benefitIcons{ background-position: -3030px 50%; background-color: #62a73b;
}
.rateCap.benefit .benefitIcons{ background-position: -3129px 50%; background-color: #ff6600;
}
.variable.benefit .benefitIcons{ background-position: -3343px 50%;
}
.noContract.benefit .benefitIcons{ background-position: -3766px 50%; background-color: #b54800;
}
.noTerminationFee.benefit .benefitIcons{ background-position: -3554px 50%; background-color: #ff6600;
}
.green.benefit .benefitIcons{ background-position: -2919px 50%; background-color: #62a73b;
}
.mover.benefit .benefitIcons{ background-position: -4683px 50%; background-color: #ff6600;
}
.priority.benefit .benefitIcons{ background-position: -4920px 50%; background-color: #b54800;
}
.fixed4.benefit .benefitIcons, .fixed12.benefit .benefitIcons, .fixed24.benefit .benefitIcons,.fixed18.benefit .benefitIcons,
.fixed6.benefit .benefitIcons,.fixed3.benefit .benefitIcons,.fixed9.benefit .benefitIcons,.fixed36.benefit .benefitIcons
{ background-position: -1438px 50%; background-color: #b54800;
} .fixed12.benefit .benefitIcons:before, .fixed4.benefit .benefitIcons:before, .fixed18.benefit .benefitIcons:before, .fixed24.benefit .benefitIcons:before, .fixed6.benefit .benefitIcons:before, .fixed3.benefit .benefitIcons:before, .fixed36.benefit .benefitIcons:before, .fixed9.benefit .benefitIcons:before, .nest.benefit .benefitIcons:before { content:''; font-size: 300%; font-weight:bold; font-style:normal; height: 150px; width: 150px; display: table-cell; text-align: center; vertical-align: middle; color: #ffffff; padding-top: 14px; }
.fixed4.benefit .benefitIcons:before{content:'4'}
.fixed12.benefit .benefitIcons:before{content:'12';}
.fixed24.benefit .benefitIcons:before{content:'24';}
.fixed6.benefit .benefitIcons:before{content:'6'}
.fixed9.benefit .benefitIcons:before{content:'9';}
.fixed18.benefit .benefitIcons:before{content:'18'}
.fixed3.benefit .benefitIcons:before{content:'3'}
.fixed36.benefit .benefitIcons:before{content:'36'}
.nest.benefit .benefitIcons:before{content:'75';color: #0071a1;padding-top: 4px;}
#dealFinder .allCupons, #dealFinder .dtvPromo{display:inline-block;}
#dealFinder .allCupons{ width: 19.3%; position: relative; background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounce-home/offerFinder.png?yocs=1e_&yoloc=eu); background-size: contain; background-position: 50%; background-repeat: no-repeat; vertical-align: top; text-decoration: none;
}
#dealFinder .allCupons span{ left: 0; vertical-align: middle; width: 100%; padding: 38% 0; text-align: center; font-size: 2em; color: #fff; background-color:rgba(0,0,0,.7); visibility: hidden; opacity:0; display: block; text-decoration: underline;
}
#dealFinder .allCupons span:hover{ text-decoration: none;
}
#dealFinder:hover .allCupons span{visibility:visible;opacity:1;} #dealFinder .dtvPromo{width: 80%;}
.promoBox{display:table;background-size: cover;padding: 5%;color: #fff;background-color: rgba(0,113,161,.9);width: 90.5%;}
.promoBox h3{ display: block; font-size: 1.7em; font-style: normal; margin: 0; color: #fff;
}
.monthlyPromo {background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounce-home/socialBg.jpg?yocs=1e_&yoloc=eu);background-size: cover;background-position:50%}
.byopPromo{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounce-home/byopBg.jpg?yocs=1e_&yoloc=eu);background-size: cover;background-position:50%}
.dtvPromo{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounce-home/moveBg.jpg?yocs=1e_&yoloc=eu);background-size: cover;background-position:50%;}
.dtvPromo .promoBox {height: 132px;}
.csslider { -moz-perspective: 1300px; -ms-perspective: 1300px; -webkit-perspective: 1300px; perspective: 1300px; position: relative; overflow: hidden;
}
.csslider li h3{background-repeat:no-repeat;height:50px;background-position: 50% 50%;width: 30%;display: table-cell;background-size: contain;}
.csslider li h3 span{display:none;}
.csslider li.giving h3{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounce-home/be-message_giving.png?yocs=1e_&yoloc=eu);}
.csslider li.educated h3{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounce-home/be-message_educated.png?yocs=1e_&yoloc=eu);}
.csslider li.friendly h3{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounce-home/be-message_friendly.png?yocs=1e_&yoloc=eu);}
.csslider li.efficient h3{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounce-home/be-message_efficient.png?yocs=1e_&yoloc=eu);}
.csslider li.smart h3{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounce-home/be-message_smart.png?yocs=1e_&yoloc=eu);}
.csslider li.informed h3{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounce-home/be-message_informed.png?yocs=1e_&yoloc=eu);}
.csslider li p{ width: 65%; padding: 0 1% 1% 2%; display: table-cell;
}
.csslider li p a{margin-top:10px;} .half .csslider{margin: auto 36px;} .csslider > input { display: none; } .csslider > input:nth-of-type(10):checked ~ ul li:first-of-type { margin-left: -904.5%; } .csslider > input:nth-of-type(9):checked ~ ul li:first-of-type { margin-left: -804%; } .csslider > input:nth-of-type(8):checked ~ ul li:first-of-type { margin-left: -703.5%; } .csslider > input:nth-of-type(7):checked ~ ul li:first-of-type { margin-left: -603%; } .csslider > input:nth-of-type(6):checked ~ ul li:first-of-type { margin-left: -502.5%; } .csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {margin-left: -402%;} .csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {margin-left: -301.5%;} .csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {margin-left: -201%;} .csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {margin-left: -100.5%;} .csslider > input:nth-of-type(1):checked ~ ul li:first-of-type { margin-left: 0%; } .csslider > ul { position: relative; z-index: 1; margin: 0 auto; padding: 0; overflow: hidden; white-space: nowrap; width: 90%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .csslider > ul > li { position: relative; display: inline-block; width: 100%; height: 100%; padding-bottom: 2px; -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal; } .csslider > ul > li.scrollable { overflow-y: scroll; } .csslider > .arrows { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after, .csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after, .csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after, .csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after, .csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after, .csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after, .csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after, .csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after, .csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after, .csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after, .csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after { opacity: 1; }
.csslider > .arrows { position: absolute; left: 0; top: 50%; width: 100%; height: 26px; padding: 0; z-index: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .csslider > .arrows label { display: none; position: absolute; top: -50%; padding: 13px; box-shadow: inset 2px -2px 0 1px #FF6600; cursor: pointer; -moz-transition: .15s; -o-transition: .15s; -webkit-transition: .15s; transition: .15s; } .csslider > .arrows label:hover { box-shadow: inset 2px -2px 0 1px #0399cd; margin: 0 0px; } .csslider > .arrows label:before { content: ''; position: absolute; top: -100%; left: -100%; height: 300%; width: 300%; } .csslider.infinity > input:first-of-type:checked ~ .arrows label:last-of-type, .csslider > input:nth-of-type(1):checked ~ .arrows label:nth-of-type(0), .csslider > input:nth-of-type(2):checked ~ .arrows label:nth-of-type(1), .csslider > input:nth-of-type(3):checked ~ .arrows label:nth-of-type(2), .csslider > input:nth-of-type(4):checked ~ .arrows label:nth-of-type(3), .csslider > input:nth-of-type(5):checked ~ .arrows label:nth-of-type(4), .csslider > input:nth-of-type(6):checked ~ .arrows label:nth-of-type(5), .csslider > input:nth-of-type(7):checked ~ .arrows label:nth-of-type(6), .csslider > input:nth-of-type(8):checked ~ .arrows label:nth-of-type(7), .csslider > input:nth-of-type(9):checked ~ .arrows label:nth-of-type(8), .csslider > input:nth-of-type(10):checked ~ .arrows label:nth-of-type(9), .csslider > input:nth-of-type(11):checked ~ .arrows label:nth-of-type(10) { display: block; left: 10px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .csslider.infinity > input:last-of-type:checked ~ .arrows label:first-of-type, .csslider > input:nth-of-type(1):checked ~ .arrows label:nth-of-type(2), .csslider > input:nth-of-type(2):checked ~ .arrows label:nth-of-type(3), .csslider > input:nth-of-type(3):checked ~ .arrows label:nth-of-type(4), .csslider > input:nth-of-type(4):checked ~ .arrows label:nth-of-type(5), .csslider > input:nth-of-type(5):checked ~ .arrows label:nth-of-type(6), .csslider > input:nth-of-type(6):checked ~ .arrows label:nth-of-type(7), .csslider > input:nth-of-type(7):checked ~ .arrows label:nth-of-type(8), .csslider > input:nth-of-type(8):checked ~ .arrows label:nth-of-type(9), .csslider > input:nth-of-type(9):checked ~ .arrows label:nth-of-type(10), .csslider > input:nth-of-type(10):checked ~ .arrows label:nth-of-type(11), .csslider > input:nth-of-type(11):checked ~ .arrows label:nth-of-type(12) { display: block; right: 10px; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.citySearch h4 { font-size: 130%; margin-bottom: 10px; }
.citySearchResults h4 { font-size: 120%; margin-bottom: 0; }
.gridHeader .pageWidth{padding: 15px 0 0;}
.gridHeader #nav-bundles-innerX.pageWidth{padding:0;overflow: visible;}
.savingsCalc{display:none;}
ul.tabs{ margin: 0; padding: 0;
}
#nav-bundles-innerX.pageWidth ul.tabs {padding: 0 0 0 25px;}
ul.tabs li{display: inline-block;position: relative;border-right: 1px #fff solid;}
ul.tabs li.active {background-color: #0399cd;}
ul.tabs li.active a{color: #ffffff;}
ul.tabs li:hover{background-color: rgba(255,255,255,.3);}
ul.tabs li.active:hover{background-color: #0399cd;}
ul.tabs li a {margin: 5px 20px;}
ul.tabs li a{ color: #6d6d6d; padding: 10px; text-decoration: none; display: inline-block;
}
ul.tabs li.active a:after{content:'';width: 0;height: 0;position: absolute;bottom: -10px;left: calc(50% - 10px);border-style: solid;border-width: 10px 10px 0 10px;border-color: #0399cd transparent transparent transparent;}
.gridHeader h2{font-size: 130%;margin: 0; text-align:center;}
#chargeAvg{padding:0; text-align:center;}
.plan-box { padding: 35px 10px 10px; width: 220px; max-width: 321px; min-width: 180px; margin-bottom: 1.5em; display: inline-block; vertical-align: top; margin-top: 1em; }
#chargeAvg p {padding: 0 40px;}
.plan-grid-row-1-items .plan-box{margin: auto;}
.plan-box .plan-box-arrow{overflow:hidden;width: 100%;height: 25px;position: relative; display: none;}
.plan-box .plan-box-arrow:after{content:'';width: 0;height: 0;border-style: solid;border-width: 80px 500px 0;border-color: #efefef transparent transparent transparent;line-height: 0px;bottom: 0;position: absolute;left: 50%;margin-left: -500px;margin-top:-500px;}
.plan-box-inner{padding: 10px 10px;background-color: #efefef;color: #073c52;position: relative;}
.plan-box-inner h3{font-size: 1.4em;color: #ffffff;position: relative;display: block;text-align: center; margin: 0;}
.plan-box-inner h3 span{color: #000000;}
.plan-box-inner h4{ margin: 0 0 .25rem 0; position: relative; text-align: center;
}
.plan-box-inner h4 span{font-size: 2.75em;}
.plan-box-inner h4 sup{position: absolute;top: 10px;}
.plan-box-inner h4 i{font-size: .75em;}
.plan-box-inner .button{text-align:center;display: block;font-size: 1.7em;padding: .5rem;margin: 0 auto; width: 80%;}
.plan-box-inner .planDescription{display: table;margin: 15px 0;height: 35px;width: 100%;}
.plan-box-inner .planDescription strong{text-align: center;vertical-align: middle;display: table-cell;width: 100%;}
.plan-box-inner .gridPlanLinks{position:absolute;bottom: 10px;text-align: center;width: 90%;}
.plan-box-inner .gridPlanLinks a{ color:#0071a1; border-right: 1px solid; padding-right:5px; margin-right:5px; text-decoration: none; } .plan-box-inner .gridPlanLinks a:hover{text-decoration:underline;}
.plan-box-inner .gridPlanLinks a:last-child{border:none; margin:0; padding:0;}
.ptab{opacity:0;visibility:hidden;position: absolute;z-index: 0;}
.ptab.activeTab{opacity:1;visibility:visible;position: relative;z-index: 1;} .ptab .plan-box ul { list-style:none; margin: 20px 0; padding: 0; border-top: 2px solid; height: 150px; } .ptab .plan-box ul ul{height:inherit;} .ptab .plan-box ul li { border-bottom: 2px solid; position:relative; cursor:pointer; padding: 5px 0; margin: 0 0 0 0; font-weight:normal; line-height: 130%; font-size: 80%; } .ptab .plan-box ul, .ptab .plan-box ul li { border-color: #bdd2d9; text-align: center; } .ptab .plan-box ul li .bullet-hover { position:absolute; top:-10px; width: 200px; z-index:10000; padding: 0; font-size: 90%; border:1px solid #cccccc; background: #ffffff; border-radius:8px; right:15px; line-height:14px; -webkit-animation-name:bubbletip; -webkit-animation-duration: .15s; -moz-animation-name:bubbletip; -moz-animation-duration: .15s; box-shadow: 3px 3px 3px rgba(153,153,153,1); color:#666666; visibility: hidden; opacity: 0; } .ptab .plan-box ul li:hover .bullet-hover { visibility: visible; opacity: 1; padding: 5px; } .ptab .plan-featured .plan-box-innerÃÆ'‚ ul li .bullet-hover { border-color:#ffbc5c; background:#ffe3c2; } .ptab .plan-green .plan-box-inner ul li .bullet-hover { border-color:#96C93E; background:#FFFFD3; } .ptab .plan-box ul li .bullet-hover p { padding:0; margin:0; }
.planPriceTbl th{background-color:#0399cd;}
.planPriceTbl th h3{ color:#ffffff;margin:0;}
.planPriceTbl tr:nth-child(even){background-color:#ffffff;}
.planPriceTbl tr:nth-child(odd){background-color: #efefef;}
.planPriceTbl td{background-color:transparent;padding:10px 5px;}
.mobileSite .ptab{ opacity: 1; visibility: visible; position: relative;
}
.mobileSite .ptab .planHeader.pageWidth{ text-align: center; padding: 10px 0;
}
.mobileSite #nav-bundles-outer{text-align:center;margin-bottom:20px;z-index: 1000000000000;}
#home .mobileSite #nav-bundles-outer{margin-bottom:5px;}
#home .plantitleContainer{display:none;}
.plan-featured .plan-box-inner h3 span:after {display: none;}
.plan-box.plan-featured:before
{content: 'Most Popular'; position: absolute; font-size: 1em; background: #ff6600; color: #fff; padding: 4%; top: 0; text-transform: uppercase; width: 50%; border-radius: 15px 15px 0 0; text-align: center;
}
.plan-featured.plan-box .plan-box-arrow:after{border-top-color:#f4ebe2;}
.ptab .plan-box.plan-featured ul, .ptab .plan-box.plan-featured ul li{border-color:#c9cbc7;}
.plan-featured .plan-box-inner h3:before, .plan-featured .plan-box-inner h3:after {border-top-color: #b54800;} .plan-green .plan-box-inner h3 span:before{ content:'100% Green'; position:absolute; font-size: .7em; color: #42b205; top: -22px; right: 75px; }
.plan-green .plan-box-inner h3 span:after{background-size: cover;background-position: -101px 0;background-repeat: no-repeat;background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/icons/gridIcons_v5.png?yocs=1e_&yoloc=eu');height: 59px;width: 59px;top: -58px;right: 0;content: '';position: absolute;}
.plan-green .plan-box-inner,.rowContainer.plan-green .columnItem{background-color:#bbf89a;}
.plan-green.plan-box .plan-box-arrow:after{border-top-color:#bbf89a;}
.ptab .plan-box.plan-green ul, .ptab .plan-box.plan-green ul li{border-color:#99d58d;}
.plan-green .plan-box-inner h3 span, .rowContainer.plan-green .info strong{background-color:#42b205;}
.plan-green .plan-box-inner h3:before{border-top-color: #073c53;} .easy-fixed-3 .plan-box-inner h3 span:before{ content: 'Best Value'; position:absolute; font-size: .7em; color: #0071a1; top: -22px; right: 75px; }
.easy-fixed-3 .plan-box-inner h3 span:after{background-size: cover;background-position: -201px 0;background-repeat: no-repeat;background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/icons/gridIcons_v5.png?yocs=1e_&yoloc=eu');height: 59px;width: 59px;top: -58px;right: 0;content: '';position: absolute;}
.rowContainer{width: 100%;}
.rowContainer .columnItem{margin-bottom: 15px;display: table;height: 180px;background-repeat:no-repeat;background-position: -2% 50%;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);box-shadow: 0px 0px 7px rgba(0,0,0,0.2);opacity: 1;width: 100%;}
.rowContainer:hover .columnItem{background-color:#ffffff;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.rowContainer .info strong{ font-size: 1.5em;
}
.rowContainer .info em{ display: block; margin-top: 5px; color: #073c52;
}
.rowContainer .price-bullet{ margin: 0; list-style: none; padding: 0;
}
.rowContainer .price-bullet li{ padding-bottom: 10px;
}
.rowContainer .price-bullet li:last-child{padding-bottom:0}
.rowContainer .price-bullet li{position:relative;}
.rowContainer .price-bullet li .bullet-hover{position: absolute;padding: 10px;top: -12%;right: -190px;background-color: #6cd8fe;width: 255px;z-index: 4;color: #fff;visibility: hidden;opacity: 0;}
.rowContainer .price-bullet li:hover .bullet-hover, .rowContainer .price-bullet li:hover .bullet-hover:after{visibility: visible;opacity: 1;z-index: 200;}
.rowContainer .price-bullet li .bullet-hover:after { content: ''; position: absolute; right: 100%; top: 20px; margin-top: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #6cd8fe; border-bottom: 10px solid transparent; border-left: 10px solid transparent; visibility: hidden; opacity: 0;
}
.rowContainer .price h6{display:none;}
.rowContainer .price h3{margin: 0;line-height: 130%;text-align: center;}
.rowContainer .price h3 span{ font-size: 200%;
}
.rowContainer .price h3 sup{top: -15px;position: relative;left: 3px;}
.rowContainer .price h3 em{position:relative;left: -7px;color: #6c6c6c;font-size: 35%;}
.rowContainer .price .buttons{text-align:center;}
ul.gridHead { margin: 0; padding: 0; list-style: none; width: 100%; border-bottom: 1px solid #ffffff; position: absolute; background-color: #0071a1; background-position: 2px 0; height: 65px; top: 0; max-width: 1020px; z-index: 201;
}
ul.gridHead.sticky { position: fixed; top: 75px;
}
ul.gridHead li { font-size: 15px; text-align: center; font-weight: bold; color: #ffffff; margin: 0; height: 26px; display: table-cell; vertical-align: middle;
}
.rowContainer.plan-green .gridPlanLinks a{background-color: #0071a1;}
.rowContainer .promotion, .rowContainer .gridPlanLinks, .rowContainer .term, .rowContainer .description, .rowContainer .info, .rowContainer .price{ display: table-cell; vertical-align: middle; padding: .1% 1%;
}
ul.gridHead li.promotion, ul.gridHead li.sort, ul.gridHead li.price, ul.gridHead li.term, ul.gridHead li.description, ul.gridHead li.info{ display: table-cell; vertical-align: middle; padding: .7% 0;
}
.rowContainer .info{ width: 20%;
}
ul.gridHead li.info{ width: 21%;
}
.rowContainer .description{ width: 33%; position: relative;
}
ul.gridHead li.description{width: 32%;}
ul.gridHead li.term, .rowContainer .term{ width: 4%; text-align: center;
}
.rowContainer .price{width: 17%;}
ul.gridHead li.price{width: 20%;}
.rowContainer .promotion{width: 12%;}
.rowContainer .gridPlanLinks{ width: 10%;
}
ul.gridHead li.sort{width: 13%;padding-right: 8px;}
.rowContainer .gridPlanLinks a{ display: block; text-align: center; background-color: #ff6600; margin-bottom: 3px; border-radius: 6px; color: #ffffff; text-decoration: none;
}
.rowContainer .info strong{font-size: 1.4em;margin: 15px 0 0 -20px;color: #ffffff;position: relative;padding: 10px 10px 10px 22px;background-color: #aaa;display: block;}
.rowContainer .info strong:before{ content:''; width: 0; height: 0; border-top: 8px solid; border-left: 8px solid transparent; position: absolute; left: 0; bottom: -8px; border-top-color: #073c53; }
.darkGrayBG {background-color: inherit;}
#nav-bundles-innerX.pageWidth ul.tabs { padding: 0; border-bottom: 5px #0399cd solid;
}
ul.tabs li { border: 1px #0399cd solid; border-bottom: none; border-radius: 6px 6px 0 0; background: -webkit-linear-gradient(#CDEBF5,white); background: -o-linear-gradient(#CDEBF5,white); background: -moz-linear-gradient(#CDEBF5,white); background: linear-gradient(#CDEBF5,white);
}
ul.tabs li.active {background: #0399cd;}
ul.tabs li a {color: #0399cd;}
ul.tabs li.active a:after {display: none;}
#viewAllGrid.pageWidth { border: 1px #0399cd solid; border-top: none; border-bottom: none; padding: 30px 0;
}
.gridHeader .pageWidth { border: 1px #0399cd solid; border-top: none; border-bottom: none;
}
#chargeAvg { padding: 0 0 10px; border: 1px #0399cd solid; border-top: none; margin-bottom: 50px;
}
.gridHeader #nav-bundles-innerX.pageWidth { border: none; max-width: 1022px;
}
.rowContainer { width: 97%; margin: 0 auto;
}
.rowContainer .columnItem { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff;
}
#viewAllGrid .plan-grid-row { padding: 0 30px;
}
#viewAllGrid .plan-grid-row.columnItem{ padding: 0;
}
.plan-box-inner h3:before, .plan-box-inner h3:after {display: none;}
.plan-box-inner h3 span { background-color: inherit; color: #000; height: inherit;
}
.plan-box-inner h3 {margin: 0;}
.plan-featured .plan-box-inner h3 span { background-color: inherit; padding: 0;
}
#viewAllGrid .ptab.activeTab {background: #eee;}
.plan-box-inner {background-color: #fff; border-radius:6px;}
.plan-featured .plan-box-inner, .rowContainer.plan-featured .columnItem { background-color: #fff; border-radius: 0 6px 6px 6px;
}
.plan-box-inner .gridPlanLinks {bottom: 15px;}
.ptab .plan-box ul { height: 145px;}
.plan-box .plan-box-arrow,
ul.gridHead li.promotion,
.rowContainer .promotion {display: none;}
.slick-list {padding: 15px 0 0;}
.rowGridContainer {padding: 85px .2% 25px 1%;}
.plan-box-inner .button {padding: .5rem;}
.rowContainer .gridPlanLinks a { background-color: inherit; color: inherit; text-decoration: underline;
}
ul.gridHead {text-transform: capitalize;}
select {border: none;}
.byop_wrapper select {border: 1px grey solid;}
.rowContainer .info strong {
background-color: #aaa; border-radius: 0 10px 10px 0;
}
.button {padding: 13px 10px;}
.rowContainer .price-bullet li {text-indent: -16px;}
.rowContainer .price-bullet li .bullet-hover {text-indent: 0;}
.rowContainer .price-bullet li:before {
display: inline-block; content: ''; -webkit-border-radius: 0.375rem; border-radius: 0.375rem; height: 0.5rem; width: 0.5rem; margin-right: 0.5rem; background-color: #bdbdbd;
}
.rowContainer .price-bullet li:nth-of-type(1):before {background-color: #0071A1;}
.rowContainer .price-bullet li:nth-of-type(2):before {background-color: #B54800;}
.rowContainer .price-bullet li:nth-of-type(3):before {background-color: #6CD8FE;}
.rowContainer .price-bullet li:nth-of-type(4):before {background-color: #FF6600;}
.term:after {content: " Months"}
#home #viewAllGrid .ptab.activeTab {background: #fff;}
#home .plan-box-inner {background-color: #efefef;}
#home .gridHeader .pageWidth,
#home #viewAllGrid.pageWidth {border: none;}
.searchPage .gsst_a{padding: 6px 6px 0;}
.searchPage .gsc-search-box-tools .gsc-search-box .gsc-input{background:none !important;}
.searchPage .gsc-control-cse{padding:10px 0 0;}
.siteMapHead{background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/sitemap_v5.jpg?yocs=1e_&yoloc=eu');background-position: 70% 50%;background-repeat: no-repeat;background-size: cover;}
.articleBody h4{margin-top:0;}
.siteMapHead img.heroshot{ position: relative; float: right; margin-top: -70px;
}
.siteMapHead .pageWidth{padding-top: 60px;padding-bottom: 60px;}
.siteMapHead .topCTA{ width: 70%;
}
.siteMapHead .topCTA h1,.siteMapHead .topCTA h2{text-align:left;margin:0 0 10px}
.siteCityLinks h2{margin-top:0;}
.siteCityLinks ul li{ display: inline-block; border-right: 1px solid; margin: 0 5px 5px 0; padding-right: 10px;
}
.siteCityLinks ul,.siteCityLinks ul li:last-child{margin:0;padding:0;border:none;text-align: center;}
.siteCityLinks ul li a{text-decoration:none;}
.articleBody ul{ max-height: 850px; overflow: auto;
}
.articleBody ul li,.articleBody ol li { margin-bottom: 15px;
}
.articleBody ul.pressRoom li{ padding-left: 15px; margin-bottom: 20px;
}
.articleBody ul li a{text-decoration:none;padding: 0 5px 0 30px;opacity: .7;display: inline-block;font-weight: normal;}
.articleBody ul.pressRoom li a, .articleBody ul.pressRoom li a:hover{ margin-left: -15px; padding-bottom: 0;
}
.articleBody ul li a:hover{opacity: 1;}
.articleBody ul li a:before, .articleBody .bounce_article_links .readmore:after{content:'\e766';margin-left: -30px;padding: 5px;}
.articleBody ul li a:hover:before{ padding: 5px; border-radius: 50%; background-color: rgba(0,0,0,.2);
}
.articleBody .bounce_article_links .readmore{font-size: 140%;display: block;text-align:center;margin: 30px auto 0;width: 34%;padding: 0 25px 10px 15px;text-decoration: none;border-bottom: 1px solid #C5C5C5;position: relative;}
.articleBody .bounce_article_links .readmore:after{ margin: 0; position: absolute; right: 0; bottom: 40%;
}
.articleBody .blogSavingsGreenify h4{ font-size: 100%; text-align: left;
}
.articleBody .flex ul{display: flex;flex-wrap: wrap;}
.articleBody .flex ul li{width: 24%;}
.pageWidth.folderBreadcrumbs{padding:10px 0}
.pageWidth.folderBreadcrumbs, .pageWidth.folderBreadcrumbs a{color:#6c6c6c;}
.articleBody .socialShare{text-align: center;}
.articleBody .socialShare h6{margin-top:30px;}
.articleBody .socialShare span{ -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out;
}
.articleBody .articleLeft, .articleBody .articleRight{display:inline-block;vertical-align:top;}
.articleBody .articleLeft{width: 100%;max-width: 65%;border-right: 1px solid #dcdcdc;margin-right: 2%;padding-right: 2.2%;}
.articleBody .articleRight{width: 100%;max-width: 30%;}
.articleBody .articleRight h3{margin-top:0;text-align:left;}
.articleBody .articleImgMid{margin:0 auto;display:block;max-width:100%;}
.articleBody .articleLeft h3, .articleBody .articleLeft h2{text-align:left;}
.rafHow ul{ padding: 0;
}
.rafHow ul li ul li{ margin-bottom: 5px;
}
.rafHow .rafIcon{ background-repeat: no-repeat; background-position: 0% 0%; padding-left: 100px;
}
.simpleShare{ background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/raf/simpleshare-icon.png?yocs=1e_&yoloc=eu');
}
.easyMoney{ background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/raf/easymoney-icon.png?yocs=1e_&yoloc=eu');
}
.startSave{ background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/raf/save-icon.png?yocs=1e_&yoloc=eu');
}
.rafSteps h3{text-align:center;}
.rafSteps ul{ list-style-type: none; padding: 0; margin: 0;
}
.rafSteps ul li{ padding: 0; margin: 0;
}
.rafSteps .steps{ background-repeat: no-repeat; background-position: 100% 50%; padding: 40px 130px 40px 20px; min-height: 40px; text-align: left; margin-right: 35px; }
.rafSteps .steps:before{ counter-increment: section; content: counters(section,".");
}
ol.rafSteps{ margin-left: 0; padding-right: 0; list-style-type: none; counter-reset: section;
}
ol.rafSteps li { counter-increment: step-counter;
}
ol.rafSteps li:before { content: counter(step-counter); margin-right: 5px; font-size: 300%; color: #0399cd; font-weight: bold; border-radius: 3px; position: absolute; left: 0; margin-top: -5px;
}
.rafSteps .bigNum{ display: block; line-height: 130%;
}
.rafSteps .step1{ background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/raf/step1-icon.png?yocs=1e_&yoloc=eu');
}
.rafSteps .step2{ background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/raf/step2-icon.png?yocs=1e_&yoloc=eu');
}
.rafSteps .step3{ background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/raf/step3-icon.png?yocs=1e_&yoloc=eu');
}
.rafBannerHead, .rafBannerID { display: inline-block; width: 65%; padding: 0 3% 0 0; vertical-align: top;
}
.rafBannerID { width: 25%; padding: 3%; background-color: #0399cd; color: #ffffff; font-size: 20px; text-align: center;
}
.contact{background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/rep-girl1.png?yocs=1e_&yoloc=eu');background-repeat:no-repeat;background-position: 100% 100%;padding: 0 30% 5px 0;width: 70%;}
.contactBody h3:first-child{margin-top:0;}
#couponHeader{text-align: center; margin-bottom: 30px;}
.coupon {border: 2px dashed #ddd;border-radius: 5px;position: relative;display: inline-block;margin: 1%;padding: 2%;vertical-align: top;}
.coupon p,.coupon em, .coupon strong{display: block;z-index: 1;position: relative;}
.twoCoup{width: 43%;height: 220px;}
.oneCoup{width: 950px;}
.oneCoup p, .oneCoup strong{width: 75%; }
.oneCoup strong{line-height: 125%;}
.couponStrong {font-weight: bold; color: #ff6600}
.aboutpHead{padding:20px 0;margin-bottom: -50px;}
.aboutpHead span{background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/beMore.png?yocs=1e_&yoloc=eu');background-position: 100% 100%;background-repeat: no-repeat;background-size: contain;padding: 0 30% 5% 0;}
.socialAbout{background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/banners/socialBanner.png?yocs=1e_&yoloc=eu');}
.socialAbout a, .socialAbout h2{color: #ffffff;text-decoration:none;}
.socialAbout a{font-size:120%;background-color: rgba(0,0,0,.5);display: block;padding: 10px;}
.ourAwards ul{margin:0;padding:0;}
.ourAwards ul li{padding-bottom: 50px;display:block;}
.ourAwards ul li:last-child{padding:0;}
.boxesMultiuse{ background-repeat: no-repeat; background-size: cover;
}
.boxesMultiuse h3{ background-color: rgba(1,113,161,.5); color: #ffffff; padding: 10px; font-size: 150%; margin-bottom: 10px;
}
.boxesSavings { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/airFilter.png?yocs=1e_&yoloc=eu); }
.boxesConnected { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/socialBanner.png?yocs=1e_&yoloc=eu); }
.boxesNew { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/newCustomer.png?yocs=1e_&yoloc=eu); }
.boxesExisting { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/exsistingCustomer.png?yocs=1e_&yoloc=eu); }
.boxesFixedRates { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/fixed-rate.png?yocs=1e_&yoloc=eu); }
.boxesDemandResponse { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/trout-bounceback.png?yocs=1e_&yoloc=eu); }
.boxesCharity { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/charity-homepage-trout.png?yocs=1e_&yoloc=eu); }
.boxesPromise { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/be_promise.png?yocs=1e_&yoloc=eu); }
.boxesCustService { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/customer-service.png?yocs=1e_&yoloc=eu); }
.boxesRAF { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/refer-friend.png?yocs=1e_&yoloc=eu); }
.boxesBYOP { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/build_plan.png?yocs=1e_&yoloc=eu); }
.boxesBusiness { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/small-business.png?yocs=1e_&yoloc=eu); }
.boxesPromise { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/bouncePromise.png?yocs=1e_&yoloc=eu); }
.boxesNews { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/bounceNews.png?yocs=1e_&yoloc=eu); }
.boxesCommunity { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/bounceCharity.png?yocs=1e_&yoloc=eu); }
.boxesMyAccount { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/myAccount-homepage-trout.png?yocs=1e_&yoloc=eu); }
.boxesSmBusiness { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/be_trout_smallBusiness.jpg?yocs=1e_&yoloc=eu); }
.boxesGreen { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/bounceGreen.png?yocs=1e_&yoloc=eu); }
.boxesChoose { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/bounceChoose.png?yocs=1e_&yoloc=eu); }
.boxesMove { background-image:url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/tribox/moving_trout.png?yocs=1e_&yoloc=eu); }
#planPageTopContainer.blueShirtMan{ background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/planPage2/blueShirtMan.jpg?yocs=1e_&yoloc=eu); background-repeat: no-repeat; background-position: right 0; min-height: 335px; border-bottom: 1px #ccc solid;
}
#planPageTopContainer.nest{ background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/planPage2/beNestHero.jpg?yocs=1e_&yoloc=eu); background-position: 100% 100%; background-size: contain; }
#planPageTopContainer.hive{ background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/planPage2/hiveStarterKit.jpg?yocs=1e_&yoloc=eu); background-size: 375px; }
#planPageTopContainer .planPageTopBundle,#planPageTopContainer .planPageTopConent{ display: block; vertical-align: top;
}
#planPageTopContainer .planPageTopBundle{ width: 20%; padding: 0 2% 0 0;
}
#planPageTopContainer .planPageTopBundle h1{text-align:left;margin-bottom: 10px;}
#planPageTopContainer .planPageTopBundle .bundle-single-price span{ font-size: 200%; font-weight: bold;
}
#planPageTopContainer .planPageTopBundle .bundle-single-price sup{ position: absolute;
}
#planPageTopContainer .planPageTopBundle .bundle-single-price em{ font-size: 30%;
}
#planPageTopContainer .plan-box{display: block;width: 220px;padding: 0 20px 30px;position: absolute;left: 0;top: 0;}
#planPageTopContainer .plan-box.plan-green{ padding: 9px 20px 30px;
}
#planPageTopContainer .planPageTopConent{ max-width: 100%; padding: 0 0 245px 260px; position: relative;
}
#planPageTopContainer.nest .planPageTopConent{ padding: 0 355px 80px 260px;
}
#planPageTopContainer .planPageTopBundle .bundle-single-price-wrapper .button.order{display:none;}
#planPageTopContainer .planPageTopConent h3{font-size:130%;font-weight:normal;}
#planPageTopContainer .planPageTopConent h1{font-size:150%;margin-bottom: 40px;}
.planDocs h3{font-size: 90%;text-align: left;}
.planDocs #priceAndDocs{text-align: left;}
.planDocs #priceAndDocs a{text-decoration:none;}
.planDocs #priceAndDocs a:hover{text-decoration:underline;}
.planDocs #priceAndDocs .importantDoc{ margin-right: 3px; padding-right: 8px; border-right: 1px solid; line-height: 140%;
}
.planDocs #priceAndDocs .importantDoc:last-child{ margin-right: 0; padding-right: 0; border-right: 0;
}
.bundle-single-price-wrapper{margin: 10px 0 20px;text-align: center;}
.bundle-single-price-wrapper .button{display:none;}
h1.electricityPlans.headerTest{margin:0;}
h3.electricityPlans.headerTest{font-size: 135%;margin: 10px 0 0;z-index: 200;}
h3.electricityPlans.headerTest span {cursor: pointer;position: relative;display: inline-block;}
.promoWrapper{z-index:0;position:absolute;opacity:0;width: 500px;top: 30px;font-size: 80%;color: #6c6c6c;visibility: hidden;text-align: left;padding-top: 20px;}
.promoWrapper .promoContainer{padding: 0 10px 10px;overflow: hidden;}
.promoWrapper .promoContainer p{font-size: 90%;}
.promoWrapper .promoContainer ul{font-size:90%;margin: 0;}
h3.electricityPlans.headerTest span .promoWrapper p strong { display: block; margin-bottom: 20px; font-size: 140%;
}
h3.electricityPlans.headerTest span:before{ content:''; display: block; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #dddddd; margin: auto; position: absolute; bottom: -20px; left: 50%; opacity: 0; }
h3.electricityPlans.headerTest span:hover:before{opacity:1;}
h3.electricityPlans.headerTest span:hover .promoWrapper{ opacity: 1; z-index: 1; visibility: visible;
}
h3.electricityPlans.headerTest span i{ height: 30px; width: 36px; display: inline-block; vertical-align: bottom; background-position: 50% 50%; } h3.electricityPlans.headerTest #lowRate i{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounceSite/lowRateIcon.png?yocs=1e_&yoloc=eu); margin-right: 5px;} h3.electricityPlans.headerTest span#lowRate .promoWrapper{left: -4px; background-position: 70px 0;} h3.electricityPlans.headerTest span#lowRate img{margin-bottom: -10px;} h3.electricityPlans.headerTest #greatRewards i{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounceSite/rewardsIcon.png?yocs=1e_&yoloc=eu); margin-right: 0;} h3.electricityPlans.headerTest span#greatRewards .promoWrapper{ left: -160px; background-position: 250px 0;} h3.electricityPlans.headerTest span#greatRewards .promoWrapper ul{list-style: none;padding-left: 55px;} h3.electricityPlans.headerTest span#greatRewards img{position: absolute; left: 7px;} h3.electricityPlans.headerTest #specialOffers i{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounceSite/specialOffersIcon.png?yocs=1e_&yoloc=eu);} h3.electricityPlans.headerTest span#specialOffers .promoWrapper{left: -342px; background-position: 420px 0;} h3.electricityPlans.headerTest span#specialOffers .promoWrapper ul{list-style: none;padding-left: 60px;} h3.electricityPlans.headerTest span#specialOffers img{position: absolute; left: 7px;} .promoContainer li {padding-bottom: 15px;}
.planBenefits h3{font-size: 200%;margin: 0 0 10px;}
.planBenefits h4{ font-size: 113%;
}
.benifitsContainer .benefit{padding: 15px 15px 0;;width: 284px;display: inline-block;vertical-align: top;}
.benifitsContainer b,.pentaArea .iconWrap a{ color:#0399cd; display:block; text-align:center; font-size:140%; margin: 10px 0 5px; line-height: 130%; font-weight: normal;
}
.berewards .leftContent, .moms .leftContent{width: 63%;display:inline-block;}
.rewardslayoutTable .rewardslayoutTableRow{display:table;margin-bottom: 10px;}
.rewardslayoutTable .rewardslayoutTableRow .rewardslayoutTableLeft,.rewardslayoutTable .rewardslayoutTableRow p{display:table-cell;vertical-align: middle;}
.rewardslayoutTable .rewardslayoutTableRow .rewardslayoutTableLeft{ padding-right: 5px; min-width: 60px;
}
.rewardSlider .contentcontainer .berewardsImg{ max-width: 35%; vertical-align: top;
}
.rewardSlider .rightContent { display: none;
}
.rewardSlider .slick-slide{padding: 0 1%; display: inline-block; vertical-align: top;}
.byopCallout .pageWidth{background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/planPage2/byopLgBg.png?yocs=1e_&yoloc=eu);background-repeat: no-repeat;background-position: 100% 100%;color: #fff;background-size: contain;}
.byopCallout .byopCalloutInner{ padding: 30px 43% 30px 0;
}
.byopCallout h3{margin: 0 0 10px;color: #fff;text-align: left;font-size: 100%;}
.byopCallout strong{margin: 0 0 10px;font-size:130%}
.byopCallout a{color:#ffffff;}
.price-grid-mini .price-grid-rate-title{ text-align: center; font-size: 150%; margin-bottom: 20px;
}
.price-grid-mini .bundle-item { display: inline-block; vertical-align:top; box-shadow: 0 2px 10px 2px #ccc; border-radius: 1px; height: 240px; margin: 8px; width: 18%;
}
.price-grid-mini .slider-item-1 .bundle-item{ display: block; margin: 8px auto; min-width: 300px;
}
.price-grid-mini .bundle-item:hover{box-shadow: 0 2px 10px 2px #8B8B8B;}
.price-grid-mini .bundle-item h4{background-color: #0071a1;color:#ffffff;margin: 0 0 10px;text-align: center;font-size: 130%;padding: 1% 8%;height: 60px;display: table;width: 85%;}
.price-grid-mini .bundle-item h4 b{ vertical-align: middle; display: table-cell;
}
.price-grid-mini .plan-content{text-align:center;}
.price-grid-mini .bundle-price{font-size: 250%;margin: 5px 0;text-align: center;}
.bundle-single-price-wrapper .bundle-single-price{font-size:300%;color: #003548;}
.bundle-single-price-wrapper .bundle-single-price sup{position: absolute;font-size:50%}
.bundle-single-price-wrapper .bundle-single-price em{font-size: 30%;}
.bundle-single-price-wrapper .bundle-single-price-loc{margin-top:10px}
.price-grid-mini .plan-title-aux{margin: 15px 10px;}
.topCTA.rightImg{ background-repeat: no-repeat; background-position: 100% 50%; background-size: contain;
}
.topCTA.rightImg h2{font-size:120%;color: #ff6600;margin:0;text-align: left;}
.topCTA.rightImg span{padding-right: 25%;}
.topCTA.aAdvantage{background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/aadvantage.png?yocs=1e_&yoloc=eu');}
.topCTA.aExpress{background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/amex-logo.png?yocs=1e_&yoloc=eu');}
.topCTA.fixedPlans{background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/headers/fixed-rate-plans.png?yocs=1e_&yoloc=eu');}
.topCTA.greenPlans{background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/headers/green-energy-plans.png?yocs=1e_&yoloc=eu');}
.gridPromoBanner { width: 100%; background-color: #E8E8E8; margin: -20px 0 0 0; position: relative; }
.gridPromoBanner p { width: 395px; display: inline-block; }
.bannerHeadlineGrid { font-size: 40px; font-family: 'Dosis', sans-serif; color: #0399cd; text-align: left; padding: 10px 15px 15px 25px; margin: 0; display: inline-block; }
.gridPromoBannerBTS { position: absolute; top: -15px; right: 10px; z-index: 1; }
#septPromo .gridPromoBannerBTS{ right: 15px; top: -40px; width: 150px;}
.gridPromoTemplate {position: relative;height: 140px;padding-top: 20px;}
.gridPromoTemplate img {position: absolute;top: 0;z-index: 0;}
.gridPromoTemplate h3, .gridPromoTemplate p {padding: 0 275px 0 25px;z-index: 1;position: relative;}
.gridPromoTemplate h3 { font-size: 28px; color: #0399cd; font-family: 'Dosis', sans-serif; text-align: center; margin-bottom: 0; }
.gridPromoTemplate p { font-size: 20px; line-height: 120%; font-family: 'Dosis', sans-serif; text-align: center; }
#newTopCTA.gridPromo img{ max-height: 100%; position: absolute; max-width: 20%; margin: 0;
} #newTopCTA.gridPromo img.floatRight{right: 0;} #newTopCTA.gridPromo img.floatLeft{left:0;}
#newTopCTA.gridPromo .contentLeft{margin-right: 20%;}
#newTopCTA.gridPromo .contentRight{margin-left: 20%;}
.promoFlexBox { background-color: #eee; padding: 10px; margin: 0 0 20px 0; display: block; text-decoration: none;
}
.promoFlexBox strong { font-size: 120%; color: #ff6600; margin: 0 0 5px 0; display: block; line-height: 120%;
}
.promoFlexBox em { color: #0071a1; font-size: 90%;
}
.greenPlan{background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/banners/greenEfficiencyBanner2.png?yocs=1e_&yoloc=eu');background-repeat:no-repeat;background-size:cover;background-position: 50% 100%;}
.greenPlan .darkBlueBG{background-color: rgba(0, 113, 161,.6);}
.page404 #canvas{margin-top: -42%;}
.page404 .canvasContainer{ max-height: 500px; position: relative; float: right;
}
table.MainTable #rightCol .byop_planbox #order-form-container-wrapper #order-form-container,
table.MainTable #rightCol .byop_planbox #order-form-container-wrapper,
#content-main #rightCol .byop_planbox #order-form-container-wrapper #order-form-container,
#content-main #rightCol .byop_planbox #order-form-container-wrapper,
.byop_planbox #order-form-container-wrapper #order-form-container,
.byop_planbox #order-form-container-wrapper{background-image:none;padding: 0;margin: 0 auto 10px;width: 100%;}
#content-main #rightCol .byop_planbox #order-form-container-wrapper .order-form-container-middle, .byop_planbox #order-form-container-wrapper .order-form-container-middle{ padding: 5%; color: #ffffff; text-align: center;
}
.byopPage .twothirds{min-height:350px;}
#content-main #rightCol .byop_planbox #order-form-container-wrapper .order-form-container-middle ul,
.byop_planbox #order-form-container-wrapper .order-form-container-middle ul{margin:0 0 10px; padding:0; background-color:#ffffff;}
#content-main #rightCol .byop_planbox #order-form-container-wrapper .order-form-container-middle ul li,
.byop_planbox #order-form-container-wrapper .order-form-container-middle ul li{display:block; padding:10px; color:#6c6c6c; border-bottom: 1px solid #c6c6c6;}
#content-main #rightCol .byop_planbox #order-form-container-wrapper .order-form-container-middle ul li:last-child,
.byop_planbox #order-form-container-wrapper .order-form-container-middle ul li:last-child{border:none;}
a.addy-box-02-visitor-address-continue{margin-top:10px}
.allAnswered{margin-top:10px}
.allAnswered .signup.bigButton{display:block; text-align:center; margin-top:20px}
.byop_planbox .display_rate b{ font-size: 230%; font-weight: normal;
}
.byop_planbox .display_rate sup{ position: absolute;
}
.byop_wrapper .byop_step,.byop_wrapper .questions,.byop_wrapper .byop_inputs label{display:block;}
.byop_wrapper .byop_inputs {display:inline-block;margin-right: 5px;vertical-align: top;}
.byop_wrapper .byop_inputs .blueButton{margin-left: 5px;}
.byopPage .byop_q{margin-top: 30px;border-bottom: 1px solid #c6c6c6;padding-bottom: 30px;}
.byopPage .byop_q:first-child{margin-top: 0;}
.byopPage .byop_q.verified{background-repeat: no-repeat;background-position: 100% 50%;background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/icons/040-checkmark.png?yocs=1e_&yoloc=eu');}
.byopPage .byop_wrapper{ padding-right: 45px;
}
.byop_wrapper .byop_step{font-size:130%;}
.byop_wrapper .questions{font-size:150%;margin-bottom:15px}
.byopPage .byop_q span a{ display: inline-block; padding: 0 22px 0 10px; font-size: 90%;
}
.byop_planbox .service_address span{ display:block; padding-bottom:5px;
}
.byopPage .twothirds .rate b{font-size:150%}
#content-main #rightCol .byop_planbox #order-form-container-wrapper h4{ font-style: normal; font-size: 120%; margin: 10px 0 0;
}
.byopPage .error_msg, .byopPage .load_msg{ max-width: 320px; width: calc(100% - 50px); background: #ffffff; border: 1px solid #0399cd;
}
.byopPage .force{margin-top: -19px;}
.byopPage .reenter, .byopPage .force{background-color: #eeeeee;border: 1px solid;}
.singleInfoContainer {width: 55%;}
.singleInfoContainer h3 { font-size: 38px; color: #0399cd;
}
.singlePriceBox .bundle-single-price-wrapper { text-align: left; margin: 0;
}
.singlePriceBox .bundle-single-price-wrapper span { font-size: 80px; color: #0399cd; letter-spacing: -5px; padding-right: 5px;
}
.singlePriceBox .bundle-single-price-wrapper .bundle-single-price sup { font-size: 80%; top: 20px; color: #0399cd;
}
.singleOrderBtn .button { padding: 15px 50px;
}
.singleOrderBtn, .singlePriceBox { display: inline-block; vertical-align: top;
}
.singleStarRatings {padding: 20px 0;}
.singlePlanInfo ul.list-disc li {text-indent: -16px;}
.singlePlanInfo ul.list-disc li .bullet-hover {text-indent: 0;}
.singlePlanInfo ul.list-disc li:before {
display: inline-block; content: ''; -webkit-border-radius: 0.375rem; border-radius: 0.375rem; height: 0.5rem; width: 0.5rem; margin-right: 0.5rem; background-color: #bdbdbd;
}
.singlePlanInfo .list-disc li:nth-of-type(1):before {background-color: #0071A1;}
.singlePlanInfo .list-disc li:nth-of-type(2):before {background-color: #B54800;}
.singlePlanInfo .list-disc li:nth-of-type(3):before {background-color: #6CD8FE;}
.singlePlanInfo .list-disc li:nth-of-type(4):before {background-color: #FF6600;}
.pageWidth .singlePlanInfo ul { margin: 10px 0 0; padding: 0 0 0 20px;
}
.singleOrderBtn {padding: 20px 0 0;}
.singlePriceBox {width: 40%;}
.planPageDocs { text-align: center; padding-top: 0; margin-top: -15px;
}
.planPageDocs a { padding: 10px 30px 10px 40px; margin-left: 35px; background: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/planPage2/detailsPDF.jpg?yocs=1e_&yoloc=eu') no-repeat; color: #888;
}
.planPageDocs a:first-of-type {margin: 0;}
.planPageDocs h3 { font-size: 14px; padding-bottom: 20px; background: #fff; width: 15%; padding-left: 10px; padding-right: 10px; margin: 0 auto; color: #888;
}
.planPageDocs.pageWidth { padding-top: 0; margin-top: -13px; margin-bottom: 20px;
}
#savings_tool form {text-align:left;width: 100%;max-width: 1020px;margin: auto;padding: 30px 0;position: relative;overflow: hidden;min-width: 300px;}
#savings_tool label {font-weight:bold;line-height:100%;display: block;}
#savings_tool .small {font-size: 80%;color:#5E5E5E;}
#savings_tool td {vertical-align:top;}
#savings_tool p {vertical-align:top; margin:0 0 18px 0; padding:0}
#savings_tool h1, #savings_tool h2 {clear:none;}
#savings_tool h1 {margin:-30px 0 0 0;}
#savings_tool select{margin-top: 15px;}
#morePlans a {color:#000; font-weight:bold; text-decoration:none;}
#morePlans img {position:relative; top:5px; padding-right:5px;}
#savings_tool .asavings {color:red;}
#savings_tool .plan-list th {padding:0px 0px 0px 0px; text-align:center;}
#savings_tool .plan-list .header {background:#0399cd; color:#fff; font-size:12px; font-weight:bold; text-align: left; height: 23px;}
#savings_tool .plan-list {width:100%}
#savings_tool .plan-row td {font-size:14px; vertical-align:top; border-bottom:1px solid #c5c5c5; font-weight:bold; text-align:center; padding:8px 0 8px 0}
#savings_tool table {border-collapse:collapse}
#savings_tool_left {width: 40%;padding: 10px 0px 10px;}
#savings_tool_right {width: 95%;height:310px;border-left:2px solid #ccc;padding: 0px 0px 10px 5%;overflow:auto;}
.ui-dialog-overlay {background: rgba(0, 0, 0, 0.6);}
.ui-dialog-titlebar {text-align:right; padding-right:10px;}
.ui-dialog {border: 1px solid #c5c5c5;max-width: 80%;z-index: 1000;position: absolute;border-radius: 6px;}
#savings_tool input {font-weight:bold}
div.ui-dialog-container {padding:0px !important;background:#fff;}
div.ui-dialog.ui-draggable.ui-draggable-disabled.ui-resizable.ui-resizable-disabled {overflow:hidden !important}
div.ui-widget-overlay {border-width: 0px;margin: 0px;padding: 0px;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 999;background: rgba(0, 0, 0, 0.6);}
.errField {border:1px solid red}
a.ui-dialog-titlebar-close { background: none repeat scroll 0 0 #0399CD; border-radius: 10px 10px 10px 10px; color: #FFFFFF; font-weight: bold; padding: 2px 7px 0; text-decoration: none; display:inline-block; margin-top:10px;
}
a.ui-dialog-titlebar-close:hover { background:#0071a1;
}
.faqs .wrapper .pageWidth{background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/faq/bounceyHead.png?yocs=1e_&yoloc=eu');background-repeat: no-repeat;background-position: 100% 100%;background-size: 40%; min-height: 110px;}
.faqs .wrapper .support-search-big, .faqs .wrapper #topCTA{padding-right: 41%;}
.faqs .wrapper .support-search-big{position:relative;}
.faqs .wrapper #support-search #question-mask { position: absolute; top: 17px; padding: 0 10px; width: calc(100% - 125px);
}
.faqs .wrapper h1{text-align:left;margin-bottom: 0;}
.faqs .wrapper strong{margin-bottom:15px; display:block;}
.faqs .wrapper #breadcrumbs{margin-top:20px;padding: 5px 5px 5px 0;background-color: rgba(255,255,255,.7); display: inline-block;}
#support-search input {font-size: 160%;}
#support-search input { border-radius: 8px; height: 50px; width: calc(100% - 125px); font-family: 'Roboto', sans-serif; line-height: 135%; font-weight: 300; padding: 0 10px; border: 1px #BBB solid;
}
#support-search .bigButton{ padding: 14px 10px; vertical-align: top;
}
.faqs .content.call,.faqs .content.question{text-align: center;}
.faqs .content.call .csHours{margin:10px 0 20px;display:block;}
.faqs .content.call i{font-style:normal;}
.faqs .content.call .csHours i, .faqs .content.call .csHours b, .faqs .content.call .csHours em{ font-style: normal; display: block; margin-bottom: 5px;
}
.faqs .faqState{ display: inline-block; width: 100%;
}
.faqs .faqState h3{text-align:left;}
#support-main .dashboard ul{margin:0;padding:0;}
#support-main .dashboard ul li.topic,#support-main .dashboard .faqSearchResults li { width: calc(33% - 10px); display: inline-block; margin: 0 10px 15px 0; vertical-align: top;
}
#support-main .dashboard .topic a h4, #support-main .dashboard .faqSearchResults li a { color: #0399cd !important; font-size: 16px; text-decoration: none; height: 50px; display: table-cell; vertical-align: middle; margin: 0; padding: 0 0 0 50px; line-height: 120%; text-align:left;
}
#support-main .dashboard .faqSearchResults li:hover a{color:#ffffff !important;}
#support-main .dashboard .faqSearchResults li{padding:5px;}
#support-main .dashboard .articles .article:before,
#support-main .dashboard .topic a h4:before,
#support-main .dashboard .faqSearchResults li a:before { position: absolute; height: 10px; width: 10px; text-align: center; padding: 13px; background-color: #9c9c9c; color: #ffffff; left: 0; top: 0; border-radius: 50%;
}
#support-main .dashboard .topic a h4:before{line-height: 50%;}
#support-main .dashboard .articles .article:hover:before,
#support-main .dashboard .topic a h4:hover:before,
#support-main .dashboard .faqSearchResults li a:hover:before{background-color: #c9c9c9;color: #0399cd;}
#support-main .dashboard .articles .article:after,
#support-main .dashboard .topic a h4:after,
#support-main .dashboard .faqSearchResults li a:after{ content:''; width: 0; height: 0; border-style: solid; border-width: 0 0 14px 13px; border-color: transparent transparent #9c9c9c transparent; position: absolute; left: 21px; top: 20px;
}
#support-main .dashboard .articles .article:hover:after,
#support-main .dashboard .topic a h4:hover:after,
#support-main .dashboard .faqSearchResults li a:hover:after{border-color: transparent transparent #c9c9c9 transparent;}
#support-main .dashboard .articles ul li{padding: 0 0 0 50px;max-width: 900px;position: relative;}
#support-main .dashboard .articles .article h4{text-align:left;}
#support-main .dashboard .topic a.topicLink { text-decoration: none; display: block; padding: 5px; position: relative;
}
#support-main .dashboard .topic a.topicLink:hover,#support-main .dashboard .faqSearchResults li:hover{ color: #fff; background-color: #0399cd; border-radius: 10px;
}
#support-main .dashboard .topic a.topicLink:hover h5, #support-main .dashboard .topic a.topicLink:hover h4 { color: #fff !important;
}
.gridFaq h4{ text-align: left; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; cursor:pointer;
}
.gridFaq h4.ui-state-active{border:none;padding-bottom: 10px;}
.gridFaq .menuItem.ui-accordion-content-active{border-bottom: 1px solid #e6e6e6;margin-bottom: 20px;}
.slp{ background-position: 100% 100%; background-repeat:repeat-x; padding-bottom: 100px; text-align:center;
}
.slp p{font-size:130%;margin-bottom:30px;}
.slp p:last-child{margin:0;}
.slp h1{margin-bottom:10px}
.slp h3, .slp h2 {margin: 0 auto 35px;}
.tx.slp{background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/slp/slp_bg_TX.png?yocs=1e_&yoloc=eu');}
.ny.slp{background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/slp/slp_bg_NY.png?yocs=1e_&yoloc=eu');}
.pa.slp{background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/slp/slp_bg_PA.png?yocs=1e_&yoloc=eu');}
.gen.slp{background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/slp/slp_bg_gen.png?yocs=1e_&yoloc=eu');}
ul.rss-list li{font-size:90%;margin-bottom:10px}
ul.rss-list li h4{text-align:left;}
.fullWidthBanner.moving{ background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/banners/moverBG.jpg?yocs=1e_&yoloc=eu'); background-position: 50% 20%;
}
.fullWidthBanner.moving a { font-size: 120%; background-color: rgba(0,0,0,.5); display: block; padding: 10px;
}
.fullWidthBanner.moving a { color: #ffffff; text-decoration: none;
}
.half{width: calc(48.5% - 2px);display:inline-block;vertical-align:top;padding: 0 1% 0 0;} .half:last-child{ padding: 0 0 0 2%;
}
.half.noPadding{padding:0;width: 49.676%;}
.oneThird, .onethird{ vertical-align: top; width: calc(28.4% - 1px); display: inline-block;
}
.twoThirds, .twothirds{ vertical-align: top; width: calc(67.3% - 1px); display: inline-block;
}
.left.twothirds,.oneThird.left,.twoThirds.left, .byopPage .twothirds{padding: 0 2% 0 0;}
.oneThird.right,.twoThirds.right, .byopPage .onethird{padding: 0 0 0 2%;position: relative;}
.twoThirds img, .twothirds img,.oneThird img, .onethird img{max-width:100%}
.oneThird h1, .oneThird h2, .oneThird h3, .oneThird h4, .oneThird h5, .oneThird h6,
.twoThirds h1, .twoThirds h2, .twoThirds h3, .twoThirds h4, .twoThirds h5, .twoThirds h6{text-align:left;}
.thirds, .articleBody .bounce_article_links ul, .blogSavingsGreenify .rss-container{ width: calc(31.2% - 2px); display: inline-block; vertical-align: top; margin-right: 3%;
}
.threeColumnContainer .thirds:last-child, .thirds:last-child,
.articleBody .bounce_article_links ul.last, .blogSavingsGreenify .rss-container:last-child{margin:0;}
.topCTA h1, .topCTA h3, .topCTA h4{text-align:left; margin:0;}
.heroshot { margin: -30px 0 -30px 15px;
}
.topCTA span { display: table-cell; position: relative; text-align: left; vertical-align: middle; z-index: 10;
}
.fullWidthBanner{ background-repeat: no-repeat; background-size: cover; background-position: 0 50%;}
.imgLeft ul{margin: 0 0 15px; padding:0;}
.imgLeft ul li{width: 25%; display:inline-block; vertical-align:top;}
.imgLeft ul li:last-child{width: 73%;}
.imgLeft ul li p{margin:0;}
.twoThirds h2,
.twothirds h2,
.twoThirds h3,
.twothirds h3{text-align:left}
.half h1, .half h2, .half h3, .half h4, .half h5, .half h6,
.twoThirds h1, .twoThirds h2, .twoThirds h3, .twoThirds h4, .twoThirds h5, .twoThirds h6,
.oneThird h1, .oneThird h2, .oneThird h3, .oneThird h4, .oneThird h5, .oneThird h6,
.blogSavingsGreenify .rss-container h1, .blogSavingsGreenify .rss-container h2, .blogSavingsGreenify .rss-container h3, .blogSavingsGreenify .rss-container h4, .blogSavingsGreenify .rss-container h5, .blogSavingsGreenify .rss-container h6{text-align:left;}
.zipOnly .headInfo em{font-size:100%}
.active .popupContent label{font-size: 100%;}
.zipOnly .headInfo strong{font-size:150%; padding: 0 0 .5em 0;}
.headInfo b,
.headInfo strong{font-size:120%;}
.bounceBlueBorder {border-color:#0399cd}
.popupContent .load_msg,
.e1Back {background: #e1e1e1;}
#rightCol #digitalLandingContainer .dl-col1,
#fullWidthAddress #login-container-wrapper label,
#fullWidthAddress #order-form-container-wrapper form#order_form label,
#rightCol .blueLogin #login-container-wrapper label,
#rightCol #login-container-wrapper label,
#rightCol #order-form-container-wrapper form#order_form label,
#rightCol #order-form-container-wrapper a#addy-box-change-address-link,
#rightCol #order-form-container-wrapper h4,
#rightCol .blueLogin #login-container-wrapper strong,
#rightCol .blueLogin #login-container-wrapper h4,
#fullWidthAddress #order-form-container-wrapper form#order_form strong,
#fullWidthAddress #order-form-container-wrapper h3,
#rightCol #order-form-container-wrapper form#order_form strong,
#rightCol #order-form-container-wrapper h3,
.white {color: #fff;}
.whiteBack {background-color: #fff;}
.error_msg a, .load_msg a{text-align:center;display:block;padding: 10px;}
#rightCol #login-container-wrapper,
#rightCol #order-form-container-wrapper { padding:0 0 27px 0;
}
#rightCol #login-container-wrapper { padding:0 0 27px 0;
}
#rightCol .blueLogin #login-container-wrapper #login-container,
#rightCol #order-form-container-wrapper #order-form-container { position:relative;
}
#rightCol #login-container-wrapper #login-container,
#rightCol #order-form-container-wrapper #order-form-container { padding: 15px 25px;
}
#rightCol .blueLogin #login-container-wrapper h4,
#fullWidthAddress #login-container-wrapper h4,
#fullWidthAddress #order-form-container-wrapper h3,
#rightCol #login-container-wrapper h4,
#rightCol #order-form-container-wrapper h3 { text-align:center; padding:0; margin:0 0 15px 0; line-height:140%;
}
#rightCol #order-form-container-wrapper h4 { text-align:center; font-style:italic;
}
#rightCol #order-form-container-wrapper a#addy-box-change-address-link { display:block; text-align:center; margin:0 0 15px 0;
}
#rightCol #login-container-wrapper h4,
#rightCol #order-form-container-wrapper h3 { *padding-top:15px;
}
#rightCol #digitalLandingContainer strong,
#fullWidthAddress #order-form-container-wrapper form#order_form strong,
#rightCol #order-form-container-wrapper form#order_form strong { font-size:12px; text-align:center; display:block; padding:10px 0 0 0; margin:0 0 10px 0; text-transform:uppercase; font-weight:bold;
}
#rightCol #digitalLandingContainer .dl-col1,
#fullWidthAddress #login-container-wrapper label,
#fullWidthAddress #order-form-container-wrapper form#order_form label,
#rightCol .blueLogin #login-container-wrapper label,
#rightCol #login-container-wrapper label,
#rightCol #order-form-container-wrapper form#order_form label { display: inline-block; margin:0 5px 0 0; padding: 3px 0 0 0; text-align:left; width:70px; font-weight:normal;
}
#rightCol #digitalLandingContainer input,
#fullWidthAddress #login-container-wrapper input,
#fullWidthAddress #order-form-container-wrapper form#order_form input,
#rightCol .blueLogin #login-container-wrapper input,
#rightCol #login-container-wrapper input,
#rightCol #order-form-container-wrapper form#order_form input { padding:5px; font-size:14px;
}
#rightCol #login-container-wrapper button,
#rightCol #order-form-container-wrapper form#order_form button { margin:0 0 0 5px;
}
#rightCol #digitalLandingContainer .dl-row,
#rightCol #login-container-wrapper form div,
#rightCol #order-form-container-wrapper form#order_form .orderFormFields { clear:both; overflow:auto; margin:0 0 10px 0;
}
#rightCol .blueLogin #login-container-wrapper .formLinks em,
#rightCol .blueLogin #login-container-wrapper .formLinks a { color:#fff;
}
#rightCol #login-container-wrapper { position:relative;
}
#rightCol #login-container-wrapper #login-container { padding-bottom:20px; *padding-bottom:9px;
}
#rightCol #login-container-wrapper form { padding-top:15px;
}
#rightCol #login-container-wrapper label { color:#666;
}
#rightCol #login-container-wrapper .formLinks { position:relative; top:0; left:0; text-align:center;
}
#rightCol #login-container-wrapper .formLinks em { display:block; font-size:12px; padding:5px 0 0 0;
}
#fullWidthAddress {max-width: 470px;margin: auto;}
#fullWidthAddress span.head { font-size:18px; display:block; text-align:center; text-shadow: 1px 1px 0 #003548;
}
#fullWidthAddress #order-form-container-wrapper { }
#fullWidthAddress #order-form-container-wrapper form#order_form { margin:10px 0 0 5px; text-align:center;
}
#fullWidthAddress #order-form-container-wrapper h3 { padding:5px 0; margin:0 0 5px 0; display:none;
}
#fullWidthAddress #order-form-container-wrapper #addy-box-visitor-address h3 { display:inline-block; margin:0 10px 0 0;
}
#fullWidthAddress #order-form-container-wrapper #addy-box-visitor-address { padding:20px 0 0 0; text-align:center; margin:10px 0 0 0; height:80px;
}
#fullWidthAddress #order-form-container-wrapper h4 { color:#fff; font-weight:normal; font-size:14px; font-style:italic; display:inline-block; margin:0 10px 0 0;
}
#fullWidthAddress #order-form-container-wrapper a#addy-box-change-address-link { display:inline-block; color:#fff; margin:0 10px 0 0;
}
#fullWidthAddress #order-form-container-wrapper a.addy-box-02-visitor-address-continue { display:inline-block; margin:0 0 0 0;
}
#fullWidthAddress #order-form-container-wrapper form#order_form label { cursor: pointer; width: 35%;
}
#fullWidthAddress form#order_form input#streetAddress { width:340px;
}
#fullWidthAddress #order-form-container-wrapper form#order_form div.orderFormFields { margin: 10px 0 15px 0; display: block; text-align: left;
}
#fullWidthAddress #order-form-container-wrapper form#order_form button { margin:0 0 0 10px; vertical-align: bottom;
}
#fullWidthAddress #order-form-container { position:relative;
}
#fullWidthAddress div.error_msg table { font-size:14px; padding:0; margin:0;
}
#fullWidthAddress .error_msg a.hideErrorBox { display:none;
}
#fullWidthAddress div.error_msg a.force,
#fullWidthAddress div.error_msg a.reenter { display:inline-block; margin:0 15px 0 0; padding:0 15px 0 0;
}
#fullWidthAddress div.error_msg a.force { border-right:1px solid #fff;
}
#fullWidthAddress div.load_msg { position:absolute; bottom:0; left:0; background:#fff; height:80px; padding:10px; border-radius:10px; color:#0071a1; font-size:18px; text-align:center; width:940px; margin:0; border:0; display:block; top:auto;
}
#fullWidthAddress div.load_msg span { display:block; margin:0 0 10px 0; font-size:14px;
}
#rightCol #digitalLandingContainer #dl_phonePanel .dl-col2 input { float:none; display:inline-block; margin:0 5px 0 0;
}
#rightCol #digitalLandingContainer .bigButton { margin:0 7px;
}
#rightCol #dl_PanelSwitcher .dl-col1 { display:none;
}
#rightCol #dl_PanelSwitcher .dl-col2 { padding:10px 0 0 0; text-align:center;
}
a.addy-box-02-visitor-address-continue span b { font-size:19px; padding-top:4px; line-height:33px; height:46px; text-align:center;
}
a.addy-box-02-visitor-address-continue { display:block;
}
div.load_msg { text-align:center; font-size:16px; background:#fff; color:#003548; position:absolute; left: 0; width: 90%; padding: 10px 5%; height:85%; top: 0; z-index: 1000;
}
#addy-box-visitor-address a.bigButton { display:block; text-align:center;
}
.error_msg span.head { font-size:14px; display:block; margin:0 0 10px 0;
}
.error_msg thead td { font-size:10px; padding:0;
}
#plan-grid-top-address-box-wrapper .error_msg a.force,
#plan-grid-top-address-box-wrapper .error_msg a.reenter { color:#0399cd; font-weight:normal;
}
.popupContent .error_msg { border-bottom: none; left: 0; position: absolute; top: 0; width: 100%; text-align:center; padding: 5% 0; color: #6c6c6c; height: 90%; z-index: 100; background-color: #fff;
}
.popupContent .error_msg .head { font-size:18px;
}
.popupContent .error_msg td a { font-weight:normal;
}
.popupContent .error_msg div{ height: 85% !important;
}
.popupContent .error_msg a.force,
.popupContent .error_msg a.reenter { font-weight:normal; text-decoration:none; width: calc(100% - 20px); position: relative;
}
.popupContent .error_msg a.force{ background-color: #ffffff; top: -15px;
}
.popupContent .error_msg a.reenter{top: -17px;}
.byopPage .error_msg a.hideErrorBox{	z-index: 10;	padding: 5px;	display: block;	color: #fff;	cursor: pointer;	text-align: center;	line-height: 115%;	background-color: #0399cd;	border: 1px solid #ffffff;	text-decoration: none;	margin:10px auto;	top: -25px;	position: absolute;	width: 30px;	height: 30px;	border-radius: 50%;	font-size: 30px;	right: -15px;	}
.popupContent .error_msg a.hideErrorBox {font-size: 24px;}
.popupContent .error_msg a.force:hover,
.popupContent .error_msg a.reenter:hover { text-decoration: underline;
}
div.market{	width: 75%;	margin: auto;
}
select.force_market_id { border-radius: 8px; padding: 6px 10px 5px; border: 1px #ccc solid; width: 75%; font-size: 20px;	margin-bottom: 15px;
}
.error_msg input.resubmit { color: #fff; background-color: #62a73b; width: 75%;	max-width: 150px; font-size: 100%; border-radius: 8px;
}
.error_msg input.resubmit:hover { cursor: hand;
}
.headInfo { text-align:center; padding:0 0 10px 0;
}
.headInfo strong,
.headInfo em { display:block;
}
.addr_form { border-top:1px dashed #ccc; padding:10px 0;
}
.addyPopup { left: calc(50% - 400px); margin: -250px 0 0 0; opacity: 0; position: fixed; top: -50%; visibility: hidden; width: 800px; box-shadow: 0 3px 7px rgba(0,0,0,.25); box-sizing: border-box; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; z-index: 1000000; text-align: center;
}
.addyPopup.zipOnly { left: 50%; margin: -250px 0 0 -25%; width: 58%; max-width: 785px;
}
.addyPopup.active { opacity: 1; top: 60%; visibility: visible;
}
.popupBackSpan { background: #000; opacity: .5; filter: alpha(opacity=50); z-index: 1;
}
.popupContent .closePopup {z-index: 15;padding: 5px;width: 30px;height: 30px;display: block;position: absolute;top: -15px;right: -15px;font-size: 30px;color: #fff;cursor: pointer;text-align: center;line-height: 115%;background-color: #0399cd;border-radius: 100%;border: 1px solid #ffffff; z-index: 1000;}
.popupContent .closePopup:hover { background-position: 0 -150px; }
.addyPopup .popupBackSpan, .addyPopup .popupContent { -webkit-animation-name: fadeOut50; -webkit-animation-duration: .5s; -moz-animation-name: fadeOut50; -moz-animation-duration: .5s;
}
.addyPopup .popupBackSpan { background-color: #000; background: rgba(0,0,0,.8); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10;
}
.addyPopup.lightboxActive .popupContent,
.addyPopup.active .popupContent { -webkit-animation-name: bubbletip; -webkit-animation-duration: .5s; -moz-animation-name: bubbletip; -moz-animation-duration: .5s;
}
.addyPopup.active .popupBackSpan,
.addyPopup.active .popupBackSpan { -webkit-animation-name: fadeIn50; -webkit-animation-duration: .5s; -moz-animation-name: fadeIn50; -moz-animation-duration: .5s; display:block;
}
.addyPopup .popupContent { position: relative; z-index: 20; color: #000000; background-color: #ffffff; padding: 10px 20px 0;
}
.test { background: red; color: blue;
}
.popupContent button { margin: 0 0 15px 20px; padding: 10px 20px; vertical-align: bottom;
}
.popupContent form#order_form button b { padding-top: 1px; font-size: 18px; height: 49px;
}
.active .popupContent label { margin: 0 0 3px 0; text-align: left;
}
.popupContent #headInfo { display: block; padding: 10px 0; margin: 0 10px; border-bottom: 1px dashed #ccc;
}
.popupContent #headInfo em, .popupContent #headInfo strong { display: block; }
.popupContent #headInfo strong { color: #0399cd; font-size: 22px; font-weight: normal;
}
.popupContent #headInfo em { color: #666; font-size: 12px;
}
.popupContent form { padding: 10px; *padding:0 10px;
}
.popupContent form input { padding: 10px; width: 75px; background-color: #ffffff; border: 1px solid #b1b1b1; border-radius: 0; color: #000000;
}
.error_msg input:.resubmit :hover{	cursor: pointer;
}
.popupContent form div { margin: 0 15px 15px 0; display: inline-block;
}
.popupContent form div.zipcode { margin-right: 0; }
.popupContent form .streetAddress input {width: 200px;}
.popupContent .load_msg { color: #0399cd; opacity: 1; z-index: 10000; line-height: 175%;
}
span.rate_disclaimer { text-align: center; padding: 15px 0; color: #aaa; font-style: italic; display: block;
}
.zipOnly .headInfo span,
.addyPopup form .zipcodeDisclaimer,
.addyPopup form label b { display:none;
}
.zipOnly form label b { display:inline;
}
.zipOnly form .zipcodeDisclaimer{display:block;margin:0;}
.zipcodeDisclaimer b {font-weight:bold}
.zipOnly .headInfo em {line-height:150%}
.zipOnly .headInfo b {display:none}
.headInfo strong,
.headInfo b {display:inline-block;}
.zipOnly .zipcode label {font-weight:bold;}
.mainHomeHead #mainHomeHeadContent:before{ content:''; background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/beYourselfLargeIntro.png?yocs=1e_&yoloc=eu'); background-position: 0;
}
.mainHomeHead #mainHomeHeadContent.beBday:before{background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/birthday_girl_be.png?yocs=1e_&yoloc=eu');}
.pageWidth.promo-beBdayhome{ padding: 0;
}
.pageWidth.promo-beBdayhome a{ text-decoration: none;
}
.pageWidth.promo-beBdayhome .darkBlueBG{ padding: 30px 30px 30px 200px; background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/banners/birthday_cake_be.png?yocs=1e_&yoloc=eu); background-repeat: no-repeat; background-position: 15px 50%;
}
.promo-beBdayhome h6{ font-size: 150%;
}
.promo-beBdayhome .promoText{font-size: 120%; margin-right:20px;}
.promo-beBdayhome p:last-of-type{margin-bottom:0;}
.grayGradientBG {background-color: #EFEFEF;}
.mainHomeHeadContentInner .contentInner { margin: 0 0 0 53%; padding: 5% 0; text-align: left;
}
#buildPlan-heading { color: #0299CC; margin-bottom: 10px; line-height: 1;
}
.buildPlan-btn {width: 90%;}
.greenButton, .bigButton { padding: 15px; text-align: center;
}
.buildPlan-subheading {margin: 0 0 20px;}
.homeBlock1.whiteBG .pageWidth {padding: 10px 0 0;}
.referFriendLeft, .referFriendRight { width: 65%; display: inline-block; vertical-align: top; border-right: 1px solid #ccc;
}
.referFriendRight { width: 30%; padding: 4% 0 0 0; border-right: none; margin-left: 3%;
}
.militaryOffers .gridHeader .pageWidth { border-top: 5px solid #0399cd; margin-top: 55px;
}
.militaryOffers .pageWidth{ padding-bottom: 0!important;
}
.militaryAvgChrg{ font-style: italic; text-align: center; border: 1px solid #0399cd; border-top: none; width: 100%; max-width: 1020px; margin: auto; padding-top: 30px; padding-bottom: 30px; padding-right: 2px;
}
.militaryOffers .plan-grid-row.plan-grid-row-2-items { text-align: center;
}
.plan-grid-row div[data-bv-show=inline_rating] { text-align: center;
}
.viewall div[data-bv-show=inline_rating] { text-align: left;
}
[data-bv-show="rating_summary"]{ margin: 20px 0;
}
#planPageTopContainer [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_normal
.bv_percentRecommend_component_container{ position: absolute !important; left: 123px !important; top: -5px !important;
}
#planPageTopContainer [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_normal
.bv_percentRecommend_component_container:before{ content: '|' !important; padding-right: 8px
}
#planPageTopContainer [data-bv-show=rating_summary] .bv_main_container .bv_main_container_line_break { width: 504px!important; max-width: 32em!important; position: absolute !important; bottom: 27px !important;
}
[data-bv-show=rating_summary] .bv_questionsAndAnswers_component_container { display: none !important;
}
#planPageTopContainer [data-bv-show=rating_summary] div .bv_main_container_CTA_row div button { font-size: 13px !important; color: #6c6c6c!important; padding-left: 0!important; text-decoration: underline!important; background-color: transparent!important;
}
.bvRRQA{ margin-bottom: 50px;}
#byop [data-bv-show=rating_summary] .bv_main_container .bv_writeAReview_buttonFull, #byop [data-bv-show=rating_summary] .bv_main_container .bv_askAQuestion_buttonFull { text-decoration: underline!important; background-color: transparent!important; color: #6c6c6c!important; padding-left: 0!important;
}
.singleInfoContainer .bv_numReviews_component_container{ display: none !important;}
#BVTabs h4.active { padding: 10px; margin-bottom: 30px; position: relative; border: 1px solid #e3e1dd; border-bottom: none;
}
#BVTabs h4 { display: inline-block; width: 200px; padding: 10px; vertical-align: top; margin-bottom: -1px; z-index: 1; border-bottom: 1px #e3e1dd solid; border-right: none; cursor: pointer; margin: 0; position: absolute; top: 0px;
text-align: center; font-size: 18px;
}
#BVTabs div.active { display: block !important;
}
#BVTabs div.articleOne, #BVTabs div.articleTwo { text-align: left; padding: 30px 30px 0 30px; display: none;
}
#BVTabs h4.articleTwo { left: 220px;
}
.tabsWidth{ width: 80%; margin: 100px auto;
}
#byop .singleInfoContainer h3 { margin-bottom: 0;
}
form.byop_f { background-color: #eee; padding: 15px;
}
.stickyHeader.desktop #ratingsBar{ background-color: #f2f2f4; width: 100%; height: 34px;
}
.ratingsBar_innerContainer { max-width: 1020px; margin: auto;
}
div.stickyPlanName, div.stickyStars { display: inline-block; margin-right: 19px; color: #0399cd; font-weight: bold;
margin-top: 9px;
font-size: 18px;
}
.ratingsBar_innerContainer .bv_numReviews_component_container, .ratingsBar_innerContainer .bv_questionsAndAnswers_component_container, .ratingsBar_innerContainer [data-bv-show=rating_summary] .bv_main_container .bv_main_container_CTA_row { display: none!important;
}
.ratingsBar_innerContainer [data-bv-show=rating_summary] .bv_main_container .bv_percentRecommend_component_container { position: absolute!important; top: 3px!important; left: 126px!important; width: 400px!important; font-size: 13px!important; padding-top: 0px!important;
}
.ratingsBar_innerContainer [data-bv-show=rating_summary] .bv_main_container .bv_main_container_line_break { border: none !important;
}
.ratingsBar_innerContainer [data-bv-show=rating_summary] .bv_main_container .bv_percentRecommend_component_container:before { content: "|"; margin-right: 8px;
}
.bv-cv2-cleanslate .bv-core-container-37 .bv-mbox .bv-mbox-sidebar .bv-submission-sidebar.bv-submission-side .bv-subject-info-section .bv-subject-info h3{ color: #fff!important;
}
div#planPageTopContainer { padding-top: 60px;
}
body .bv-mbox-overlay{ opacity: 1!important; background-color: #666!important;
}
#bv-mboxzone-lightbox h3.bv-subject-name-header { color: #fff!important;
}
#BVRRContainer .bv-content-review { border-top: solid 1px #dae1e7 !important;
}
#BVRRSearchContainer ul.bv-content-product-stats, #BVQASearchContainer ul.bv-content-product-stats, #BVRRSearchContainer .bv-searchbar, #BVQASearchContainer .bv-searchbar { background-color: #e3e1dd !important;
}
@media only screen and (max-width: 1000px) {
.faqs .wrapper #topCTA,.mainAccordian .accordianContent, .mainAccordian .accordianContent.active{width:100%}
.mainAccordian .accordianContent{height: 55px;border-bottom: 1px solid #ffffff;}
.mainAccordian .accordianContent{background-position: 0 0;}
.mainAccordian .accordianContent.active{ height: 450px;
}
.mainAccordian .accordianContent .accordianInner{ width: calc(100% - 20px); bottom: 0; height: 0; padding: 10px; overflow: auto;
}
.mainAccordian .accordianContent .sliderTab{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); width: calc(100% - 55px); padding: 16px 45px 16px 10px; left: 0; top: 0;
}
.mainAccordian .accordianContent.active .accordianInner{opacity: 1;visibility: visible;height: 340px;} #dealFinder .half .promoBox{height: 260px;}
.twoCoup{height: 240px;}
.twoCoup img.floatRight{ position: absolute; opacity: .1; z-index: 0; top: 0; right: 0;
}
.pageWidth.articleBody{ padding: 30px 1%; width: 98%;
}
.byopCallout .byopCalloutInner{ padding: 30px 5% 30px 5%; background-color: rgba(1,54,72,0.8);
}
#planPageTopContainer{ background-size: 50%; background-position: 86% 100%;
}
#planPageTopContainer.nest .planPageTopConent{ padding: 0 10% 130px 260px;
}
#planPageTopContainer .planPageTopBundle{ width: 30%; padding: 0 2%; text-align: center;
}
#planPageTopContainer .planPageTopBundle h1{text-align:center;}
#planPageTopContainer .planPageTopConent{ max-width: 100%; padding: 0 3% 0 260px; background-color: rgba(255,255,255,.8);
}
.plan-box{ padding: 35px 20px 10px;
}
.mainHomeHead.grayGradientBG{margin: 0;}
.mainHomeHead #mainHomeHeadContent:before{display: none;}
.mainHomeHeadContentInner{padding-left: 0;width:100%;}
.mainHomeHeadContentInner.contentBottom{margin:0;}
.mainHomeHeadContentInner .contentInner{width: 48%;margin-left: 52%;border-radius: 0;border: 0;margin-top: 0;margin-bottom: 20px;}
.mainHomeHeadContentInner .contentInner h1#buildPlan-heading{font-size: 200%;font-weight:bold;}
.mainHomeHeadContentInner .mainHomeHeadContentBG{ background-image: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/beYourselfLargeIntro.png?yocs=1e_&yoloc=eu'); background-repeat: no-repeat; background-size: contain; display: inline-block; height: 100%; width: 60%; background-position: 0% 100%; max-width: 1020px; margin: 0; padding: 0; min-width: 300px; bottom: 0; position: absolute;
}
.mainHomeHeadContentInner .half .half-bottomBoxHeading{ font-size: 150%; font-weight: bold; margin-bottom: 5px;
}
.half-homeElectricity img{max-width: 250px !important;max-height: 80px;}
.mainHomeHeadContentInner .contentInner h1#buildPlan-heading{font-size: 180%;}
.buildPlan-subheading{font-size: 130%;}
.byopCallout, .orangeBG, .darkBlueBG, .blueBG, .lightGrayBG, .grayBG, .darkGrayBG, .whiteBG { padding: 0;
}
#footer-outer{ padding: 0 10px;
}
.pageWidth { padding: 30px 0 0 0; width: calc(100% - 20px); background-image: none;
}
#sticky-social{bottom:0;top: initial;width:100%;}
#sticky-social ul{margin:0;}
#sticky-social ul li{width: 14.284%;float: left;display: inline-block;}
#sticky-social ul li a{width:100%}
#primary_content {padding-top: 65px;}
img.floatRight, img.floatLeft{ max-width: 100%;
}
.nav-trigger:checked ~ .site-wrap #sticky-social,#sticky-social ul li a span, .promoWrapper, .gridHead,
.rowContainer .price-bullet li .bullet-hover,.rowContainer .term,.stickyHeader, .navigation.mobileMenu ul .topSearch td.gsc-search-button:before
{display:none;}
.addyPopup{ width: 80%; left: 11%;
}
ul .topSearch table.gsc-search-box{margin-bottom:10px}
.topSearch .gsc-search-box-tools .gsc-search-box .gsc-input input{padding: 2% 1% !important;}
ul .topSearch .gsc-input-box{height:initial;}
.navigation { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; list-style: none; background: #111;
}
.nav-item { width: 200px; border-top: 1px solid #111; border-bottom: 1px solid #000;
}
.nav-item a { display: block; padding: 1em; background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); color: white; font-size: 1.2em; text-decoration: none; transition: color 0.2s, background 0.5s;
}
.nav-item a:hover { color: #c74438; background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(75,20,20,0.65) 100%);
}
.site-wrap { min-height: 100%; width: 100%; background-color: white; position: relative; top: 0; bottom: 100%; left: 0; z-index: 100; background-size: 200%;
}
.nav-trigger { position: absolute; clip: rect(0, 0, 0, 0);
}
label[for="nav-trigger"] { position: fixed; top: 0; z-index: 2000; height: 30px; width: 30px; cursor: pointer; background-size: contain; font-size: 249%; padding:15px;
}
label[for="nav-trigger"] hr{border-width: 0 0 3px;border-color:#ffffff;margin: 6px 4px 6px 0;}
label[for="nav-trigger"].icon-menu:before { display:none;content: '\2630';margin: 0;line-height: 100%;float: right;}
.nav-trigger:checked + label[for="nav-trigger"].icon-menu:before{ content: '\2715';
}
.nav-trigger:checked + label hr.top{ -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 9px; position: relative;
}
.nav-trigger:checked + label hr.middle{ opacity: 0;
}
.nav-trigger:checked + label hr.bottom{ -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); position: relative; bottom: 9px;
}
.nav-trigger:checked ~ .site-wrap, .nav-trigger:checked ~ .mainNavigation.mobileMenu { left: 100%; position: absolute; overflow: hidden; width: 0%; padding: 0;
}
.nav-trigger:checked ~ .site-wrap{ height: 100%; width: 0; opacity: .5;
}
body { overflow-x: hidden;
}
.mainNavigation.mobileMenu{background-color: #0399cd;position: fixed;top: 0;z-index: 1000;padding-left: 15%;display: block;width: 85%;left: 0;border-bottom: 1px solid #ffffff;}
.mainNavigation.mobileMenu a h2 { width: 175px; height: 65px; background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/logos/be-logo-horizontal-2color.svg?yocs=1e_&yoloc=eu); background-repeat: no-repeat; background-position: 0 50%; text-indent: -100000px; margin: 0; float: left; position: relative; z-index: 100;
}
.mainNavigation.mobileMenu ul{margin:0;padding:0;display: table;min-width: 260px;width: 100%;}
.mainNavigation.mobileMenu ul li{display: table-cell;vertical-align: middle;text-align: center;}
.mainNavigation.mobileMenu ul li a{ font-size: 150%;
}
.mainNavigation.mobileMenu ul li.responsiveHead{width: 21%;}
.mainNavigation.mobileMenu ul .head { opacity: 0; width: 0; display: none;
}
.mainNavigation.mobileMenu ul .subMenu { position: absolute; opacity: 0; margin: 25px 0 0 -130px; width: 400px; z-index: 100; height: 0; display: none;
}
.mainNavigation.mobileMenu ul li:hover .subMenu,
.mainNavigation.mobileMenu ul li .subMenu .subTab:hover .menuItem { opacity: 1; height: initial; display: block; z-index: 0;
}
.nav-trigger:checked ~ .navigation.mobileMenu{ width: 100%;
}
.navigation.mobileMenu{position: absolute;top: 0;width: 0%;margin: 0;padding: 0;background-color: #014963;height: 100%;overflow: auto;z-index: 1000;display: block;}
.navigation.mobileMenu ul{margin:0;padding:0;}
.navigation.mobileMenu a h2 { width: 86%; height: 65px; background-image: url(//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/logos/bounce-logo-white.png?yocs=1e_&yoloc=eu); background-repeat: no-repeat; background-position: 50% 50%; text-indent: -100000px; margin: 0 auto; position: relative; z-index: 100; min-width: 158px;
}
.navigation.mobileMenu li{display:block;position: relative;}
.navigation.mobileMenu li.home{position:absolute;z-index: 1000;width: 100%;background-color: #0399cd;border-bottom: 1px solid #ffffff;}
.nav-trigger:checked ~ .navigation.mobileMenu li.home{position:fixed;}
.navigation.mobileMenu li.home a{padding:0}
.navigation.mobileMenu li.topSearch{padding: 75px 0 0 2%;}
.navigation.mobileMenu li a{text-decoration:none;display: block;padding: 15px;}
.navigation.mobileMenu li h3{font-size: 120%;text-align: left;margin: 0;}
.navigation.mobileMenu li h3{padding: 20px 15px;border-bottom: 1px solid;}
.navigation.mobileMenu li h6{font-size: 120%;text-align: left;}
.navigation.mobileMenu li.callHead{float: left; border-right: 1px solid #ffffff;}
.navigation.mobileMenu li.callHead,.navigation.mobileMenu li.faqHead{ display: inline-block; width: 49.8%; text-align: center; background-color: #0399cd; font-size: 160%;	margin-top: 65px;
}
.navigation.mobileMenu li.topSearch {display: none;} .navigation.mobileMenu li.callHead a,.navigation.mobileMenu li.faqHead a{padding:5% 3%;}
.navigation.mobileMenu li .menuItem{padding:10px;border-bottom:1px solid;background-color: #0071a1;}
.navigation.mobileMenu li .menuItem ul{margin:0; padding:0;}
.navigation.mobileMenu li .menuItem ul a{border-bottom: 1px solid #6FA1B6;}
.navigation.mobileMenu li.myaccountHead h3,
.navigation.mobileMenu li.myaccountHead label{font-size: 130%;}
.navigation.mobileMenu li.myaccountHead label{display:block;}
.navigation.mobileMenu li.myaccountHead input{width:94%;padding:3%;border:none;border-radius: 0;margin-bottom:10px;}
.navigation.mobileMenu li.myaccountHead button{background-color: #62a73b;border:none;color:#ffffff;font-size: 130%;margin: 10px 0;width: 100%;border-radius: 0;}
.navigation.mobileMenu li.myaccountHead .formLinks a{display: inline-block;padding: 10px 1%;text-align: center;text-decoration: underline;width: 47%;}
.navigation.mobileMenu li.myaccountHead .formLinks em{display:block;text-align: center;}
.navigation.mobileMenu li.myaccountHead .formLinks em a{ width: 100%; padding: 0;
}
.navigation.mobileMenu .topSearch input.gsc-search-button{opacity:1;}
.aboutpHead span{ padding: 0 54% 5% 0; background-size: initial;
}
#BVTabs { width: 100% !important; border: 0px solid; margin-top: 30px;
}
#BVTabs h4.articleOne, #BVTabs h4.articleTwo{ width: 45%; padding: 0px;
}
#BVTabs h4.articleTwo{ left: 45%;
}
#BVTabs h4{ min-height: 44px;
}
.viewall .plan-grid-row div[data-bv-show=inline_rating] { text-align: center;
}
#byop [data-bv-show=rating_summary] .bv_main_container .bv_main_container_CTA_row, [data-bv-show=rating_summary] .bv_main_container .bv_main_container_line_break
{ display: none!important; }
}
@media only screen and (max-width: 700px) {
.onethird, .twothirds,
.faqs .wrapper .support-search-big, .half .homeTopBox .half-homeElectricity,.half .homeTopBox .homeElectricityMobile,.mainHomeHeadContentInner .half,.contact,.rowGridContainer, .rowContainer .promotion, .rowContainer .gridPlanLinks, .rowContainer .term, .rowContainer .price,.half.noPadding, .half, .half:last-child, .oneThird, .twoThirds, .oneThird.right, .twoThirds.right, .oneThird.left, .twoThirds.left, .thirds, .articleBody .bounce_article_links ul, .blogSavingsGreenify .rss-container
{ display: block; width: 100%; padding: 0;
}
.rowContainer .description{ width: calc(100% - 40px); padding: 10px 10px 10px 30px; display: block;
}
.rowContainer .info{ width: calc(100% - 10px); padding: 0 0 0 10px; display: block;
}
.button, .submitOrder, .greenButton, .orangeButton, .blueButton, a.addy-box-02-visitor-address-continue, button, .bigButton{padding:10px;}
.heroshot { float: none; margin: 0 auto 15px; display: block;
}
.half .homeTopBox .half-homeElectricity{ position: relative; margin: 10px 0;
}
.mainHomeHeadContentInner .mainHomeHeadContentBG{ left: 0;
}
#dealFinder .half.noPadding:last-child{padding-top:5px;}
#dealFinder .monthlyPromo,#dealFinder .dtvPromo,#dealFinder .byopPromo,.contact{background-image:none;}
#dealFinder .dtvPromo{width: 100%;}
#dealFinder .allCupons{width:100%;background-position: 95% 100%;margin-bottom: 5px;}
#dealFinder .allCupons span{ opacity: 1; visibility: visible; text-decoration: underline; padding: 10% 35% 10% 5%; background-color: rgba(0,0,0,0); color: #0399cd; text-align: left; width: 60%;
}
#dealFinder .half .promoBox{height:auto;}
.mainAccordian .accordianContent .accordianInnerBG{background-size: contain;height: 65%;}
.mainAccordian .accordianContent .accordianInner h3{margin: 15px 0;font-size: 180%;}
.mainAccordian .accordianContent .accordianInner h3 sup{ position: absolute; font-size: .5em;
}
.aboutpHead span{background-image:none;padding: 0 0 30px;}
.twoCoup{width: 93%;height: initial;}
.twoCoup img.floatRight{ position: relative; opacity: 1; z-index: 0; top: 0; right: 0;
}
.articleBody .articleLeft, .articleBody .articleRight{max-width:100%;margin: 0;padding: 0;border: none;}
.articleBody .articleLeft{padding-bottom:5px;}
.byopCallout .pageWidth{ background-size: cover; padding: 0;
}
.csslider li p,.csslider li h3{ width: 96%; display: block;
}
.mainAccordian .accordianContent .accordianInnerBG{width: 160%;}
.popupContent form div{display:block;margin: 0 0 15px;}
.popupContent form div.zipcode,.popupContent form div.apartmentNumber{ display: inline-block; width: calc(50% - 10px);
}
.popupContent form div.apartmentNumber{ margin-right: 15px;
}
.active .popupContent label{width: 100%;display: block;text-align: center;}
.popupContent form input, .popupContent form .streetAddress input{width: 90%;text-align: center;}
.popupContent form input {padding: 10px 5%;}
.faqs .wrapper .pageWidth, #planPageTopContainer.nest{ background-image: none;
}
.zipOnly .headInfo em { line-height: 120%;
}
#planPageTopContainer.nest .planPageTopConent{padding: 0 0 30px 260px;}
.homeTopBox.homeElectricity{margin-bottom:10px;border-radius: 0;}
.planPriceTbl table, .planPriceTbl thead, .planPriceTbl tbody, .planPriceTbl th, .planPriceTbl td, .planPriceTbl tr {display: block;} .planPriceTbl thead tr { position: absolute; top: -9999px; left: -9999px; } .planPriceTbl tr { border: 1px solid #ccc; } .planPriceTbl td { border: none; position: relative; padding-left: 50%; width: 49%; } .planPriceTbl tr:nth-child(even) td{border-bottom: 1px solid #eee;} .planPriceTbl tr:nth-child(odd) td{border-bottom: 1px solid #fff;} .planPriceTbl td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .planPriceTbl td:nth-of-type(1):before { content: "Agency Name"; } .planPriceTbl td:nth-of-type(2):before { content: "City"; } .planPriceTbl td:nth-of-type(3):before { content: "Contact Numbers"; } .planPriceTbl td:nth-of-type(4):before { content: "Counties Served"; }
#support-main .dashboard ul li.topic, #support-main .dashboard .faqSearchResults li{ width: 100%; margin-right: 0; border-bottom: 1px solid #d1d1d1;
} .mainHomeHead.winter17PromoImage #mainHomeHeadContent:before { content: ""; background-image: none; } .planPageDocs.pageWidth{ margin-top: 15px; } .planPageDocs a:first-of-type {margin-left: 35px;}
.byop_q .jtip{ margin-left: 0; width: 100%; max-width: 325px;
}
.mobileSite .gridHeader {z-index: 0;}
.mobileSite #nav-bundles-outer {position: relative;top: 130px;margin-bottom: 0;}
.mobileSite ul.tabs li.active, ul.tabs li.active:hover {
background: #eee;
border: none;
}
.mobileSite ul.tabs li.active a, ul.tabs li.active a:hover {color: #0399cd;}
.mobileSite ul.tabs li, ul.tabs li:hover {
background: #aaa;
border: none;
}
.mobileSite ul.tabs li a, ul.tabs li a:hover {color: #fff;}
.mobileSite #nav-bundles-innerX.pageWidth ul.tabs {border-bottom: 0;}
.mobileSite .gridHeader .pageWidth {position: relative;top: -70px;border: none;}
.mobileSite #viewAllGrid.pageWidth {
border: none;
padding-top: 0;
}
.mobileSite #viewAllGrid .ptab {display:none;}
.mobileSite #viewAllGrid .ptab.activeTab {display:block;}
.mobileSite .rowGridContainer {padding: 5px 0;}
.mobileSite .rowContainer .price h3 {padding: 15px 0 5px 0;} .planPageDocs.pageWidth{ margin-top: 15px; } .planPageDocs a:first-of-type { margin-left: 35px; }
}
@media only screen and (max-width: 500px) {
.pageWidth img.noMobile, .noMobile {display: none;}
input, textarea, keygen, select{font-size: 16px; }
h1{font-size:150%}
h2,h3{font-size:130%;font-weight:normal;}
#planPageTopContainer{background-image:none;}
#planPageTopContainer .planPageTopConent,#planPageTopContainer.nest .planPageTopConent{padding: 0 3%;}
#planPageTopContainer .plan-box{ position: relative; margin: auto;
}
#newTopCTA.gridPromo .contentLeft,#newTopCTA.gridPromo .contentRight{margin: 0;}
.topCTA.fixedPlans{background-size: 24%;}
#mainHomeHeadContent.pageWidth{padding: 10px 0 30px;}
.mainHomeHeadContentInner .contentInner{ width: 92%; margin: 0 auto; box-shadow: none; margin-bottom: 10px;
}
.mainHomeHeadContentInner .mainHomeHeadContentBG{ position: relative; margin: 0 auto; height: 180px; background-position: 50% 50%; width: 100%; display: none;
}
#footer-outer,#footer-outer .pageWidth{ padding: 0;
}
#footer-outer .pageWidth{padding-bottom:5px;}
#footer-inner ul li{ padding: 20px;
}
#footer-inner .footerListHead{ border-bottom: 1px solid; position: relative;
}
#footer-inner ul:last-child .footerListHead{ border-bottom: none;
}
#footer-inner .footerListHead ul.subListFooter{ width: initial; opacity: 0; visibility: hidden; height: 0; padding: 0; margin: 20px -20px -20px; position: relative;
}
#footer-inner ul .footerListHead ul.subListFooter.open{ height: initial; opacity: 1; visibility: visible; background-color: #0399CD;
}
#footer-inner ul.subListFooter li{font-weight:normal;border-top: 1px solid #CDCDCD;padding: 0;}
#footer-inner ul.subListFooter li a{text-decoration:none;display: block;padding: 20px;}
#footer-inner ul{ display: block; width: 100%;
}
#footer-inner ul li.footerListHead span{position:relative;display:block;}
#footer-inner ul li.footerListHead .icon-right-open-big{ display:block; position: absolute; right: 10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); top: 0; }
#footer-inner ul:hover li.footerListHead .icon-right-open-big{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);
}
.addyPopup.active{ margin-top: 0; width: 100%; left: 0; max-height: 335px; margin-left: 0; top: 85px;
}
.popupContent .closePopup,
.popupContent .error_msg a.hideErrorBox{ right: 0px;
}
.popupContent .error_msg a.hideErrorBox{ top: -25px; position: absolute; width: 30px; height: 30px; border-radius: 50%; font-size: 30px;
}
.popupContent .error_msg .head{ width: calc(100% - 90px); margin: 0 auto 10px;
}
.byopPage .twothirds{width:100%}
.byopPage .twothirds .rate{position:relative;}
.byopPage .onethird{ position: fixed; bottom: 35px; right: 0; z-index: 100; width: 96%; padding: 2% 2% 0; height: 50px !important; background-color: #0399cd;
}
.byopPage .onethird.open{ height: 70% !important; max-height: 321px; overflow: auto;
}
#content-main #rightCol .byop_planbox #order-form-container-wrapper{padding-top: 60px;}
#content-main #rightCol .byop_planbox a,#content-main #rightCol .byop_planbox em{color:#ffffff;}
#order-form-container-wrapper #addy-box-visitor-address a{ display: block;
}
.byopPage .onethird:before{ content:''; display:block; color: #ffffff; text-align: center; padding: 17px 0; font-size: 120%; border-bottom: 1px #ffffff solid; z-index: 1000; margin-top: -2%; left: 0px; width: 100%; background-color: #014963; position: absolute; }
.byopPage .onethird:before{content:'View Cart';}
.byopPage .onethird .byop_planbox:before{content: '\2699';position: fixed;right: 0;color: #ffffff;padding: 12px 0;font-size: 150%;z-index: 10000;}
#content-main #rightCol .byop_planbox #order-form-container-wrapper .order-form-container-middle{padding:0;}
.byopPage .onethird.open:before{content:'Continue Customizing';color: #ffffff;border: solid #ffffff;background-color: #014963;position: fixed;border-width: 1px 0px;}
.byopPage .onethird.open .byop_planbox:before{content: '\2716';}
.byop_planbox{left:0;top: 0 !important;}
.byopPage input,.byopPage select{margin-bottom:15px}
.rateSet{position:static}
.display_rate{ position: absolute; top: -96px; z-index: 10000; left: 0;
}
.display_rate em{display:none;}
.open .display_rate{ top: 0; position: relative;
}
.open .display_rate em{display:inline-block;}
.mainHomeHead #mainHomeHeadContent.beBday:before{background-image:url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/heroes/birthday_girl_be.png?yocs=1e_&yoloc=eu');}
.pageWidth.promo-beBdayhome{ padding: 0;
}
.pageWidth.promo-beBdayhome a{ text-decoration: none;
}
.pageWidth.promo-beBdayhome .darkBlueBG{ padding: 10px 100px 10px 10px; background-position: 135% 0%;
}
.promo-beBdayhome h6{ font-size: 120%;
}
.promo-beBdayhome .promoText{font-size: 120%;margin-bottom: 10px;display: block;}
.promo-beBdayhome p:last-of-type{margin-right: -90px;}
.plan-box { margin: 0; max-width: inherit;
}
.plan-box:first-of-type {
padding: 35px 20px 10px;
}
.plan-grid-row.plan-grid-row-4-items {background-color: #efefef;}
#chargeAvg { border-top: 1px #0399cd solid; padding-top: 20px; margin-top: 20px; margin-bottom: 20px;
}
.plan-box.plan-featured { padding-top: 40px; margin-top: 20px;
}
#planPageTopContainer.blueShirtMan {background-image: none;}
.singleInfoContainer, .singlePriceBox {width: 100%;}
.singlePriceBox .bundle-single-price-wrapper {text-align: center;}
.singleOrderBtn { width: 100%; text-align: center; }
.planPageDocs a { padding: 10px 30px 10px 100px; background-position: 50px 0; display: block; text-align: left; } body.iOS-device.modal-open { position: fixed; width: 100%; } .iOS-device .addyPopup.active { top: 15% !important; } .referFriendLeft, .referFriendRight { width: 100%; display: inline-block; border-right: none; }
.referFriendRight { width: 100%; padding: 0; margin-left: 3%; } .rafBannerHead, .rafBannerID { width: 100%; padding: 0;
} .rafBannerID { width: 100%; margin: 0 0 15px 0; padding: 3%;
}
.planPageDocs.pageWidth{ margin-top: 15px; }
.planPageDocs a:first-of-type {margin-left: 35px;}
#planPageTopContainer .bv_main_container_CTA_row{ display: none!important;}
#planPageTopContainer .bv_main_container_CTA_row, #planPageTopContainer [data-bv-show=rating_summary] .bv_main_container_line_break{ display: none!important;}
[data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex{ margin: 0 auto !important;}
[data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_normal{text-align: center !important}
#planPageTopContainer [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_normal .bv_percentRecommend_component_container:before { content: '' !important; padding-right: 0!important;
}
#planPageTopContainer [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_normal
.bv_percentRecommend_component_container { position: static !important;
}
#BVTabs { width: 100% !important; border: 0px solid; margin-top: 30px;
}
#BVTabs h4.articleOne, #BVTabs h4.articleTwo{ width: 45%; padding: 0px;
}
#BVTabs h4.articleTwo{ left: 45%;
}
#BVTabs h4{ min-height: 44px;
}
.viewall .plan-grid-row div[data-bv-show=inline_rating] { text-align: center;
}
#byop [data-bv-show=rating_summary] .bv_main_container .bv_main_container_CTA_row, [data-bv-show=rating_summary] .bv_main_container .bv_main_container_line_break{ display: none!important;
} .planPageDocs.pageWidth{ margin-top: -10px; } .planPageDocs a:first-of-type { margin-left: 35px; }
#planPageTopContainer.pageWidth {padding-top: 15px;}
.planPageDocs h3 {width: fit-content; padding: 0 10px 10px 10px;}
#planPageTopContainer.blueShirtMan {padding-bottom: 30px;}
}
@media only screen and (max-width: 320px) {
.pageWidth.promo-beBdayhome .darkBlueBG{ background-position: 150% 0%;
}
.price-grid-mini .price-grid-rate-title, h4,h5,h6{font-size:120%;font-weight:normal;}
.pageWidth.supportNav .customerSupport, .berewards .leftContent, .moms .leftContent{width:100%}
.customerSupport a b, .customerSupport a span,
.nav-trigger:checked ~ .site-wrap #sticky-social,
.ptab .plan-box ul.price-bullet,.rewardSlider .contentcontainer .berewardsImg
{display: none !important;}
.pageWidth.supportNav, .pageWidth.supportNav .customerSupport, #headNav ul .head{ padding: 10px 0; height: 20px;
}
.byopCallout .pageWidth,#planPageTopContainer.pageWidth{background-image:none;}
.plan-box{width: calc(98% - 40px);}
#planPageTopContainer .plan-box{margin:auto;}
#headNav ul .hiddenHead { border-left: #0071a1 solid 1px; width: 2%; height: 25px; padding: 25px; font-size: 134%; float: right; position: relative; opacity: 1; display: block;
}
#headNav ul .responsiveHead, #headNav ul .myaccount {width: 2%;}
.imgLeft ul li img{width:100%}
.fullWidthBanner{background-position:50% 50%}
.plan-box-inner .planDescription{margin-bottom:15px}
.plan-box-inner .gridPlanLinks{bottom: 0;}
.articleBody .flex ul li{width:49%}
#planPageTopContainer .planPageTopBundle,
#planPageTopContainer .planPageTopConent{ width: 100%; padding: 0; background-color: transparent; display: block; position: relative;
}
#planPageTopContainer .planPageTopBundle{margin-bottom:20px;}
.price-grid-mini .price-grid-rate-title {color:#ff6600;}
.csslider > ul > li{width:99%;}
.popupContent form input, .popupContent form .streetAddress input{width:90%;}
.mainAccordian .accordianContent.active {height: inherit;position: relative;top: -60px;margin-top: 60px;margin-bottom: -60px;}
#planPageTopContainer.pageWidth{padding-top: 15px;}
#planPageTopContainer .planPageTopConent h1{margin-bottom:20px;font-size:130%}
.faqs .wrapper #support-search #question-mask{ top: 10px;
}
.topCTA{background-image: none !important;}
.topCTA.rightImg span{padding-right: 0;}
body.iOS-device.modal-open { position: fixed; width: 100%;
}
.iOS-device .addyPopup.active { top: 15% !important;
}
.planPageDocs a:first-of-type {margin-left: 35px;}
#planPageTopContainer .bv_main_container_CTA_row, #planPageTopContainer [data-bv-show=rating_summary] .bv_main_container_line_break{ display: none!important;}
[data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex{ margin: 0 auto !important;}
[data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_normal{text-align: center !important}
#planPageTopContainer [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_normal .bv_percentRecommend_component_container:before { content: '' !important; padding-right: 0!important;
}
#planPageTopContainer [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_normal
.bv_percentRecommend_component_container { position: static !important;
}
#BVTabs { width: 100% !important; border: 0px solid; margin-top: 30px;
}
#BVTabs h4.articleOne, #BVTabs h4.articleTwo{ width: 45%; padding: 0px;
}
#BVTabs h4.articleTwo{ left: 45%;
}
#BVTabs h4{ min-height: 44px;
}
.viewall .plan-grid-row div[data-bv-show=inline_rating] { text-align: center;
}
#byop [data-bv-show=rating_summary] .bv_main_container .bv_main_container_CTA_row, [data-bv-show=rating_summary] .bv_main_container .bv_main_container_line_break{ display: none!important;
} .planPageDocs a:first-of-type { margin-left: 35px; }
}
@font-face { font-family: 'entypo'; font-style: normal; font-weight: normal; src: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/css/fonts/entypo.eot?yocs=_&yoloc=eu'); src: url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/css/fonts/entypo.eot?#iefix&yocs=_&yoloc=eu') format('eot'), url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/css/fonts/entypo.woff?yocs=1e_&yoloc=eu') format('woff'), url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/css/fonts/entypo.ttf?yocs=_&yoloc=eu') format('truetype'), url('//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/css/fonts/entypo.svg#entypo?yocs=_&yoloc=eu') format('svg');
}
.entypo-rss:before {content: "\e73a";}
.entypo-pinterest:before {content: "\f312";}
.entypo-gplus:before {content: "G+";font-weight: bold;}
.entypo-instagrem:before {content: "\f32d";}
.entypo-linkedin:before {content: "\f318";}
.entypo-twitter:before {content: "\f309";}
.entypo-facebook:before {content: "\f30c";}
iframe { z-index: 1; }
.militaryPopup { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100000;
}
#militaryBox { border: medium none; display: block; height: 625px; margin: 0 auto; position: relative; top: 50px; width: 780px;
}
#militaryBox iframe { height: 100%; width: 100%;
}
#militaryBox .closePopup { color: white; border-radius: 15px; border-style: solid; border-width: 2px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); height: 15px; line-height: 15px; position: absolute; right: -10px; text-align: center; top: -10px; width: 15px; background: url("//cdn-eu-ec.yottaa.net/55ce0488312e584df30011fd/www.bounceenergy.com:443/v~4b.365/images/bounceSite/slideShowTiles.png?yocs=1e_&yoloc=eu") no-repeat scroll -6px -156px rgba(0, 0, 0, 0);
}
#militaryBox .closePopup:hover{background-position: -6px -157px;}
img#verisign{ margin: 0; }
div#express_pay { padding-top: 0px;
}
#sheerid-lightbox-close div {font-family: inherit !important;}
.oncorOutage{ padding: 3% 10%; background-color: lightslategrey;
}
.oncorOutage p{ margin: 0; text-align: center; color:#fff; font-size: 22px;
}