@font-face {font-family: 'museo-sans100'; src: url('https://utilitynet.s3.amazonaws.com/qtilities/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/qtilities/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/qtilities/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/qtilities/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/qtilities/fonts/MuseoSans_900-webfont.otf') format('truetype'); font-weight: normal; font-style: normal;} html{overflow-y: scroll;} body{font:500 16px/24px 'museo-sans', sans-serif; color:#525459; font-size: 18px; background:#ffffff; margin:0; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} #page{z-index:1; position:relative; background:#fff;} @media (max-width: 992px) {#page{padding-top:0px;}} @media(min-width:1400px){.container{padding-right:40px; padding-left:40px; width:100%; max-width:1200px;} .narrow{max-width:1200px;}} .section{padding:50px 0; position:relative;} @media(max-width:992px){.section{padding:40px 0;}} .emcolor{color:#061737;} .bold{font-weight: bold;} .italic{font-style: italic;} .highlight{color:#3e3f3e; text-decoration: underline;} .txt{font-size:16px; margin-bottom:20px;} .txtsmall{font-size:14px;} .txtright{text-align:right;} .txtleft{text-align:left;} .txtwhite{color:#ffffff;} .txtgray{color:#808080;} .txtlightgray{color:#d1d1d1;} .txtblue{color:#183b65;} .txtdarkblue{color:#2d2652;} .txtdarkorange{color:#e07539;} .txtgreen{color: #9ac455;} .txtmagenta{color: #b1326a;} .txtpurple{color: #523189;} .txtlightblue{color: #5aa0c2;} .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;} .paddingbottom50{padding-bottom:50px;} .margincenter{margin: 0 auto;} .margintop20{margin-top:20px;} .margintop30{margin-top:30px;} .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;} .marginbottom100{margin-bottom:100px;} .marginleft40{margin-left:40px;} .title{font-size: 38px; line-height: 38px;} .txttitle{font-size: 26px; font-weight: bold; line-height: 30px;} .txtheader{font-size: 34px; line-height: 40px; margin: 30px 0; padding: 10px 0; display: block; font-weight:400; text-transform: capitalize;} .lighter{font-weight: lighter;} .verticaltop{vertical-align: top;} .dottedbottomborder{border-bottom: 2px dotted #b0b0b0;} .bgblue-transparent{background-color: rgba(54, 134, 210, 0.5);} .bgblack-transparent{background-color: rgba(0, 0, 0, 0.8);} .bgblue{background-color: #0F5EA3;} .greybg{background-color: #eaeaea;} #landing_supporCommunity .button, #landing_promorates .button, #landing_whatYouGet .button, #landing_ChangeIsEasy .button, #landing_Q-MMUNITYFund .button, #landing_powerWithPride .button, #landing_banner .button, #landing_bestRates .buttonholder, #landing_FAQ .button{white-space: nowrap; display: inline-block; font-size: 18px; line-height: 45px; font-weight: normal; text-transform: capitalize; padding: 0 60px; background: linear-gradient(to bottom, #a81b84, #3a2a9d); color: #fff; border-radius: 75px; border: none; margin-top:40px; margin-bottom: 20px; font-weight: 500;} #landing_supporCommunity .button:hover,#landing_promorates .button:hover,#landing_whatYouGet .button:hover,#landing_ChangeIsEasy .button:hover,#landing_Q-MMUNITYFund .button:hover,#landing_powerWithPride .button:hover,#landing_banner .button:hover,#landing_bestRates .buttonholder:hover,#landing_FAQ .button:hover {background-image: linear-gradient(to bottom, #8dc63f, #035d54); text-decoration: none;} .txt_bold{font-family: 'museo-sans700';} .bg_orange{background-image: linear-gradient(#e58742, #db612f);} .bg_magenta{background-image: linear-gradient(#b62797, #ba2c2c);} .bg_purple{background-image: linear-gradient(to bottom, #a81b84, #3a2a9d);} @media(max-width:786px){#landing_supporCommunity .button, #landing_whatYouGet .button, #landing_ChangeIsEasy .button, #landing_Q-MMUNITYFund .button, #landing_powerWithPride .button, #landing_banner .button, #landing_bestRates .buttonholder, #landing_FAQ .button{padding: 0 40px;}} @media(max-width:576px){#landing_supporCommunity .button, #landing_whatYouGet .button, #landing_ChangeIsEasy .button, #landing_Q-MMUNITYFund .button, #landing_banner .button, #landing_bestRates .buttonholder, #landing_FAQ .button{padding: 0 30px;} #landing_promorates .button, #landing_powerWithPride .button, #landing_promorates .button{padding: 0 60px;} #landing_supporCommunity .button{padding: 0 10px;}} #our_mission{margin-top: -50px; height: 50px;} #landing_banner .button{white-space: nowrap; display: inline-block; font-size: 18px; line-height: 45px; font-weight: 500; text-transform: capitalize; padding: 0 40px; background: linear-gradient(to bottom, #a81b84, #3a2a9d); color: #fff; border-radius: 55px; transition: color 0.25s, background-color 0.25s; margin: 0; text-decoration: none;} .landing_bannersection{min-height:600px; margin-top:0px; background-image:url(https://utilitynet.s3.amazonaws.com/qtilities/images/banner.jpg); background-position: 100%; background-repeat: no-repeat; background-size: cover; background-color:#f0ffff;} #landing_banner .text{text-align: left; position: absolute; top: 10%; right: 50%; width: 600px; max-width: 100%; padding:20px;} #landing_banner .Banner .bannertitle{font-size: 90px; font-weight: 900; line-height: 80px; font-family: 'museo-sans900'; letter-spacing: 0.2rem;} #landing_banner .Banner .bannertxt{font-size: 22px; line-height: 26px; width: 560px; font-family: 'museo-sans500';} @media(max-width:1200px){.landing_bannersection{background-position: 55%;} #landing_banner .text{left: 20px;} #landing_banner .Banner .bannertitle{font-size: 80px; line-height: 76px;}} @media(max-width:992px){#landing_banner .Banner .bannertxt{width: 85%;}} @media(max-width:576px){.landing_bannersection{min-height: 650px;} #landing_banner .Banner .bannertitle{font-size: 50px; line-height: 50px;} #landing_banner .Banner .bannertxt{width: 100%; font-size: 20px;}} #landing_promorate .title{font-size: 58px; font-weight: lighter; color: #5aa0c2; line-height: 58px; font-family: 'museo-sans300';} #landing_promorate .subtitle_bold{font-size: 30px; line-height: 40px; font-weight: lighter; font-family: 'museo-sans900'; margin-bottom: 5px;} #landing_promorate .subtitle{font-size: 30px; line-height: 34px; font-weight: lighter; font-family: 'museo-sans300'; padding: 0 100px;} #landing_promorate .dash::after {content: ""; display: block; width: 50px; height: 4px; border-radius: 2px; background: #e17a3a; margin: 30px auto;} .landingpromoratescontainer{margin-top:40px;} #landing_promorates .blockcontainer{padding:20px;} #landing_promorates .BlockCenter{border-radius: 30px; min-height:400px; background-color: #f3feff; padding:0px; padding-bottom:20px; box-shadow: 0px 0px 10px 3px #c2c2c2;} #landing_promorates .BlockCenter .header{border-radius: 20px 20px 0px 0px; background: linear-gradient(to bottom, #a81b84, #3a2a9d); padding:15px; color: #ffffff; font-size:20px;} #landing_promorates .BlockCenter .content{font-size: 16px; padding: 20px 10px; min-height:370px; line-height:22px;} #landing_promorates .txttitle{font-size: 26px; color: #8dc63f; font-family: 'museo-sans900'; margin-bottom: 20px;} #landing_promorates .numbercontainer{font-size: 34px; line-height: 38px; padding: 10px; min-height:80px;} #landing_promorates .numbercontainer{font-size: 24px; line-height: 30px; padding: 10px; margin:auto;} #landing_promorates .title{font-size: 20px; line-height: 20px; text-transform:uppercase; font-weight:bold; color:#e07539; padding: 10px; margin:0 auto;} #landing_promorates .numbercontent{min-height: 80px;} #landing_promorates .numbercontainer .desc {font-weight: normal; float: left; width: 40%; line-height: 24px; font-size: 23px;} #landing_promorates .numbercontainer .number {font-size: 50px; font-weight: normal;} #landing_promorates .numbercontainer.dash::after {content: ""; display: block; width: 50px; height: 4px; border-radius: 2px; background: #8dc63f; margin: 0 auto; margin-top: 10px;} #landing_promorates .details {min-height:120px; font-size: 20px; line-height: 26px; font-family: 'museo-sans500';} #landing_promorates .buttonholder{position: absolute; z-index:10; bottom: 20px; left:0px; right:0px;} @media(min-width:992px) and (max-width:1200px){#landing_promorates .BlockCenter .content{font-size: 16px; padding: 20px 10px; min-height:400px; line-height:22px;}} @media(max-width:991px){#landing_promorates .BlockCenter .content{min-height: auto;} #landing_promorates .details{min-height: auto;} #landing_promorates .blockcontainer{padding: 20px 40px;}} @media(max-width:576px){#landing_promorate .subtitle{font-size: 26px; line-height: 30px; font-weight: lighter; font-family: 'museo-sans300'; padding: 0 20px;} #landing_promorate .title{font-size: 40px; line-height: 40px;} #landing_promorate .subtitle_bold{font-size: 26px; line-height: 30px;}} #landing_cta .section{padding: 30px 0;} .landing_ctasection{background-image:url(https://utilitynet.s3.amazonaws.com/qtilities/images/cta_bg.jpg); background-repeat: no-repeat; background-size: cover; background-color: #8cc53e; background-position:100%;} #landing_cta .home-CTA{text-align: left; padding: 0 30px;} #landing_cta .homectatxt{font-size: 30px; line-height: 40px; color: #fff;} #landing_cta .txt{font-size: 22px; line-height: 26px; color: #fff;} #landing_cta .homectabuttonposition{height:320px; position: relative;} #landing_cta .arrow-down {position: absolute; top:0px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #f4f2f1;} #landing_cta .homectabuttonposition .button{white-space:nowrap; display:inline-block; font-size:18px; font-weight: 500; line-height:45px; text-transform: capitalize; padding:0 60px; background-image: linear-gradient(#ffffff, #dfdfdf); color:#7e3180; border-radius:55px; transition:color 0.25s, background-color 0.25s; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #landing_cta .homectabuttonposition .button:hover{background-image: linear-gradient(#dfdfdf, #ffffff); text-decoration: none;} @media(max-width:991px){.landing_ctasection{background-position: 70%;} #landing_cta .homectabuttonposition {height: 100px;}} #landing_whatYouGet .title{font-family: 'museo-sans300'; font-size: 50px; font-weight: 300; line-height: 60px;} #landing_whatYouGet .txtcontainer{padding:50px 80px 0px;} #landing_whatYouGet .imgcontainer{padding: 0px 50px;} #landing_whatYouGet .uslist{position: relative; margin-bottom: 10px; padding-left: 40; min-height: 30px;} #landing_whatYouGet .list .title{font-size: 28px; font-weight:bold;} #landing_whatYouGet .list .txt{font-weight: lighter; color: #565656;} #landing_whatYouGet .list .icon{width:60px; height:60px; border: none;} #landing_whatYouGet .whatYouGetImg {margin: 80px auto 0; display: block; height: auto; border-radius: 20px;} @media(max-width:1200px){#landing_whatYouGet .txtcontainer{padding: 50px 20px 0px;}} @media(max-width:991px){#landing_whatYouGet .whatYouGetImg{display: none;}} @media(max-width:768px){.landing_supporCommunitysection{margin-top: -40px;}} @media(max-width:576px){#landing_whatYouGet .title{font-size: 40px; line-height: 40px;}} .landing_supporCommunitysection{padding: 50px 0 0 ; position: relative;} #landing_supporCommunity .container{background-image:url(https://utilitynet.s3.amazonaws.com/qtilities/images/community_support.jpg); background-repeat: no-repeat; background-size: contain; background-color: #fff; background-position:0; min-height: 740px;} #landing_supporCommunity .txtcontainer{text-align: left; position: absolute; top: 10%; left: 50%; width: 600px; max-width: 100%; padding: 20px; margin: 0 auto;} #landing_supporCommunity .title{font-family: 'museo-sans300'; font-size: 50px; font-weight: 300; line-height: 60px; width: 73%;} #landing_supporCommunity .txt{font-size: 24px; line-height: 30px; width:80%; font-family: 'museo-sans300';} #landing_supporCommunity .dash::after{content: ""; display: block; width: 50px; height: 4px; border-radius: 2px; background: #e17a3a; margin: 30px 0;} @media(max-width:1200px){#landing_supporCommunity .container {margin: 0; min-height: 800px; background-position: 0 100%;}} @media(max-width:991px){#landing_supporCommunity .container {margin: 0; min-height: 840px; background-position: 0 100%;} #landing_supporCommunity .title{width: 80%;} #landing_supporCommunity .txtcontainer{top: 10%; width: 60%; left: 40%; background-color: #ffffffa6;}} @media(max-width:768px){#landing_supporCommunity .title{font-size: 40px; line-height: 40px;} #landing_supporCommunity .txtcontainer{width: 90%; left: 8%;} #landing_supporCommunity .container {background-image:url(https://utilitynet.s3.amazonaws.com/qtilities/images/community_support_mobile.png); background-repeat: no-repeat; min-height: 600px;}} @media(max-width:576px){#landing_supporCommunity .container {min-height: 700px;} #landing_supporCommunity .txtcontainer{width: 90%; left: 25px;} #landing_supporCommunity .txt{font-size: 22px; width: 100%;}} @media(max-width:400px){#landing_supporCommunity .container {min-height: 800px;}} .landing_ContactUs_background{background-image:url(https://utilitynet.s3.amazonaws.com/qtilities/images/winFreePower.jpg); background-repeat: no-repeat; background-size: cover; background-color: #fff; height: 430px; padding: 0px; background-position: 80%;} #landing_ContactUs .title{font-size: 50px; font-weight: 900; line-height: 56px; font-family: 'museo-sans900'; color: #ffffff; width: 60%; margin-top:30px;} #landing_ContactUs .txt{line-height: 30px; font-weight: 500; color: #ffffff; font-size: 26px; width: 50%;} #landing_ContactUs .txtcontainer{padding: 20px;} #landing_ContactUs .button{white-space: nowrap; display: inline-block; font-size: 18px; line-height: 45px; text-transform: capitalize; padding: 0 40px; background-image: linear-gradient(#ffffff, #dfdfdf); color: #7e3180; border-radius: 75px; transition: color 0.25s, background-color 0.25s; margin: 0; text-decoration: none; font-weight: 500;} #landing_ContactUs .button:hover{background-image: linear-gradient(#dfdfdf, #ffffff); text-decoration: none;} #landing_ContactUs .txtsmall{color: white; font-size: 22px; margin-top:70px;} #landing_ContactUs a{color: #fff; background-color: transparent; text-decoration: underline; transition: color 0.25s;} #landing_ContactUs .linkToForm{text-decoration: none; font-weight: 700; font-family: 'museo-sans700'; cursor: pointer;} #landing_ContactUs .linkToForm:hover{color: #ffeb3b;} @media(max-width:1200px) and (min-width:992px){#landing_ContactUs .title {font-size: 40px; font-weight: 900; line-height: 46px; font-family: 'museo-sans900'; color: #ffffff; width: 60%; margin-top:50px;} .landing_ContactUs_background{background-position: 50%;}} @media(max-width:991px){.landing_ContactUs_background{height: auto; background-position: 70%;} #landing_ContactUs .title {font-size: 30px; line-height: 34px; width: 100%; margin-top: 20px;} #landing_ContactUs .txt {font-size: 24px; line-height: 28px; font-weight: 500; color: #ffffff; width: 70%;}} @media(max-width:576px){#landing_ContactUs .title {font-size: 26px; line-height: 28px; width: 100%; margin-top: 20px;} #landing_ContactUs .txt{margin-top: 20px; line-height: 26px; font-size: 18px;} #landing_ContactUs .txtsmall{margin: 20px 0;}} #landing_ChangeIsEasy .changeIsEasy_bg{background-image:url(https://utilitynet.s3.amazonaws.com/qtilities/images/switchToQT.jpg); background-repeat: no-repeat; background-size: contain; background-color: #fff; background-position: 100%; padding: 0px; position: relative;} #landing_ChangeIsEasy .txtbody{width: 70%;} #landing_ChangeIsEasy .txtcontainer{padding: 50px 0px;} #landing_ChangeIsEasy .title{font-size: 60px; line-height: 60px; font-family: 'museo-sans300';} #landing_ChangeIsEasy .title_bold{font-family: 'museo-sans900'; font-size: 60px; font-weight: 300; line-height: 60px; color: #8d317f;} #landing_ChangeIsEasy .subtitle{font-family: 'museo-sans900'; font-size: 36px; font-weight: 300; line-height: 40px; width: 90%; color: #3d95b9;} #landing_ChangeIsEasy .txt {font-size: 24px; line-height: 30px; width: 80%; font-family: 'museo-sans300';} @media(max-width:1200px){#landing_ChangeIsEasy .changeIsEasy_bg{background-size: contain; background-position: 100% 100%; padding: 0px; position: relative; margin: 0; height: auto; width: 100%;} #landing_ChangeIsEasy .txtcontainer {padding: 50px 40px;}} @media(max-width:992px){#landing_ChangeIsEasy .txtcontainer{background-color: #ffffff69;}} @media(max-width:768px){#landing_ChangeIsEasy .title {font-size: 40px; line-height: 48px;} #landing_ChangeIsEasy .subtitle {font-size: 30px; line-height: 34px;}} @media(max-width:576px){#landing_ChangeIsEasy .title_bold{font-size: 50px; line-height: 50px;} #landing_ChangeIsEasy .txtcontainer {padding: 20px;} #landing_ChangeIsEasy .txtbody{width: 100%;}} #landing_Q-MMUNITYFund .container{position: relative; display: block; background-image: url(https://utilitynet.s3.amazonaws.com/qtilities/images/Q-mmunityFund.jpg); background-position: 100%; background-size: cover; z-index: 10; height:1040px;} #landing_Q-MMUNITYFund .title{font-family: 'museo-sans300'; font-size: 60px; font-weight: 300; line-height: 60px; color: #ffffff; padding: 0 60px;} #landing_Q-MMUNITYFund .dash::after {content: ""; display: block; width: 50px; height: 4px; border-radius: 2px; background: #9ac455; margin: 30px auto;} #landing_Q-MMUNITYFund .txt{font-family: 'museo-sans500'; font-size: 24px; font-weight: 300; line-height: 32px; color: #523189; width: 81%; margin: 10px auto 30px;} #landing_Q-MMUNITYFund .txt_bold{font-family: 'museo-sans900'; font-size: 24px; line-height: 32px; color: #8d317f; width: 81%; margin: 0 auto; font-style: italic;} @media (max-width: 1200px) {#landing_Q-MMUNITYFund .container {background-position: 50%; margin: 0; width: 100%;}} @media(max-width:768px){#landing_Q-MMUNITYFund .container{background-image: url(https://utilitynet.s3.amazonaws.com/qtilities/images/Q-mmunityFund_mobile.jpg); height: 1000px; margin: 0; background-position: 50% 100%;} #landing_Q-MMUNITYFund .title {font-size: 40px; line-height: 40px; padding: 0 20px; color: #423c3c;}} @media(max-width:480px){#landing_Q-MMUNITYFund .container{height: 1020px;} #landing_Q-MMUNITYFund .txt {font-size: 22px; line-height: 26px;} #landing_Q-MMUNITYFund .txt_bold {font-size: 22px; line-height: 28px;}} .landing_deserveBettersection{background-color: #fff; min-height: 980px;} #landing_deserveBetter .smalltilte{font-family: 'museo-sans300'; font-size: 20px; font-weight: 300; line-height: 28px; color: #e07539; margin-top: 80px; min-height: auto; text-transform: uppercase; padding: 0 10px;} #landing_deserveBetter .subtilte{font-family: 'museo-sans300'; font-size: 60px; font-weight: 300; line-height: 60px; color: #3c3c3d; margin-top: 30px; min-height: auto; padding: 0 10px;} #landing_deserveBetter .title{font-size: 70px; font-weight: 700; line-height: 70px; font-family: 'museo-sans900'; color: #9ac455; padding: 0 10px;} #landing_deserveBetter .midtxt_bold{font-family: 'museo-sans700'; font-size: 24px; line-height: 28px; color: #3c3c3d; margin: 20px 0 5px; min-height: auto; padding: 0 40px;} #landing_deserveBetter .midtxt{font-family: 'museo-sans300'; font-size: 24px; line-height: 28px; color: #3c3c3d; min-height: auto; padding: 0 20px; width: 77%; margin: 0 auto 40px;} #landing_deserveBetter .txttitle{font-size: 28px; font-weight: 700; line-height: 60px; font-family: 'museo-sans700';} #landing_deserveBetter .txt{font-family: 'museo-sans300'; font-size: 20px; font-weight: 300; line-height: 28px; color: #3c3c3d; margin-top: 20px; min-height: 140px; padding: 0 20px;} #landing_deserveBetter .icon{width: 55px; height: 55px; border: none; text-align: center; line-height: 32px; display: inline-block; border-radius: 100%; vertical-align: middle; margin: 0 15px 0 0; transition: border-color 0.25s;} #landing_deserveBetter .dash::after, #landing_whyswitch .dash::after{content: ""; display: block; width: 50px; height: 4px; border-radius: 2px; background: #e07539; margin: 30px auto;} #landing_deserveBetter .button{white-space: nowrap; display: inline-block; font-size: 18px; line-height: 45px; font-weight: 500; text-transform: capitalize; padding: 0 60px; color: #fff; border-radius: 75px; border: none; margin: 40px 0; width: 230px;} #landing_deserveBetter .button:hover{text-decoration: none; background-image: linear-gradient(to bottom, #8dc63f, #035d54);} @media(min-width:992px) and (max-width:1200px){#landing_deserveBetter .txt{min-height: 170px;}} @media(max-width:991px){#landing_deserveBetter .txt{min-height: auto;} #landing_deserveBetter .title{font-size: 50px; line-height: 50px;} #landing_deserveBetter .subtilte {font-size: 40px; line-height: 40px;}} #landing_powerWithPride .container{position: relative; display: block; background-image: url(https://utilitynet.s3.amazonaws.com/qtilities/images/powerWithPride.jpg); background-position: 100%; background-size: cover; z-index: 10; height: 1000px;} #landing_powerWithPride .txtcontainer{background-color: #e3fdffde; height: 1000px; padding: 20px 60px 0; width: 60%;} #landing_powerWithPride .smalltitle{font-family: 'museo-sans300'; font-size: 16px; font-weight: 300; line-height: 28px; text-transform: uppercase;} #landing_powerWithPride .title {font-family: 'museo-sans300'; font-size: 42px; font-weight: 300; line-height: 46px; max-width: 400px;} #landing_powerWithPride .dash::after {content: ""; display: block; width: 50px; height: 4px; border-radius: 2px; background: #9ac455; margin: 30px 0;} #landing_powerWithPride .txt {font-family: 'museo-sans300'; font-size: 20px; font-weight: 300; line-height: 28px; color: #3c3c3d; margin-top: 20px; min-height: 140px; width: 85%;} #landing_powerWithPride .box{position: absolute; z-index: 1000; margin: -900px 52%; width: 40%;} #landing_powerWithPride .txttitlecontainer {border-radius: 25px 25px 0 0; padding: 0 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px;} #landing_powerWithPride .icon {width: 55px; display: inline-block; vertical-align: middle; margin: 10px 20px; transition: border-color 0.25s; border: none;} #landing_powerWithPride .txtsmall {font-family: 'museo-sans300'; font-size: 18px; font-weight: 300; line-height: 24px; color: #3c3c3d; min-height: 100px; backgrounD-color: #f4f2f1; padding: 20px 30px; box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px; border-radius: 0 0 25px 25px;} #landing_powerWithPride .txttitle {font-size: 28px; font-weight: 700; line-height: 78px; font-family: 'museo-sans700'; color: #fff; position: absolute; margin-top: -73px; margin-left: 87px;} @media(max-width:1200px){#landing_powerWithPride .container {width: 100%; height: auto;} #landing_powerWithPride .txtcontainer{width:100%; height: auto; padding: 40px 100px;} #landing_powerWithPride .box {position: relative; margin: 0 auto; width: 60%;}} @media(max-width:768px){#landing_powerWithPride .txttitle{font-size: 22px; font-weight: 700; line-height: 20px; font-family: 'museo-sans700'; color: #fff; position: absolute; margin-top: -44px; margin-left: 80px;}} @media(max-width:576px){#landing_powerWithPride .box {position: relative; margin: 0 auto; width: 80%;} #landing_powerWithPride .title {font-size: 36px; line-height: 40px;} #landing_powerWithPride .txt {font-size: 18px; line-height: 26px; width: 100%;} #landing_powerWithPride .txtcontainer{padding: 40px;} #landing_powerWithPride .icon{width: 40px; margin: 10px;} #landing_powerWithPride .txttitle{font-size: 18px; font-weight: 700; line-height: 20px; font-family: 'museo-sans700'; color: #fff; position: absolute; margin-top: -37px; margin-left: 50px;}} .landing_FAQsection{background-color: #f2f2f2; padding: 60px;} #landing_FAQ .title{font-family: 'museo-sans300'; font-size: 55px; font-weight: 300; line-height: 67px; margin-top: 30px; min-height: auto; text-align: left;} #landing_FAQ .midtxt{font-family: 'museo-sans300'; font-size: 24px; font-weight: 300; line-height: 28px; color: #3c3c3d; margin-top: 20px; min-height: auto; width: 67%; margin-bottom: 60px;} #landing_FAQ .dash::after{content: ""; display: block; width: 50px; height: 4px; border-radius: 2px; background: #8dc63f; margin: 30px 0;} #landing_FAQ .txttitle{font-size: 22px; font-weight: 700; color: #3c3c3c; font-family: 'museo-sans500'; border-top: 0.5px solid #c7c7c7; padding: 20px 0 10px;} #landing_FAQ .txttitle a:hover {color: #3c3c3c; text-decoration: none;} #landing_FAQ .panel-group .panel{border-style: none;} #landing_FAQ .panel-default>.panel-heading+.panel-collapse>.panel-body {background: #f2f2f2; border: none; font-size: 22px; line-height: 28px;} #landing_FAQ .panel-default>.panel-heading {color: #3c3c3c; background-color: #f2f2f2; border-style: none;} #landing_FAQ .panel-group .panel+.panel{margin-top: 0px;} @media(max-width:576px){.landing_FAQsection{padding: 20px;}} .landing_contactUsForm{height: 820px; background-image: url(https://utilitynet.s3.amazonaws.com/qtilities/images/contactUsForm_bg.jpg); background-position: 100%; background-repeat: no-repeat; background-size: cover;} #contactUsForm{overflow:hidden;} #contactUsForm_contenttxt{background-color: #ffffff; margin-bottom:40px; margin: 0 auto;} .contactUsForm{position: absolute; top: 0; right:0; bottom:0; left: 0; margin: 30px 20px 20px; overflow-y: auto; -webkit-overflow-scrolling: touch;} @media (min-width: 1400px) {.contactUsFormcontainer {padding-right: 40px; padding-left: 40px; width: 100%;}} @media(min-width:701px) and (max-width:1200px){.landing_contactUsForm{height: 820px;}} @media screen and (max-width: 700px) {#landing_contactUsForm iframe {width: 300px !important; height: 640px !important;} .landing_contactUsForm{height: 760px;}} #qmmunity .button{white-space: nowrap; display: inline-block; font-size: 18px; line-height: 45px; font-weight: normal; text-transform: capitalize; padding: 0 60px; background: linear-gradient(to bottom, #a81b84, #3a2a9d); color: #fff; border-radius: 75px; border: none; margin-top:20px; margin-bottom: 20px; font-weight: 500;} #aboutus .txt, #qmmunity .txt{font-family: 'museo-sans300'; font-size: 20px; font-weight: 300; line-height: 28px; color: #3c3c3d;} #aboutus .title_bold, #qmmunity .title_bold, .q_munnity_voicie_title_bold{font-family: 'museo-sans900'; font-size: 30px; font-weight: 300; line-height: 40px; color: #8d317f;} #aboutus .bold, #qmmunity .bold{font-family: 'museo-sans700'; font-weight: 700;} #qmmunity .ctabox{margin: 40px auto 20px; font-family: 'museo-sans900'; font-size: 24px; line-height: 32px; color: #8d317f; font-style: italic;} #qmmunity .bordertop{border-top: solid 2px #f3f3f3;} @media(min-width:1200px){.chris_img, .rainbow_street_img{width: 80%;}} .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;}} @media only screen and (max-width: 1199px) and (min-width: 768px) {.boxbody {padding: 5px; height: 200px; font-size: 13px; line-height: 17px;}} .ngrateChart > .head {background: #061737 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: #061737; 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:16px; line-height:20px; text-align: center; color: #ffffff; padding: 0 20px;} .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:#8dc63f;} .footersocial a:hover .icon svg{fill:#8dc63f;} .container_mysecure{margin-top:80px;}.headercontainer{height:150px;}.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/qtilities/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:-14px; left:5px; height: 60px; width:200px; line-height: 20px; padding: 0px!important; background-image: url(https://utilitynet.s3.amazonaws.com/qtilities/images/logo.png)!important; display: block !important;}} .navbar-default {background-color: #061737;} .navbar-default .navbar-nav > li > a {color: #8dc63f;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #8dc63f; background-color: linear-gradient(to bottom, #8dc63f, #035d54);}@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:#061737; background-image:url(https://utilitynet.s3.amazonaws.com/qtilities/images/navbar_bg.jpg); background-position: 100%; background-size: cover; 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; text-transform: uppercase; line-height: 40px; display:block; font-weight:400;} .navbarmain ul li a:hover{color:#ffeb3b!important;} .navbarmain .button{background: linear-gradient(to bottom, #a81b84, #3a2a9d); color:#fff!important; border-radius: 25px; display: inline-block; font-size: 16px; font-weight: 500; line-height: 40px; padding: 0px 30px; text-transform: none; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap;} .navbarmain .button:hover{background: linear-gradient(to bottom, #8dc63f, #035d54); color:#ffffff!important;} .caret{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:#8dc63f!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: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: #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:40px!important; padding-right:40px!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:#ffffff!important; background-color: transparent!important; transition:opacity 0.25s; font-size:16px; text-transform: uppercase;} .navupper ul li a:hover, .navbarmain ul li a:hover{opacity:1; color:#8dc63f!important;} .navupper .icon {display: inline-block; height: 20px; margin: -3px 3px 0 0; width: 20px; border: none;} .navbarmain .button{background: linear-gradient(to bottom, #a81b84, #3a2a9d); color:#ffffff!important; border-radius: 25px; display: inline-block; font-size: 16px; font-weight: 500; 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: linear-gradient(to bottom, #8dc63f, #035d54); color:#fff!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:#8dc63f!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;}}@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%;}}