html{overflow-y: scroll;} body{margin:0px; color:#3e3f3e; font-size:16px; font-weight:normal; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-font-smoothing: subpixel-antialiased;} .emcolor{color:#ffb420;} .bold{font-weight: bold;} .italic{font-style: italic;} .highlight{color:#3e3f3e; text-decoration: underline;} .txt{font-size:16px; margin-bottom:20px;} .txtsmall{font-size:14px;} .txtright{text-align:right;} .txtleft{text-align:left;} .txtyellow{color:#ffb500;} .txtwhite{color:#ffffff;} .txtgray{color:#808080;} .txtlightgray{color:#d1d1d1;} .txtlightblue{color:#99c7ea;} .txtblue{color:#183b65;} .txtdarkblue{color:#2d2652;} .txtdarkorange{color:#ef9211;} .txtgreen{color:#277627;} .center{text-align: center;} .nopadding{padding:0px;} .padding10{padding:10px;} .padding20{padding:20px;} .paddingleft20{padding-left:20px;} .paddingleft40{padding-left:40px;} .paddingbottom20{padding-bottom:20px;} .paddingbottom50{padding-bottom:50px;} .margincenter{margin: 0 auto;} .margintop20{margin-top:20px;} .margintop40{margin-top:40px;} .margintop50{margin-top:50px;} .margintop60{margin-top:60px;} .marginbottom10{margin-bottom:10px;} .marginbottom20{margin-bottom:20px;} .marginbottom30{margin-bottom:30px;} .marginbottom40{margin-bottom:40px;} .marginbottom50{margin-bottom:50px;} .marginbottom60{margin-bottom:60px;} .marginbottom100{margin-bottom:100px;} .marginleft40{margin-left:40px;} .verybigtitle{font-size: 48px; font-weight: 700; line-height: 50px} .bigtitle{font-size: 44px; line-height: 48px;} .bigmidtitle{font-size: 40px; line-height: 44px;} .title{font-size: 38px; line-height: 38px;} .txttitle{font-size: 26px; font-weight: bold; line-height: 30px; color: #052739;} .txtheader{font-size: 34px; line-height: 40px; margin: 30px 0; padding: 10px 0; display: block; font-weight:400; text-transform: capitalize;} .midsubtitle{font-size: 26px; line-height: 28px;} .subtitle{font-size: 20px; line-height: 28px;} .lighter{font-weight: lighter;} .verticaltop{vertical-align: top;} .dottedbottomborder{border-bottom: 2px dotted #b0b0b0;} .bgblue-transparent{background-color: rgba(54, 134, 210, 0.5);} .bgblack-transparent{background-color: rgba(0, 0, 0, 0.8);} .bgblue{background-color: #0F5EA3;} .greybg{background-color: #eaeaea;} .hero-banner{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1;} .bannerhome_cib, .bannerhome, .bannerhome2, .bannerhome_solarairmiles {position: relative; height: 500px; overflow: hidden; background-color: #ffffff; z-index: 10;} .bannerhome2 .hero-banner {object-position: 100% center;} .bannerhome .hero-banner {object-position: 100% center;} .bannerhome_cib .hero-banner {object-position: 100% center;} .bannerbluebgcontainer{background-color: rgba(39, 111, 180, 0.7); color:#fff; position:absolute; left:0; right:0; top:55%; padding:20px;} .bannertextleft, .bannertextright, .bannertextcontentleft, .bannertextcontentright, .bannertextcontentleft_cib, .bannertextcontentrightlogo, .bannerbotton {position: relative; z-index: 2;} .bannertextcenter{color:#fff; position:absolute; left:0; right:0; top:10%; padding:20px; margin-left: auto; margin-right: auto; max-width:85%;} .bannertextleft{color:#fff; position:absolute; top:15%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1200px; max-width:90%;} .bannertextleft_am{color:#fff; position:absolute; top:10%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:90%;} .bannertextleft_solar{color:#fff; position:absolute; top:0%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:90%;} .bannercontentleft_am{width: 80%;} .ambannertxt2{width: 100%;} .bannertextright{color:#fff; position:absolute; top:20%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:90%;} .bannertextcontentcenter{padding-top: 10px; letter-spacing: 0.07em; width:90%; margin: 0 auto;} .bannertextcontentleft, .bannertextcontentleft_am, .bannertextcontentleft_am2{font-size: 20px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:60%;} .bannertextcontentright{font-size: 20px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:450px; float:right;} .bannertextcontentleft_cib{position: relative; font-size: 20px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:50%; float:left;} .bannertextcontentrightlogo{position: relative; width:40%; float:right; right:0px;} .bannertexttitle{font-size: 40px; line-height: 48px; font-weight:bold;} .bannertextsubtitle{font-size: 34px; line-height: 40px; margin-bottom:60px;} .bannertextcontent{font-size: 20px; line-height: 28px;} .bannerhome_solarairmiles .bannertextleft{color:#000000; position:absolute; top:15%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:90%;} .bannerhome_solarairmiles .bannerbotton a{background: #ead331!important; border: solid 1px transparent; border-radius: 8px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; padding: 0px 20px; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap; color:#000000!important;} .bannerhome_solarairmiles .bannerfooter{width:60%;} .bannerbotton{clear: both;} .bannerbotton a{background: #ffb420!important; border: solid 1px transparent; border-radius: 8px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; padding: 0px 20px; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap; color:#ffffff!important;} .bannerbotton_darkorange a{background: #ef9211!important; border: solid 1px transparent; border-radius: 8px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; padding: 0px 20px; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap; color:#ffffff!important;} .bannerbotton a:hover, .bannerbotton_darkorange a:hover{background:#277627!important; color:#ffffff!important; text-decoration: none!important;} .bannerbotton_green a{background: #277627!important; border: solid 1px transparent; border-radius: 8px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; padding: 0px 20px; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap; color:#ffffff!important;} .bannerbotton_darkorange a:hover{background:#ef9211!important; color:#ffffff!important; text-decoration: none!important;} .banner_about{position: relative; height:300px; background: url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/header-about.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover; z-index:10;} .super{position: relative; top: -1.4em; font-size:20px;} .smsuper{font-size: 14px; position: relative; top: -0.5em;} .bigthintxt{font-size: 34px; line-height: 44px; letter-spacing: 0.15em; transform: scale(1, 1.5); font-weight: bold;} .thintxt{font-size: 20px; font-weight: bold; line-height: 30px; font-weight: lighter; letter-spacing: 0.15em; transform: scale(1, 1.5);} @media (min-width: 481px) and (max-width: 992px) {.bannerbluebgcontainer{background-color: rgba(39, 111, 180, 0.7); color:#fff; position:absolute; left:0; right:0; top:40%; padding:10px;} .bannertextcenter{color:#fff; position:absolute; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-font-smoothing: subpixel-antialiased; left:0; right:0; top:5%; padding:10px; margin-left: auto; margin-right: auto; max-width:100%;} .bannertextleft{color:#fff; position:absolute; top:15%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; max-width:85%;} .bannertextleft_am{color:#fff; position:absolute; top:10%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; max-width:85%;} .bannertextleft_solar{color:#fff; position:absolute; top:0%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; max-width:85%;} .bannercontentleft_am{width: 95%;} .ambannertxt2{width: 130%;} .bannertextright{color:#fff; position:absolute; top:15%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; max-width:85%;} .bannertextcontentcenter{padding-top: 10px; width:98%; margin: 0 auto; letter-spacing: 0.07em;} .bannertextcontentleft{font-size: 16px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; min-width:350px; width:60%;} .bannertextcontentleft_am{font-size: 16px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; min-width:350px; width:60%;} .bannertextcontentleft_am2{font-size: 16px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; min-width:350px; width:60%;} .bannertextcontentright{font-size: 16px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:50%; float:right;} .bannertexttitle{font-size: 30px; font-weight: 700; line-height: 38px;} .bannertextsubtitle{font-size: 22px; line-height: 28px; margin-bottom:40px;} .bannertextcontent{font-size: 16px; line-height: 20px; width: 80%; margin: 0 auto;} .bannerhome_solarairmiles .bannertextleft{color:#000000; position:absolute; top:15%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; max-width:85%;} .bannerhome_solarairmiles .bannerfooter{width:60%;} .bannerbotton{clear: both;} .super{position: relative; top: -0.8em; font-size:20px;} .bigthintxt{font-size: 24px; line-height: 28px; padding-bottom:20px; letter-spacing: 0.15em; transform: scale(1, 1.5); font-weight: bold;} .thintxt{font-size: 16px; font-weight: bold; line-height: 20px; font-weight: lighter; letter-spacing: 0.15em; transform: scale(1, 1.5);} .bannertextcontentleft_cib{position: relative; font-size: 20px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:60%; float: none; margin-top:20px;} .bannertextcontentrightlogo{position: relative; width:40%; float: none;}} @media (min-width: 772px) and (max-width: 1200px) {.bannerhome2 .hero-banner {object-position: 96% center;} .bannerhome .hero-banner {object-position: 40% center;} .bannerhome_cib .hero-banner {object-position: 50% center;}} @media (max-width: 772px) {.bannerhome2 .hero-banner {object-position: 96% center;} .bannerhome .hero-banner {object-position: 40% center;} .bannerhome_cib .hero-banner {object-position: 50% center;} .bannerhome_solarairmiles{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/header_home_solarairmiles_mobile.png); background-position: 100%; background-repeat: no-repeat; background-size: cover; background-color: #ffffff; z-index:10;} .bannertextcontentleft{font-size: 16px; letter-spacing: 0.07em; line-height: 24px; padding: 10px; width:90%;} .bannertexttitle{font-size: 22px; font-weight: 700; line-height: 26px;} .bannerhome_solarairmiles .bannertextleft{color:#000000; position:absolute; top:28%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:90%;} .bannerhome_solarairmiles .bannerfooter{width:100%; margin-top:-30px;} .bannertextcontentleft_cib{position: relative; font-size: 20px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:60%; float: none; margin-top:20px;} .bannertextcontentrightlogo{position: relative; width:60%; float: none;}} @media (max-width: 480px) {.bannerhome, .bannerhome2, .bannerhome_cib, .bannerhome_solarairmiles {height: 550px;} .bannerhome2 .hero-banner {object-position: 96% center;} .bannerhome .hero-banner {object-position: 30% center;} .bannerhome_cib .hero-banner {object-position: 50% center;} .bannerbluebgcontainer{background-color: rgba(39, 111, 180, 0.7); color:#fff; position:absolute; left:0; right:0; top:40%; padding:10px;} .bannertextleft{color:#fff; position:absolute; top:10%; left:0; right:0; padding:10px; margin-left: auto; margin-right: auto; max-width:85%;} .bannertextleft_am{color:#fff; position:absolute; top:0; left:0; right:0; padding:10px; margin-left: auto; margin-right: auto; max-width:95%;} .bannertextleft_solar{color:#fff; position:absolute; top:0%; left:0; right:0; padding:10px; margin-left: auto; margin-right: auto; max-width:85%;} .bannercontentleft_am{width: 100%;} .bannertextright{color:#fff; position:absolute; top:10%; left:0; right:0; padding:10px; margin-left: auto; margin-right: auto; max-width:85%;} .ambannertxt2{width: 100%; font-size: 14px;} .solarclubcontestbannertxt{margin-top:-48px;} .bannertextcenter{color:#fff; position:absolute; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-font-smoothing: subpixel-antialiased; left:0; right:0; top:5%; padding:10px; margin-left: auto; margin-right: auto; max-width:100%;} .bannertextcontentleft{font-size: 16px; letter-spacing: 0.07em; line-height: 24px; padding: 10px; width:90%;} .bannertextcontentleft_am{font-size: 16px; letter-spacing: 0.07em; line-height: 24px; padding: 10px; width:90%; text-shadow: 1px 1px #565656;} .bannertextcontentleft_am2{font-size: 14px; letter-spacing: 0.07em; line-height: 18px; padding: 0px 10px 0px 10px; width: 95%; text-shadow: 1px 1px #565656; margin-top: 5px;} .bannertextcontentright{font-size: 16px; letter-spacing: 0.07em; line-height: 24px; padding: 10px; width:90%;} .bannertextcontentcenter{padding-top: 10px; width:98%; margin: 0 auto;} .bannertexttitle{font-size: 22px; font-weight: 700; line-height: 26px;} .bannertextsubtitle{font-size: 18px; line-height: 24px; margin-bottom:30px;} .bannertextcontent{font-size: 16px; line-height: 20px; width: 85%; margin: 0 auto;} .super{position: relative; top: -0.8em; font-size:18px;} .bigthintxt{font-size: 18px; line-height: 22px; padding-bottom:20px; letter-spacing: 0.15em; transform: scale(1, 1.5); font-weight: bold; margin-top:10px;} .thintxt{font-size: 14px; font-weight: bold; line-height: 20px; font-weight: lighter; letter-spacing: 0.15em; transform: scale(1, 1.5);} .bannerhome_solarairmiles .bannertextleft{color:#000000; position:absolute; top:25%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:90%;} .bannerhome_solarairmiles .bannerfooter{width:100%; margin-top:-35px;} .bannertextcontentleft_cib{position: relative; font-size: 16px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:90%; float: none; margin-top:20px;} .bannertextcontentrightlogo{position: relative; width:60%; float: none;}} .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; left: 10px;} .carousel-control.right {background-image: none!important; right: 10px;} .carousel-control{bottom: 0; color: #fff; font-size: 20px; opacity: 0.5; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); top: 0; width: 30px;} .prevbtn{position:absolute; font-size:30px; top: 80%; left:10%; z-index: 10000; display: inline-block; margin-top: -10px; cursor:pointer; color: #565656;} .nextbtn{position:absolute; font-size:30px; top: 80%; right: 10%; z-index: 10000; display: inline-block; margin-top: -10px; cursor:pointer; color: #565656;} @media (max-width: 480px) {.prevbtn{position:absolute; font-size:30px; top: 78%; left:10%; z-index: 10000; display: inline-block; margin-top: -10px; cursor:pointer; color: #565656;} .nextbtn{position:absolute; font-size:30px; top: 78%; right: 10%; z-index: 10000; display: inline-block; margin-top: -10px; cursor:pointer; color: #565656;}} .whatweoffer{min-height:300px; margin-top:-1px; margin-bottom: 20px; background-image:url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/home_offer_section_bg.webp); background-position: 50% 5%; background-repeat: no-repeat; background-size: cover;}.whatweoffer .row.whatweoffer_compact{display:flex; flex-wrap:wrap;}.whatweoffer .row.whatweoffer_compact > div{display:flex;}.whatweoffer .servicecontainer{display:flex; flex-direction:column; width:100%; height:100%;}.whatweoffer .bannerbotton_darkorange{margin-top:auto;}.servicecontainer{position:relative; padding:20px; color:#ffffff; display:flex; flex-direction:column; align-items:center; height:100%;}.box-services{position: relative; max-width: 335px; margin: 37px auto 0; text-align: center;}.box-services-inner{border: 6px solid #ffb420; padding: 50px 40px 50px; min-height:300px;}.box-services-icon{position: absolute; top: -45px; left: 50%; width: 100px; height: 92px; background-color: #ffffff; transform: translateX(-50%);}.icon_holder{width: 80px; height: 80px; background-image: linear-gradient(#ef9211, #fbc14e); text-align: center; display: inline-block; border-radius: 100%; vertical-align: middle; transition: border-color 0.25s; padding: 5px;}.box-content{min-height:60px; display:flex; align-items:flex-start; justify-content:center; margin-bottom:22px;}.whatweoffer .bannerbotton_darkorange{margin-top:auto;}.whatweoffer .bannerbotton_darkorange a{width:230px;}@media (max-width:767px){.whatweoffer{min-height:0; padding:30px 0 34px; background-position:center;} .whatweoffer .container.padding20{width:100%; padding:0 20px;} .whatweoffer #what-we-offer-title{max-width:540px; margin:20 auto 20px; font-size:38px; line-height:1.2;} .whatweoffer .row.whatweoffer_compact{display:flex; flex-direction:column; flex-wrap:nowrap; margin-right:0; margin-left:0;} .whatweoffer .row.whatweoffer_compact > [class*="col-"]{display:flex; flex:0 0 100%; width:100%; max-width:100%; padding-right:0; padding-left:0; float:none;} .whatweoffer .servicecontainer{width:100%; max-width:460px; height:auto; min-height:0; margin:0 auto; padding:22px 15px 30px;} .whatweoffer .icon_holder{flex:0 0 auto; width:72px; height:72px;} .whatweoffer .icon_holder img{width:100%; height:100%; object-fit:contain;} .whatweoffer .subtitle{margin:15px 0 8px; font-size:21px; line-height:1.25;} .whatweoffer .box-content{display:block; min-height:0; max-width:340px; margin:0 auto 18px; font-size:15px; line-height:1.5;} .whatweoffer .bannerbotton_darkorange{width:100%; margin-top:0;} .whatweoffer .bannerbotton_darkorange a{width:100%; max-width:260px; min-height:48px; padding:10px 20px; font-size:15px; line-height:1.2;}}@media (max-width:480px){.whatweoffer{padding:20px 0 20px;} .whatweoffer .container.padding20{padding-right:15px; padding-left:15px;} .whatweoffer #what-we-offer-title{margin-bottom:20px; font-size:30px;} .whatweoffer .servicecontainer{padding:18px 10px 26px;} .whatweoffer .icon_holder{width:66px; height:66px;} .whatweoffer .subtitle{margin-top:12px; font-size:19px;} .whatweoffer .box-content{max-width:290px; font-size:14px;}}.homeaboutus{padding:40px 0; background:#ffffff;}.homeaboutuscontainer{overflow:hidden; border-radius:24px; box-shadow:0 16px 42px rgba(0,0,0,.12);}.homeaboutuscontainer > .row{display:flex; flex-wrap:wrap; margin:0;}.homeaboutuscontainer > .row > [class*="col-"]{display:flex; float:none; padding:0;}.homeaboutussection_img{width:100%; min-height:500px; margin:0; background-image:url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/home_aboutus_section_img.webp); background-position:center; background-repeat:no-repeat; background-size:cover;}.homeaboutussection{position:relative; display:flex; flex-direction:column; justify-content:center; width:100%; min-height:500px; margin:0; padding:55px 48px; overflow:hidden; background: linear-gradient( 135deg, rgba(39,118,39,.98), rgba(26,88,40,.98) ); color:#ffffff;}.homeaboutussection::after{content:""; position:absolute; right:-70px; bottom:-55px; width:310px; height:390px; background:url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/home_aboutus_section_bg.png) center bottom / contain no-repeat; opacity:.22; pointer-events:none;}.homeaboutussection > *{position:relative; z-index:2;}.homeaboutussection .midsubtitle{margin-top:0; margin-bottom:24px; color:#ffffff; font-size:34px; font-weight:500; line-height:1.25;}.homeaboutussection_txt{max-width:520px; padding:0; background:transparent;}.homeaboutussection_txt .txt{margin-bottom:20px; color:#ffffff; font-size:18px; line-height:1.55;}.homeaboutussection_txt .txt:last-of-type{margin-bottom:28px;}.homeaboutussection .bannerbotton_darkorange{display:inline-block; max-width:100%;}.homeaboutussection .bannerbotton_darkorange a{display:inline-flex; align-items:center; justify-content:center; max-width:100%; min-height:50px; padding:9px 26px; border-radius:26px; font-size:16px; line-height:1.25; text-align:center; text-transform:none; white-space:normal;}.homeaboutussection .bannerbotton_darkorange a:hover,.homeaboutussection .bannerbotton_darkorange a:focus{background:#ffb420!important; color:#173b22!important; text-decoration:none!important;}@media (min-width:992px) and (max-width:1199px){.homeaboutus{padding:40px 0;} .homeaboutussection_img, .homeaboutussection{min-height:460px;} .homeaboutussection{padding:42px 34px;} .homeaboutussection .midsubtitle{font-size:29px;} .homeaboutussection_txt .txt{font-size:16px; line-height:1.5;} .homeaboutussection .bannerbotton_darkorange a{padding:9px 20px; font-size:15px;}}@media (max-width:991px){.homeaboutus{padding:40px 0;} .homeaboutuscontainer > .row{display:block;} .homeaboutuscontainer > .row > [class*="col-"]{display:block; width:100%;} .homeaboutussection_img{min-height:390px; background-position:center 42%;} .homeaboutussection{min-height:0; padding:45px 40px;} .homeaboutussection_txt{max-width:680px;} .homeaboutussection .midsubtitle{font-size:32px;}}@media (max-width:600px){.homeaboutus{padding:40px 0;} .homeaboutus .container{padding-left:15px; padding-right:15px;} .homeaboutuscontainer{border-radius:20px;} .homeaboutussection_img{min-height:280px; background-position:center;} .homeaboutussection{padding:34px 24px 38px;} .homeaboutussection::after{right:-80px; bottom:-70px; width:260px; height:320px;} .homeaboutussection .midsubtitle{margin-bottom:20px; font-size:27px; line-height:1.3;} .homeaboutussection_txt .txt{margin-bottom:17px; font-size:16px; line-height:1.55;} .homeaboutussection .bannerbotton_darkorange{display:block;} .homeaboutussection .bannerbotton_darkorange a{width:100%; max-width:300px; min-height:48px; padding:9px 18px; font-size:15px;}}.aboutusbg{margin-top:0px; background-image:url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/aboutus_bg.png); background-position: 50%; background-repeat: no-repeat; background-size: cover;}@media (max-width: 992px) {.aboutusbg{margin-top:0px; background-image:url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/aboutus_bg.png); background-position: 80%; background-repeat: no-repeat; background-size: cover;}}@media (max-width: 772px) {.aboutusbg{margin-top:0px; background-image:url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/aboutus_bg.png); background-position: 70%; background-repeat: no-repeat; background-size: cover;}}@media (max-width: 440px) {.aboutusbg{margin-top:0px; background-image:url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/aboutus_bg.png); background-position: 40%; background-repeat: no-repeat; background-size: cover;}} .ngrateChart > .head {background: #ffb420 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;}} .footer, .footer_title, .footer_subtitle, .footertxt, .footer a{color:#173b22;} .footer a:hover, .footer a:focus{color:#111111;} .footer{background-color: #ffb420; color:#ffffff; text-align: center; padding-bottom:20px;} .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; display:inline-flex; align-items:center; min-height:44px; padding:8px 6px;} .footer a:hover{color: #ffffff; text-decoration: underline;} .footercontainer .logo{margin: 0 auto; width: 200px;} .footersocialcontainer{position:relative; top: 0px;} .footersocial{width:48px; height:48px; display:inline-block; padding:5px; margin-left: 5px;} .footersocial .icon {width: 44px; height: 44px; border: 3px solid #173b22; text-align: center; line-height: 32px; display: inline-block; border-radius: 100%; vertical-align: middle; transition: border-color 0.25s;} .footersocial .icon svg{width:23px; height:23px; display:inline-block; vertical-align:middle; fill:#173b22; transition:fill 0.25s;} .footersocial a:hover .icon{border-color:#b8b8b8;} .footersocial a:hover .icon svg{fill:#b8b8b8;}.skip-link{position:fixed; top:10px; left:10px; z-index:99999; padding:10px 16px; border-radius:6px; background:#ffffff; color:#1f5f32; font-weight:700; text-decoration:none; transform:translateY(-150%); transition:transform .2s ease;}.skip-link:focus{transform:translateY(0); outline:3px solid #ffb420; outline-offset:3px;}.home-hero-carousel-wrap,.home-hero-carousel,.home-hero-carousel .carousel-inner,.home-hero-carousel .item{position:relative;}.home-hero-carousel .item{height:500px;}.home-hero{position:relative; isolation:isolate; height:500px; overflow:hidden; background:#172439; color:#ffffff;}.home-hero__image,.home-hero__overlay{position:absolute; inset:0; width:100%; height:100%;}.home-hero__image{z-index:-2; object-fit:cover; object-position:center;}.home-hero--cib .home-hero__image{object-position:center;}.home-hero--solar .home-hero__image{object-position:right center;}.home-hero__overlay{z-index:-1; background:linear-gradient(90deg,rgba(14,29,47,.95) 0%,rgba(14,29,47,.88) 38%,rgba(14,29,47,.34) 67%,rgba(14,29,47,.08) 100%);}.home-hero__container{display:flex; align-items:center; height:500px; padding-top:42px; padding-bottom:42px;}.home-hero__content{width:100%; max-width:650px;}.home-hero__eyebrow{margin:0 0 10px; color:#ffbf30; font-size:16px; font-weight:700; letter-spacing:.045em; text-transform:uppercase;}.home-hero h1,.home-hero h2{margin:0 0 16px; color:#ffffff; font-size:52px; font-weight:700; line-height:1.08; letter-spacing:-.025em;}.home-hero__lead{max-width:600px; margin:0 0 20px; font-size:21px; line-height:1.5;}.home-hero__benefits{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 24px; margin:0 0 28px; padding:0; list-style:none;}.home-hero__benefits li{position:relative; padding-left:24px; font-size:16px; line-height:1.45;}.home-hero__benefits li::before{content:"✓"; position:absolute; left:0; top:0; color:#ffbf30; font-weight:900;}.home-hero__actions{display:flex; flex-wrap:wrap; gap:12px;}.home-btn{display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 24px; border:2px solid transparent; border-radius:24px; font-size:16px; font-weight:800; line-height:1.2; text-align:center; text-decoration:none!important; transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;}.home-btn:hover,.home-btn:focus{transform:translateY(-1px);}.home-btn:focus-visible{outline:3px solid #ffffff; outline-offset:3px;}.home-btn--primary{background:#ffbf30; color:#172439!important;}.home-btn--primary:hover,.home-btn--primary:focus{background:#ffffff; color:#1f5f32!important;}.home-btn--secondary{border-color:#ffffff; background:rgba(255,255,255,.08); color:#ffffff!important;}.home-btn--secondary:hover,.home-btn--secondary:focus{background:#ffffff; color:#1f5f32!important;}.home-hero-carousel__control{z-index:5; width:50px; background-image:none!important; opacity:.8;}.home-hero-carousel__control:hover,.home-hero-carousel__control:focus{opacity:1;}.home-hero-carousel__control .glyphicon{top:50%; margin-top:-15px; font-size:30px;}@media (max-width:992px){.home-hero-carousel .item, .home-hero, .home-hero__container{height:540px;} .home-hero__image{object-position:40% center;} .home-hero__overlay{background:linear-gradient(90deg,rgba(14,29,47,.95) 0%,rgba(14,29,47,.86) 58%,rgba(14,29,47,.38) 100%);} .home-hero h1, .home-hero h2{font-size:44px;}}@media (max-width:767px){.home-hero-carousel .item, .home-hero, .home-hero__container{height:600px;} .home-hero__container{align-items:flex-end; padding-top:90px; padding-bottom:42px;} .home-hero__image, .home-hero--cib .home-hero__image{object-position:34% center;} .home-hero--solar .home-hero__image {object-position:94% center;} .home-hero__overlay{background:linear-gradient(180deg,rgba(14,29,47,.18) 0%,rgba(14,29,47,.74) 40%,rgba(14,29,47,.97) 100%);} .home-hero h1, .home-hero h2{font-size:38px;} .home-hero__lead{font-size:18px;} .home-hero__benefits{grid-template-columns:1fr; gap:7px;}}@media (max-width:480px){.home-hero-carousel .item, .home-hero, .home-hero__container{height:650px;} .home-hero__container{padding-left:20px; padding-right:20px;} .home-hero__eyebrow{font-size:13px;} .home-hero h1, .home-hero h2{font-size:34px;} .home-hero__actions, .home-btn{width:100%;} .home-hero-carousel__control{width:36px;}}.home-hero-carousel .carousel-inner{position:relative; height:500px; overflow:hidden; background:#172439;}.home-hero-carousel.carousel-fade .carousel-inner > .item{display:block; position:absolute; inset:0; left:0!important; width:100%; height:500px; opacity:0; z-index:0; transform:none!important; -webkit-transform:none!important; transition:opacity .8s ease-in-out!important; -webkit-transition:opacity .8s ease-in-out!important;}.home-hero-carousel.carousel-fade .carousel-inner > .item.active,.home-hero-carousel.carousel-fade .carousel-inner > .next.left,.home-hero-carousel.carousel-fade .carousel-inner > .prev.right{opacity:1; z-index:2;}.home-hero-carousel.carousel-fade .carousel-inner > .active.left,.home-hero-carousel.carousel-fade .carousel-inner > .active.right{left:0!important; opacity:0; z-index:1;}.home-hero-carousel.carousel-fade .carousel-inner > .next,.home-hero-carousel.carousel-fade .carousel-inner > .prev{left:0!important; transform:none!important; -webkit-transform:none!important;}.home-carousel-arrow{position:absolute; top:50%; width:18px; height:18px; margin-top:-9px; border-top:3px solid #fff; border-right:3px solid #fff; filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));}.home-carousel-arrow--left{left:17px; transform:rotate(-135deg);}.home-carousel-arrow--right{right:17px; transform:rotate(45deg);}@media (max-width:992px){.home-hero-carousel .carousel-inner, .home-hero-carousel.carousel-fade .carousel-inner > .item{height:540px;}}@media (max-width:767px){.home-hero-carousel .carousel-inner, .home-hero-carousel.carousel-fade .carousel-inner > .item{height:600px;}}@media (max-width:480px){.home-hero-carousel .carousel-inner, .home-hero-carousel.carousel-fade .carousel-inner > .item{height:650px;} .home-carousel-arrow{width:14px; height:14px; margin-top:-7px; border-width:2px;} .home-carousel-arrow--left{left:12px;} .home-carousel-arrow--right{right:12px;}}.home-hero,.home-hero__slide{min-height:500px;}@media (max-width:1199px){.home-hero, .home-hero__slide{min-height:420px;}}@media (max-width:991px){.home-hero, .home-hero__slide{min-height:360px;} .home-hero__slide:nth-child(1) .home-hero__image{object-position:75% center;} .home-hero__slide:nth-child(2) .home-hero__image{object-position:center center;} .home-hero__slide:nth-child(3) .home-hero__image{object-position:78% center;}}@media (max-width:767px){.home-hero, .home-hero__slide{min-height:300px;} .home-hero__content{padding-top:35px; padding-bottom:45px;} .home-hero__slide:nth-child(1) .home-hero__image{object-position:82% center;} .home-hero__slide:nth-child(2) .home-hero__image{object-position:62% center;} .home-hero__slide:nth-child(3) .home-hero__image{object-position:85% center;}}@media (max-width:575px){.home-hero, .home-hero__slide{min-height:260px;} .home-hero__content{padding-top:25px; padding-bottom:35px;}}@media (max-width:991px){.home-hero__title{font-size:42px;} .home-hero__lead{font-size:20px;}}@media (max-width:767px){.home-hero__title{font-size:34px;} .home-hero__lead{font-size:18px;} .home-hero__actions{margin-top:20px;}}@media (max-width:575px){.home-hero__title{font-size:28px;} .home-hero__lead{font-size:16px;}}.home-services{position:relative; padding:28px 0 30px; background: linear-gradient(rgba(43,43,43,.91),rgba(43,43,43,.91)), url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/bg_whatweoffer.webp) center/cover no-repeat; color:#ffffff; overflow:hidden;}.home-services__header{margin:0 0 20px;}.home-services__eyebrow{margin:0 0 4px; color:#ffb420; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;}.home-services h2{margin:0; color:#ffffff; font-size:28px; font-weight:500; line-height:1.2;}.home-services__grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;}.home-service-card{display:flex; align-items:center; min-height:118px; padding:14px; border:1px solid rgba(255,255,255,.16); border-radius:10px; background:rgba(20,20,20,.34); color:#ffffff!important; text-decoration:none!important; transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease;}.home-service-card:hover,.home-service-card:focus{transform:translateY(-3px); border-color:#ffb420; background:rgba(20,20,20,.55); box-shadow:0 8px 18px rgba(0,0,0,.22);}.home-service-card:focus-visible{outline:3px solid #ffb420; outline-offset:3px;}.home-service-card__icon{flex:0 0 auto; width:64px; height:56px; margin-right:12px; object-fit:contain; transition:transform .2s ease;}.home-service-card:hover .home-service-card__icon,.home-service-card:focus .home-service-card__icon{transform:scale(1.05);}.home-service-card__body{display:block; min-width:0;}.home-service-card__title,.home-service-card__text,.home-service-card__link{display:block;}.home-service-card__title{margin-bottom:3px; color:#ffb420; font-size:17px; font-weight:700; line-height:1.2;}.home-service-card__title sup{font-size:10px;}.home-service-card__text{margin-bottom:6px; color:#f1f1f1; font-size:13px; line-height:1.3;}.home-service-card__link{color:#ffffff; font-size:12px; font-weight:700;}.home-service-card:hover .home-service-card__link,.home-service-card:focus .home-service-card__link{color:#ffb420;}@media (max-width:992px){.home-services{padding:26px 0 28px;} .home-services__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:600px){.home-services h2{font-size:24px;} .home-services__grid{grid-template-columns:1fr; gap:10px;} .home-service-card{min-height:92px; padding:11px 13px;} .home-service-card__icon{width:54px; height:48px;}}.homesavings {background: #ffffff;}.homesavingscontainer {position: relative; min-height: 500px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 2px; background-color: #e6aa27; background-image: linear-gradient(90deg, rgba(255, 181, 0, 0.92), rgba(247, 193, 50, 0.82)), url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/home-savings_banner.webp); background-position: center; background-repeat: no-repeat; background-size: cover;}.homesavingscontainer::before,.homesavingscontainer::after {content: ""; position: absolute; pointer-events: none; opacity: 0.18;}.homesavingscontainer::before {inset: 0 auto 0 0; width: 42%; background: linear-gradient(135deg, rgba(255,255,255,0.55), transparent 62%); clip-path: polygon(0 0, 100% 0, 58% 100%, 0 100%);}.homesavingscontainer::after {right: -5%; bottom: -30%; width: 45%; height: 85%; border: 34px solid rgba(255,255,255,0.45); transform: rotate(-18deg);}.homesavingscontent {position: relative; z-index: 2; width: min(760px, 88%); margin: 0 auto; padding: 44px 25px; color: #161616;}.homesavingstitle {margin: 0 auto 20px; font-size: 65px; font-weight: 300; line-height: 1.22; letter-spacing: -0.02em;}.homesavingstitle strong {display: block; font-size: 52px; font-weight: 800; line-height: 1.05;}.homesavingstxt {max-width: 630px; margin: 60px auto 24px; font-size: 20px; font-weight: 900; line-height: 1.45;}.homesavingsbutton {margin-top: 0;}.homesavingsbutton a {min-width: 210px; border-radius: 24px; font-size: 18px; line-height: 46px; text-transform: none;}.homesavingsbutton a:hover,.homesavingsbutton a:focus {background: #1d5d24 !important; color: #ffffff !important; text-decoration: none !important;}@media (max-width: 992px) {.homesavings {padding: 32px 0;} .homesavingscontainer {min-height: 340px;} .homesavingstitle {font-size: 36px;} .homesavingstitle strong {font-size: 44px;}}@media (max-width: 600px) {.homesavings {padding: 0;} .homesavings .container {padding-left: 15px; padding-right: 15px;} .homesavingscontainer {min-height: 320px; background-position: 58% center;} .homesavingscontent {width: 100%; padding: 38px 20px;} .homesavingstitle {margin-bottom: 16px; font-size: 30px;} .homesavingstitle strong {margin-top: 4px; font-size: 38px;} .homesavingstxt {margin-bottom: 20px; font-size: 15px;} .homesavingsbutton a {min-width: 190px; font-size: 17px; line-height: 44px;}}.homeaudience{padding:70px 0 0; background:#ffffff;}.homeaudience .title{margin-bottom:20px; font-size: 38px;}.audiencecard{background:#f7bf32; border-radius:24px; overflow:hidden; height:100%; padding:0; transition: transform .25s ease, box-shadow .25s ease;}.audiencecard:hover{transform:translateY(-8px); box-shadow: 0 18px 45px rgba(0,0,0,.18);}.audiencecard_header{background:#277627; color:#fff; text-align:center; font-size:24px; font-weight:700; padding:18px; line-height:1.2; width: 100%; margin-top: 0px;}.audiencecard_body{padding:35px 28px 30px; display:flex; flex-direction:column; justify-content:space-between; height:100%;}.audiencecard .box-content{font-size:23px; line-height:1.45; text-align:center; color:#202020; margin-bottom:20px; flex: 1; min-height:unset;}.audiencecard .bannerbotton_green{margin-top:auto;}.audiencecard .bannerbotton_green a,.homeaudience .bannerbotton_green a{width:100%; max-width:360px; border-radius:30px; font-size:18px; line-height:52px; text-transform:none;}.homeaudience .subtitle{margin-top:10px; margin-bottom:20px;}.homeaudience .txt{max-width:820px; margin:0 auto 30px; font-size:22px; line-height:1.6;}@media (min-width:992px) and (max-width:1199px){.homeaudience{padding:55px 0;} .audiencecard_header{font-size:21px; line-height:1.2; padding:16px 12px; width: 100%;} .audiencecard_body{padding:25px 18px; min-height:250px;} .audiencecard .box-content{font-size:18px; line-height:1.45; min-height:120px; margin-bottom:25px;} .audiencecard .bannerbotton_green a{width:100%; font-size:16px; line-height:46px; padding:0 16px;}}@media(max-width:767px){.homeaudience{padding:20px 0;} .audiencecard_header{font-size:26px;} .audiencecard_body{padding:25px;} .audiencecard .box-content{font-size:19px;} .homeaudience .txt{font-size:18px;}}.homepromotions{padding:40px 0 75px; background:#ffffff;}.homepromotionsrow{display:flex; flex-wrap:wrap;}.homepromotioncolumn{display:flex;}.homepromotion{display:flex; flex-direction:column; width:100%;}.homepromotiontitle{margin:0 0 28px; color:#111111; font-size:38px; font-weight:700; line-height:1.2; text-align:center;}.homepromotionbox{display:flex; flex:1; flex-direction:column; align-items:center; justify-content:space-between; min-height:360px; padding:48px 45px 30px; border-radius:30px; background:#f7bf32; color:#111111; text-align:center; transition: transform .25s ease, box-shadow .25s ease;}.homepromotionbox:hover{transform:translateY(-5px); box-shadow:0 18px 40px rgba(0,0,0,.14);}.homepromotionheadline{max-width:650px; margin:0 auto 30px; color:#111111; font-size:28px; font-weight:700; line-height:1.25;}.homepromotiontext{max-width:620px; margin:0 auto 30px; color:#222222; font-size:21px; font-weight:400; line-height:1.4;}.homepromotionbutton{width:100%; margin-top:auto; text-align:center;}.homepromotionbutton a{width:100%; max-width:500px; padding:0 28px; border-radius:32px; font-size:22px; line-height:58px; text-transform:none;}.homepromotionbutton a:hover,.homepromotionbutton a:focus{background:#1e5f25!important; color:#ffffff!important; text-decoration:none!important;}@media (min-width:992px) and (max-width:1199px){.homepromotions{padding:40px 0 65px;} .homepromotiontitle{min-height:68px; margin-bottom:20px; font-size:31px;} .homepromotionbox{min-height:355px; padding:38px 28px 26px;} .homepromotionheadline{font-size:24px; line-height:1.3;} .homepromotiontext{font-size:18px; line-height:1.4;} .homepromotionbutton a{font-size:18px; line-height:52px;}}@media (max-width:991px){.homepromotions{padding:40px 0;} .homepromotionsrow{display:block;} .homepromotioncolumn{display:block;} .homepromotion{margin-bottom:45px;} .homepromotioncolumn:last-child .homepromotion{margin-bottom:0;} .homepromotiontitle{margin-bottom:18px; font-size:32px;} .homepromotionbox{min-height:0; padding:38px 35px 30px;} .homepromotionheadline{font-size:26px;}}@media (max-width:600px){.homepromotions{padding: 0;} .homepromotion{margin-bottom:35px;} .homepromotiontitle{font-size:27px;} .homepromotionbox{padding:30px 20px 24px; border-radius:22px;} .homepromotionheadline{margin-bottom:22px; font-size:22px; line-height:1.35;} .homepromotiontext{margin-bottom:24px; font-size:17px;} .homepromotionbutton a{max-width:100%; padding:0 18px; font-size:17px; line-height:48px; white-space:normal;}}.PEY_FAQsection{padding:70px 0 75px; background:#f7f7f5; color:#202020;}#PEY_FAQ > .container > .col-md-12{float:none; padding:0 15px; margin-bottom:45px;}#PEY_FAQ > .container > .col-md-12 .title{max-width:900px; margin:0 auto 14px; color:#202020; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:44px; font-weight:400; line-height:1.2; text-align:center;}#PEY_FAQ > .container > .col-md-12 .subtitle{max-width:760px; margin:0 auto 8px; color:#3e3f3e; font-size:22px; line-height:1.45; text-align:center;}#PEY_FAQ > .container > .col-md-12 .txt{max-width:680px; margin:0 auto; color:#666666; font-size:17px; line-height:1.5; text-align:center;}#PEY_FAQ .txtcontainer{display:flex; flex-wrap:wrap; align-items:flex-start;}#PEY_FAQ .txtcontainer > .col-md-4{padding-right:45px;}#PEY_FAQ .dash.title{margin:0; color:#202020; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:36px; font-weight:700; line-height:1.2; text-align:left;}#PEY_FAQ .dash::after{content:""; display:block; width:62px; height:5px; margin:20px 0 24px; border-radius:3px; background:#ffb420;}#PEY_FAQ .midtxt{width:100%; margin:0 0 28px; color:#3e3f3e; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:19px; font-weight:400; line-height:1.5;}#PEY_FAQ .bannerbotton_green a{min-width:180px; border-radius:26px; font-size:17px; line-height:48px; padding:0 28px; text-transform:none;}#PEY_FAQ .panel-group{margin:0; border-top:1px solid #d7d7d2;}#PEY_FAQ .panel-group .panel{margin:0; border:0; border-bottom:1px solid #d7d7d2; border-radius:0; background:transparent; box-shadow:none;}#PEY_FAQ .panel-default > .panel-heading{padding:0; border:0; background:transparent; color:#202020;}#PEY_FAQ .panel-title.txttitle{position:relative; margin:0; padding:0; border:0; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:20px; font-weight:700; line-height:1.4;}#PEY_FAQ .panel-title.txttitle a{position:relative; display:block; padding:22px 52px 22px 4px; color:#202020; text-decoration:none; transition:color .2s ease;}#PEY_FAQ .panel-title.txttitle a:hover,#PEY_FAQ .panel-title.txttitle a:focus{color:#277627; text-decoration:none;}#PEY_FAQ .panel-title.txttitle a::before,#PEY_FAQ .panel-title.txttitle a::after{content:""; position:absolute; top:50%; right:14px; width:18px; height:2px; background:#277627; transform:translateY(-50%); transition:transform .2s ease;}#PEY_FAQ .panel-title.txttitle a::after{transform:translateY(-50%) rotate(90deg);}#PEY_FAQ .panel-title a:focus{outline:none; box-shadow:none;}#PEY_FAQ .panel-title a:focus-visible{outline:2px solid #277627; outline-offset:4px;}#PEY_FAQ .panel-title.txttitle a:not(.collapsed)::after{transform:translateY(-50%) rotate(0);}#PEY_FAQ .panel-default >.panel-heading +.panel-collapse >.panel-body{padding:0 52px 24px 4px; border:0; background:transparent; color:#555555; font-size:17px; line-height:1.65;}#PEY_FAQ .panel-collapse.in{background:rgba(255,180,32,.08);}#PEY_FAQ .panel-collapse.in .panel-body{padding:4px 52px 24px 18px;}@media (min-width:992px) and (max-width:1199px){.PEY_FAQsection{padding:60px 0 65px;} #PEY_FAQ > .container > .col-md-12 .title{font-size:38px;} #PEY_FAQ .txtcontainer > .col-md-4{padding-right:30px;} #PEY_FAQ .dash.title{font-size:32px;} #PEY_FAQ .midtxt{font-size:18px;} #PEY_FAQ .panel-title.txttitle{font-size:18px;} #PEY_FAQ .panel-default > .panel-heading + .panel-collapse > .panel-body{font-size:16px;}}@media (max-width:991px){.PEY_FAQsection{padding:55px 0 60px;} #PEY_FAQ > .container > .col-md-12{margin-bottom:38px;} #PEY_FAQ > .container > .col-md-12 .title{font-size:36px;} #PEY_FAQ .txtcontainer{display:block;} #PEY_FAQ .txtcontainer > .col-md-4{padding-right:15px; margin-bottom:38px; text-align:center;} #PEY_FAQ .dash.title{text-align:center;} #PEY_FAQ .dash::after{margin:18px auto 22px;} #PEY_FAQ .midtxt{max-width:600px; margin:0 auto 24px;} #PEY_FAQ .bannerbotton_green{text-align:center;}}@media (max-width:600px){.PEY_FAQsection{padding:20px 0 48px;} #PEY_FAQ > .container > .col-md-12{margin-bottom:30px;} #PEY_FAQ > .container > .col-md-12 .title{font-size:30px;} #PEY_FAQ > .container > .col-md-12 .subtitle{font-size:19px;} #PEY_FAQ > .container > .col-md-12 .txt{font-size:16px;} #PEY_FAQ .dash.title{font-size:29px;} #PEY_FAQ .midtxt{font-size:17px;} #PEY_FAQ .panel-title.txttitle{font-size:17px;} #PEY_FAQ .panel-title.txttitle a{padding:19px 44px 19px 2px;} #PEY_FAQ .panel-title.txttitle a::before, #PEY_FAQ .panel-title.txttitle a::after{right:10px; width:16px;} #PEY_FAQ .panel-default > .panel-heading + .panel-collapse > .panel-body{padding:0 38px 20px 2px; font-size:15px; line-height:1.6;} #PEY_FAQ .panel-collapse.in .panel-body{padding:3px 38px 20px 12px;} #PEY_FAQ .bannerbotton_green a{width:100%; max-width:280px;}}.calltoaction_bottom{position:relative; overflow:hidden; padding:0; background: linear-gradient( 110deg, rgba(24,67,35,.97) 0%, rgba(39,118,39,.94) 56%, rgba(34,104,42,.92) 100% ); color:#ffffff;}.calltoaction_bottom::before,.calltoaction_bottom::after{content:""; position:absolute; pointer-events:none; border-radius:50%;}.calltoaction_bottom::before{top:-170px; left:-110px; width:360px; height:360px; border:42px solid rgba(255,191,48,.10);}.calltoaction_bottom::after{right:-120px; bottom:-210px; width:430px; height:430px; border:54px solid rgba(255,255,255,.06);}.calltoaction_bottom .container{position:relative; z-index:2;}.calltoaction_bottom_txt{max-width:900px; margin:0 auto; padding:72px 25px 76px;}.calltoaction_bottom_eyebrow{margin:0 0 10px; color:#ffbf30; font-size:14px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;}.calltoaction_bottom .midsubtitle{margin-top:0; margin-bottom:18px; color:#ffffff; font-size:42px; font-weight:600; line-height:1.2;}.calltoaction_bottom .txt{max-width:720px; margin:0 auto 30px; color:#f5f5f5; font-size:20px; line-height:1.55;}.calltoaction_bottom_buttons{display:flex; flex-wrap:wrap; justify-content:center; gap:14px;}.calltoaction_bottom .bannerbotton_green,.calltoaction_bottom .bannerbotton{clear:none;}.calltoaction_bottom .bannerbotton_green a,.calltoaction_bottom .bannerbotton a{min-width:210px; border-radius:28px; font-size:17px; line-height:50px; padding:0 28px; text-transform:none;}.calltoaction_bottom .bannerbotton_green a{background:#ffbf30!important; color:#173b22!important;}.calltoaction_bottom .bannerbotton_green a:hover,.calltoaction_bottom .bannerbotton_green a:focus{background:#ffffff!important; color:#277627!important;}.calltoaction_bottom_secondary a{border:2px solid rgba(255,255,255,.9)!important; background:transparent!important; color:#ffffff!important; line-height:48px!important;}.calltoaction_bottom_secondary a:hover,.calltoaction_bottom_secondary a:focus{border-color:#ffffff!important; background:#ffffff!important; color:#277627!important;}@media (min-width:992px) and (max-width:1199px){.calltoaction_bottom_txt{padding:62px 25px 66px;} .calltoaction_bottom .midsubtitle{font-size:38px;} .calltoaction_bottom .txt{font-size:18px;}}@media (max-width:991px){.calltoaction_bottom_txt{padding:58px 25px 62px;} .calltoaction_bottom .midsubtitle{font-size:35px;} .calltoaction_bottom .txt{max-width:650px; font-size:18px;}}@media (max-width:600px){.calltoaction_bottom_txt{padding:46px 18px 50px;} .calltoaction_bottom_eyebrow{font-size:12px;} .calltoaction_bottom .midsubtitle{font-size:29px; line-height:1.25;} .calltoaction_bottom .txt{margin-bottom:25px; font-size:16px; line-height:1.55;} .calltoaction_bottom_buttons{display:flex; flex-direction:column; align-items:center; gap:14px;} .calltoaction_bottom .bannerbotton_green, .calltoaction_bottom .bannerbotton{width:100%; max-width:290px; margin:0;} .calltoaction_bottom .bannerbotton:last-child{margin-bottom:0;} .calltoaction_bottom .bannerbotton_green a, .calltoaction_bottom .bannerbotton a{width:100%; max-width:290px; min-width:0; min-height:48px;}}.bannerbotton,.bannerbotton_green,.bannerbotton_darkorange{display:inline-block; clear:both; max-width:100%; vertical-align:middle;}.bannerbotton a,.bannerbotton_green a,.bannerbotton_darkorange a{position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; min-height:50px; max-width:100%; padding:10px 28px; overflow:hidden; border:2px solid transparent; border-radius:999px; font-size:12px; font-weight:800; line-height:1.2; letter-spacing:.01em; text-align:center; text-transform:none; white-space:normal; color:#ffffff!important; text-decoration:none!important; box-shadow:0 8px 20px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.18); transform:translateY(0); transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease;}.bannerbotton a::before,.bannerbotton_green a::before,.bannerbotton_darkorange a::before{content:""; position:absolute; z-index:-1; top:0; left:-135%; width:125%; height:100%; background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 34%,rgba(255,255,255,.40) 50%,rgba(255,255,255,.08) 66%,transparent 100%); transform:skewX(-18deg); transition:left .58s ease;}.bannerbotton a::after,.bannerbotton_green a::after,.bannerbotton_darkorange a::after{content:""; position:absolute; inset:3px; z-index:-1; border:1px solid rgba(255,255,255,.17); border-radius:inherit; pointer-events:none;}.bannerbotton a:hover,.bannerbotton a:focus,.bannerbotton_green a:hover,.bannerbotton_green a:focus,.bannerbotton_darkorange a:hover,.bannerbotton_darkorange a:focus{transform:translateY(-3px); box-shadow:0 14px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.22); text-decoration:none!important;}.bannerbotton a:hover::before,.bannerbotton a:focus::before,.bannerbotton_green a:hover::before,.bannerbotton_green a:focus::before,.bannerbotton_darkorange a:hover::before,.bannerbotton_darkorange a:focus::before{left:115%;}.bannerbotton a:active,.bannerbotton_green a:active,.bannerbotton_darkorange a:active{transform:translateY(-1px) scale(.985); box-shadow:0 7px 15px rgba(0,0,0,.18),inset 0 2px 4px rgba(0,0,0,.12);}.bannerbotton a:focus-visible,.bannerbotton_green a:focus-visible,.bannerbotton_darkorange a:focus-visible{outline:3px solid #ffbf30; outline-offset:4px;}.bannerbotton a{background:linear-gradient(135deg,#ffcf55 0%,#ffb420 52%,#e98a0b 100%)!important; border-color:#ffbf30!important; color:#173b22!important;}.bannerbotton a:hover,.bannerbotton a:focus{background:linear-gradient(135deg,#ffffff 0%,#fff4d1 100%)!important; border-color:#ffffff!important; color:#277627!important;}.bannerbotton_green a{background:linear-gradient(135deg,#3b9345 0%,#277627 54%,#185421 100%)!important; border-color:#277627!important; color:#ffffff!important;}.bannerbotton_green a:hover,.bannerbotton_green a:focus{background:linear-gradient(135deg,#ffcf55 0%,#ffb420 55%,#e98a0b 100%)!important; border-color:#ffbf30!important; color:#173b22!important;}.bannerbotton_darkorange a{background:linear-gradient(135deg,#ffb420 0%,#ef9211 56%,#d87508 100%)!important; border-color:#ef9211!important; color:#ffffff!important;}.bannerbotton_darkorange a:hover,.bannerbotton_darkorange a:focus{background:linear-gradient(135deg,#3b9345 0%,#277627 55%,#185421 100%)!important; border-color:#277627!important; color:#ffffff!important;}.bannerhome_solarairmiles .bannerbotton a{min-height:50px; padding:10px 28px; border-radius:999px; font-size:16px; line-height:1.2; text-transform:none; white-space:normal; background:linear-gradient(135deg,#ffcf55 0%,#ead331 55%,#d8bd1e 100%)!important; color:#173b22!important;}.homesavingsbutton a{min-width:210px; min-height:48px; padding:10px 26px; border-radius:999px; font-size:18px; line-height:1.2; text-transform:none;}.audiencecard .bannerbotton_green a,.homeaudience .bannerbotton_green a{width:100%; max-width:360px; min-height:52px; padding:10px 22px; border-radius:999px; font-size:18px; line-height:1.2; text-transform:none;}.homepromotionbutton a{width:100%; max-width:340px; min-height:58px; padding:11px 28px; border-radius:999px; font-size:18px; line-height:1.2; text-transform:none;}.homeaboutussection .bannerbotton_darkorange a{max-width:100%; min-height:50px; padding:10px 26px; border-radius:999px; font-size:16px; line-height:1.2; text-transform:none; white-space:normal;}#PEY_FAQ .bannerbotton_green a{min-width:180px; min-height:48px; padding:10px 28px; border-radius:999px; font-size:17px; line-height:1.2; text-transform:none;}.calltoaction_bottom .bannerbotton_green a,.calltoaction_bottom .bannerbotton a{min-width:210px; min-height:52px; padding:10px 28px; border-radius:999px; font-size:18px; line-height:1.2!important; text-transform:none;}.calltoaction_bottom .bannerbotton_green a{background:linear-gradient(135deg,#ffcf55 0%,#ffb420 55%,#e98a0b 100%)!important; border-color:#ffbf30!important; color:#173b22!important;}.calltoaction_bottom .bannerbotton_green a:hover,.calltoaction_bottom .bannerbotton_green a:focus{background:linear-gradient(135deg,#ffffff 0%,#fff4d1 100%)!important; border-color:#ffffff!important; color:#277627!important;}.calltoaction_bottom_secondary a{min-height:52px; border:2px solid rgba(255,255,255,.92)!important; background:rgba(255,255,255,.04)!important; color:#ffffff!important; line-height:1.2!important;}.calltoaction_bottom_secondary a::after{border-color:rgba(255,255,255,.10);}.calltoaction_bottom_secondary a:hover,.calltoaction_bottom_secondary a:focus{border-color:#ffffff!important; background:#ffffff!important; color:#277627!important;}.home-btn{position:relative; isolation:isolate; overflow:hidden; border-radius:999px; box-shadow:0 8px 20px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.18); transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease;}.home-btn::before{content:""; position:absolute; z-index:-1; top:0; left:-135%; width:125%; height:100%; background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 34%,rgba(255,255,255,.38) 50%,rgba(255,255,255,.08) 66%,transparent 100%); transform:skewX(-18deg); transition:left .58s ease;}.home-btn:hover,.home-btn:focus{transform:translateY(-3px); box-shadow:0 14px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.22);}.home-btn:hover::before,.home-btn:focus::before{left:115%;}.home-btn:active{transform:translateY(-1px) scale(.985);}@media (min-width:992px) and (max-width:1199px){.audiencecard .bannerbotton_green a{min-height:48px; padding:9px 16px; font-size:16px; line-height:1.2;} .homepromotionbutton a{min-height:52px; padding:10px 22px; font-size:18px; line-height:1.2;}}@media (max-width:991px){.bannerbotton a, .bannerbotton_green a, .bannerbotton_darkorange a{min-height:48px; padding:9px 24px; font-size:15px;} .homepromotionbutton a{min-height:52px;} .calltoaction_bottom .bannerbotton_green a, .calltoaction_bottom .bannerbotton a{min-height:50px;}}@media (max-width:600px){.bannerbotton, .bannerbotton_green, .bannerbotton_darkorange{max-width:100%;} .bannerbotton a, .bannerbotton_green a, .bannerbotton_darkorange a{min-height:46px; padding:9px 20px; font-size:15px;} .homesavingsbutton a{min-width:190px; min-height:46px; font-size:17px;} .audiencecard .bannerbotton_green a, .homeaudience .bannerbotton_green a{min-height:48px; font-size:16px;} .homepromotionbutton a{max-width:100%; min-height:50px; padding:10px 18px; font-size:17px; white-space:normal;} .homeaboutussection .bannerbotton_darkorange a{width:100%; max-width:300px; min-height:48px; padding:9px 18px; font-size:15px;} #PEY_FAQ .bannerbotton_green a{width:100%; max-width:280px; min-height:48px;}}@media (prefers-reduced-motion:reduce){.bannerbotton a, .bannerbotton_green a, .bannerbotton_darkorange a, .bannerbotton a::before, .bannerbotton_green a::before, .bannerbotton_darkorange a::before, .home-btn, .home-btn::before{transition:none;} .bannerbotton a:hover, .bannerbotton a:focus, .bannerbotton_green a:hover, .bannerbotton_green a:focus, .bannerbotton_darkorange a:hover, .bannerbotton_darkorange a:focus, .home-btn:hover, .home-btn:focus{transform:none;}}@media (max-width:992px){.home-hero-carousel .home-hero-carousel__control{display:none!important;}}@media (max-width:992px){.home-hero-carousel .home-hero-carousel__control{display:none!important;}}.home-hero-carousel__indicators{z-index:8; bottom:18px; display:flex; align-items:center; justify-content:center; gap:9px; width:auto; margin:0; padding:0; left:50%; transform:translateX(-50%);}.home-hero-carousel__indicators li{display:block; width:26px; height:6px; margin:0; border:0; border-radius:999px; background:rgba(255,255,255,.48); box-shadow:0 1px 4px rgba(0,0,0,.25); cursor:pointer; transition:width .25s ease,background-color .25s ease,opacity .25s ease,transform .25s ease;}.home-hero-carousel__indicators li:hover,.home-hero-carousel__indicators li:focus{background:rgba(255,255,255,.85); transform:translateY(-1px); outline:none;}.home-hero-carousel__indicators li.active{width:48px; height:6px; margin:0; background:#ffbf30; opacity:1;}.home-hero-carousel .item .home-hero__image{will-change:transform; transform:scale(1);}.home-hero-carousel .item.active .home-hero__image{animation:peyHeroKenBurns 7s ease-out both;}.home-hero-carousel .item:nth-child(1) .home-hero__image{transform-origin:62% 50%;}.home-hero-carousel .item:nth-child(2) .home-hero__image{transform-origin:50% 48%;}.home-hero-carousel .item:nth-child(3) .home-hero__image{transform-origin:78% 50%;}@keyframes peyHeroKenBurns{from{transform:scale(1);} to{transform:scale(1.065);}}@media (max-width:992px){.home-hero-carousel__indicators{bottom:14px; gap:10px;} .home-hero-carousel__indicators li{width:24px; height:7px;} .home-hero-carousel__indicators li.active{width:46px; height:7px;}}@media (max-width:480px){.home-hero-carousel__indicators{bottom:12px;} .home-hero-carousel__indicators li{width:22px; height:7px;} .home-hero-carousel__indicators li.active{width:42px; height:7px;}}@media (prefers-reduced-motion:reduce){.home-hero-carousel .item.active .home-hero__image{animation:none!important; transform:none!important;} .home-hero-carousel__indicators li{transition:none!important;}} .container_mysecure{margin-top:80px;}.headercontainer{position:relative; z-index:1000; height:148px; background:#ffffff; box-shadow:0 8px 28px rgba(24,38,30,.08);}.affiliateNav{width:100%; max-width:100%;}.navbar-default{margin:0; border:0; background:#ffb420;}.navbar-brand{position:absolute; z-index:2; top:14px; left:max(35px,calc((100vw - 1500px) / 2)); display:block!important; width:320px; height:76px; margin:0!important; padding:0!important; background-image:url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/logomain.svg)!important; background-repeat:no-repeat!important; background-position:left center!important; background-size:contain!important;}.navbar-brand span{display:none;}@media (min-width:993px){.navupper{display:flex; align-items:center; justify-content:flex-end; min-height:88px; width:100%; padding:0 max(55px,calc((100vw - 1500px) / 2)); background:#ffffff;} .navupper ul{display:grid!important; grid-template-columns:auto auto; align-items:center; column-gap:12px; margin:0; padding:0; list-style:none;} .navupper ul > li:first-child{grid-column:1; align-self:start; margin-top:7px; padding:0;} .navupper ul > li:first-child img{display:block; width:34px; height:34px; margin:0; object-fit:contain;} .navupper ul > li:nth-child(2){grid-column:2; padding:0;} .navupper ul > li:nth-child(2) > div{margin:0; padding:0;} .navupper ul li a{display:flex; align-items:center; padding:4px 0; color:#3e3f3e!important; background:transparent!important; font-size:15px; font-weight:600; line-height:1.35; text-decoration:none!important; transition:color .2s ease;} .navupper ul li a:hover, .navupper ul li a:focus{color:#277627!important;} .navbarmain{position:relative; display:flex; align-items:center; justify-content:flex-end; min-height:60px; width:100%; padding:8px max(55px,calc((100vw - 1500px) / 2)); background:linear-gradient(90deg,#ffb420 0%,#ffbd2d 50%,#f5a812 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.22);} .navbarmain::after{content:""; position:absolute; right:0; bottom:0; left:0; height:3px; background:linear-gradient(90deg,transparent 0%,#277627 22%,#277627 78%,transparent 100%); opacity:.22;} .navbarmain ul{display:flex; align-items:center; justify-content:flex-end; gap:2px; margin:0; padding:0; list-style:none;} .navbarmain ul li{position:relative; margin:0; padding:0;} .navbarmain ul li > a{position:relative; display:flex; align-items:center; min-height:44px; padding:0 14px; color:#ffffff!important; background:transparent!important; font-size:17px; font-weight:500; line-height:1.2; text-decoration:none!important; white-space:nowrap; transition:color .2s ease,transform .2s ease;} .navbarmain ul li > a:not(.button)::after{content:""; position:absolute; right:14px; bottom:4px; left:14px; height:2px; border-radius:2px; background:#277627; transform:scaleX(0); transform-origin:center; transition:transform .22s ease;} .navbarmain ul li > a:not(.button):hover, .navbarmain ul li > a:not(.button):focus{color:#173b22!important; transform:translateY(-1px);} .navbarmain ul li > a:not(.button):hover::after, .navbarmain ul li > a:not(.button):focus::after{transform:scaleX(1);} .navbarmain .button{position:relative; isolation:isolate; display:inline-flex!important; align-items:center; justify-content:center; min-height:48px; margin-left:12px; padding:10px 28px!important; overflow:hidden; border:2px solid rgba(255,255,255,.9); border-radius:999px; background:linear-gradient(135deg,#ffffff 0%,#fff8e9 100%)!important; color:#28382e!important; font-size:16px!important; font-weight:800!important; line-height:1.2!important; white-space:nowrap; box-shadow:0 8px 18px rgba(92,62,0,.16); transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;} .navbarmain .button:hover, .navbarmain .button:focus{background:linear-gradient(135deg,#348d3e 0%,#277627 55%,#195924 100%)!important; color:#ffffff!important; transform:translateY(-3px); box-shadow:0 13px 25px rgba(32,75,38,.28);} .caret{display:none;} .navbarmain li.dropdown{position:relative;} .navbarmain li.dropdown::after{content:""; position:absolute; z-index:1099; top:calc(100% - 3px); left:0; width:100%; height:14px;} .navbarmain li.dropdown > .navdropdown{position:absolute; z-index:1100; top:100%!important; left:50%; display:block; min-width:300px; max-height:none!important; margin:0!important; padding:10px 0!important; overflow:visible; visibility:hidden; border:1px solid rgba(39,118,39,.12); border-radius:0 0 16px 16px; background:rgba(255,255,255,.98); box-shadow:0 18px 40px rgba(24,38,30,.16); opacity:0; transform:translate(-50%,6px); pointer-events:none; transition:opacity .18s ease,transform .18s ease,visibility 0s linear .12s;} .navbarmain li.dropdown:hover > .navdropdown, .navbarmain li.dropdown:focus-within > .navdropdown, .navbarmain li.dropdown.open > .navdropdown{visibility:visible; opacity:1; transform:translate(-50%,0); pointer-events:auto; transition-delay:0s;} .navbarmain .navdropdown li{width:100%;} .navbarmain .navdropdown a{display:block; width:100%; padding:10px 22px!important; color:#3e3f3e!important; background:transparent!important; font-size:15px!important; font-weight:650!important; line-height:1.4!important; white-space:normal; transform:none!important;} .navbarmain .navdropdown a::after{display:none!important;} .navbarmain .navdropdown a:hover, .navbarmain .navdropdown a:focus{background:rgba(255,180,32,.12)!important; color:#277627!important;}}@media (min-width:993px) and (max-width:1200px){.navbar-brand{left:20px; width:255px; height:70px;} .navupper{padding-right:25px;} .navbarmain{padding-right:25px;} .navbarmain ul li > a{padding-right:9px; padding-left:9px; font-size:15px;} .navbarmain .button{margin-left:6px; padding-right:20px!important; padding-left:20px!important; font-size:15px!important;}}@media (max-width:992px){.headercontainer{height:66px; background:linear-gradient(90deg,#ffb420 0%,#f7a813 100%); box-shadow:0 6px 18px rgba(24,38,30,.16);} .navbar-header{position:relative; float:none; height:66px;} .navbar-brand{top:8px; left:18px; width:230px; height:50px; background-image:url(https://utilitynet.s3.amazonaws.com/peyakoskanenergy/images/logo.svg)!important;} .navbar-toggle{position:absolute; top:11px; right:16px; display:flex; flex-direction:column; align-items:center; justify-content:center; width:44px; height:44px; margin:0!important; padding:10px!important; border:1px solid rgba(255,255,255,.78)!important; border-radius:50%; background:rgba(255,255,255,.10)!important; box-shadow:0 5px 14px rgba(80,53,0,.15);} .navbar-default .navbar-toggle .icon-bar{width:20px; height:2px; margin:2px 0; border-radius:2px; background:#ffffff;} .navbar-collapse.collapse{display:none!important;} .navbar-collapse.in, .navbar-collapse.collapse.in{position:fixed!important; z-index:1200; top:66px; right:0; bottom:0; left:0; display:block!important; height:auto!important; max-height:none!important; margin:0!important; padding:14px 20px 18px!important; overflow-x:hidden!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; border:0!important; background:#1f5f26!important; background-image:linear-gradient(145deg,#236b2b,#184d21)!important; box-shadow:0 18px 36px rgba(0,0,0,.24);} body:has(.navbar-collapse.in){overflow:hidden; touch-action:none;} .navupper, .navbarmain{display:block; width:100%; min-height:0; margin:0; padding:0!important; background:transparent!important; box-shadow:none;} .navupper{margin-bottom:6px;} .navupper ul{display:grid!important; grid-template-columns:34px minmax(0,1fr); align-items:start; column-gap:10px; width:100%; margin:0; padding:0; list-style:none;} .navupper ul > li:first-child{width:34px; margin-top:5px;} .navupper ul > li:first-child img{display:block; width:30px; height:30px; object-fit:contain;} .navupper ul > li:nth-child(2){width:100%;} .navupper ul > li:nth-child(2) > div:first-child a, .navupper ul > li:nth-child(2) > div:last-child a{min-height:0; padding:3px 0!important; border-bottom:0!important;} .navupper ul > li:nth-child(2) > div:last-child{margin-top:7px; padding-top:7px; border-top:1px solid rgba(255,255,255,.10);} .navbarmain ul{display:block; width:100%; margin:0; padding:0 0 8px; list-style:none;} .navupper ul li, .navbarmain ul li{display:block; width:100%; margin:0; padding:0;} .navupper ul li a, .navbarmain ul li > a{display:flex; align-items:center; width:100%; min-height:42px; padding:9px 8px!important; border-bottom:1px solid rgba(255,255,255,.10); color:#ffffff!important; background:transparent!important; font-size:16px!important; font-weight:600!important; line-height:1.3!important; text-decoration:none!important;} .navupper ul li a:hover, .navupper ul li a:focus, .navbarmain ul li > a:hover, .navbarmain ul li > a:focus{background:rgba(255,255,255,.08)!important; color:#ffbf30!important;} .navbarmain li.dropdown > .dropdown-menu, .navbarmain li.dropdown > .navdropdown{position:static!important; display:none!important; float:none!important; width:100%!important; min-width:0!important; height:auto!important; max-height:none!important; margin:5px 0 10px!important; padding:5px 0!important; overflow:visible!important; visibility:visible!important; border:0!important; border-radius:10px; background:#ffffff!important; box-shadow:none!important; opacity:1!important; transform:none!important; pointer-events:auto!important;} .navbarmain li.dropdown.open > .dropdown-menu, .navbarmain li.dropdown.open > .navdropdown{display:block!important;} .navbarmain li.dropdown > .dropdown-toggle{position:relative; padding-right:36px!important; cursor:pointer;} .navbarmain li.dropdown > .dropdown-toggle .caret{position:absolute; top:50%; right:12px; display:block!important; margin:0; border-top:5px dashed; border-right:5px solid transparent; border-left:5px solid transparent; transform:translateY(-50%); transition:transform .2s ease;} .navbarmain li.dropdown.open > .dropdown-toggle .caret{transform:translateY(-50%) rotate(180deg);} .navbarmain .navdropdown a{display:block; min-height:0!important; padding:8px 12px!important; border-bottom:0!important; color:#3e3f3e!important; background:transparent!important; font-size:14px!important; line-height:1.3!important; white-space:normal;} .navbarmain .navdropdown a:hover, .navbarmain .navdropdown a:focus{background:rgba(255,180,32,.12)!important; color:#277627!important;} .navbarmain li:has(> .button), .navbar-nav li:has(> .button){position:sticky!important; z-index:20; bottom:-18px; display:flex!important; justify-content:center; width:100%!important; margin:0!important; padding:12px 10px 16px!important; background:linear-gradient( 180deg, rgba(31,95,38,0) 0%, rgba(31,95,38,.94) 25%, #1f5f26 48%, #1f5f26 100% )!important;} .navbarmain .button, .navbar-nav .button{display:flex!important; align-items:center!important; justify-content:center!important; width:200px!important; max-width:100%!important; min-height:40px!important; margin:0 auto!important; padding:9px 16px!important; border:2px solid #ffbf30; border-radius:999px; background:linear-gradient(135deg,#ffcf55,#ffb420)!important; color:#173b22!important; font-size:14px!important; font-weight:800!important; line-height:1.15!important; text-align:center!important; white-space:normal!important;}}@media (max-width:480px){.navbar-brand{left:14px; width:205px; height:46px;} .navbar-toggle{right:12px;} .navbar-collapse.in, .navbar-collapse.collapse.in{padding-right:15px!important; padding-left:15px!important;} .navbarmain .button, .navbar-nav .button{width:180px!important; font-size:13px!important;}}@media (prefers-reduced-motion:reduce){.navbar-brand, .navbar-toggle, .navbarmain ul li > a, .navbarmain li.dropdown > .dropdown-toggle .caret{transition:none!important;}}@media (max-width:992px){.navupper ul{display:block!important; width:100%; margin:0!important; padding:0!important;} .navupper ul > li:first-child, .navupper ul > li:nth-child(2){display:block!important; width:100%!important; margin:0!important; padding:0!important;} .navupper ul > li:first-child > a{display:flex!important; align-items:center!important; gap:10px!important; width:100%!important; min-height:40px!important; padding:4px 0!important; white-space:nowrap!important;} .navupper ul > li:first-child .icon, .navupper ul > li:first-child img{display:block!important; flex:0 0 30px!important; width:30px!important; height:30px!important; margin:0!important; object-fit:contain!important;} .navupper ul > li:nth-child(2) > a, .navupper ul > li:nth-child(2) > div > a{display:block!important; width:100%!important; min-height:0!important; margin-top:5px!important; padding:8px 0!important; border-top:1px solid rgba(255,255,255,.10)!important; border-bottom:0!important; white-space:normal!important;}}@media (max-width:992px){.navupper ul{display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; column-gap:12px!important; align-items:start!important; width:100%!important; margin:0!important; padding:0!important;} .navupper ul > li:first-child{display:block!important; grid-column:1!important; width:34px!important; margin:4px 0 0!important; padding:0!important;} .navupper ul > li:first-child img{display:block!important; width:30px!important; height:30px!important; margin:0!important; object-fit:contain!important;} .navupper ul > li:last-child{display:block!important; grid-column:2!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important;} .navupper ul > li:last-child > div{margin:0!important; padding:0!important;} .navupper ul > li:last-child a{display:block!important; width:100%!important; min-height:0!important; margin:0!important; padding:2px 0!important; border:0!important; background:transparent!important; line-height:1.35!important; white-space:normal!important; overflow-wrap:anywhere;} .navupper ul > li:last-child .bold{margin-bottom:5px!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%;}}