html{overflow-y: scroll;} body{margin:0px;} .emcolor{color:#294B92;} .txtheader{font-size: 34px; line-height: 40px; margin: 30px 0; padding: 10px 0; text-align: center; display: block; font-weight:400; text-transform: capitalize;} .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;} .title{font-size: 23px; line-height: 30px; padding: 10px;} .txt{font-family: Arial; font-size: 16px!important; padding:10px;} .txtsmall{font-size:14px;} .white{color: #ffffff;} .bold{font-weight: bold;} .center{text-align: center;} .margincenter{margin: 0 auto;} .marginbottom20{margin-bottom: 20px;} .margintop20{margin-top: 20px;} .margintop40{margin-top: 40px;} .marginleft20{margin-left: 20px;} .padding5{padding:5px;} .padding10{padding:10px;} .padding20{padding:20px;} .paddingtop20{padding-top:20px;} .highlight{color:#294B92;} .highlight:hover{color:#294B92; text-decoration: underline;} .tabheader{padding:10px; background-color: #294B92; color: #ffffff; font-size:18px; line-height:22px; font-weight:bold;} .borderright{border-right:solid 1px #e5e5e5;} .borderbottom{border-bottom:solid 2px #e5e5e5;} .checklist li{list-style-image: url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/check.png); line-height:22px; font-size:16px;} .fullborder{border:solid 1px #f8f8f8;} a.btn_learnmore{display: block; width:112px; height:34px; background-repeat:no-repeat; background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/btn_learnmore.png);} a.btn_learnmore:hover{background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/btn_learnmore_hover.png);} .greenbutton{background-color:#8dbb4d!important; color:#ffffff;} .greenbutton:hover{background-color:#74ab05!important; color:#ffffff; border: solid 1px #a1a1a1;} .lightgreybg{background-color: #eaeaea;} .greybg{background-color: #eaeaea;} .bannercontainer_home{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/banner.png); background-position: 90%; background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_blog{position: relative; height:300px; background-image: url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/blog.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; z-index:10;} .bannertext{color:#fff; text-align:left; position:absolute; top:40%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:100%;} .bannertexttitle{font-size: 48px; font-weight: 700; line-height: 54px; text-shadow: 2px 2px 4px #000000;} .bannertextcontent{font-size: 20px; font-weight: lighter; letter-spacing: 0.07em; line-height: 24px; padding: 10px; width: 50%;} .bannerbutton{margin-top:10px;} .super{position: relative; top: -1.4em; font-size:20px;}@media (min-width: 481px) and (max-width: 767px) {.bannertext{color:#fff; text-align:center; position:absolute; top:50%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:100%;} .bannertexttitle{font-size: 34px; font-weight: 700; line-height: 38px; text-shadow: 2px 2px 4px #000000;} .bannertextcontent{font-size: 20px; font-weight: lighter; letter-spacing: 0.07em; line-height: 24px; padding: 10px; width: 50%; text-shadow: 2px 2px 4px #000000;} .super{position: relative; top: -0.8em; font-size:20px;}}@media (max-width: 480px) {.bannercontainer_home{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/banner.png); background-position: 90%; background-repeat: no-repeat; background-size: cover; z-index:10;} .bannertext{color:#fff; text-align:center; position:absolute; top:30%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:100%;} .bannertexttitle{font-size: 34px; font-weight: 700; line-height: 38px; text-shadow: 2px 2px 4px #000000;} .bannertextcontent{font-size: 20px; font-weight: lighter; letter-spacing: 0.07em; line-height: 24px; padding: 10px; width: 90%; text-shadow: 2px 2px 4px #000000;} .super{position: relative; top: -0.8em; font-size:20px;}} .topleft{position:absolute; z-index:1000; top: 40px; left:50px; width:50%;} .topright{position:absolute; z-index:1000; top: 20px; right:10px; width:40%;} .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;} .bannertxt{color: #ffffff; font-size: 30px; font-style: italic; padding: 20px; text-align: center; width: 50%;} .homebannertxttitle{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%;} .homebannerbutton{white-space: nowrap; display: inline-block; font-size: 22px; line-height: 55px; text-transform: uppercase; padding: 0 20px; background: #50B948; color: #ffffff; border-radius: 55px; transition: color 0.25s, background-color 0.25s; border-radius: 75px;} .homebannerbutton:hover{background:#3e3f3e!important; color:#ffffff!important; text-decoration: none;} @media (max-width:992px) {.topleft{position:absolute; z-index:1000; top: 30px; 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;} .homebannertxt{color: #ffffff; font-size: 16px; padding: 20px; text-align: left; width: 100%;} .homebannerbutton{white-space: nowrap; display: inline-block; font-size: 18px; line-height: 35px; text-transform: uppercase; padding: 0 20px; background: #50B948; color: #ffffff; transition: color 0.25s, background-color 0.25s; border-radius: 75px;} .homebannerbutton:hover{background:#3e3f3e!important; color:#ffffff!important; text-decoration: none;}} @media (max-width: 772px) {.topleft{position:absolute; z-index:1000; top: 60px; 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);} .bannertxt{color: #ffffff; font-size: 18px; font-style: italic; padding: 10px; text-align: center; width: 80%;} .homebannertxttitle{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%;} .homebannerbutton{white-space: nowrap; display: inline-block; font-size: 18px; line-height: 35px; text-transform: uppercase; padding: 0 20px; background: #50B948; color: #ffffff; transition: color 0.25s, background-color 0.25s; border-radius: 75px;} .homebannerbutton:hover{background:#3e3f3e!important; color:#ffffff!important; text-decoration: none;} .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;}} @media only screen and (max-device-width: 480px) {.topleft{position:absolute; z-index:1000; top: 40px; 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; text-shadow: 2px 2px 4px #000000;} .homebannertxt{color: #ffffff; font-size: 14px; padding: 10px; text-align: left; width: 90%; text-shadow: 2px 2px 4px #000000;} .homebannerbutton{white-space: nowrap; display: inline-block; font-size: 18px; line-height: 35px; text-transform: uppercase; padding: 0 20px; background: #50B948; color: #ffffff; transition: color 0.25s, background-color 0.25s; border-radius: 75px; text-shadow: none;} .homebannerbutton:hover{background:#3e3f3e!important; color:#ffffff!important; text-decoration: 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;} .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;} .communitypartnertitle{font-size: 26px; line-height: 31px; width: 60%; text-align: center; margin: 40px auto 0;} .communitypartners_logo{width: 200px; margin: 40px auto 40px;} @media (max-width: 768px) {.communitypartnertitle{width: 85%;}} .client{width:220px; height:76px; padding: 8px; display:inline-block;} a.icon_fitnessplus{display:block; width:170px; height:76px; background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/fitnessplus.png); background-repeat:no-repeat; margin: 0 auto;} a.icon_fitnessplus:hover{background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/fitnessplus_hover.png); background-repeat:no-repeat;} a.icon_thecooperators{display:block; width:170px; height:76px; background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/thecooperators.png); background-repeat:no-repeat; margin: 0 auto;} a.icon_thecooperators:hover{background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/thecooperators_hover.png); background-repeat:no-repeat;} a.icon_coupland{display:block; width:170px; height:76px; background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/coupland.png); background-repeat:no-repeat; margin: 0 auto;} a.icon_coupland:hover{background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/coupland_hover.png); background-repeat:no-repeat;} a.icon_agvalue{display:block; width:170px; height:76px; background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/agvalue.png); background-repeat:no-repeat; margin: 0 auto;} a.icon_agvalue:hover{background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/agvalue_hover.png); background-repeat:no-repeat;} a.icon_dentistry{display:block; width:170px; height:76px; background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/dentistry.png); background-repeat:no-repeat; margin: 0 auto;} a.icon_dentistry:hover{background:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/dentistry_hover.png); background-repeat:no-repeat;} .rateChart {margin-top: 0;} .rateChart > .head {background: #294B92 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: #294B92 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: #1b3365 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;}}.footer{width:100%!important; min-height:200px; background-color: #294B92; 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;} .footercontainer .logo{margin: 0 auto; width: 200px;} .footersocialcontainer{position:relative; top: 0px;} .footersocial{width:40px; height:40px; display:inline-block; padding:5px; margin-left: 5px;} .footersocial .icon {width: 40px; height: 40px; border: 3px solid #ffffff; 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:#ffffff; transition:fill 0.25s;} .footersocial a:hover .icon{background:#3e3f3e!important; color:#ffffff!important;}.ngrateChart > .head {background: #294B92 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;}}.container_mysecure{margin-top:50px;}.vector-home{font-family: Arial, Helvetica, sans-serif; color:#142744; background:#fff; overflow:hidden;}.vector-home *,.vector-home *:before,.vector-home *:after{box-sizing:border-box;}.vector-section{padding:82px 0;}.vector-section-heading{max-width:760px; margin:0 auto 42px; text-align:center;}.vector-section-kicker{display:block; margin-bottom:10px; color:#73a91c; font-size:12px; font-weight:700; letter-spacing:1.6px;}.vector-section-heading h2,.vector-feature-copy h2,.vector-rate-cta h2,.vector-support h2{margin:0 0 12px; color:#153261; font-size:36px; line-height:1.15; font-weight:700;}.vector-section-heading p,.vector-feature-copy p,.vector-rate-cta p,.vector-support p{margin:0; color:#5e6b7d; font-size:17px; line-height:1.65;}.vector-hero{position:relative; width:100%; height:560px; min-height:560px; background-image:url(https://utilitynet.s3.amazonaws.com/vectorenergy/images/banner.png); background-repeat:no-repeat; background-size:cover; background-position:100% center; overflow:hidden;}.vector-hero-overlay{position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background:linear-gradient(90deg, rgba(12,39,79,.98) 0%, rgba(14,43,85,.95) 31%, rgba(18,49,91,.76) 50%, rgba(17,47,88,.26) 70%, rgba(17,47,88,0) 88%);}.vector-hero-inner{position:relative; z-index:2; width:100%; max-width:1200px; height:100%; margin:0 auto; padding:74px 15px 40px;}.vector-hero-content{position:relative; width:58%; max-width:650px; margin:0; padding:0;}.vector-eyebrow{display:inline-block; margin:0 0 18px; padding:7px 14px; border-radius:20px; background:rgba(115,169,28,.78); color:#fff; font-size:11px; line-height:15px; font-weight:700; letter-spacing:1.2px;}.vector-hero h1{margin:0 0 20px; color:#fff; font-size:56px; line-height:1.03; font-weight:700; letter-spacing:-1.6px;}.vector-hero h1 span{display:block; color:#8dc52a;}.vector-hero p{max-width:570px; margin:0 0 26px; color:#fff; font-size:18px; line-height:1.6;}.vector-hero-actions{margin-bottom:24px;}.vector-btn{display:inline-block; min-width:170px; margin-right:10px; padding:15px 22px; border-radius:6px; font-size:14px; line-height:20px; font-weight:700; text-align:center; text-transform:uppercase; text-decoration:none !important; transition:all .2s ease;}.vector-btn-primary{background:#75ae19; color:#fff !important; border:1px solid #75ae19;}.vector-btn-primary:hover{background:#639715; border-color:#639715; color:#fff !important; transform:translateY(-1px);}.vector-btn-secondary{background:rgba(10,31,65,.22); color:#fff !important; border:1px solid rgba(255,255,255,.7);}.vector-btn-secondary:hover{background:rgba(255,255,255,.1); color:#fff !important;}.vector-btn span{margin-left:8px; font-size:18px;}.vector-trust-row{display:flex; flex-wrap:wrap; gap:8px;}.vector-trust-item{padding:9px 12px; border:1px solid rgba(255,255,255,.18); border-radius:7px; background:rgba(10,31,65,.28); color:#fff; font-size:13px;}.vector-trust-item strong{margin-right:5px; color:#92ca30;}.vector-plans{background:#fff;}.vector-card-row > div{margin-bottom:20px;}.vector-plan-card{height:100%; min-height:260px; padding:30px; border:1px solid #e4e8ef; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(25,51,91,.07); transition:transform .2s ease, box-shadow .2s ease;}.vector-plan-card:hover{transform:translateY(-4px); box-shadow:0 14px 34px rgba(25,51,91,.12);}.vector-plan-illustration{display:flex; align-items:center; justify-content:flex-start; width:100%; height:112px; margin:0 0 14px;}.vector-plan-illustration img{display:block; width:138px; height:96px; object-fit:contain; object-position:left center;}@media(max-width:767px){.vector-plan-illustration{height:100px;} .vector-plan-illustration img{width:126px; height:88px;}}.vector-plan-icon{display:flex; align-items:center; justify-content:center; width:52px; height:52px; margin-bottom:22px; border-radius:50%; background:#294B92; color:#fff; font-size:25px;}.vector-plan-icon-green{background:#75ae19;}.vector-plan-card h3{margin:0 0 12px; color:#153261; font-size:22px; font-weight:700;}.vector-plan-card p{min-height:54px; margin:0 0 22px; color:#657184; font-size:15px; line-height:1.55;}.vector-plan-card a,.vector-text-link{color:#294B92; font-size:14px; font-weight:700; text-decoration:none;}.vector-plan-card a:hover,.vector-text-link:hover{color:#75ae19; text-decoration:none;}.vector-benefits-section{background:#f5f7fa;}.vector-benefits > div{margin-bottom:20px;}.vector-benefit{display:flex; min-height:130px; padding:24px; border-radius:10px; background:#fff; box-shadow:0 3px 14px rgba(29,49,82,.05);}.vector-benefit > span{display:flex; flex:0 0 38px; align-items:center; justify-content:center; width:38px; height:38px; margin-right:15px; border-radius:50%; background:#edf7df; color:#75ae19; font-size:19px; font-weight:bold;}.vector-benefit h3{margin:0 0 6px; color:#153261; font-size:18px; font-weight:700;}.vector-benefit p{margin:0; color:#6b7584; font-size:14px; line-height:1.5;}.vector-rate-cta{padding:58px 0; background:#183b72;}.vector-rate-cta h2,.vector-rate-cta p{color:#fff;}.vector-rate-cta p{color:rgba(255,255,255,.78);}.vector-section-kicker-light{color:#acd46b;}.vector-rate-cta-action{padding-top:24px; text-align:right;}.vector-green-section{background:#fff;}.vector-feature-row{display:flex; align-items:center;}.vector-feature-image{display:block; overflow:hidden; border-radius:12px; box-shadow:0 12px 30px rgba(26,51,89,.12);}.vector-feature-image img{display:block; width:100%; height:auto;}.vector-feature-copy{padding-left:55px;}.vector-clients-section{padding-top:65px; padding-bottom:65px; background:#f8fafc;}.vector-client-strip{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:15px;}.vector-client-strip .client{opacity:.65; filter:grayscale(100%); transition:all .2s ease;}.vector-client-strip .client:hover{opacity:1; filter:none;}.vector-support{padding:0 0 82px; background:#fff;}.vector-support-box{display:flex; align-items:center; justify-content:space-between; padding:38px 42px; border:1px solid #e1e7ef; border-radius:14px; background:#f7f9fc;}.vector-support-contact{text-align:right;}.vector-support-contact a{display:block; margin:5px 0; color:#294B92; font-size:17px; font-weight:700; text-decoration:none;}.vector-support-contact a:hover{color:#75ae19;}@media(max-width:1199px){.vector-hero-inner{max-width:970px;} .vector-hero h1{font-size:50px;}}@media(max-width:991px){.vector-section{padding:65px 0;} .vector-hero{height:520px; min-height:520px; background-position:65% center;} .vector-hero-inner{max-width:750px; padding-top:62px;} .vector-hero-content{width:66%;} .vector-hero h1{font-size:44px;} .vector-feature-row{display:block;} .vector-feature-copy{padding:35px 15px 0;} .vector-rate-cta-action{text-align:left;}}@media(max-width:767px){.vector-hero{height:auto; min-height:500px; background-position:68% center;} .vector-hero-overlay{background:rgba(12,39,79,.86);} .vector-hero-inner{height:auto; min-height:500px; padding:48px 20px 42px;} .vector-hero-content{width:100%; max-width:570px;} .vector-hero h1{font-size:40px;} .vector-hero p{font-size:17px;} .vector-section-heading h2, .vector-feature-copy h2, .vector-rate-cta h2, .vector-support h2{font-size:30px;} .vector-support-box{display:block; padding:30px;} .vector-support-contact{margin-top:20px; text-align:left;}}@media(max-width:480px){.vector-hero h1{font-size:34px;} .vector-hero-actions .vector-btn{display:block; width:100%; margin:0 0 10px;} .vector-trust-row{display:block;} .vector-trust-item{margin-bottom:7px;} .vector-section{padding:52px 0;}}.vector-section-heading-accent:before{content:""; display:block; width:42px; height:3px; margin:0 auto 18px; border-radius:3px; background:#79b21d;}.vector-card-row{display:flex; flex-wrap:wrap;}.vector-card-row > div{display:flex;}.vector-plan-card{position:relative; width:100%; min-height:292px; padding:31px 30px 28px; border:1px solid #e3e9f1; border-radius:14px; background:#fff; box-shadow:0 10px 30px rgba(24,55,99,.07); overflow:hidden;}.vector-plan-card:before{content:""; position:absolute; top:0; left:0; width:100%; height:4px; background:#294B92; opacity:0; transition:opacity .2s ease;}.vector-card-row > div:nth-child(2) .vector-plan-card:before{background:#75ae19;}.vector-plan-card:hover:before{opacity:1;}.vector-plan-icon{width:58px; height:58px; margin-bottom:20px; box-shadow:0 6px 16px rgba(41,75,146,.18);}.vector-plan-icon-green{box-shadow:0 6px 16px rgba(117,174,25,.20);}.vector-plan-icon svg{width:28px; height:28px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}.vector-plan-icon svg path:first-child:only-child{fill:#fff; stroke:none;}.vector-card-row > div:nth-child(3) .vector-plan-icon svg path{fill:#fff; stroke:none;}.vector-plan-label{display:block; margin-bottom:8px; color:#7b8798; font-size:10px; line-height:14px; font-weight:700; letter-spacing:1.25px;}.vector-plan-card h3{margin-bottom:10px; font-size:23px;}.vector-plan-card p{min-height:68px; margin-bottom:18px; font-size:15px; line-height:1.6;}.vector-plan-card a{display:inline-flex; align-items:center; padding-top:5px;}.vector-plan-card a span{display:inline-block; margin-left:7px; transition:transform .2s ease;}.vector-plan-card a:hover span{transform:translateX(4px);}.vector-benefits{display:flex; flex-wrap:wrap;}.vector-benefits > div{display:flex;}.vector-benefit{position:relative; width:100%; min-height:142px; padding:26px 25px; border:1px solid #edf0f4; border-radius:12px; box-shadow:0 5px 18px rgba(29,49,82,.045); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}.vector-benefit:hover{transform:translateY(-2px); border-color:#dde6d0; box-shadow:0 10px 25px rgba(29,49,82,.075);}.vector-benefit-icon{display:flex; flex:0 0 42px; align-items:center; justify-content:center; width:42px; height:42px; margin-right:16px; border-radius:50%; background:#edf6df;}.vector-benefit-icon svg{width:20px; height:20px; fill:none; stroke:#75ae19; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}.vector-benefit h3{margin-top:1px; font-size:18px;}.vector-benefit p{font-size:14px; line-height:1.55;}@media(max-width:991px){.vector-plan-card{min-height:270px;}}@media(max-width:767px){.vector-card-row, .vector-benefits{display:block;} .vector-card-row > div, .vector-benefits > div{display:block;} .vector-plan-card, .vector-benefit{min-height:0;} .vector-plan-card p{min-height:0;}}.vector-rate-cta{position:relative; overflow:hidden; padding:64px 0; background: linear-gradient(105deg,rgba(24,59,114,.98),rgba(30,75,137,.96));}.vector-rate-cta:before{content:""; position:absolute; top:-140px; right:-80px; width:360px; height:360px; border-radius:50%; background:rgba(117,174,25,.12);}.vector-rate-cta:after{content:""; position:absolute; right:190px; bottom:-190px; width:300px; height:300px; border:1px solid rgba(255,255,255,.08); border-radius:50%;}.vector-rate-cta .container{position:relative; z-index:2;}.vector-rate-cta h2{max-width:720px; margin-bottom:13px; font-size:38px; line-height:1.14;}.vector-rate-cta p{max-width:650px; font-size:16px;}.vector-rate-points{display:flex; flex-wrap:wrap; gap:18px; margin-top:20px;}.vector-rate-points span{color:rgba(255,255,255,.88); font-size:13px;}.vector-rate-points strong{margin-right:6px; color:#a9d35f;}.vector-rate-cta-action{display:flex; align-items:center; justify-content:flex-end; min-height:150px; padding-top:0;}.vector-rate-cta-action .vector-btn{margin:0; padding-left:28px; padding-right:28px; box-shadow:0 8px 24px rgba(0,0,0,.14);}.vector-green-section{padding-top:90px; padding-bottom:90px; background: linear-gradient(180deg,#ffffff 0%,#fbfcf9 100%);}.vector-feature-row{position:relative;}.vector-feature-image{position:relative; border-radius:16px; box-shadow:0 18px 38px rgba(26,51,89,.14);}.vector-feature-image:after{content:""; position:absolute; left:18px; right:18px; bottom:-16px; height:32px; z-index:-1; border-radius:50%; background:rgba(31,57,95,.10); filter:blur(16px);}.vector-feature-image img{transition:transform .35s ease;}.vector-feature-image:hover img{transform:scale(1.025);}.vector-feature-copy{padding-left:64px;}.vector-feature-copy h2{max-width:520px; font-size:37px;}.vector-feature-copy p{max-width:560px; margin-bottom:21px;}.vector-feature-points{margin:0 0 24px;}.vector-feature-points div{margin:8px 0; color:#526175; font-size:14px;}.vector-feature-points span{display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-right:8px; border-radius:50%; background:#edf6df; color:#75ae19; font-size:12px; font-weight:bold;}.vector-text-link{display:inline-flex; align-items:center; padding-bottom:4px; border-bottom:1px solid rgba(41,75,146,.22); font-size:15px;}.vector-text-link span{margin-left:8px; transition:transform .2s ease;}.vector-text-link:hover span{transform:translateX(4px);}.vector-clients-section{position:relative; padding:72px 0 76px; background:#f5f7fa; border-top:1px solid #edf0f4; border-bottom:1px solid #edf0f4;}.vector-clients-section .vector-section-heading{margin-bottom:34px;}.vector-client-strip{gap:12px; padding:22px 20px; border:1px solid #e7ebf0; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(25,51,91,.045);}.vector-client-strip .client{display:flex; align-items:center; justify-content:center; margin:0; opacity:.55; filter:grayscale(100%); transform:scale(.94); transition:opacity .2s ease,filter .2s ease,transform .2s ease;}.vector-client-strip .client:hover{opacity:1; filter:none; transform:scale(1);}.vector-support{padding:78px 0 88px; background:#fff;}.vector-support-box{position:relative; overflow:hidden; padding:42px 46px; border:1px solid #dfe6ee; border-radius:16px; background: linear-gradient(120deg,#f8fafc 0%,#f4f8ef 100%); box-shadow:0 10px 28px rgba(25,51,91,.055);}.vector-support-box:after{content:""; position:absolute; top:-95px; right:-65px; width:230px; height:230px; border-radius:50%; background:rgba(117,174,25,.08);}.vector-support-box > div{position:relative; z-index:2;}.vector-support-box h2{font-size:34px;}.vector-support-box p{font-size:16px;}.vector-support-contact{display:flex; align-items:center; gap:28px; text-align:left;}.vector-support-links{min-width:255px;}.vector-support-links a{display:block; margin:4px 0; color:#294B92; font-size:16px; font-weight:700; text-decoration:none;}.vector-support-links a:hover{color:#75ae19;}.vector-support-button{display:inline-block !important; margin:0 !important; padding:13px 19px; border:1px solid #294B92; border-radius:6px; background:#294B92; color:#fff !important; font-size:13px !important; line-height:18px; text-transform:uppercase; white-space:nowrap;}.vector-support-button:hover{background:#213f7a; border-color:#213f7a; color:#fff !important; text-decoration:none;}@media(max-width:991px){.vector-rate-cta-action{display:block; min-height:0; padding-top:26px; text-align:left;} .vector-feature-copy{padding:38px 15px 0;} .vector-support-contact{margin-top:24px;}}@media(max-width:767px){.vector-rate-cta{padding:54px 0;} .vector-rate-cta h2{font-size:31px;} .vector-rate-points{display:block;} .vector-rate-points span{display:block; margin:8px 0;} .vector-green-section{padding-top:62px; padding-bottom:62px;} .vector-feature-copy h2{font-size:31px;} .vector-client-strip{padding:18px 8px;} .vector-support{padding:58px 0 64px;} .vector-support-box{padding:31px 28px;} .vector-support-contact{display:block;} .vector-support-links{min-width:0; margin-bottom:18px;}}#footer{position:relative; background:#132f5a; color:#ffffff; border-top:4px solid #75ae19;}#footer .footer,#footer > .footer{width:100% !important; min-height:0; padding:52px 0 30px; background:transparent; color:#ffffff; text-align:left;}#footer .footercontainer{max-width:1170px; margin:0 auto 24px; padding-left:15px; padding-right:15px;}#footer .footer_title,#footer .heading{margin:0 0 13px; padding:0; color:#ffffff; font-size:15px; line-height:20px; font-weight:700; letter-spacing:.35px; text-transform:none;}#footer .footer_subtitle,#footer .footertxt{color:rgba(255,255,255,.72); font-size:13px; line-height:1.65; text-align:left;}#footer a{color:rgba(255,255,255,.76); text-decoration:none; transition:color .2s ease;}#footer a:hover,#footer a:focus{color:#a6d45e; text-decoration:none;}#footer ul,#footer ul.nav{margin:0; padding:0; list-style:none;}#footer ul.nav > li{margin:0 0 8px; padding:0;}#footer ul.nav > li.heading{margin-bottom:14px; color:#ffffff;}#footer ul.nav > li > a{display:inline-block; padding:0; background:none; font-size:13px; line-height:1.6;}#footer ul.nav > li > a:hover,#footer ul.nav > li > a:focus{background:none; color:#a6d45e;}#footer .columns{display:flex; flex-wrap:wrap; align-items:flex-start; gap:0;}#footer .column{padding:0 20px 18px 0;}#footer .connect li{color:rgba(255,255,255,.76); font-size:13px; line-height:1.55;}#footer .connect .icon{display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; margin-right:6px;}#footer .connect .icon img{max-width:25px; max-height:25px; object-fit:contain;}#footer a.button,#footer .button{display:inline-block; width:auto; min-width:138px; margin-top:12px; padding:10px 18px; border:1px solid rgba(255,255,255,.42); border-radius:6px; background:transparent; color:#ffffff !important; font-size:12px; line-height:18px; font-weight:700; text-align:center; text-transform:uppercase; transition:background .2s ease,border-color .2s ease,color .2s ease;}#footer a.button:hover,#footer .button:hover{background:#75ae19; border-color:#75ae19; color:#ffffff !important; text-decoration:none;}#footer .footersocialcontainer{position:relative; top:auto; margin-top:12px;}#footer .footersocial{width:38px; height:38px; margin:0 6px 6px 0; padding:0;}#footer .footersocial .icon{display:flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.38); border-radius:50%; line-height:normal; background:rgba(255,255,255,.04); transition:background .2s ease,border-color .2s ease,transform .2s ease;}#footer .footersocial a:hover .icon{background:#75ae19 !important; border-color:#75ae19; transform:translateY(-2px);}#footer .footersocial .icon svg{width:18px; height:18px; fill:#ffffff;}#footer .footersocial .icon img{display:block; max-width:20px; max-height:20px; object-fit:contain;}#footer .footercontainer .logo{width:180px; max-width:100%; margin:0 0 18px;}#footer .footerimg{margin-top:0;}#footer .legal{display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:28px !important; padding-top:20px !important; border-top:1px solid rgba(255,255,255,.13);}#footer .legal li{margin:0 !important;}#footer .legal a{font-size:12px !important; color:rgba(255,255,255,.58);}#footer .legal a:hover{color:#ffffff;}#footer .footertxt:last-child{padding-bottom:4px; color:rgba(255,255,255,.54);}#footer .footer{box-shadow:none;}@media(max-width:991px){#footer .footer, #footer > .footer{padding-top:42px;} #footer .column{padding-right:18px;} #footer .hidden-960{display:none !important;}}@media(max-width:767px){#footer .footer, #footer > .footer{padding:36px 0 24px;} #footer .footercontainer{padding-left:20px; padding-right:20px;} #footer .columns{display:block;} #footer .column{width:100% !important; height:auto !important; margin-left:0 !important; padding:0 0 24px;} #footer .footer_title, #footer .heading{margin-bottom:10px;} #footer .legal{display:block;} #footer .legal li{margin-bottom:7px !important;} #footer .footertxt{text-align:left;}}.vector-btn,.vector-support-button{position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; min-height:52px; max-width:100%; padding:17px 20px; overflow:hidden; border:2px solid transparent; border-radius:999px; font-size:13px; font-weight:800; line-height:1.2; letter-spacing:.015em; text-align:center; text-transform:none; white-space:normal; text-decoration:none !important; transform:translateY(0); transition: transform .22s ease, box-shadow .25s ease, background-position .5s ease, background-color .22s ease, border-color .22s ease, color .22s ease;}.vector-btn::before,.vector-support-button::before{content:""; position:absolute; z-index:-1; top:-35%; bottom:-35%; left:-135%; width:115%; background:linear-gradient( 110deg, transparent 0%, rgba(255,255,255,.08) 34%, rgba(255,255,255,.42) 50%, rgba(255,255,255,.08) 66%, transparent 100% ); transform:skewX(-18deg); transition:left .58s ease; pointer-events:none;}.vector-btn::after,.vector-support-button::after{content:""; position:absolute; inset:3px; z-index:-1; border:1px solid rgba(255,255,255,.18); border-radius:inherit; pointer-events:none;}.vector-btn-primary{background:linear-gradient( 90deg, #679d17 0%, #75ae19 42%, #91c93a 56%, #75ae19 100% ); background-size:220% 100%; background-position:100% 0; border-color:#75ae19; color:#fff !important; box-shadow: 0 8px 20px rgba(87,132,19,.22), 0 0 0 rgba(117,174,25,0), inset 0 1px 0 rgba(255,255,255,.18);}.vector-btn-primary:hover,.vector-btn-primary:focus{background-position:0 0; border-color:#8fc52d; color:#fff !important; transform:translateY(-3px); box-shadow: 0 14px 28px rgba(67,107,11,.30), 0 0 24px rgba(117,174,25,.18), inset 0 1px 0 rgba(255,255,255,.22);}.vector-btn-secondary{background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.78); color:#fff !important; box-shadow: 0 8px 18px rgba(7,28,58,.14), inset 0 1px 0 rgba(255,255,255,.10);}.vector-btn-secondary:hover,.vector-btn-secondary:focus{background:linear-gradient( 90deg, #294B92 0%, #365ca7 48%, #4d72bd 58%, #365ca7 100% ); background-size:220% 100%; background-position:0 0; border-color:#6f8ed0; color:#fff !important; transform:translateY(-3px); box-shadow: 0 14px 28px rgba(16,45,92,.30), 0 0 22px rgba(61,96,165,.18), inset 0 1px 0 rgba(255,255,255,.18);}.vector-support-button{background:linear-gradient( 90deg, #244382 0%, #294B92 44%, #3d62ab 58%, #294B92 100% ); background-size:220% 100%; background-position:100% 0; border-color:#294B92; color:#fff !important; box-shadow: 0 8px 20px rgba(24,56,112,.22), inset 0 1px 0 rgba(255,255,255,.18);}.vector-support-button:hover,.vector-support-button:focus{background-position:0 0; border-color:#4267b0; color:#fff !important; transform:translateY(-3px); box-shadow: 0 14px 28px rgba(24,56,112,.30), 0 0 22px rgba(41,75,146,.18), inset 0 1px 0 rgba(255,255,255,.22);}.vector-btn:hover::before,.vector-btn:focus::before,.vector-support-button:hover::before,.vector-support-button:focus::before{left:125%;}.vector-btn:active,.vector-support-button:active{transform:translateY(0);}.vector-btn span{position:relative; z-index:2; margin-left:8px; transition:transform .22s ease;}.vector-btn:hover span,.vector-btn:focus span{transform:translateX(4px);}@media(prefers-reduced-motion:reduce){.vector-btn, .vector-support-button{transition:none;} .vector-btn::before, .vector-support-button::before{display:none;}}@media(max-width:480px){.vector-hero-actions .vector-btn{min-height:50px; width:100%;} .vector-rate-cta-action .vector-btn{width:100%; max-width:290px;} .vector-support-button{width:100%; max-width:290px;}}.headercontainer{height:180px;}.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/vectorenergy/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/vectorenergy/images/logo.png)!important; display: block !important;}} .navbar-default {background-color: #294B92;} .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:#294B92; 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:#d4d2d2!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:300px; 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:65px;} .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:20px!important; padding-right:20px!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:#d4d2d2!important; background-color: transparent!important; transition:opacity 0.25s; text-transform: uppercase; font-size:16px;} .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:34px; height:34px; 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;}}@media(min-width:993px){.headercontainer{height:156px;} .navbar-default{border:0;box-shadow:0 3px 14px rgba(18,43,79,.10);} .navupper{min-height:76px;padding:0 70px 0 0;display:flex;align-items:center;justify-content:flex-end;} .navupper ul{margin:0;display:flex;align-items:center;} .navupper ul li{padding:7px 9px;color:#647084;font-size:12px;line-height:1.35;} .navupper ul li img{max-width:28px;max-height:28px;opacity:.78;} .navbar-brand{top:10px;left:70px;width:230px;height:64px;background-size:contain;background-position:left center;} .navbarmain{min-height:80px;padding:16px 70px 16px 0;display:flex;align-items:center;} .navbarmain > ul.navbar-right{margin-left:auto;} .navbarmain ul li a{padding:0 13px;font-size:15px;line-height:48px;font-weight:600;} .navbarmain .button{margin-left:8px;padding:0 19px;background:#75ae19!important;color:#fff!important;border-radius:6px;font-size:14px;line-height:46px;} .navbarmain .button:hover{background:#639715!important;color:#fff!important;} .socialMediaTopNav{margin:0 10px 0 0;padding:0;} .socialMediaTopNav li a{padding:0 4px!important;line-height:48px;} .socialicon{width:32px;height:32px;border:1px solid rgba(255,255,255,.55);padding-top:0;line-height:29px;} .socialicon svg{width:16px;height:16px;margin:0;vertical-align:middle;} .navbarmain li > .navdropdown{top:64px;min-width:270px;border-radius:0 0 8px 8px;box-shadow:0 12px 28px rgba(18,43,79,.16);} .navbarmain li:hover > .navdropdown{padding:8px 0;} .navbarmain .navdropdown a{padding:3px 20px;font-size:14px;line-height:32px;font-weight:600;color:#425067!important;} .navbarmain .navdropdown a:hover{background:#f1f5f9!important;color:#294B92!important;}}@media(min-width:993px) and (max-width:1200px){.navbar-brand{left:25px;width:200px;} .navupper,.navbarmain{padding-right:25px;} .navbarmain ul li a{padding:0 9px;font-size:14px;}}@media(max-width:992px){.headercontainer{height:65px;} .navbar-default{border:0;box-shadow:0 3px 12px rgba(18,43,79,.12);} .navbar-header{height:65px;} .navbar-brand{top:7px;left:15px;width:185px;height:50px;background-size:contain;background-position:left center;} .navbar-default .navbar-toggle{margin-top:14px;margin-right:16px;padding:9px;border:1px solid rgba(255,255,255,.55);border-radius:6px;} .navbar-collapse{background:#173a70;border-top:1px solid rgba(255,255,255,.12)!important;} .navupper,.navbarmain{margin-bottom:0;padding:12px 20px 20px!important;} .navbarmain ul li a{padding:8px 5px!important;color:#fff!important;text-transform:none;font-size:15px;line-height:24px;} .navbarmain .navdropdown{margin:4px 0 8px!important;border-radius:7px;} .navbarmain .navdropdown a{margin:0;padding:8px 12px!important;} .navbarmain .button{display:block;margin-top:8px;text-align:center;background:#75ae19!important;color:#fff!important;border-radius:6px;line-height:38px;} .socialiconMobile{float:none;margin:14px 0 0;text-align:center;}}@media(min-width:993px){.navbarmain .button{position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; min-height:46px; margin-left:8px; padding:0 22px; overflow:hidden; border:2px solid #75ae19; border-radius:999px; background:linear-gradient( 90deg, #679d17 0%, #75ae19 42%, #91c93a 56%, #75ae19 100% )!important; background-size:220% 100%!important; background-position:100% 0!important; color:#fff!important; font-size:14px; font-weight:800; line-height:42px; text-transform:none; box-shadow: 0 7px 18px rgba(87,132,19,.20), inset 0 1px 0 rgba(255,255,255,.18); transform:translateY(0); transition: background-position .5s ease, transform .22s ease, box-shadow .25s ease, border-color .22s ease;} .navbarmain .button::before{content:""; position:absolute; z-index:-1; top:-40%; bottom:-40%; left:-135%; width:115%; background:linear-gradient( 110deg, transparent 0%, rgba(255,255,255,.08) 34%, rgba(255,255,255,.42) 50%, rgba(255,255,255,.08) 66%, transparent 100% ); transform:skewX(-18deg); transition:left .58s ease; pointer-events:none;} .navbarmain .button::after{content:""; position:absolute; inset:3px; z-index:-1; border:1px solid rgba(255,255,255,.18); border-radius:inherit; pointer-events:none;} .navbarmain .button:hover, .navbarmain .button:focus{background-position:0 0!important; border-color:#91c93a; color:#fff!important; transform:translateY(-2px); box-shadow: 0 12px 24px rgba(67,107,11,.28), 0 0 20px rgba(117,174,25,.16), inset 0 1px 0 rgba(255,255,255,.22);} .navbarmain .button:hover::before, .navbarmain .button:focus::before{left:125%;}}@media(max-width:992px){.navbarmain .button{position:relative; isolation:isolate; display:flex; align-items:center; justify-content:center; min-height:48px; margin-top:12px; overflow:hidden; border:2px solid #75ae19; border-radius:999px; background:linear-gradient(90deg,#679d17,#75ae19,#91c93a,#75ae19)!important; background-size:220% 100%!important; color:#fff!important; font-weight:800; box-shadow:0 8px 18px rgba(0,0,0,.16);}}@media(prefers-reduced-motion:reduce){.navbarmain .button{transition:none;} .navbarmain .button::before{display:none;}} #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%;}}