html{overflow-y: scroll;} body{margin:0px; font-family: arial; font-size:16px;} .emcolor{color:#204796;} .txtheader{padding: 10px 0; display: block; font-size: 34px; line-height: 34px; margin: 30px 0; text-align:center;} .txttitle{font-size: 26px; font-weight: bold; line-height: 30px;} .txtsubtitle{font-family: Arial; font-weight: bold; font-size: 18px; line-height:20px; padding:5px;} .txt{font-family: Arial; font-size: 16px!important; padding:10px;} .txtsmall{font-size:14px;} .bold{font-weight: bold;} .center{text-align: center;} .margincenter{margin: 0 auto;} .margin10{margin: 10px;} .margintop10{margin-top: 10px;} .margintop20{margin-top: 20px;} .margintop30{margin-top: 30px;} .marginbottom20{margin-bottom: 20px;} .marginbottom40{margin-bottom: 40px;} .marginleft20{margin-left: 20px;} .padding10{padding:10px;} .padding15{padding:15px;} .padding20{padding:20px;} .padding-left10{padding-left:10px;} .paddingtop20{padding-top: 20px;} .paddingtop40{padding-top: 40px;} .nopadding{padding:0px;} .white{color: #ffffff;} .highlight{color:#204796;} .highlight:hover{color:#204796; text-decoration: underline;} .tabheader{padding:10px; background-color: #a3331f; color: #ffffff; font-size:18px; line-height:22px; font-weight:bold; font-weight:400;} .borderright{border-right:solid 1px #e5e5e5;} .checklist li{list-style-image: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/check.png); line-height:22px; font-size:16px;} .fullborder{border:solid 1px #f8f8f8;} .underline{text-decoration: underline;} .Frame1003 {min-height: 3000px!important; width: 100%;} .greybg{background-color:#EDEDEE;} .lightgreybg{background-color: #eaeaea;} .bluebg{background-color:#204796;} .bluebtn{font-size:16px; font-family: arial; color:#ffffff; padding:10px 20px; margin:10px; text-align: center; text-decoration:none; background-color:#204796; white-space: nowrap;} .bluebtn:hover{font-size:16px; font-family: arial; text-decoration: none; color:#ffffff!important; background:#3e3f3e!important;} .button{white-space: nowrap; display: inline-block; font-size: 20px; line-height: 45px; text-transform: uppercase; padding: 0 20px; color: #ffffff; border-radius: 55px; transition: color 0.25s, background-color 0.25s;} .button:hover{color:#ffffff!important; text-decoration: none;} .slide6 {background-image: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/rbanner_promo_July.jpg);} .slide6{position: relative; height:450px; background-position: 90%; background-repeat: no-repeat; background-size: cover; z-index:10; display:block;} .BFElogotop{position: absolute; top: 40px; left: 45px; width: 160px; height: auto; z-index: 1000;} .topleft_donation{position: absolute; z-index: 1000; top: 90px; left: 50px; width: 62%;} .button_donation{white-space: nowrap; display: inline-block; font-size: 20px; line-height: 45px; text-transform: uppercase; padding: 0 20px; border-radius: 55px; transition: color 0.25s, background-color 0.25s; color: #204796; text-decoration: none; background-color: #fff;} .button_donation:hover{text-decoration: none;} .bannertxttitle_donation{color: #ffffff; font-size: 35px; padding: 10px 20px 0px; line-height:40px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .homebannertxt_donation{color: #204796; padding: 10px 20px; font-size: 18px; text-align: left; width: 100%;} @media (max-width:992px) {.slide6{height:480px;} .homebannertxt_donation{font-size: 16px;} .BFElogotop{top: 40px; left:26px;} .topleft_donation{position: absolute; z-index: 1000; top: 90px; left: 30px; width: 60%;}} @media (max-width: 772px) {.slide6{height:500px;} .topleft_donation{position: absolute; z-index: 1000; top: 80px; left: 20px; width: 60%;} .homebannertxt_donation{color: #204796; padding: 10px; font-size: 16px; width: 90%;} .BFElogotop{top: 20px; left:8px;} .bannertxttitle_donation{text-shadow: 1px 1px #565656;} .bannertxttitle_donation{color: #ffffff; font-size: 23px; padding: 10px; line-height:26px;}} @media (max-width: 480px) {.slide6{height:560px; background-position: 70%; background-image: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/rbanner_promo_July-mobile.jpg);} .topleft_donation{position: absolute; z-index: 1000; top: 100px; left: 10px; width: 90%;} .homebannertxt_donation{color: #204796; padding: 10px; font-size: 14px; width: 80%;} .BFElogotop{top: 50px; left:0px;}} .bannercontainer{margin-top:10px;} .bannercontainer_home{position: relative; height:400px; background: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/banner_img.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover; z-index:10; display:block;} .bannercontainer_whyus {position: relative; height:400px; background: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/whyus.jpg); background-position: 30%; background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_communitypartners {position: relative; height:400px; background: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/communitypartners.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover; z-index:10;} .bannertxtcontainer{position:absolute; color: #ffffff!important; width: 300px; z-index:100; right: 5%; top: 100px; padding:10px; text-align: center; background:rgba(28,28,28,0.7);} .bannerbtn{display: inline-block; border:solid 2px #ffffff; font-size:16px; font-family: arial; color:#ffffff; padding:10px; margin:5px; text-align: center; text-decoration:none; background:rgba(180,13,9,0.9); white-space: nowrap;} .bannerbtn:hover{background: rgba(180,13,9, .7); color:#ffffff; text-decoration: none;} .slide1{position: relative; height:450px; background-position: 90%; background-repeat: no-repeat; background-size: cover; z-index:10; display:block;} .slide2{position: relative; height:450px; background-position: 90%; background-repeat: no-repeat; background-size: cover; z-index:10; display:block;} .slide3, .slide4, .slide5{position: relative; height:450px; background-position: 50%; background-repeat: no-repeat; background-size: cover; z-index:10; display:block;} @media (max-width:992px) {.slide1{height: 480px; background-position: 75%; background-repeat: no-repeat; background-size: cover;} .slide2{height: 480px; background-position: 80%; background-repeat: no-repeat; background-size: cover;} .slide3{height: 480px; background-position: 50%; background-repeat: no-repeat; background-size: cover;} .slide4{height: 480px; background-position: 50%; background-repeat: no-repeat; background-size: cover;} .slide5{height: 480px; background-position: 60%; background-repeat: no-repeat; background-size: cover;}} @media (max-width:772px) {.bannercontainer{margin-top:-5px;} .slide1{height: 500px; background-position: 60%; background-repeat: no-repeat; background-size: cover;} .slide2{height: 500px; background-position: 80%; background-repeat: no-repeat; background-size: cover;} .slide3{height: 500px; background-position: 40%; background-repeat: no-repeat; background-size: cover;} .slide4{height: 500px; background-position: 70%; background-repeat: no-repeat; background-size: cover;} .slide5{height: 500px; background-position: 30%; background-repeat: no-repeat; background-size: cover;}} @media only screen and (max-device-width: 480px) {.slide1{height: 560px; background-position: 55%; background-repeat: no-repeat; background-size: cover;} .slide2{height: 560px; background-position: 90%; background-repeat: no-repeat; background-size: cover;} .slide3{height: 560px; background-position: 40%; background-repeat: no-repeat; background-size: cover;} .slide4{height: 560px; background-position: 70%; background-repeat: no-repeat; background-size: cover;} .slide5{height: 560px; background-position: 30%; background-repeat: no-repeat; background-size: cover;}} .slide1 {background-image: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/rbanner_promorate.png);} .slide2 {background-image: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/rbanner_solarclubbanner.jpg);} .slide3 {background-image: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/rbanner2.jpg);} .slide4 {background-image: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/rbanner3.jpg);} .slide5 {background-image: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/rbanner4.jpg);} .topleft{position:absolute; z-index:1000; top: 45px; left:50px; width:50%; text-shadow: 1px 1px #565656;} .topright{position:absolute; z-index:1000; top: 20px; right:10px; width:40%; text-shadow: 1px 1px #565656;} .bottomleft{position:absolute; z-index:1000; bottom: 30px; left:60px; background-color: rgba(0, 0, 0, 0.5);} .bottomright{position:absolute; z-index:1000; bottom: 30px; right:60px; background-color: rgba(0, 0, 0, 0.5);} .centerright{position:absolute; z-index:1000; top: 25%; right:50px; width: 30%!important;} .centerleft{position:absolute; z-index:1000; bottom: 25%; left:50px;} .homebannertxttitle{color: #ffffff; font-size: 35px; padding: 10px 20px 0px; line-height:40px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .homebannertxttitle2{color: #ffffff; font-size: 35px; padding: 30px 20px 0px; line-height:40px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .homebannertxt{color: #ffffff; font-size: 18px; padding: 20px; text-align: left; width: 100%;} .homebannertxt2{color: #ffffff; font-size: 18px; padding: 20px; text-align: left; width: 100%;} .solarclubcontestbannertxttitle{color: #ffffff; font-size: 35px; padding: 80px 20px 0px; line-height:20px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .solarclubcontestbannertxt{color: #ffffff; font-size: 18px; padding: 20px; text-align: left; width: 100%;} .bannertxttitle{color: #ffffff; font-size: 35px; padding: 30px 20px 0px; line-height:40px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .bannertxt{color: #ffffff; font-size: 18px; padding: 20px; text-align: left; width: 100%;} .subtitlelowrate{color: #ff0000; font-size: 20px; text-shadow: 0px 0px 8px #ffffff; font-weight: 500; padding: 20px 20px 0;} @media (max-width: 1200px) {.topleft{position:absolute; z-index:1000; top: 30px; left:30px; width:65%;}} @media (max-width:992px) {.topleft{position:absolute; z-index:1000; top: 50px; left:30px; width:65%;} .topright{position:absolute; z-index:1000; top: 20px; right:10px; width:50%} .homebannertxttitle{color: #ffffff; font-size: 35px; padding: 20px; line-height:40px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .homebannertxttitle2{color: #ffffff; font-size: 35px; padding: 20px; line-height:40px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .homebannertxt{color: #ffffff; font-size: 16px; padding: 20px; text-align: left; width: 100%;} .homebannertxt2{color: #ffffff; font-size: 16px; padding: 20px; text-align: left; width: 100%;} .solarclubcontestbannertxttitle{color: #ffffff; font-size: 35px; padding: 20px; line-height:40px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .solarclubcontestbannertxt{color: #ffffff; font-size: 16px; padding: 20px; text-align: left; width: 100%;} .bannertxttitle{color: #ffffff; font-size: 35px; padding: 20px; line-height:40px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .bannertxt{color: #ffffff; font-size: 16px; padding: 20px; text-align: left; width: 100%;}} @media (max-width: 772px) {.topleft{position:absolute; z-index:1000; top: 70px; left:20px; width:70%;} .topright{position:absolute; z-index:1000; top: 30px; right:10px; width:50%} .bottomleft, .bottomright, .centerright, .centerleft {width:80%!important; height:auto; position:absolute; left: 0; right: 0; margin: 0 auto; z-index:1000; background-color: rgba(0, 0, 0, 0.5);} .homebannertxttitle{color: #ffffff; font-size: 23px; padding: 10px; line-height:26px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .homebannertxttitle2{color: #ffffff; font-size: 23px; padding: 10px; line-height:26px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .homebannertxt{color: #ffffff; font-size: 16px; padding: 10px; text-align: left; width: 100%;} .homebannertxt2{color: #ffffff; font-size: 16px; padding: 10px; text-align: left; width: 97%;} .solarclubcontestbannertxt{color: #000000; font-size: 18px; padding: 20px; text-align: left; width: 110%; margin-top:0;} .button{white-space: nowrap; display: inline-block; font-size: 18px; line-height: 35px; text-transform: uppercase; padding: 0 20px; color: #ffffff; transition: color 0.25s, background-color 0.25s; border-radius: 75px;} .button:hover{background:#3e3f3e!important; color:#ffffff!important; text-decoration: none;} .solarclubcontestbannertxttitle{color: #ffffff; font-size: 23px; padding: 10px; line-height:26px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .solarclubcontestbannertxt{color: #ffffff; font-size: 16px; padding: 10px; text-align: left; width: 100%;} .bannertxttitle{color: #ffffff; font-size: 23px; padding: 10px; line-height:26px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .bannertxt{color: #ffffff; font-size: 16px; padding: 10px; text-align: left; width: 100%;}} @media only screen and (max-device-width: 480px) {.topleft{position:absolute; z-index:1000; top: 60px; left:10px; width:90%;} .topright{position:absolute; z-index:1000; top: 30px; right:10px; width:90%;} .homebannertxttitle{color: #ffffff; font-size: 26px; padding: 10px; line-height:32px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .homebannertxttitle2{color: #ffffff; font-size: 26px; padding: 0px 10px 0px 10px; line-height:32px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600; width:85%;} .homebannertxt{color: #ffffff; font-size: 14px; padding: 10px; text-align: left; width: 90%;} .homebannertxt2{color: #ffffff; font-size: 14px; padding: 10px; text-align: left; width: 100%;} .solarclubcontestbannertxt{color: #000000; font-size: 18px; padding: 20px; text-align: left; width: 110%; margin-top:0;} .solarclubcontestbannertxttitle{color: #ffffff; font-size: 26px; padding: 10px; line-height:32px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .solarclubcontestbannertxt{color: #ffffff; font-size: 14px; padding: 10px; text-align: left; width: 90%;} .bannertxttitle{color: #ffffff; font-size: 26px; padding: 10px; line-height:32px; font-family: 'Calibri', sans-serif; text-align: left; font-weight:600;} .bannertxt{color: #ffffff; font-size: 14px; padding: 10px; text-align: left; width: 90%;}} .promoratebannertxt{font-size:24px; line-height:30px; letter-spacing: 0.04em; color: #ffffff; padding: 20px; text-align: left; text-shadow: 1px 1px #565656;} @media (min-width: 481px) and (max-width: 772px) {.promoratebannertxt{font-size:18px; line-height:23px; letter-spacing: 0.04em; padding: 10px; text-align: left; text-shadow: 1px 1px #565656;}} @media (max-width: 480px) {.promoratebannertxt {font-size: 20px; line-height: 24px; letter-spacing: 0.07em; text-shadow: 1px 1px #565656; padding: 10px; text-align: left;}} .carousel.carousel-fade .item {left: 0 !important; -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; -ms-transition: opacity 1s linear; -o-transition: opacity 1s linear; transition: opacity 1s linear; opacity: .5;} .carousel.carousel-fade .active.item {opacity: 1;} .carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right {left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0);} .carousel-overlay {position: absolute; bottom: 100px; right: 0; left: 0; color: white; text-shadow: 1px 1px 1px rgba(0,0,0,.5); font-size: 5em;} .carousel-control.left {background-image: none!important;} .carousel-control.right {background-image: none!important; left: auto; right: 0;} .carousel-control{bottom: 0; color: #fff; font-size: 20px; left: 0; opacity: 0.5; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); top: 0; width: 5%;} .prevbtn{position:absolute; font-size:30px; top: 85%; left:10%; z-index: 10000; display: inline-block; margin-top: -10px; cursor:pointer; color: #565656;} .nextbtn{position:absolute; font-size:30px; top: 85%; right: 10%; z-index: 10000; display: inline-block; margin-top: -10px; cursor:pointer; color: #565656;} .bottombannertxtcontainer{background: rgba(28, 28, 28, 0.5) none repeat scroll 0 0; color: #ffffff !important; position: relative; text-align: center; width: 100%; z-index: 100; height:150px; margin-top:-150px; visibility:hidden;} .bottombannerbtn{width:200px; border:solid 2px #ffffff; font-size:16px; font-family: arial; color:#ffffff; padding: 5px 20px; text-align: center; text-decoration:none; border-radius:55px; background:rgba(180,13,9,0.9);} .bottombannerbtn:hover{background: rgba(180,13,9, .7); color:#ffffff; text-decoration:none;} @media (min-width: 429px) and (max-width: 763px){.bottombannertxtcontainer{background: rgba(28, 28, 28, 0.5) none repeat scroll 0 0; bottom: 100px; color: #ffffff !important; position: relative; text-align: center; width: 375px; max-width:100%; z-index: 100; margin: 0 auto;}} .flexEven {display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-around;} .offeringmoreblocks {padding: 20px; margin-top: 15px; margin-bottom: 15px; background-color: #EDEDEE; min-height:350px; text-align: center;} .offeringmoreblocks > img {max-width: 50%;} .rateChart {margin-top: 0;} .rateChart > .head {background: #204796 none repeat scroll 0 0; color: #ffffff; margin-bottom: 2px; padding: 10px; text-align: center; text-transform: uppercase; font-size:30px;} .rateChart > .bodytxt {background: #e5e5e5 none repeat scroll 0 0; display: block;} .rateChart a.button.large {border-radius: 25px; line-height: 50px;} .rateChart a.button {background: #b40d09 none repeat scroll 0 0; border-radius: 20px; color: #fff; display: inline-block; font-size: 22px; font-weight: 900; line-height: 55px; padding: 0 40px; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap;} .rateChart a.button:hover {background: #8d120f none repeat scroll 0 0; border-radius: 25px; text-decoration:none;} .Rates-Content{overflow:hidden;} .Rates-Content img{width:100%;} .Rates-Content table{float:left; width:97%; border:none none!important; margin:17px; border-spacing:0;} .Rates-Content table img{display:inline-block; width:30px; height:30px;} .Rates-Content table tr:first-child th{padding-top:10px; font-size:18px;} .Rates-Content table th {background: #d1dffb none repeat scroll 0 0; color: #000000; padding: 10px; text-align: center; border:solid 1px #b9b9b9; font-size:18px;} .Rates-Content table tr.highlight td{background:#d0dfe1;} .Rates-Content table td{padding:10px; border: 0;} .Rates-Content table td:nth-child(1){width:25%; font-size:23px;} .Rates-Content table td:nth-child(2){width:50%;} .Rates-Content table td:nth-child(3){width:25%;} .Rates-Content table td {background: #ffffff none repeat scroll 0 0; padding: 10px; border: none!important; border-bottom: solid 1px #ededed!important; text-align: center; vertical-align: middle;} @media(max-width:992px){.Rates-Content{padding:5px;} .Rates-Content table{float:none; width:100%; border:none; margin: 0;}} #papos{width:290px; height:425px;}.ngrateChart > .head {background: #204796 none repeat scroll 0 0; color: #ffffff; margin-bottom: 2px; padding: 10px; text-align: center; text-transform: uppercase; font-size:16px;}.ngrateChart > .bodytxt {background: #e5e5e5 none repeat scroll 0 0; display: block; min-height: 180px; padding:10px; text-align: center;}.ngrateChart .rate{font-size: 60px; font-weight: 400; line-height: 30px; padding: 30px;} .ngrateChart .rate span{font-size: 22px;} .Chart > .head{text-align:center; color:#fff; background:#525459; text-transform:uppercase; font-weight:900; padding:10px; margin-bottom:2px;}.Chart > .tabs{background:#eaeaea; text-align:center; overflow:hidden;}.Chart > .tabs label{cursor:pointer; background:#9e9fa2; color:#fff; font-weight:900; padding:10px 0; display:block; float:left; width:50%;}.Chart > .bodytxt{background:#e5e5e5; padding:50px; display:block;}@media(max-width:1400px){.Chart > .bodytxt{padding:30px;}}@media(max-width:992px){.Chart > .bodytxt{padding:15px;}}.referralprogramcontainer{font-size: 16px;}.blurbcontainer{width:65%; margin: 0 auto;}.referraltabtitle{font-size:22px; line-height: 28px;}.BecomeMarkeTingAssociate a{color:#204796; background-color:transparent; text-decoration:none; transition:color 0.25s; text-decoration:none; font-weight: bold;}.BecomeMarkeTingAssociate a:hover{color:#204796; text-decoration:underline;}.BlockCenter {text-align: center;}#referralProgram .BlockCenter{border-radius: 30px; min-height:430px; background: #f6f7f7 none repeat scroll 0 0; padding:0px;}#referralProgram .BlockCenter .header{border-radius: 30px 30px 0px 0px; height:105px; background: #204796 none no-repeat scroll; padding:15px;}#referralProgram .BlockCenter .content{font-size: 16px; padding: 10px; min-height:250px;}#referralProgram #raiseFunds{background-image:url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/referralprogram/referralprogram_raiseFunds.jpg); background-position: 70% 100px; background-repeat: no-repeat; background-size: cover;}#referralProgram #businessRevenue{background-image:url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/referralprogram/referralprogram_businessRevenue.jpg); background-position: 70% 100px; background-repeat: no-repeat; background-size: cover;}#referralProgram #extraMoney{background-image:url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/referralprogram/referralprogram_extraMoney.jpg); background-position: 70% 100px; background-repeat: no-repeat; background-size: cover;}.referralprogramcontainer a.button{white-space:nowrap; display:inline-block; font-size:22px; line-height:55px; text-transform:uppercase; padding:0 20px; background:#565656; color:#fff; border-radius:55px; transition:color 0.25s, background-color 0.25s;}.referralprogramcontainer a.button:hover{background:#373737; text-decoration: none;}.referralprogramcontainer a.button.alt{background:#fff; color:#115e67;}.referralprogramcontainer a.button.alt:hover{background:#115e67; color:#fff;}.referralprogramcontainer a.button.alt2{background:#565656;}.referralprogramcontainer a.button.alt2:hover{background:#373737;}.referralprogramcontainer a.button.small{font-size:16px;}.referral-program-cause{margin: 0 auto;}.referral-program-causebox img{margin: 0 auto; border: solid 1px #000000;}@media(max-width:992px){.referral-program-cause{width: 90%;}}@media(max-width:480px){.referral-program-cause{width: 90%;}}.referral-program-business{margin: 0 auto; width: 60%;}.referral-program-businessbox img{margin: 0 auto; border: solid 1px #000000;}@media(max-width:992px){.referral-program-business{width:90%;}}@media(max-width:480px){.referral-program-business{width:90%;}}.referral-program-individual{margin: 0 auto; width: 60%;}.referral-program-individualbox img{margin: 0 auto; border: solid 1px #000000;}@media(max-width:992px){.referral-program-individual{width:90%;}}@media(max-width:480px){.referral-program-individual{width:90%;}} .footer{width:100%!important; min-height:200px; background-color: #204796; color:#ffffff; text-align: center;} .footer_title{font-size:20px; padding:5px;} .footer_subtitle{font-size:16px;} .footercontainer{position: relative; margin-bottom:20px;} .footertxt{position: relative; font-size:14px; line-height:18px; text-align: center; color: #ffffff;} .footerimg{margin-top:20px;} .footer a{color: #ffffff; text-decoration: none;} .footer a:hover{color: #ffffff; text-decoration: underline;} .footersocial{display: inline-block; width:40px; height:40px; padding:5px;} .footersocial .icon svg {display: inline-block; fill: #ffffff; height: 30px; transition: fill 0.25s ease 0s; vertical-align: middle; width: 30px;}.container_mysecure{margin-top:80px;}.headercontainer{height:150px;}.affiliateNav{width:100%; max-width:100%;}.navbar-brand {position:absolute; top:5%; left:100px; display:block; width:220px; height:80px; background-image: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/logomain.png)!important; background-repeat: no-repeat;}@media(max-width:1200px){.navbar-brand{left:20px;}}@media (max-width: 992px) {.navbar-brand {float: left; font-size: 18px; top:0px; left:5px; height: 50px; width:200px; line-height: 20px; padding: 0px!important; background-image: url(https://utilitynet.s3.amazonaws.com/brighterfutureenergy/images/logo.png)!important; display: block !important;}} .navbar-default {background-color: #204796;} .navbar-default .navbar-nav > li > a {color: #ffffff;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #ffffff;}@media(min-width:993px){.navupper{background:#ffffff; min-height:90px; width:100%; padding:0px 85px 0px 0px;} .navupper ul {list-style: none; margin-top:15px;} .navupper ul li{padding:10px;} .navupper ul li a{color:#565656!important; background-color: transparent!important; transition:opacity 0.25s;} .navupper ul li a:hover{opacity:0.66; text-decoration: none;} .navbarmain{background:#204796; min-height:60px; width:100%; padding:10px 85px 10px 0px;} .navbarmain ul{list-style: none; padding:0px 10px;} .navbarmain ul li a{padding: 0 15px; color:#ffffff!important; background-color: transparent!important; transition:opacity 0.25s; font-size: 18px; line-height: 40px; display:block; font-weight:500;} .navbarmain ul li a:hover{color:#000000!important;} .navbarmain .button{background:#ffffff!important; color:#3e3f3e!important; border-radius: 8px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; padding: 0px 20px; text-transform: none; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap;} .navbarmain .button:hover{background:#3e3f3e!important; color:#ffffff!important;} .caret{display:none;} .socialMediaTopNav{margin-left: 5%; padding-left: 0;} .socialMediaTopNav li a{padding: 0px 5px!important;} .socialicon{display: inline-block; text-align: center; border: 2px solid #ffffff; border-radius: 100%; width:35px; height:35px; padding-top: 2px; vertical-align:middle;} .socialicon:hover{background:#3e3f3e!important; color:#ffffff!important;} .socialicon svg{display: inline-block; vertical-align:middle; fill: #ffffff; transition:fill 0.25s; width: 20px; margin-bottom:15px;} .socialiconMobile{display: none;} .navbarmain li > .navdropdown{display:block; position:absolute; overflow:hidden; top:60px; left:0px; padding:0; background:#fff; max-height:0; min-width:320px; box-shadow:0 5px 20px rgba(0,0,0,0.1); transition:max-height 0.25s, padding 0.25s; border: none;} .navbarmain li:hover > .navdropdown{max-height:360px; padding:10px 0;} .navbarmain .navdropdown a{display:block; padding:0 20px; font-size:16px; line-height:35px; font-weight:700; color:#525459!important; transition:background 0.25s, color 0.25s} .navbarmain .navdropdown a:hover{background:#3e3f3e!important; color:#fff!important;} .mobilesupport{display: none!important;}}@media(min-width:993px) and (max-width:1200px){.navupper{padding:0px 40px 0px 0px;} .navbarmain{padding-right:40px;} .navbarmain ul li a{display:block; padding:0 10px; color:#fff; font-size:18px; font-weight:500; line-height:40px;}}@media (max-width: 992px) {.headercontainer{height:55px;} .navupper{display: none;} .navbar-default .navbar-toggle {border-color: transparent; margin-right: 20px;} .navbar-default .navbar-toggle {border-color: #ffffff;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;} .navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;} .navbar-header {float: none; height:55px;} .navbar-left,.navbar-right {float: none !important;} .navbar-toggle {display: block;} .navbar-collapse {border-top: 1px solid #565656!important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);} .navbar-fixed-top {top: 0; border-width: 0 0 1px;} .navbar-collapse.collapse {display: none!important;} .navbar-nav {float: none!important; margin-top: 7.5px;} .navbar-nav>li {float: none;} .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;} .collapse.in{display:block !important;} .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 600px!important;} .navupper, .navbarmain{background:transparent; min-height:40px; width:100%; padding-left:40px!important; padding-right:40px!important; margin-bottom:20px;} .navupper ul, .navbarmain ul {list-style: none;} .navupper ul li, .navbarmain ul li{margin-top: 3px;} .navupper ul li a, .navbarmain ul li a{padding:5px!important; color:#ffffff!important; background-color: transparent!important; transition:opacity 0.25s; text-transform: uppercase; font-size:14px;} .navupper ul li a:hover, .navbarmain ul li a:hover{opacity:1; color:#ffffff!important;} .navupper .icon {display: inline-block; height: 20px; margin: -3px 3px 0 0; width: 20px; border: none;} .navbarmain .button{background: #ffffff!important; color:#3e3f3e!important; border-radius: 10px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 30px; padding: 0px 20px!important; text-transform: none; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap;} .navbarmain .button:hover{background:#3e3f3e!important; color:#ffffff!important;} .caret{display:inline-block;} .navbarmain .navdropdown{background:#ffffff!important;} .navbarmain .navdropdown a{display:block; padding:5px 5px 5px 10px!important; margin:5px; font-size:14px; line-height:20px; color:#525459!important; transition:background 0.25s, color 0.25s; white-space: normal;} .navbarmain .navdropdown a:hover{background:#3e3f3e!important; color:#ffffff!important;} .navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;} .socialMediaTopNav{display: none;} .socialiconMobile{display: block; float: right; margin-right:7%} .socialiconMobile a{padding: 0px 5px !important;} .socialicon:hover{background:#3e3f3e!important; color:#ffffff!important;} .socialiconMobile .socialicon{display: inline-block; text-align: center; border: 2px solid #ffffff; border-radius: 100%; width:30px; height:30px; padding-top: 2px; vertical-align:middle; margin-left:-5px;} .socialicon svg{display: inline-block; vertical-align:middle; fill: #ffffff; transition:fill 0.25s; width: 20px;}}@media (max-width: 480px) {.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 340px!important;}}@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 230px!important;}}@media only screen and (min-device-width: 480px) and (max-device-width: 992px) and (orientation: landscape) {.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 230px!important;}} #sidechat{cursor: pointer; width:135px; height:43px; position: fixed; bottom:0px; right:0px; visibility: visible; z-index:10000;} #copyrightContainer{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; background-color:#e7e7e7; width:100%; position: relative;} .copyrightHolder{top: 0; left: 0; right: 0; left: 0; text-align: center; height: 100%; vertical-align: middle; padding:10px; background-color:#e7e7e7;} .serviceAlbertaLicenseFooterImage {background-image: url(https://utilitynet.s3.amazonaws.com/public/images/retailer/utilitynet/utilitynet-small-logo.png); background-repeat: no-repeat; background-position: center center; width: 250px; height: 48px; display: inline-block;} .serviceAlbertaLicenseFooterText{display: inline-block; margin-top:10px; vertical-align: top; line-height: 20px; width: 55%; padding: 0px 10px 0px 10px;} @media (max-width: 992px) {.serviceAlbertaLicenseFooterText{display: inline-block; margin-top:5px; margin-bottom:10px; vertical-align: top; padding:0px 0px 25px 0px; width: 100%;}}