html{overflow-y: scroll;} body{margin:0px; color:#3e3f3e; font-size:16px; font-weight:normal; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-font-smoothing: subpixel-antialiased;} .emcolor{color:#253340;} .bold{font-weight: bold;} .italic{font-style: italic;} .highlight{color:#3e3f3e; text-decoration: underline;} .txt{font-size:16px; font-weight:normal; margin-bottom:20px;} .txtright{text-align:right;} .txtleft{text-align:left;} .txtyellow{color:#253340;} .txtwhite{color:#ffffff;} .txtgray{color:#808080;} .txtlightgray{color:#d1d1d1;} .txtlightblue{color:#99c7ea;} .txtblue{color:#183b65;} .txtdarkblue{color:#182954;} .center{text-align: center;} .nopadding{padding:0px;} .padding10{padding:10px;} .padding20{padding:20px;} .paddingleft20{padding-left:20px;} .paddingbottom20{padding-bottom:20px;} .margincenter{margin: 0 auto;} .margintop20{margin-top:20px;} .marginbottom10{margin-bottom:10px;} .marginbottom20{margin-bottom:20px;} .marginbottom40{margin-bottom:40px;} .marginbottom50{margin-bottom:50px;} .marginbottom60{margin-bottom:60px;} .margintop40{margin-top:40px;} .margintop50{margin-top:50px;} .margintop60{margin-top:60px;} .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: left; 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;} .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);} .bannercontainer {position: relative; height:500px; background: url(https://utilitynet.s3.amazonaws.com/solarmaxpower/images/header_home_promo.webp); background-position: 80%; background-repeat: no-repeat; background-size: cover; background-color: #ffffff; z-index:10;} .bannerbluebgcontainer{background-color: rgba(39, 111, 180, 0.7); color:#fff; position:absolute; left:0; right:0; top:55%; padding:20px;} .bannertextcenter{color:#fff; position:absolute; left:0; right:0; top:10%; padding:20px; margin-left: auto; margin-right: auto; max-width:85%;} .bannertextleft{color:#253340; position:absolute; top:20%; left:0; right:0; padding:20px; margin-left: auto; margin-right: auto; width:1000px; max-width:90%;} .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; font-weight: lighter; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:350px;} .bannertextcontentright{font-size: 20px; font-weight: lighter; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:450px; float:right;} .bannertexttitle{font-size: 50px; line-height: 78px; font-weight:bold; letter-spacing: 0.07em; transform: scale(1, 1.5);} .bannertextsubtitle{font-size: 34px; font-weight: lighter; line-height: 40px; margin-bottom:60px;} .bannertextcontent{font-size: 20px; line-height: 28px;} .bannerbotton{clear: both;} .bannerbotton a{background: #f5732d!important; border: solid 1px transparent; border-radius: 8px; 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;} .bannerbotton a:hover{background:#3e3f3e!important; border: solid 1px #253340; color:#ffffff!important; text-decoration: none!important;} .banner_about{position: relative; height:300px; background: url(https://utilitynet.s3.amazonaws.com/solarmaxpower/images/header-about.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover; z-index:10;} .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);} @media (min-width: 481px) and (max-width: 992px) {.bannercontainer {position: relative; height:400px; background: url(https://utilitynet.s3.amazonaws.com/solarmaxpower/images/header_home_promo.webp); background-position: 55%; background-repeat: no-repeat; background-size: cover; background-color: #ffffff; z-index:10;} .bannerbluebgcontainer{background-color: rgba(39, 111, 180, 0.7); color:#fff; position:absolute; left:0; right:0; top:40%; padding:10px;} .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%;} .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: 20px; font-weight: lighter; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:350px;} .bannertextcontentright{font-size: 20px; font-weight: lighter; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:85%; float:right;} .bannertexttitle{font-size: 32px; font-weight: 700; line-height: 40px;} .bannertextsubtitle{font-size: 22px; line-height: 28px; margin-bottom:40px;} .bannertextcontent{font-size: 16px; line-height: 20px; width: 80%; margin: 0 auto;} .bannerbotton{clear: both;} .super{position: relative; top: -0.8em; font-size:20px;} .bigthintxt{font-size: 24px; line-height: 28px; padding-bottom:20px; letter-spacing: 0.15em; transform: scale(1, 1.5); font-weight: bold;} .thintxt{font-size: 16px; font-weight: bold; line-height: 20px; font-weight: lighter; letter-spacing: 0.15em; transform: scale(1, 1.5);}} @media (max-width: 480px) {.bannercontainer {position: relative; height:400px; background: url(https://utilitynet.s3.amazonaws.com/solarmaxpower/images/header_home_promo.webp); background-position: 55%; background-repeat: no-repeat; background-size: cover; background-color: #ffffff; z-index:10;} .bannerbluebgcontainer{background-color: rgba(39, 111, 180, 0.7); color:#fff; position:absolute; left:0; right:0; top:40%; padding:10px;} .bannertextleft, .bannertextright{color:#fff; position:absolute; top:40%; left:0; right:0; margin-left: auto; margin-right: auto; text-align: center; max-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, .bannertextcontentright{font-size: 18px; font-weight: lighter; letter-spacing: 0.07em; line-height: 24px; padding-top: 10px; width:100%;} .bannertextcontentcenter{padding-top: 10px; width:98%; margin: 0 auto;} .bannertexttitle{font-size: 28px; font-weight: 700; line-height: 34px; margin-bottom:10px;} .bannertexttitle{font-size: 24px; font-weight: 700; line-height: 28px;} .bannertextsubtitle{font-size: 18px; line-height: 24px; margin-bottom:30px;} .bannertextcontent{font-size: 16px; line-height: 20px; width: 85%; margin: 0 auto;} .super{position: relative; top: -0.8em; font-size:18px;} .bigthintxt{font-size: 18px; line-height: 22px; padding-bottom:20px; letter-spacing: 0.15em; transform: scale(1, 1.5); font-weight: bold; margin-top:10px;} .thintxt{font-size: 14px; font-weight: bold; line-height: 20px; font-weight: lighter; letter-spacing: 0.15em; transform: scale(1, 1.5);}} .rateChart {margin-top: 0;} .rateChart > .head {background: #253340 none repeat scroll 0 0; color: #ffffff; margin-bottom: 2px; padding: 10px; text-align: center; text-transform: uppercase; font-size:30px;} .rateChart > .bodytxt {background: #e5e5e5 none repeat scroll 0 0; display: block;} .rateChart a.button.large {border-radius: 25px; line-height: 50px;} .rateChart a.button {background: #253340 none repeat scroll 0 0; border-radius: 20px; color: #fff; display: inline-block; font-size: 22px; font-weight: 900; line-height: 55px; padding: 0 40px; text-transform: uppercase; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap;} .rateChart a.button:hover {background: #253340 none repeat scroll 0 0; border-radius: 25px; text-decoration:none;} .Rates-Content{overflow:hidden;} .Rates-Content img{width:100%;} .Rates-Content table{float:left; width:97%; border:none none!important; margin:17px;} .Rates-Content table img{display:inline-block; width:30px; height:30px;} .Rates-Content table tr:first-child th{padding-top:10px; font-size:18px;} .Rates-Content table th {background: #cbdbeb none repeat scroll 0 0; color: #000000; padding: 10px; text-align: center; border:solid 1px #b9b9b9; font-size:18px;} .Rates-Content table tr.highlight td{background:#d0dfe1;} .Rates-Content table td{padding:10px; border: 0;} .Rates-Content table td:nth-child(1){width:25%; font-size:23px;} .Rates-Content table td:nth-child(2){width:50%;} .Rates-Content table td:nth-child(3){width:25%;} .Rates-Content table td {background: #ffffff none repeat scroll 0 0; padding: 10px; border: none!important; border-bottom: solid 1px #ededed!important; text-align: center; vertical-align: middle;} @media(max-width:992px){.Rates-Content{padding:5px;} .Rates-Content table{float:none; width:100%; border:none; margin: 0;}}.ngrateChart > .head {background: #0f2c52 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;}} a[href^="tel:"]{pointer-events: none; cursor:text;}@media only screen and (max-device-width:480px){a[href^="tel:"]{pointer-events: auto; cursor:pointer;}} .footer{width:100%!important; min-height:200px; background-color: #253340; color:#d1d1d1;} .footer_title{text-align: left; font-size:20px; padding:5px; color: #779bbd;} .footer_subtitle{font-size:16px;} .footercontainer{position: relative; margin-bottom:50px;} .footertxt{position: relative; font-size:16px; line-height:18px; color: #d1d1d1; padding:5px;} .footerimg{text-align: center; margin-top:25%;} .footer a{color: #779bbd; text-decoration: none;} .footer a:hover{text-decoration: underline;} .footerimg .footer_img {display: block; width: 100%; max-width: 240px; height: auto; margin: 0 auto;} .footer_img {display: block; width: 100%; max-width: 240px; height: auto; margin: 0 auto;}@media (max-width: 991px) {.footerimg {width: 100%; margin-top: 5%; text-align: center;} .footerimg .footer_img {margin-right: auto; margin-left: auto;}}.footercontainer .logo{margin: 0 auto; width: 200px;}.footersocialcontainer {display: grid; grid-template-columns: repeat(2, 48px); gap: 12px; width: max-content; margin-top: 18px;}.footersocial {width: 48px; height: 48px; padding: 0; margin: 0;}.footersocial .icon {display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; line-height: 1; border: 3px solid #fff; border-radius: 50%; box-sizing: border-box;}.footersocial .icon svg {display: block; width: 24px; height: 24px; fill: #fff;}.footersocial a:hover .icon {border-color: #779bbd; transform: translateY(-2px);}.footersocial a:hover .icon svg {fill: #779bbd;}@media (max-width: 991px) {.footercontainer .social-column, .footercontainer .footer-social-column {float: none; width: 100%; max-width: none; text-align: center;} .footersocialcontainer {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px; width: 100%; max-width: none; margin: 18px auto 0; padding: 0; box-sizing: border-box;} .footersocial {flex: 0 0 auto; width: auto; height: auto; margin: 0; padding: 0;} .footer_title {text-align: center;}}@media (min-width: 768px) {.footersocialcontainer {flex-wrap: nowrap;}}.homepage-hero .bannercontainer {position: relative; height: 690px; background: url(https://utilitynet.s3.amazonaws.com/solarmaxpower/images/header_home_promo.webp); background-position: center right; background-repeat: no-repeat; background-size: cover; overflow: hidden;}.hero-overlay {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient( 90deg, rgba(37,51,64,.88) 0%, rgba(39,111,180,.72) 42%, rgba(37,51,64,.28) 72%, rgba(37,51,64,0) 100% ); z-index: 1;}.homepage-hero .container {position: relative; z-index: 2;}.hero-content {position: relative; top: 95px; max-width: 560px; color: #fff;}.hero-content h1 {margin: 0 0 25px; font-size: 64px; line-height: 1.05; font-weight: 800; color: #fff; letter-spacing: -1px;}.hero-subtitle {font-size: 24px; line-height: 32px; font-weight: 700; margin-bottom: 6px; color: #fff;}.hero-note {font-size: 17px; line-height: 24px; margin-bottom: 28px; color: #fff;}.hero-buttons .solarmax-btn {margin-right: 16px; margin-bottom: 12px;}.solarmax-btn {position: relative; display: inline-block; overflow: hidden; isolation: isolate; background: linear-gradient( 90deg, #668fb4 0%, #779bbd 45%, #8aadd0 55%, #779bbd 100% ); background-size: 220% 100%; background-position: 100% 0; animation: none; color: #fff !important; border: 1px solid #779bbd; border-radius: 7px; padding: 13px 30px; font-size: 15px; font-weight: 800; text-transform: uppercase; text-decoration: none !important; box-shadow: 0 8px 18px rgba(119, 155, 189, 0.2), 0 0 0 rgba(119, 155, 189, 0); transition: background-position 0.55s ease, transform 0.25s ease, box-shadow 0.35s ease, border-color 0.25s ease;}.solarmax-btn::before {content: ""; position: absolute; top: -60%; bottom: -60%; left: -45%; width: 35%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.34), transparent ); transform: skewX(-20deg); transition: left 0.6s ease; pointer-events: none; z-index: -1;}.solarmax-btn:hover,.solarmax-btn:focus {background-position: 0 0; border-color: #8aadd0; color: #fff !important; text-decoration: none !important; transform: translateY(-2px); box-shadow: 0 12px 24px rgba(119, 155, 189, 0.35), 0 0 28px rgba(119, 155, 189, 0.28);}.solarmax-btn:hover::before,.solarmax-btn:focus::before {left: 120%;}.solarmax-btn:active {transform: translateY(0); box-shadow: 0 5px 12px rgba(119, 155, 189, 0.25);} .solarmax-btn-outline {background: rgba(255, 255, 255, 0.08); background-size: 220% 100%; border-color: rgba(255, 255, 255, 0.85);}.solarmax-btn-outline:hover,.solarmax-btn-outline:focus {background: linear-gradient( 90deg, #668fb4 0%, #779bbd 50%, #8aadd0 100% ); background-size: 220% 100%; background-position: 0 0; border-color: #8aadd0;}@media (prefers-reduced-motion: reduce) {.solarmax-btn {animation: none; transition: none;} .solarmax-btn::before {display: none;}}.benefit-strip {background: #779bbd; color: #fff; padding: 18px 0;}.benefit-item {text-align: center; font-size: 16px; line-height: 22px; color: #fff; border-right: 1px solid rgba(255,255,255,0.35); min-height: 62px;}.benefit-item:last-child {border-right: 0;}.benefit-icon {width: 42px; height: 42px; line-height: 38px; border: 2px solid #fff; border-radius: 50%; margin: 0 auto 10px; font-size: 22px; font-weight: 700;}.offer-section {padding: 70px 0 35px; background: #fff;}.section-title {text-align: center; font-size: 38px; line-height: 44px; font-weight: 800; color: #253340; margin: 0 0 45px; position: relative;}.section-title:after {content: ""; display: block; width: 70px; height: 4px; background: #779bbd; margin: 15px auto 0; border-radius: 4px;}.offer-card {background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 28px rgba(37, 51, 64, 0.15); margin-bottom: 35px; transition: all 0.25s ease; min-height: 260px;}.offer-card:hover {transform: translateY(-6px); box-shadow: 0 16px 36px rgba(37, 51, 64, 0.22);}.offer-card img {width: 100%; height: 220px; object-fit: cover;}.offer-card-body {padding: 28px;}.offer-card h3 {font-size: 28px; line-height: 32px; color: #253340; margin: 0 0 16px; font-weight: 500;}.offer-card p {font-size: 16px; line-height: 24px; color: #3e3f3e; min-height: 75px; margin-bottom: 22px;}.offer-card .solarmax-btn {padding: 10px 28px;}.solar-club-feature {padding: 25px 0 75px; background: #fff;}.solar-club-card {background: #f4f8fc; border-radius: 16px; box-shadow: 0 8px 24px rgba(37, 51, 64, 0.08); padding: 30px 35px; display: block;}.solar-club-logo-wrap {border-right: 1px solid #c9d9e8;}.solar-club-card img {max-width: 280px;}.solar-club-card h2 {font-size: 32px; line-height: 38px; color: #253340; margin: 0 0 12px; font-weight: 700;}.solar-club-card p {font-size: 17px; line-height: 25px; margin-bottom: 28px;}.solar-club-benefits {margin-bottom: 26px;}.solar-club-benefits div {font-size: 14px; line-height: 20px; color: #253340; border-right: 1px solid #c9d9e8; min-height: 54px;}.solar-club-benefits div:last-child {border-right: 0;}.solar-club-benefits .col-sm-4 {display: flex; font-size: 14px; line-height: 20px; color: #253340; min-height: 54px; align-items: center; text-align: left; gap: 10px;}.solar-club-benefits .benefit-icon {flex: 0 0 54px; width: 54px; height: 46px; margin: 0; display: flex; align-items: center; justify-content: center; border: 2px solid #779bbd;}.solar-club-benefits .benefit-icon svg {width: 24px; height: 24px; color: #779bbd;}.solar-club-benefits .col-sm-4 > div:last-child {flex: 1; padding: 0; margin: 0; border: 0;}.bannerbotton a {background: #779bbd !important;}.bannerbotton a:hover {background: #253340 !important;}@media (max-width: 991px) {.hero-content h1 {font-size: 48px;} .hero-content {padding-top: 5px;} .homepage-hero .bannercontainer {height: 560px;} .offer-card {min-height: 0;} .solar-club-card {padding: 32px 30px; text-align: center;} .solar-club-card > .solar-club-logo-wrap, .solar-club-card > .col-sm-8 {float: none; width: 100%;} .solar-club-logo-wrap {border-right: 0; border-bottom: 1px solid #c9d9e8; margin: 0 0 30px; padding: 0 0 30px; text-align: center;} .solar-club-card img {display: block; width: 100%; max-width: 260px; height: auto; margin: 0 auto;} .solar-club-card h2 {max-width: 650px; margin: 0 auto 12px;} .solar-club-card > .col-sm-8 > p {max-width: 650px; margin: 0 auto 28px;} .solar-club-benefits {display: flex; align-items: stretch; margin-right: 0; margin-left: 0;} .solar-club-benefits .col-sm-4 {float: none; width: 33.333%; max-width: none; display: flex; align-items: center; gap: 10px; margin: 0; padding: 0 20px; justify-content: flex-start; text-align: left;} .solar-club-benefits .col-sm-4:not(:last-child) {border-right: 1px solid #c9d9e8;} .solar-club-benefits .col-sm-4 > div:last-child {border: 0; padding: 0; margin: 0; min-height: 0;}}@media (max-width: 767px) {.homepage-hero .bannercontainer {height: auto; min-height: 560px; background-position: center right;} .hero-overlay {background: rgba(37, 51, 64, 0.78);} .hero-content {padding: 5px 15px; text-align: center; margin: 0 auto; top: 30px;} .hero-content h1 {font-size: 42px;} .hero-subtitle {font-size: 20px; line-height: 28px;} .hero-buttons .solarmax-btn {display: block; margin: 0 auto 14px; max-width: 280px;} .benefit-item {border-right: 0; margin-bottom: 22px;} .offer-section {padding-top: 50px;} .section-title {font-size: 32px;} .solar-club-card {padding: 30px 20px;} .solar-club-card h2 {font-size: 28px; line-height: 34px;} .solar-club-benefits {display: block;} .solar-club-benefits .col-sm-4 {display: flex; align-items: center; gap: 10px; justify-content: flex-start; width: 100%; max-width: 340px; margin: 0 auto; padding: 16px 0; justify-content: flex-start; border-right: 0 !important; border-bottom: 1px solid #c9d9e8;} .solar-club-benefits .col-sm-4:last-child {border-bottom: 0;} .solar-club-benefits .benefit-icon {flex: 0 0 54px;} .solar-club-card .solarmax-btn {display: inline-block;}}.offer-card-video {position: relative; border-radius: 12px; overflow: hidden; min-height: 260px; box-shadow: 0 10px 28px rgba(37, 51, 64, 0.15);}.offer-card-media {position: relative; height: 260px; overflow: hidden;}.offer-card-media video,.offer-card-media img {width: 100%; height: 100%; object-fit: cover; display: block;}.offer-card-overlay {position: absolute; left: 0; right: 0; bottom: 0; min-height: 80px; padding: 28px; color: #fff; background: linear-gradient( to top, rgba(37, 51, 64, 0.78), rgba(37, 51, 64, 0.18) ); transition: all 0.35s ease;}.offer-card-overlay h3 {position: absolute; top: 26px; left: 28px; margin: 0; color: #fff; font-size: 28px; line-height: 32px; font-weight: 700; z-index: 2;}.offer-card-reveal {position: absolute; left: 28px; right: 28px; bottom: 28px; opacity: 0; transform: translateY(35px); transition: all 0.35s ease;}.offer-card-reveal p {color: #fff; font-size: 16px; line-height: 24px; margin: 0 0 22px;}.offer-card-video:hover .offer-card-overlay {top: 0; min-height: 100%; background: rgba(37, 51, 64, 0.55); background: rgba(37,51,64,.72);}.offer-card-video:hover .offer-card-reveal {opacity: 1; transform: translateY(0);}.offer-card-video:hover .offer-card-overlay h3 {top: 34px;}.offer-card-video .solarmax-btn {border-color: #779bbd;}@media (max-width: 767px) {.offer-card-video, .offer-card-media {min-height: 300px; height: 300px;} .offer-card-reveal {opacity: 1; transform: none;} .offer-card-video .offer-card-overlay {top: 0; min-height: 100%; background: rgba(37, 51, 64, 0.58);}}.benefit-icon svg {width: 28px; height: 28px; color: #fff;}.benefit-icon {display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 2px solid rgba(255,255,255,.45); border-radius: 50%;}.solar-club-benefits .benefit-icon {border: 2px solid #779bbd;}.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:300px; height:80px; background-image: url(https://utilitynet.s3.amazonaws.com/solarmaxpower/images/logomain.png)!important; background-repeat: no-repeat;}@media(max-width:1200px){.navbar-brand{left:20px;}}@media (max-width: 992px) {.navbar-brand {float: left; font-size: 18px; top:0px; left:5px; height: 50px; width:200px; line-height: 20px; padding: 0px!important; background-image: url(https://utilitynet.s3.amazonaws.com/solarmaxpower/images/logo.png)!important; display: block !important;}} .navbar-default {background-color: #253340;} .navbar-default .navbar-nav > li > a {color: #ffffff;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #ffffff;}@media(min-width:993px){.navupper{background:#ffffff; min-height:90px; width:100%; padding:0px 85px 0px 0px;} .navupper ul {list-style: none; margin-top:15px;} .navupper ul li{padding:10px;} .navupper ul li a{color:#565656!important; background-color: transparent!important; transition:opacity 0.25s;} .navupper ul li a:hover{opacity:0.66; text-decoration: none;} .navbarmain{background:#253340; 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; line-height: 40px; display:block; font-weight:700;} .navbarmain ul li a:hover{color:#779bbd!important;} .navbarmain .button{background: #ffffff!important; color:#3e3f3e!important; border-radius: 8px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; padding: 0px 20px; text-transform: none; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; white-space: nowrap;} .navbarmain .button:hover{background:#779bbd!important; 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:300px; box-shadow:0 5px 20px rgba(0,0,0,0.1); transition:max-height 0.25s, padding 0.25s; border: none;} .navbarmain li:hover > .navdropdown{max-height: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:#3e3f3e!important; color:#fff!important;} .mobilesupport{display: none!important;}}@media(min-width:993px) and (max-width:1200px){.navupper{padding:0px 40px 0px 0px;} .navbarmain{padding-right:40px;} .navbarmain ul li a{display:block; padding:0 10px; color:#fff; font-size:18px; font-weight:700; 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; text-transform: uppercase; font-size:16px;} .navupper ul li a:hover, .navbarmain ul li a:hover{opacity:1; color:#ffffff!important;} .navupper .icon {display: inline-block; height: 20px; margin: -3px 3px 0 0; width: 20px; border: none;} .navbarmain .button{background: #ffffff!important; color:#3e3f3e!important; border-radius: 8px; display: inline-block; font-size: 16px; font-weight: 900; line-height: 40px; 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:#f5732d!important; color:#ffffff!important;} .caret{display:inline-block;} .navbarmain .navdropdown{background:#ffffff!important;} .navbarmain .navdropdown a{display:block; padding:5px 5px 5px 10px!important; margin:5px; font-size:14px; line-height:20px; color:#3e3f3e!important; transition:background 0.25s, color 0.25s; white-space: normal;} .navbarmain .navdropdown a:hover{background:#3e3f3e!important; color:#ffffff!important;} .navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;}}@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%;}}