html{overflow-y: scroll;}body{margin: 0px; background-color: #ffffff; font-family: arial; font-size:16px;}.emcolor{color:#015486;}.txtheader{padding: 10px 0; display: block; font-size: 34px; line-height: 34px; margin: 30px 0; text-align: center;}.txt{font-family: Arial; font-size: 16px !important; padding: 10px;}.txttitle{font-size: 22px; font-weight: bold; margin-bottom: 30px; margin-top: 30px; line-height: 24px;}.center{text-align: center;}.marginbottom20{margin-bottom:20px;}.margintop20{margin-top:20px;}.padding20{padding:20px;}.ngrateChart > .head {background: #015486 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:80px;}@font-face {font-family: 'museo-sans100'; src: url('https://utilitynet.s3.amazonaws.com/albertautilitysource/fonts/MuseoSans_100-webfont.otf') format('truetype'); font-weight: normal; font-style: normal;}@font-face {font-family: 'museo-sans300'; src: url('https://utilitynet.s3.amazonaws.com/albertautilitysource/fonts/MuseoSans_300-webfont.otf') format('truetype'); font-weight: normal; font-style: normal;}@font-face {font-family: 'museo-sans500'; src: url('https://utilitynet.s3.amazonaws.com/albertautilitysource/fonts/MuseoSans_500-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal;}@font-face {font-family: 'museo-sans700'; src: url('https://utilitynet.s3.amazonaws.com/albertautilitysource/fonts/MuseoSans_700-webfont.otf') format('truetype'); font-weight: normal; font-style: normal;}@font-face {font-family: 'museo-sans900'; src: url('https://utilitynet.s3.amazonaws.com/albertautilitysource/fonts/MuseoSans_900-webfont.otf') format('truetype'); font-weight: normal; font-style: normal;}.headercontainer{height:120px;}.affiliateNav{background-color: #ffffff!important; border-color: transparent; width:100%; max-width:100%;}.navbar-brand {position:absolute; top:35%; left:0; display:block; width:220px; height:80px; background-image: url(https://utilitynet.s3.amazonaws.com/albertautilitysource/images/logomain.png)!important; background-repeat: no-repeat;}@media(max-width:1200px){.navbar-brand{left:20px;}}@media (max-width: 992px) {.headercontainer{height:80px; box-shadow: 0em 0.15em .5em 0px rgba(0,0,0,0.3);} .navbar-brand {float: left; font-size: 18px; top:0px; left:5px; height: 90px; width:200px; line-height: 20px; padding: 0px!important; background-image: url(https://utilitynet.s3.amazonaws.com/albertautilitysource/images/logo.png)!important; display: block !important;}} .navbar-default {background-color: #ffffff;} .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:#565656; height: 35px; min-height:35px; width:100%; padding:0px 90px 0px 0px;} .navupper ul {list-style: none; margin-top: 3px; margin-bottom: 0;} .navupper ul li a{padding:8px 15px; color:#ffffff!important; background-color: transparent!important; transition:opacity 0.25s; font-size: 14px; line-height: 14px;} .navupper ul li a:hover{opacity:0.66;} .navupper .icon {display: inline-block; height: 20px; margin: -3px 3px 0 0; width: 20px; border:none;} .navbarmain{background:#ffffff; height: 72px; min-height:72px; width:100%; padding:10px 90px 10px 0px; box-shadow: 0em 0.15em .5em 0px rgba(0,0,0,0.3); font-family: "museo-sans", sans-serif;} .navbarmain ul{list-style: none; padding:0px 10px; margin-top: -10px; margin-bottom: 5px;} .navbarmain ul li a{padding: 0 20px; color:#565656!important; background-color: transparent!important; transition:opacity 0.25s; font-size: 15px; line-height: 70px; display:block; font-weight:500; letter-spacing: 1px;} .navbarmain ul li a:hover{color:#36B3E5!important;} .navbar-brand {top: 32px; left: 25px; width: 207px; height: 78px; padding: 0 !important; background-size: contain; background-position: left center;} .navbarmain .button{background: #F1BF1B!important; border-radius: 65px; color: #ffffff!important; display: inline-block; font-size: 15px; font-weight: 500; line-height: 30px; padding: 5px 23px; text-transform: none; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap; margin-top: 15px; font-family: "museo-sans", sans-serif;} .navbarmain .button:hover{background:#36B4E6!important; color:#ffffff!important;} .caret{display:none;} .socialMediaTopNav{margin-left: 6.5%; margin-top: 5px; padding-left: 0;} .socialMediaTopNav li a{padding: 0px 5px!important;} .navupper .socialicon{display: inline-block; text-align: center; border: 1px solid #ffffff; border-radius: 100%; width:26px; height:26px; padding: 3px;} .socialicon svg{display: inline-block; vertical-align:middle; fill: #ffffff; transition:fill 0.25s; width: 20px;} .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;} .navupper li > .navdropdown{display:block; position:absolute; overflow:hidden; top:40px; left:0px; padding:0; background:#fff; max-height:0; min-width:220px; 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, .navupper li:hover > .navdropdown{max-height:300px; padding:10px 0;} .navbarmain .navdropdown a, .navupper .navdropdown a{display:block; padding:0 20px; font-size:14px; line-height:35px; font-weight:500; color:#525459!important; transition:background 0.25s, color 0.25s;} .navbarmain .navdropdown a:hover, .navupper .navdropdown a:hover{background:#035688!important; color:#fff!important;}}@media(min-width:993px) and (max-width:1200px){.navupper{padding:0px 20px 0px 0px;} .navbarmain{padding-right:10px;} .navbarmain ul li a{display:block; padding:0 10px; color:#fff; font-size:18px; font-weight:500; line-height:60px; letter-spacing: normal;}}@media (max-width: 992px) {.navbar-toggle {margin-top: 25px;} .navbar-default .navbar-toggle {border-color: #035688; margin-right: 20px;} .navbar-default .navbar-toggle {border-color: #035688;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #ffffff; border-color: #36B4E6;} .navbar-default .navbar-toggle .icon-bar {background-color: #035688;} .navbar-default .navbar-toggle .icon-bar:hover {background-color: #36B4E6;} .navbar-header {float: none; height: 80px;} .navbar-left,.navbar-right {float: none !important;} .navbar-toggle {display: block;} .navbar-collapse {border-top: 1px solid transparent; 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:0px;} .navbar-nav>li {float: none; padding: 0 1px;} .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:#035688; min-height:40px; width:100%; padding-left:40px!important; padding-right:40px!important;} .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:2px!important; color:#ffffff!important; background-color: transparent!important; transition:opacity 0.25s; text-transform: uppercase;} .navupper ul li a:hover, .navbarmain ul li a:hover{opacity:1; color:#36B4E6!important;} .navupper .icon {display: inline-block; height: 20px; margin: -3px 3px 0 0; width: 20px; border: none;} .navbarmain .button{background: #F1BF1B!important; border-radius: 55px; color: #ffffff!important; display: inline-block; font-size: 16px; font-weight: bold; line-height: 35px; padding: 0px 20px!important; text-transform: none; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap; margin-bottom:10px;} .navbarmain .button:hover{background:#36B4E6!important; color:#ffffff!important;} .caret{display:inline-block;} .navbarmain .navdropdown, .navupper .navdropdown{background:#ffffff!important;} .navbarmain .navdropdown a, .navupper .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, .navupper .navdropdown a:hover{background:#035688!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:#36B4E6!important; color:#ffffff!important;} .socialiconMobile .socialicon{display: inline-block; text-align: center; border: 2px solid #ffffff; border-radius: 100%; width:30px; height:30px; padding:2px;}}@media (max-width: 480px) {.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 340px!important;} .navupper, .navbarmain{padding-left:20px!important; padding-right:20px!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%;}}