html{overflow-y: scroll;} body{margin:0px; color:#3e3f3e; font-size:18px; font-weight:normal; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-font-smoothing: subpixel-antialiased;} .emcolor{color:#3b916a;} @font-face {font-family: 'Montserrat-Black'; src: url('https://utilitynet.s3.amazonaws.com/jadeenergy/fonts/Montserrat-Black.ttf') format('truetype');} @font-face {font-family: 'Montserrat-SemiBold'; src: url('https://utilitynet.s3.amazonaws.com/jadeenergy/fonts/Montserrat-SemiBold.ttf') format('truetype');} @font-face {font-family: 'Montserrat-Regular'; src: url('https://utilitynet.s3.amazonaws.com/jadeenergy/fonts/Montserrat-Regular.ttf') format('truetype');} .bold{font-weight: bold;} .italic{font-style: italic;} .highlight{color:#3e3f3e; text-decoration: underline;} .uppercase{text-transform: uppercase;} .letterspacing{letter-spacing: 0.1em;} .txt{font-size:18px; margin-bottom:20px;} .txtsmall{font-size:14px;} .txtsmaller{font-size:12px;} .txtright{text-align:right;} .txtleft{text-align:left;} .txtyellow{color:#ffb500;} .txtwhite{color:#ffffff;} .txtgray{color:#999999;} .txtlightgray{color:#d1d1d1;} .txtlightblue{color:#99c7ea;} .txtdarkblue{color:#182954;} .txtblue{color:#145477;} .txtgreen{color:#206d3d!important;} .txtjadegreen{color: #5fb485!important;} .txtred{color:#ff061c;} .center{text-align: center;} .nopadding{padding:0px;} .padding10{padding:10px;} .padding20{padding:20px;} .paddingleft20{padding-left:20px;} .paddingleft40{padding-left:40px;} .paddingbottom20{padding-bottom:20px;} .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;} .marginleft40{margin-left:40px;} .verybigtitle{font-size: 48px; font-weight: 700; line-height: 50px} .bigtitle{font-size: 44px; line-height: 48px;} .bigmidtitle{font-size: 40px; line-height: 44px;} .title{font-size: 38px; line-height: 38px;} .txttitle{font-size: 26px; font-weight: bold; line-height: 30px; color: #052739;} .txtheader{font-size: 34px; line-height: 40px; margin: 30px 0; padding: 10px 0; text-align: center; display: block; font-weight:400; text-transform: capitalize;} .midsubtitle{font-size: 26px; line-height: 28px;} .subtitle{font-size: 20px; line-height: 28px;} .lighter{font-weight: lighter;} .super{position: relative; top: -1.4em; font-size:20px;} .smsuper{font-size: 14px; position: relative; top: -0.5em;} .bigthintxt{font-size: 34px; line-height: 44px; letter-spacing: 0.15em; transform: scale(1, 1.5); font-weight: bold;} .thintxt{font-size: 20px; font-weight: bold; line-height: 30px; font-weight: lighter; letter-spacing: 0.15em; transform: scale(1, 1.5);} .verticaltop{vertical-align: top;} .dottedbottomborder{border-bottom: 2px dotted #b0b0b0;} .bottomborder{border-bottom: solid 2px #eeeeee;} .bgblue-transparent{background-color: rgba(54, 134, 210, 0.5);} .bgblack-transparent{background-color: rgba(0, 0, 0, 0.8);} .bgblue{background-color: #0F5EA3;} .bgdarkblue{background-color: #145477!important;} .bglightgrey{background-color: #ebecec;} .bgwhite{background-color: #ffffff;} .darkgreybg{background-color: #767676;} .bannerhome {position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/banner.png); background-position: 80%; background-repeat: no-repeat; background-size: cover; background-color: #ffffff; z-index:10;} .bannerhome_promo {position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/banner_promorate.png); background-position: 80%; background-repeat: no-repeat; background-size: cover; background-color: #ffffff; z-index:10;} .banneraboutus{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/banner_whoweare.png); background-position: 50%; background-size: cover; background-repeat: no-repeat;} .bannerjadeharmonyproject{position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/banner_jadeharmonyproject.png); background-position: 50%; background-size: cover; background-repeat: no-repeat;} .bannertextcenter{color:#fff; position:absolute; left:0; right:0; top:10%; padding:20px; margin-left: auto; margin-right: auto; max-width:85%;} .bannertextleft{color:#fff; position:absolute; top:10%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:90%;} .bannercontentleft{width: 80%;} .bannertextright{color:#fff; position:absolute; top:20%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:90%;} .bannertextcontentcenter{padding-top: 10px; letter-spacing: 0.07em; width:90%; margin: 0 auto;} .bannertextcontentleft{font-size: 20px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:60%; margin-top:5%;} .bannertextcontentright{font-size: 20px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:450px; float:right;} .bannertexttitle{font-size:60px; font-family:'Montserrat-Black', sans-serif; line-height:70px; font-weight:bold; text-align:center; text-shadow:0px 0px 2px #231f20;} .bannertexttitle_promo {font-size: 40px; font-family: 'Montserrat-Black', sans-serif; line-height: 42px; text-shadow: 0px 0px 2px #231f20;} .bannertextsubtitle{font-size: 34px; line-height: 40px; margin-bottom:60px;} .bannertextcontent{font-size: 20px; line-height: 28px;} .bannertextcontentwhoweare{font-size: 16px; line-height: 24px;} .bannerbutton{clear: both;} .bannerbutton a{background: #3b916a!important; border: solid 1px transparent; border-radius: 5px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; padding: 0px 20px; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap; color:#ffffff!important;} .bannerbutton a:hover{background:#565656!important; color:#ffffff!important; text-decoration: none!important;} @media (min-width: 481px) and (max-width: 992px) {.bannerhome {position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/banner.png); background-position: 80%; background-repeat: no-repeat; background-size: cover; background-color: #ffffff; z-index:10;} .bannertextcenter{color:#fff; position:absolute; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-font-smoothing: subpixel-antialiased; left:0; right:0; top:5%; padding:10px; margin-left: auto; margin-right: auto; max-width:100%;} .bannertextleft{color:#fff; position:absolute; top:10%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; max-width:85%;} .bannercontentleft{width: 95%;} .bannertextright{color:#fff; position:absolute; top:10%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; max-width:85%;} .bannertextcontentcenter{padding-top: 10px; width:98%; margin: 0 auto; letter-spacing: 0.07em;} .bannertextcontentleft{font-size: 16px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; min-width:350px; width:60%;} .bannertextcontentright{font-size: 20px; font-weight: lighter; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:85%; float:right;} .bannertexttitle{font-size:50px; font-weight:700; line-height:65px;} .bannertextsubtitle{font-size: 22px; line-height: 28px; margin-bottom:40px;} .bannertextcontent{font-size: 16px; line-height: 20px; width: 80%; margin: 0 auto;} .bannerbutton{clear: both;}} @media (max-width: 480px) {.bannerhome {position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/banner.png); background-position: 75%; background-repeat: no-repeat; background-size: cover; background-color: #ffffff; z-index:10;} .bannertextleft{color:#fff; position:absolute; top:5%; left:0; right:0; padding:10px; margin-left: auto; margin-right: auto; max-width:95%;} .bannercontentleft{width: 100%;} .bannertextcenter{color:#fff; position:absolute; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-font-smoothing: subpixel-antialiased; left:0; right:0; top:5%; padding:10px; margin-left: auto; margin-right: auto; max-width:100%;} .bannertextcontentleft{font-size: 16px; letter-spacing: 0.07em; line-height: 24px; padding: 10px; width:100%;} .bannertextcontentcenter{padding-top: 10px; width:98%; margin: 0 auto;} .bannertexttitle{font-size:40px; font-weight:700; line-height:55px;} .bannertexttitle_promo {font-size: 32px; font-family: 'Montserrat-Black', sans-serif; line-height: 36px; text-shadow: 0px 0px 2px #231f20;} .bannertextsubtitle{font-size: 18px; line-height: 24px; margin-bottom:30px;} .bannertextcontent{font-size: 16px; line-height: 20px; width: 85%; margin: 0 auto;}} .bannerhome_lucky8 {position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/banner_lucky8.jpg); background-position: 76%; background-repeat: no-repeat; background-size: cover; background-color: #ffffff; z-index:10;} .bannertextleft_lucky8 {color: #fff; position: absolute; top: 10%; left: 0; right: 0; padding: 20px; margin-left: auto; margin-right: auto; width: 1000px; max-width: 90%;} .bannertexttitle_lucky8 {font-size: 36px; line-height: 44px; text-shadow: 0px 0px 2px #231f20; font-weight:600;} .bannertext_lucky8{font-size: 30px; text-shadow: 0px 0px 2px #231f20;} .mainlogo {position: relative; top: 15%; left: -8px; height: auto; z-index: 1000;} .bannertextcontentleft_lucky8 {font-size: 20px; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width: 70%; margin-top: 5%;} .bannerbutton_lucky8 a {background: #fff !important; border: solid 1px transparent; border-radius: 5px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; padding: 0px 20px; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap; color: #3b916a !important;} .bannerbutton_lucky8 a:hover{background:#565656!important; color:#ffffff!important; text-decoration: none!important;} @media (max-width: 992px) {.bannertextleft_lucky8 {top: 12%;} .bannertexttitle_lucky8 {font-size: 30px; line-height: 38px;} .bannertext_lucky8{font-size: 28px;}} @media (max-width: 680px) {.bannertexttitle_lucky8 {font-size: 26px; line-height: 30px;} .bannertext_lucky8{font-size: 20px; text-shadow: 0px 0px 2px #231f20;}} @media (max-width: 480px) {.bannertextleft_lucky8 {top: 10%;} .bannertexttitle_lucky8 {font-size: 20px; line-height: 28px;} .bannertext_lucky8{font-size: 17px;} .bannertextleft_lucky8 {max-width: 84%;}} .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: 50px;} .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;}} .responsive-video{background-color: #145477; border: solid 1px #145477;} .responsive-video iframe{width:100%; height:480px;} @media (max-width: 960px) {.responsive-video iframe{width:100%; height:300px;}} .offeringsimg{margin-top:80px;} .offeringsimg img{border: solid 2px #3b916a;} .offeringlist{position: relative; margin-bottom: 10px; padding: 20px; padding-left: 40; min-height: 80px;} .offeringlist .button a{background: #3b916a!important; border: solid 1px transparent; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; padding: 0px 20px; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap; color:#ffffff!important; margin-top:30px;} .offeringlist .button a:hover{background:#565656!important; color:#ffffff!important; text-decoration: none!important;} .offeringlist .icon{width:40px; height:40px; background: #3b916a!important; color:#ffffff; font-weight: bold; text-align:center; line-height:40px; display:inline-block; border-radius:100%;} .homebgstylebestchoice{position: relative; background: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/homebgstylebestchoice.jpg); background-position: 50%; background-size: cover; background-repeat: no-repeat;} .homebgstylesolarclub{position: relative; background: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/homebgstylesolarclub.png); background-position: 50%; background-size: cover; background-repeat: no-repeat;} .homebestchoice{padding:20px;} .homebestchoice .txtcontainer{margin-top:40px; padding:20px; min-height: 250px;} .homebgstylesolarclubcontainer{padding:20px; width:60%; margin:0 auto;} .homebgstylesolarclubtitle{font-size: 38px; line-height: 38px;} .whoweareimg{margin-top:20px;} .aboutlist{position: relative; margin-bottom:10px; color:#ffffff; background-color:#206d3d; padding:20px; padding-left:40; min-height: 140px;} .aboutlist_electronicwithdrawal{position: absolute; top: 50%; transform: translateY(-50%); right: 15px;} .aboutlist_electronicwithdrawal img{width:60px; height:auto; opacity:0.5;} .aboutlist-triangle {width: 0; height: 0; border-top: 70px solid transparent; border-bottom: 70px solid transparent; border-left: 25px solid #206d3d; position: absolute; right: -25px; top: 0px;} .aboutlistcontenttitle{font-family:Montserrat-SemiBold, sans serif; font-size: 20px; line-height: 28px;} .aboutlistcontenttxt{font-family:Montserrat-Regular, sans serif;} .aboutairmilesholder{background-color: #ffffff; margin-left: 20px; min-height:590px;} .aboutairmiles{background: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/aboutairmilesbg.png); background-repeat: no-repeat; background-size: 150%; min-height:300px;} .aboutairmilescontent{padding: 20px;} .aboutairmileslogo{margin-top: 240px;} .aboutairmilestext{margin: auto; width: 70%; padding-top:20px; text-align:center; font-size: 22px;} @media (max-width: 1195px) {.aboutairmileslogo{margin-top:240px; font-size: 22px;} .aboutairmilestext{margin: auto; width: 85%; padding-top:20px 10px;}} @media (max-width: 991px) {.aboutairmilesholder{min-height:auto;} .aboutairmiles{background-size:110%;} .aboutlist-triangle {display: none;} .aboutairmilesholder{margin-left: 0px;} .aboutairmilestext{font-size: 20px;} .aboutairmileslogo{margin-top: 250px;}} @media (max-width: 608px) {.aboutairmiles{background-size:150%;} .aboutairmilestext{width: 70%;} .aboutairmilestext{font-size: 20px;}} @media (max-width: 480px) {.homebgstylesolarclubcontainer {width: 100%;} .aboutairmilestext{width: 90%; font-size: 16px;} .aboutairmiles{background-size:150%;} .aboutairmileslogo{margin-top: 220px;} .homebgstylesolarclubtitle{font-size: 28px; line-height: 36px;}} .ngrateChart > .head {background: #3b916a 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{background-color: #3b916a; color:#ffffff; text-align: center; padding-bottom:20px;} .footer_title{font-size:20px; padding:5px;} .footer_subtitle{font-size:16px;} .footercontainer{position: relative; margin-bottom:20px;} .footertxt{position: relative; font-size:14px; line-height:18px; text-align: center; color: #ffffff;} .footerimg{margin-top:20px;} .footer a{color: #ffffff; text-decoration: none;} .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{border-color:#b8b8b8;} .footersocial a:hover .icon svg{fill:#b8b8b8;} .container_mysecure{margin-top:80px;}.headercontainer{height:150px;}.affiliateNav{background-color: #3b916a!important; width:100%; max-width:100%;}.navbar-brand {position:absolute; top:45%; left:60px; display:block; width:220px; height:80px; background-image: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/logomain.png)!important; background-repeat: no-repeat;}@media(max-width:1200px){.navbar-brand{left:20px;}}@media (max-width: 992px) {.headercontainer{height:50px;} .navbar-brand {float: left; font-size: 18px; top:0px; left:5px; height: 50px; width:190px; line-height: 20px; padding: 0px!important; background-image: url(https://utilitynet.s3.amazonaws.com/jadeenergy/images/logo.png)!important; display: block !important;}} .navbar-default {background-color: #3b916a;} .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:#3b916a; min-height:65px; width:100%; padding:10px 65px 0px 0px;} .navupper ul {list-style: none;} .navupper ul li{color:#ffffff!important; background-color: transparent!important; transition:opacity 0.25s; font-size:15px!important;} .navupper ul li a{color:#ffffff!important; background-color: transparent!important; transition:opacity 0.25s;} .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; min-height:85px; width:100%; padding:10px 65px 10px 0px;} .navbarmain ul{list-style: none; padding:0px 12px; margin-top:15px;} .navbarmain ul li a{padding: 0 15px; color:#3b916a!important; background-color: transparent!important; transition:opacity 0.25s; font-size: 16px; line-height: 30px; display:block; font-weight:500;} .navbarmain ul li a:hover{color:#565656!important;} .navbarmain .button{background: #3b916a!important; color: #ffffff!important; display: inline-block; font-size: 16px; font-weight: 500; line-height: 30px; padding: 0px 30px; text-transform: none; border-radius:0px; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap;} .navbarmain .button:hover{background:#565656!important; color:#ffffff!important;} .caret{display:none;} .socialMediaTopNav{margin-left: 5%; margin-top: 5px; padding-left: 0;} .socialMediaTopNav li a{padding: 0px 5px!important;} .navupper .socialicon{display: inline-block; text-align: center; border: 2px solid #ffffff; border-radius: 100%; width:30px; height:30px; padding: 2px;} .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:400px; padding:10px 0;} .navbarmain .navdropdown a, .navupper .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, .navupper .navdropdown a:hover{background:#3b916a!important; color:#fff!important;} .mobilesupport{display: none!important;}}@media(min-width:993px) and (max-width:1200px){.navbarmain{padding-right:10px;} .navbarmain ul li a{display:block; padding:0 12px; color:#fff; font-size:16px; font-weight:500; line-height:30px;}}@media (max-width: 992px) {.navbar-default .navbar-toggle {border-color: #ffffff; margin-right: 20px;} .navbar-default .navbar-toggle {border-color: #ffffff;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #3b916a;} .navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;} .navbar-header {float: none;} .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-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:#3b916a; min-height:40px; width:100%; padding-left:40px!important; padding-right:40px!important;} .navupper ul, .navbarmain ul {list-style: none; font-size:16px;} .navupper ul li, .navbarmain ul li{margin-top: 3px; color:#ffffff!important;} .navupper ul li a{padding:2px!important; color:#ffffff!important; background-color: transparent!important; transition:opacity 0.25s;} .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:#565656!important;} .navupper .icon {display: inline-block; height: 20px; margin: -3px 3px 0 0; width: 20px; border: none;} .navbarmain .button{background: #ffffff!important; color: #3b916a!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:#565656!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:#3b916a!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;} .socialiconMobile a{padding: 0px 5px !important;} .socialicon:hover{background:#ffd600!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;}}@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%;}}