@font-face {font-family: 'clashDisplay-Bold'; src: url('https://utilitynet.s3.amazonaws.com/zenoenergy/fonts/ClashDisplay-Bold.otf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}@font-face {font-family: 'clashDisplay-Medium'; src: url('https://utilitynet.s3.amazonaws.com/zenoenergy/fonts/ClashDisplay-Medium.otf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}@font-face {font-family: 'clashDisplay-Light'; src: url('https://utilitynet.s3.amazonaws.com/zenoenergy/fonts/ClashDisplay-Light.otf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}@font-face {font-family: 'plein-Bold'; src: url('https://utilitynet.s3.amazonaws.com/zenoenergy/fonts/Plein-Bold.otf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}@font-face {font-family: 'plein-Medium'; src: url('https://utilitynet.s3.amazonaws.com/zenoenergy/fonts/Plein-Medium.otf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}@font-face {font-family: 'plein-Light'; src: url('https://utilitynet.s3.amazonaws.com/zenoenergy/fonts/Plein-Regular.otf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}@font-face {font-family: 'tabular-Bold'; src: url('https://utilitynet.s3.amazonaws.com/zenoenergy/fonts/Tabular-Bold.otf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}@font-face {font-family: 'tabular-Medium'; src: url('https://utilitynet.s3.amazonaws.com/zenoenergy/fonts/Tabular-Medium.otf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}@font-face {font-family: 'tabular-Light'; src: url('https://utilitynet.s3.amazonaws.com/zenoenergy/fonts/Tabular-Regular.otf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;} html{overflow-y: scroll;} body{margin:0px; color:#434343; font-size:16px; font-weight:normal; font-family:'plein-light',"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-font-smoothing: subpixel-antialiased;} a {text-decoration: none; font-weight: bold;} a:hover{text-decoration: none; color: #434343} .emcolor{color: #F9F7F1;} .embg{background: #434343;} .bold{font-weight: bold;} .italic{font-style: italic;} .highlight{color:#3e3f3e; text-decoration: underline;} .txtright{text-align:right;} .txtleft{text-align:left;} .txtyellow{color:#ede34c;} .txtwhite{color:#ffffff;} .txtgray{color:#808080;} .txtlightgray{color:#d1d1d1;} .txtlightblue{color:#99c7ea;} .txtblue{color:#183b65;} .txtdarkblue{color:#1B3B5D;} .txtorange{color:#434343;} .txtgreen{color:#277627;} .center{text-align: center;} .nopadding{padding:0px;} .padding10{padding:10px;} .padding20{padding:20px;} .padding30{padding:30px;} .padding40{padding:40px;} .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;} .marginbottom80{margin-bottom:80px;} .marginbottom100{margin-bottom:100px;} .marginleft40{margin-left:40px;} .verybigtitle{font-size: 60px; font-weight: 700; line-height: 60px} .bigtitle{font-size: 44px; line-height: 48px;} .bigmidtitle{font-size: 40px; line-height: 44px;} .txtheader{font-size: 34px; line-height: 40px; margin: 30px 0; padding: 10px 0; display: block; font-weight:400; text-transform: capitalize;} .title{font-size: 28px; line-height: 38px;} .txttitle{font-size: 26px; font-weight: bold; line-height: 30px;} .midsubtitle{font-size: 24px; line-height: 30px;} .subtitle{font-size: 20px; line-height: 26px;} .txtbig{font-size:18px; line-height: 20px;} .txt{font-size:16px; font-family: 'plein-Light'; margin-bottom: 20px;} .txtsmall{font-size:14px;} .bodycontainer{background-color: #000000;} .bannerHerocontainer{position: relative; background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/home_banner-desktop.jpg); height: 95vh; background-position: center; background-size: contain; background-color: #000000; width: 100vw; background-repeat: no-repeat;} .bannercontainer{position: relative; background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/bg2-new.jpg); background-position: 50% 100%; background-size: cover; background-color: #000000; background-repeat: no-repeat; height: 400px;} #homepage_banner .section{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #homepage_banner .title{margin: 0 auto; color: #EDE34C; text-align: center; font-family: 'plein-Medium'; font-size: 28px; line-height: 36px; padding: 0 20px 30px; text-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; max-width: 1000px;} #homepage_service .section{margin: 0 0 80px; padding: 0 60px;} #homepage_service .col-spacing{padding: 10px;} #homepage_service .title, #homepage_whyus .title{color: #fff; text-align: center; font-family: 'clashDisplay-Bold'; font-size: 58px; line-height: 50px; margin: 60px 20px;} #homepage_service .box{min-height: 250px; background: #EDE34C; border-radius: 25px; padding: 20px 10px 30px; text-align: center; color: #000;} #homepage_service .box:hover{background: #434343; color: #fff; border: 2px solid #ede34c;} #homepage_service .subtilte{font-family: 'plein-bold'; font-size: 28px; line-height: 40px; margin: 10px 20px 0;} #homepage_service .txt{font-family: 'plein-light'; font-size: 18px; line-height: 24px; margin: 20px 20px 10px; min-height: 125px;} .service-icon{height: 150px; background-position: center; background-size: cover; background-color: none; background-repeat: no-repeat; border-radius: 200px; width: 150px; margin: 0 auto;} .icon-EL{background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/service-icon__EL.svg);} .icon-NG{background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/service-icon__NG.svg);} .icon-SOLAR{background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/service-icon__SOLAR.svg);} .icon-INTERNET{background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/service-icon__INTERNET.svg);} #homepage_service .box:hover .icon-EL{background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/service-icon_yellow_EL.svg);} #homepage_service .box:hover .icon-NG{background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/service-icon_yellow_NG.svg);} #homepage_service .box:hover .icon-SOLAR{background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/service-icon_yellow_SOLAR.svg);} #homepage_service .box:hover .icon-INTERNET{background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/service-icon_yellow_INTERNET.svg);} .ctacontainer{position: relative; background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/bg3.jpg); background-position: 50% 100%; background-size: cover; background-color: #000000; background-repeat: no-repeat; height: 460px;} #homepage_cta .section{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #homepage_cta .title{color: #eee34d; text-align: center; font-family: 'clashDisplay-Bold'; font-size: 56px; line-height: 52px;} #homepage_cta .txt{font-size: 22px; font-family: 'plein-Light'; text-align: center; width: 90%; color: #fff; margin: 20px 0;} .home_whyuscontainer{position:static; background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/bg.jpg); height: auto; background-size: contain; background-color: #000000; width: 100vw;} #homepage_whyus .section{text-align: center; max-width: 900px; margin: 0 auto; padding: 10px 20px;} #homepage_whyus .subtitle{margin: 0 auto; color: #EDE34C; text-align: center; font-family: 'plein-bold'; font-size: 27px; padding: 10px 20px; line-height: 30px;} #homepage_whyus .box {position: relative; background: #4d4d4d; border-radius: 200px; padding: 35px 50px 15px 90px; color: #fff; font-size: 24px; line-height: 1.5; border: 2px solid #ede34c; box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; right: -10px;} .icon-circle {position: absolute; left: -35px; top: 50%; transform: translateY(-50%); width: 90px; height: 90px; background: #000; border: 3px solid #ede34c; border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: spin 4s ease-in-out infinite;} @keyframes spin{0% {transform: translateY(-50%) rotate(-10deg);} 50% {transform: translateY(-50%) rotate(10deg);} 100% {transform: translateY(-50%) rotate(-10deg);}} .icon-circle img {width: 100px; height: auto;} #homepage_whyus .txt {font-size: 18px; line-height: 24px; font-family: 'plein-Light'; text-align: center; color: #fff; border-radius: 50px;} #homepage_whyuscta .section{position: relative; background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/cta-yellow-bg.jpg); background-position: 50%; background-size: cover; background-repeat: no-repeat; padding: 60px 40px 40px; border-radius: 25px; margin: 0 auto 100px; max-width: 1000px;} #homepage_whyuscta .titletop{color: #000; text-align: center; font-family: 'clashDisplay-Bold'; font-size: 60px; line-height: 56px;} #homepage_whyuscta .titlebottom{color: #000; text-align: center; font-family: 'clashDisplay-Bold'; font-size: 64px; line-height: 68px;} #homepage_whyuscta .txt{font-size: 20px; font-family: 'plein-Light'; text-align: center; color: #000; margin: 30px 30px 40px; line-height: 28px;} .homeblackbutton{background: #000 !important; border: 2px #ede34c solid; border-radius: 25px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; padding: 0px 40px; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap; color: #fff !important; font-family: 'tabular-Medium';} .homeblackbutton:hover{box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; border: solid 2px transparent;} .homeyellowbutton{background: #eee34d !important; border: solid 2px transparent; border-radius: 25px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; padding: 0px 40px; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap; color: #000 !important; font-family: 'tabular-Medium';} .homeyellowbutton:hover{background: #000 !important; color: #fff !important; text-decoration: none;} @media (max-width:1200px) {#homepage_service .txt{min-height: 150px; margin: 20px 0px 10px;} #homepage_service .subtilte{margin: 0px;} #homepage_service .col-spacing {padding: 5px;}} @media (max-width:1200px) and (min-width:772px){#homepage_whyus .section{width: 80%;}} @media (max-width:992px) {#homepage_service .title, #homepage_whyus .title{font-size: 46px; line-height: 46px; margin: 30px 20px;} #homepage_service .txt{min-height: auto;} .service-icon{height: 100px; width: 100px;} #homepage_service .subtilte{font-size: 24px; line-height: 24px;} #homepage_service .txt{margin: 20px 40px 20px;}} @media (max-width:772px) {.bannerHerocontainer {background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/home_banner-mobile.jpg); height: 550px; background-position: center 0; background-size: contain; background-repeat: no-repeat;} #homepage_banner .section{width: 80vw;} #homepage_banner .title{padding: 0 0 30px; font-size: 22px; line-height: 28px;} #homepage_service .section {margin: 0 0 80px; padding: 0 20px;} #homepage_service .txt {margin: 20px;} #homepage_cta .title {font-size: 40px; line-height: 36px; width: 320px;} #homepage_cta .txt {font-size: 20px; line-height: 24px; width: 320px;} #homepage_whyus .box{border-radius: 50px; padding: 20px 60px 10px;} #homepage_whyuscta .titlebottom, #homepage_whyuscta .titletop{font-size: 40px; line-height: 46px;}} @media (max-width:480px){.bannerHerocontainer {background: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/home_banner-mobile.jpg); height: 550px; background-position: center 0; background-size: cover; background-repeat: no-repeat;} #homepage_service .title, #homepage_whyus .title {font-size: 38px; line-height: 38px; margin: 20px 10px;} .icon-circle {position: absolute; left: -35px; top: 5%;} #homepage_whyus .box {border-radius: 50px; padding: 60px 20px 40px; right: -10px;} #homepage_whyus .subtitle {margin: 0 auto 20px;} #homepage_whyuscta .txt {margin: 20px;} #homepage_whyuscta .section{padding: 40px 20px; margin: 0 auto 40px;}} .zenoaboutustitle, .zenocommunitytitle{margin: 0 auto; color: #EDE34C; text-align: center; font-family: 'clashDisplay-Bold'; font-size: 34px; padding: 30px 20px;} .zenoaboutustxtbox{color: #fff; background: #434343; padding: 20px 0px 40px; font-family: 'plein-Light'; font-size: 18px; margin: 0 auto 40px; border-radius: 15px 15px 0px 0; max-width: 800px;} .zenoabouttxt{padding: 0 80px;} @media(max-width:992px) and (min-width:480px) {.zenoabouttxt{padding: 0 60px;}} @media(max-width:480px){.zenoabouttxt{padding: 0 20px;}} .zenocommunitysubtitle{font-family: 'clashDisplay-light'; font-size: 20px; max-width: 480px; text-align: center; margin: 20px auto 20px; line-height: 26px; color: #EDE34C;} .zenocommunitybox{max-width: 800px; font-family: 'plein-Light'; font-size: 18px; margin: 0 auto 60px; padding: 0 20px;} .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;}} .ngrateChart > .head {background: #434343 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{color:#ffffff; text-align: center; padding-bottom:20px; background-color: #242424; font-family: 'tabular-Medium';} .footer_title{font-size:20px; padding:5px; color: #ede34c;} .footer_subtitle{font-size:16px;} .footercontainer{position: relative; margin-bottom:20px; margin-top:40px;} .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;} @media (min-width: 481px) and (max-width: 992px) {.footer{color:#ffffff; text-align: center; padding-bottom:20px; background-image:url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/footer_mobile_bg.png); background-size:cover; background-repeat: no-repeat; background-position: 50% 0;}} .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{border-color:#b8b8b8;} .footersocial a:hover .icon svg{fill:#b8b8b8;} .container_mysecure{margin-top:80px;}.headercontainer{height:150px;}.affiliateNav{width:100%; max-width:100%;}.navbar-brand {position:absolute; top:5%; left:40px; display:block; width:220px; height:80px; background-image: url(https://utilitynet.s3.amazonaws.com/zenoenergy/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; left:5px; top:2px; height: 50px; width:200px; line-height: 20px; padding: 0px!important; background-image: url(https://utilitynet.s3.amazonaws.com/zenoenergy/images/logomain.png)!important; display: block !important; background-size: contain; font-family: 'tabular-Medium';}} .navbar-default {background-color: #000; border-color: #000000;} .navbar-default .navbar-nav > li > a {color: #ede34c;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {text-decoration: none; color: #fff;}@media(min-width:993px){.navupper{background:#000; min-height:90px; width:100%; padding:0px 85px 0px 0px; color: #ede34c; font-family: 'tabular-Medium';} .navupper ul {list-style: none; margin-top:15px;} .navupper ul li{padding:10px;} .navupper ul li a{color:#ede34c!important; background-color: transparent!important; transition:opacity 0.25s;} .navupper ul li a:hover{opacity:0.66; text-decoration: none;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fff;} .navbarmain{background:#000; min-height:60px; width:100%; padding:10px 85px 10px 0px; font-family: 'tabular-Medium';} .navbarmain ul{list-style: none; padding:0px 10px;} .navbarmain ul li a{padding: 0 15px; color:#ede34c!important; background-color: transparent!important; transition:opacity 0.25s; font-size: 18px; line-height: 40px; display:block; font-weight:400;} .navbarmain ul li a:hover{color:#fff!important;} .navbarmain .button{background: #EDE34C!important; color:#000!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: #434343 !important; color: #ffffff !important; text-decoration: none !important;} .caret{display:none;} .navbarmain li > .navdropdown{display:block; position:absolute; overflow:hidden; top:60px; left:0px; padding:0; background:#434343; max-height:0; min-width:348px; 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:#fff!important; transition:background 0.25s, color 0.25s} .navbarmain .navdropdown a:hover{background:none!important; color:#ede34c!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:#ede34c; font-size:18px; font-weight:400; line-height:40px;}}@media (max-width: 992px) {.headercontainer{height:55px;} .navupper{display: none;} .navbar-default .navbar-toggle {border-color: transparent; margin-right: 20px;} .navbar-default .navbar-toggle {border-color: #ede34c;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;} .navbar-default .navbar-toggle .icon-bar {background-color: #ede34c;} .navbar-header {float: none; height:55px; background-color:#000;} .navbar-left,.navbar-right {float: none !important;} .navbar-toggle {display: block;} .navbar-collapse {border-top: 1px solid #565656!important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);} .navbar-fixed-top {top: 0; border-width: 0 0 1px;} .navbar-collapse.collapse {display: none!important;} .navbar-nav {float: none!important; margin-top: 7.5px;} .navbar-nav>li {float: none;} .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;} .collapse.in{display:block !important;} .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 600px!important;} .navupper, .navbarmain{background:transparent; min-height:40px; width:100%; padding-left:40px!important; padding-right:40px!important; margin-bottom:20px; font-family: 'tabular-Medium';} .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:#ede34c!important; background-color: transparent!important; transition:opacity 0.25s; font-size:16px;} .navupper ul li a:hover, .navbarmain ul li a:hover{opacity:1; color:#fff!important;} .navupper .icon {display: inline-block; height: 20px; margin: -3px 3px 0 0; width: 20px; border: none;} .navbarmain .button{background: #ede34c!important; color:#000!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: #434343!important; color:#fff!important;} .caret{display:inline-block;} .navbarmain .navdropdown{background:#434343!important;} .navbarmain .navdropdown a{display:block; padding:5px 5px 5px 10px!important; margin:5px; font-size:14px; line-height:20px; color:#fff!important; transition:background 0.25s, color 0.25s; white-space: normal;} .navbarmain .navdropdown a:hover{background:none!important; color:#ede34c!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;}}@media (max-width: 480px) {.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 340px!important;}}@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 230px!important;}}@media only screen and (min-device-width: 480px) and (max-device-width: 992px) and (orientation: landscape) {.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 230px!important;}} #sidechat{cursor: pointer; width:135px; height:43px; position: fixed; bottom:0px; right:0px; visibility: visible; z-index:10000;} #copyrightContainer{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; background-color:#e7e7e7; width:100%; position: relative;} .copyrightHolder{top: 0; left: 0; right: 0; left: 0; text-align: center; height: 100%; vertical-align: middle; padding:10px; background-color:#e7e7e7;} .serviceAlbertaLicenseFooterImage {background-image: url(https://utilitynet.s3.amazonaws.com/public/images/retailer/utilitynet/utilitynet-small-logo.png); background-repeat: no-repeat; background-position: center center; width: 250px; height: 48px; display: inline-block;} .serviceAlbertaLicenseFooterText{display: inline-block; margin-top:10px; vertical-align: top; line-height: 20px; width: 55%; padding: 0px 10px 0px 10px;} @media (max-width: 992px) {.serviceAlbertaLicenseFooterText{display: inline-block; margin-top:5px; margin-bottom:10px; vertical-align: top; padding:0px 0px 25px 0px; width: 100%;}}