html{overflow-y: scroll;} body{margin:0px; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size:16px;} .emcolor{color:#002a42;} .txtheader{font-family: calibri; font-size: 34px; line-height: 40px; margin: 30px 0; text-align: center; display: block; text-transform:uppercase; color:#002a42; padding: 10px 0;} .txttitle{font-size: 24px; line-height: 26px;} .txtsubtitle{font-size: 18px; line-height:20px; padding:5px;} .txt{font-size: 14pt!important; line-height:18pt;} .txtsmall{font-size: 14px!important; line-height:18px;} .bold{font-weight: bold;} .italic{font-style: italic;} .center{text-align: center;} .nomargin{margin:0px;} .margintop10{margin-top: 10px;} .margintop20{margin-top: 20px;} .marginbottom10{margin-bottom: 10px;} .marginbottom20{margin-bottom: 20px;} .marginleft20{margin-left: 20px;} .margincenter{margin: 0 auto;} .paddingtop20{padding-top:20px;} .paddingbottom20{padding-bottom:20px;} .padding10{padding:10px;} .padding20{padding:20px;} .padding50{padding:50px;} .padding-left10{padding-left:10px;} .nopadding{padding:0px;} .white{color: #ffffff;} .blue{color: #002a42;} .green{color:#739600;} .red{color:#c00000;} .yellowbutton{background-color:#fdc825!important; color:#000000;} .yellowbutton:hover{background-color:#fdc825!important; color:#000000; border: solid 1px #565656;} .yellowbackground{background-color:#f8de6e!important;} .graybackground{background-color:#f2f2f2!important;} .darkbluebackground{background-color:#002a42!important;} .bluebackground{background-color:#a3bfcb!important;} .darkgreenbackground{background-color:#739600!important;} .lightgreenbackground{background-color:#D9EC9C!important;} .whitebackground{background-color:#ffffff !important;} .lightgreybg{background-color: #eaeaea;} .blackbg{background-color: #000000;} .greybg{background-color: #eaeaea;} .homebackground{background-color: #a3bfcb;} .seniorbackground{background-color: #83869a;} .farmbackground{background-color: #8a6283;} .businessbackground{background-color: #496b66;} .variablebackground{background-color:#fdc825!important;} .highlight{color:#002a42;} .highlight:hover{color:#002a42; text-decoration: underline;} .tabheader{padding:10px; background-color: #002a42; color: #ffffff; font-size:18px; line-height:22px; font-weight:bold;} .fullborder{border:solid 1px #dbdbdb;} .borderright{border-right:solid 1px #002a42;} .borderbottom{border-bottom:solid 1px #002a42;} .bordergreen{border: solid 1px #739600;} .borderbottomgreen{border-bottom:solid 1px #739600;} .borderblue{border: solid 1px #002a42;} .borderbottomdotted{border-bottom: dotted 2px #ffffff;} .checklist li{list-style-image: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/check.png); line-height:22px; font-size:16px;} h1{font-family: calibri; font-size:24pt; text-transform: uppercase; color:#002a42; text-align: center; line-height:115%;} h2{font-family: calibri; font-size:22pt; color:#002a42; text-align: center; line-height:115%;} h3{font-family: calibri; font-size:18pt; color:#739600; text-align: center; line-height:115%;} h4{font-family: calibri; font-size:16pt; text-transform: uppercase; color:#64a0c8; line-height:115%; display:inline;} .table{margin: 0px;} .table > tbody > tr > td{border-top: transparent;} .anchorspace{display:block; height:80px; margin-top:-80px; visibility:hidden;} @media (max-width: 767px) {.anchorspace{display:block; height:50px; margin-top:-50px; visibility:hidden;}} .bannercontainer_rates{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_rates.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_rateshome{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_rateshome.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_ratessenior{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_ratessenior.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_ratesbusiness{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_ratesbusiness.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_ratesfarm{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_ratesfarm.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_variablerates{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_variablerates.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_greenenergy{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_greenenergy.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_naturalgas{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_naturalgas.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_dualfuel{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_dualfuel.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_solar{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_solar.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_whychooseus{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_whychooseus.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_contactus{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_contactus.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_resources{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_resources.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_producer{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_producerservices.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_ourstory{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_ourstory.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .bannercontainer_deregulation{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner_sunlightskirt.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} @media (max-width: 767px) {.bannercontainer_rates, .bannercontainer_rateshome, .bannercontainer_ratessenior, .bannercontainer_ratesbusiness, .bannercontainer_ratesfarm, .bannercontainer_variablerates, .bannercontainer_greenenergy, .bannercontainer_naturalgas, .bannercontainer_dualfuel, .bannercontainer_solar, .bannercontainer_whychooseus, .bannercontainer_contactus, .bannercontainer_resources, .bannercontainer_producer, .bannercontainer_ourstory, .bannercontainer_deregulation {height: 250px; background-position: 50%; background-repeat: no-repeat; background-size: cover;}} .sq_treebud{position: relative; height:400px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/treebud.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} .sq_greenleaf{position: relative; height:400px; background: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/greenleaf.jpg); background-repeat: no-repeat; background-size: cover; z-index:10;} @media (max-width: 767px) {.sq_treebud{background-position: 50%;}} .slide1, .slide2, .slide3, .slide4, .slide5{height: 500px; background-repeat: no-repeat; display:block; margin-top:10px;} @media (max-width: 767px) {.slide1, .slide2, .slide3, .slide4, .slide5{height: 520px; background-position: 50%; background-repeat: no-repeat; background-size: cover;}} .slide1 {background-image: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner1.jpg); background-position: center;} .slide2 {background-image: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner2.jpg); background-position: center;} .slide3 {background-image: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner3.jpg); background-position: center;} .slide4 {background-image: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner4.jpg); background-position: center;} .slide5 {background-image: url(https://utilitynet.s3.amazonaws.com/adagioenergy/images/banner5.jpg); background-position: center;} .bottomleft{position:absolute; z-index:1000; bottom: 20px; left:50px;} .bottomright{position:absolute; z-index:1000; bottom: 20px; right:50px;} .topright{position:absolute; z-index:1000; top: 20px; right:50px;} .topleft{position:absolute; z-index:1000; top: 20px; left:50px;} @media (max-width: 767px) {.bottomleft, .bottomright, .topright, .topleft, .findbox {position:absolute; z-index:1000; bottom:10px; left:30px; width:80%; height: auto;}} .homedivider{border-right: solid 1px #739600;} .guaranteedwidth{width:35%;} .producerdivider{border-right: solid 1px #a3bfcb;} @media (max-width: 991px) {.producerdivider{border: solid 1px #a3bfcb;}} @media (max-width: 767px) {.homedivider, .homedividerend{border: solid 1px #739600;} .guaranteedwidth{width:100%;}} @media (min-width: 668px) {.paddingleftright80{padding-left:80px; padding-right:80px;}} .carousel.carousel-fade .item {-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: 15%;} .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;} .newscontainer{border-bottom: dashed 1px #c5c5c5; width:98%;} .newspic{width:282px; margin:0 auto;} .newsdesc{width:100%; display:inline-block; vertical-align: top; padding-top: 150px;} .newsheader{padding-top: 10px; font-size: 40px; line-height: 25px; font-weight: bold;} .newstitle{padding-top: 10px; font-size: 20px; line-height: 25px; font-weight: bold;} .newsauthordate{font-size: 16px; padding-left: 5px; color: #717070; padding-top: 10px;} .newscontent{padding-top: 15px; font-size: 16px; padding-left: 5px; padding-right: 5px;} .newswebsite{width:100%; padding-left: 5px;} .newsemail{padding-right: 5px;} #papos{width:290px; height:425px;}.ratespanel-group .panel {margin-bottom: 0; border-radius: 0px;}.ratespanel-group .panel-title a{display: block; text-decoration: none; text-align: center; color:#ffffff; font-size: 16px; padding:10px;}.ratespanel-group .panel-title a .titlemain{color:#ffffff; font-size: 25px; font-weight: bold; margin-right:10px;}.ratespanel-group .panel-heading{color: #333; background-color: #565656!important; border-color: #ddd; border: none!important; border-top-left-radius: 0px; border-top-right-radius: 0px;}.ratespanel-group .panel-heading .accordion-toggle .plusminussymbol:after {content: "+"; color: #ffffff; font-size:25px; font-weight: bold;}.ratespanel-group .panel-heading .accordion-toggle.collapsed.active .plusminussymbol:after {content: "-"; color:#ffffff; font-weight: bold;}.ratespanel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border-top: none; border-top-color: rgb(221, 221, 221);} a[href^="tel:"]{pointer-events: none; cursor:text;}@media only screen and (max-device-width:480px){a[href^="tel:"]{pointer-events: auto; cursor:pointer;}} .footer{width:100%!important; min-height:100px; background-color: #002a42; text-align: center;} .footer_title{font-size:20px; padding:5px;} .footer_subtitle{font-size:16px;} .footertxt{position: relative; font-size:14px; padding-top:5px; margin-bottom:20px; text-align: center; color: #ffffff; line-height:18px;} .footer a{text-decoration: none;} .footer a:hover{text-decoration: underline;} .footer .socialicon svg{display: inline-block; vertical-align:middle; fill: #002a42; transition:fill 0.25s; width: 25px; margin:5px;} .footer .socialicon svg:hover{opacity: 0.6;}.container_mysecure{margin-top:50px;}.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/adagioenergy/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/adagioenergy/images/logo.png)!important; display: block !important;}} .navbar-default {background-color: #002a42;} .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:#002a42; min-height:60px; width:100%; padding:10px 85px 10px 0px;} .navbarmain ul{list-style: none; padding:0px 5px;} .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:#78A22F!important; color:#ffffff!important;} .caret{display:none;} .socialMediaTopNav{margin-left: 2%; padding-left: 0;} .socialMediaTopNav li a{padding: 0px!important;} .socialicon{display: inline-block; text-align: center; border-radius: 100%; width:40px; height:40px; padding-top: 2px; vertical-align:middle;} .socialicon:hover{color:#ffffff!important;} .socialicon svg{display: inline-block; vertical-align:middle; fill: #ffffff; transition:fill 0.25s; width: 25px; height: 25px; margin-bottom:5px;} .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:300px; 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:370px; 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; border-radius: 10px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 30px; color:#565656; 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;} .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!important; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap;} .navbarmain .button:hover{background:#78A22F!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{color:#ffffff!important;} .socialiconMobile .socialicon{display: inline-block; text-align: center; border-radius: 100%; width:30px; height:30px; padding-top: 10px; vertical-align:middle; margin-left:-5px;} .socialicon svg{display: inline-block; vertical-align:middle; fill: #ffffff; transition:fill 0.25s; width: 22px;}}@media (max-width: 480px) {.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 400px!important;}}@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 230px!important;}}@media only screen and (min-device-width: 480px) and (max-device-width: 992px) and (orientation: landscape) {.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 230px!important;}} #sidechat{cursor: pointer; width:135px; height:43px; position: fixed; bottom:0px; right:0px; visibility: visible; z-index:10000;} #copyrightContainer{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; background-color:#e7e7e7; width:100%; position: relative;} .copyrightHolder{top: 0; left: 0; right: 0; left: 0; text-align: center; height: 100%; vertical-align: middle; padding:10px; background-color:#e7e7e7;} .serviceAlbertaLicenseFooterImage {background-image: url(https://utilitynet.s3.amazonaws.com/public/images/retailer/utilitynet/utilitynet-small-logo.png); background-repeat: no-repeat; background-position: center center; width: 250px; height: 48px; display: inline-block;} .serviceAlbertaLicenseFooterText{display: inline-block; margin-top:10px; vertical-align: top; line-height: 20px; width: 55%; padding: 0px 10px 0px 10px;} @media (max-width: 992px) {.serviceAlbertaLicenseFooterText{display: inline-block; margin-top:5px; margin-bottom:10px; vertical-align: top; padding:0px 0px 25px 0px; width: 100%;}}