﻿.banner-border-top {
	height: 0.625em; /* 10/16px*/
	background: rgb(214,215,216);
	background: -moz-linear-gradient(top, rgba(214,215,216,1) 0%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,215,216,1)), color-stop(100%,rgba(239,239,239,1)));
	background: -webkit-linear-gradient(top, rgba(214,215,216,1) 0%,rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(top, rgba(214,215,216,1) 0%,rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(top, rgba(214,215,216,1) 0%,rgba(239,239,239,1) 100%);
	background: linear-gradient(to bottom, rgba(214,215,216,1) 0%,rgba(239,239,239,1) 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d7d8', endColorstr='#efefef',GradientType=0 );*/
}

.banner-section { background-color: #000; color: #fff; }
.banner-section a:hover { color: #80b8fd; }
.banner-section h1 { color: #fff }
.banner-section h1 sup { font-size: 50%; }

.banner-section > .image { max-width: 1700px; margin: 0 auto; min-height: 208px; }


.banner-section > .image > .overlay { 
	 min-height: 208px;

	background: -moz-linear-gradient(left,  rgba(0,0,0,0.94) 0%, rgba(0,0,0,0.55) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.94)), color-stop(100%,rgba(0,0,0,0.55)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.55) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.55) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.55) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.55) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff000000', endColorstr='#22000000',GradientType=1 );
}

@media only screen and (min-width: 30.063em) {
	.banner-section > .image > .overlay { 
		background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 60%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(20%,rgba(0,0,0,1)), color-stop(60%,rgba(0,0,0,0)));
		background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 60%);
		background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 60%);
		background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 60%);
		background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,0) 60%);
	}
}
@media only screen and (min-width: 79.875em) { /* xlarge(1200px) plus margin */
	.banner-section > .image > .overlay { 
		background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,1) 9%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 88%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(9%,rgba(0,0,0,1)), color-stop(59%,rgba(0,0,0,0)), color-stop(88%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
		background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 9%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 88%,rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 9%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 88%,rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 9%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 88%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 9%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 88%,rgba(0,0,0,1) 100%);
	}
}
@media only screen and (min-width: 93.75em) { /* full image */
	.banner-section > .image > .overlay { 
		background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,1) 9%, rgba(0,0,0,0) 59%, rgba(0,0,0,0) 85%, rgba(0,0,0,1) 94%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(9%,rgba(0,0,0,1)), color-stop(59%,rgba(0,0,0,0)), color-stop(85%,rgba(0,0,0,0)), color-stop(94%,rgba(0,0,0,1)));
		background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 9%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 85%,rgba(0,0,0,1) 94%);
		background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 9%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 85%,rgba(0,0,0,1) 94%);
		background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 9%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 85%,rgba(0,0,0,1) 94%);
		background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 9%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 85%,rgba(0,0,0,1) 94%);
	}
}


.banner-section .customer-service { 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.72) 0%, rgba(0,0,0,1) 59%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.72)), color-stop(59%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.72) 0%,rgba(0,0,0,1) 59%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.72) 0%,rgba(0,0,0,1) 59%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.72) 0%,rgba(0,0,0,1) 59%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.72) 0%,rgba(0,0,0,1) 59%,rgba(0,0,0,1) 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8000000', endColorstr='#000000',GradientType=0 );*/
}
.lt-ie9 .banner-section .customer-service { margin-top: 0; }

/* default banner */
.banner-section > .image {
	background: url("/global/utilities/lib/images/homepage/Banner_lineman.jpg") no-repeat scroll 60% top rgba(0, 0, 0, 0);
}
.lt-ie9 .banner-section > .image {
	background: url("/global/utilities/lib/images/homepage/Banner_lineman.jpg") no-repeat scroll center top #fff;
	background-image: url(/global/utilities/lib/images/homepage/Banner_lineman.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: none;
	z-index: 99;
}
/* storm banner */
/*.banner-section > .image.storm { background-image: url(/global/utilities/lib/images/homepage/Banner_Springlineman1.jpg); }*/
.banner-section > .image.storm { background-image: url(/global/utilities/lib/images/homepage/Banner_WinterLineman.jpg); }
.banner-section > .image.storm.texas { background-image: url(/global/utilities/lib/images/homepage/Banner_Outage_WindII.jpg); }
/* other banners */
.banner-section > .image.myEnergyAdvisor { background-image: url(/global/utilities/lib/images/homepage/banner-MyEnergyAdvisor.jpg); }
.banner-section > .image.winterLinemen { background-image: url(/global/utilities/lib/images/homepage/Banner_WinterLineman.jpg); }
.banner-section > .image.outageLinemen { background-image: url(/global/utilities/lib/images/homepage/Banner_Outage_Lineman.jpg); }
.banner-section > .image.springLinemen { background-image: url(/global/utilities/lib/images/homepage/Banner_Springlineman1.jpg); }
.banner-section > .image.thermostat { background-image: url(/global/utilities/lib/images/homepage/Banner_energyeff.jpg); }
.banner-section > .image.IMOnTheGo, .swiper-slide.IMOnTheGo { background-image: url(/global/utilities/lib/images/homepage/IMOnTheGo_Banner.jpg); }
.banner-section > .image.callCenter { background-image: url(/global/utilities/lib/images/homepage/Banner_callcenter.jpg); }
.banner-section > .image.industry { background-image: url(/global/utilities/lib/images/homepage/Banner_industry.jpg); }
.banner-section > .image.neighbor { background-image: url(/global/utilities/lib/images/homepage/Banner_Neighbor.jpg); }
.banner-section > .image.IMEffGreen, .swiper-slide.IMEffGreen { background-image: url(/global/utilities/lib/images/homepage/Banner_IMEffGreen.jpg); }
.banner-section > .image.homeServe, .swiper-slide.homeServe { background-image: url(/global/utilities/lib/images/homepage/Banner_IMHomeServe.jpg); }
.banner-section > .image.IMEffLighting, .swiper-slide.IMEffGreen { background-image: url(/global/utilities/lib/images/homepage/Banner_IMBolts.jpg); }
.banner-section > .image.IMSolar, .swiper-slide.IMSolar { background-image: url(/global/utilities/lib/images/homepage/Banner_IMSolar.jpg); }
.banner-section > .image.IMSurface, .swiper-slide.IMSurface { background-image: url(/global/utilities/lib/images/homepage/Banner_IMSurface.jpg); }
.banner-section > .image.OHAMP, .swiper-slide.OHAMP { background-image: url(/global/utilities/lib/images/homepage/Banner_HolidayTree.jpg); }
.banner-section > .image.OHWinterHomes, .swiper-slide.OHWinterHomes { background-image: url(/global/utilities/lib/images/homepage/Banner_WinterHomes.jpg); }
.banner-section > .image.OHhomeServe, .swiper-slide.OHhomeServe { background-image: url(/global/utilities/lib/images/homepage/Banner_IMHomeServe.jpg); }
.banner-section > .image.OHMobileAlerts, .swiper-slide.OHMobileAlerts { background-image: url(/global/utilities/lib/images/homepage/Banner_Springlineman1.jpg); }
.banner-section > .image.OHScam, .swiper-slide.OHScam { background-image: url(/global/utilities/lib/images/homepage/Banner_callcenter.jpg); }
.banner-section > .image.OHGetPumped, .swiper-slide.OHGetPumped { background-image: url(/global/utilities/lib/images/homepage/Banner_HappyCustomer.jpg); }
.banner-section > .image.PaperlessBilling { background-image: url(/global/utilities/lib/images/homepage/Banner_PaperlessBilling.jpg); }
.banner-section > .image.APCOAd, .swiper-slide.APCOAd { background-image: url(/global/utilities/lib/images/homepage/Banner_APCO_AD.jpg); }
.banner-section > .image.IMAd, .swiper-slide.IMAd { background-image: url(/global/utilities/lib/images/homepage/Banner_IM_AD.jpg); }
.banner-section > .image.IM2Ad, .swiper-slide.IMAd { background-image: url(/global/utilities/lib/images/homepage/Banner_IM2_AD.jpg); }
.banner-section > .image.KYAd, .swiper-slide.KYAd { background-image: url(/global/utilities/lib/images/homepage/Banner_KY_AD.jpg); }
.banner-section > .image.OHAd, .swiper-slide.OHAd { background-image: url(/global/utilities/lib/images/homepage/Banner_AEPOH_TreeAd.jpg); }
.banner-section > .image.PSOAd, .swiper-slide.PSOAd { background-image: url(/global/utilities/lib/images/homepage/Banner_PSO_AD.jpg); }
.banner-section > .image.SWEPCOAd, .swiper-slide.SWEPCOAd { background-image: url(/global/utilities/lib/images/homepage/Banner_SWEPCO_AD_2.jpg); }
.banner-section > .image.TXAd, .swiper-slide.TXAd { background-image: url(/global/utilities/lib/images/homepage/Banner_TX_AD.jpg); }
.banner-section > .image.OHStableRates, .swiper-slide.OHStableRates { background-image: url(/global/utilities/lib/images/homepage/Banner_Pablo.jpg); }
.banner-section > .image.SWEPCOCooker, .swiper-slide.SWEPCOCooker { background-image: url(/global/utilities/lib/images/homepage/Banner_SWEPCO_Outage.jpg); }
.banner-section > .image.OHOSU, .swiper-slide.OHOSU { background-image: url(/global/utilities/lib/images/homepage/Banner_AEPOH_OSU.jpg); }
.banner-section > .image.OHSloat, .swiper-slide.OHSloat { background-image: url(/global/utilities/lib/images/homepage/Banner_AEPOH_JulieSloat.jpg); }
.banner-section > .image.KY_AD_seniorgames, .swiper-slide.KY_AD_seniorgames { background-image: url(/global/utilities/lib/images/homepage/Banner_KY_AD_seniorgames.jpg); }
.banner-section > .image.APCO_lawnmower { background-image: url(/global/utilities/lib/images/homepage/Banner_APCO_lawnmower.jpg); }
.banner-section > .image.IMFridge, .swiper-slide.IMFridge { background-image: url(/global/utilities/lib/images/homepage/Banner_IM_fridge.jpg); }
.banner-section > .image.OHFridge, .swiper-slide.OHFridge { background-image: url(/global/utilities/lib/images/homepage/Banner_FridgeRecycling.jpg); }
.banner-section > .image.APCO_Smoker { background-image: url(/global/utilities/lib/images/homepage/Banner_APCo_meat.jpg); }
.banner-section > .image.KY_AD_UKFootball { background-image: url(/global/utilities/lib/images/homepage/Banner_KY_UK.jpg); }
.banner-section > .image.APCOXbox { background-image: url(/global/utilities/lib/images/homepage/Banner_IM_xbox.jpg); }
.banner-section > .image.ScamBanner { background-image: url(/global/utilities/lib/images/homepage/Banner_Scam.jpg); }
.banner-section > .image.APCOOutageMap { background-image: url(/global/utilities/lib/images/homepage/Banner_Outage_Map_Apco.jpg); }
.banner-section > .image.IMOutageMap { background-image: url(/global/utilities/lib/images/homepage/Banner_Outage_Map_IM.jpg); }
.banner-section > .image.KYOutageMap { background-image: url(/global/utilities/lib/images/homepage/Banner_Outage_Map_KY.jpg); }
.banner-section > .image.PSOOutageMap { background-image: url(/global/utilities/lib/images/homepage/Banner_Outage_Map_PSO.jpg); }
.banner-section > .image.SwepcoTuneUp { background-image: url(/global/utilities/lib/images/homepage/Banner_Swepco_tuneup.jpg); }
.banner-section > .image.OHOutageMap { background-image: url(/global/utilities/lib/images/homepage/Banner_Outage_Map_Ohio.jpg); }
.banner-section > .image.APCOYeti { background-image: url(/global/utilities/lib/images/homepage/Banner_SWEPCo_Yeti.jpg); }
.banner-section > .image.OHMemorial, .swiper-slide.OHMemorial { background-image: url(/global/utilities/lib/images/homepage/Banner_AEPOH_MemorialTourn.jpg); }
.banner-section > .image.IMFalcon, .swiper-slide.IMFalcon { background-image: url(/global/utilities/lib/images/homepage/IM_Banner_Falcon.jpg); }
.banner-section > .image.IMHome, .swiper-slide.IMHome { background-image: url(/global/utilities/lib/images/homepage/IM_Banner_IMHome.jpg); }
.banner-section > .image.NissanLeaf, .swiper-slide.NissanLeaf { background-image: url(/global/utilities/lib/images/homepage/OH_Banner_LEAF.JPG); }
 .banner-section > .image.PSOLightALife, .swiper-slide.PSOLightALife { background-image: url(/global/utilities/lib/images/homepage/AEP023_LightaLife_banner_v1.jpg); }
.banner-section > .image.IMRates, .swiper-slide.IMRates {
    background-image: url(/global/utilities/lib/images/homepage/Banner_IM_toby.jpg);
}
.banner-section > .image.smartmeter, .swiper-slide.smartmeter {
    background-image: url(/global/utilities/lib/images/homepage/Banner_SmartMeter.jpg);
}

.banner-section > .image.txHarvey {
    background-image: url(/global/utilities/lib/images/homepage/Banner_AEPTexas_Outage_034.png);
}
.banner-section > .image.AEPOhioIrma {
    background-image: url(/global/utilities/lib/images/homepage/AEPOhioIrmaBanner.jpg);
}
.banner-section > .image.ev-charging {
    background-image: url(/global/utilities/lib/images/homepage/OPCO_EV_Banner.jpg);
}
.banner-section > .image.outdoorLight {
    background-image: url(/global/utilities/lib/images/homepage/SmartStreetlights_Banner_v2.jpg);
}
.banner-section > .image.OHPink {
    background-image: url(/global/utilities/lib/images/homepage/Banner_OHPink.jpg);
}

.banner-section > .image.UnderstandBill {
    background-image: url(/global/utilities/lib/images/homepage/Bill_Redesign_Web_Banner_1450x400_no_text.png);
}
.banner-section > .image.SwepcoUnderstandBill {
    background-image: url(/global/utilities/lib/images/homepage/Banner_SWEPCO_BillLaunch.jpg);
}

.banner-section > .image.APCOReading {
    background-image: url(/global/utilities/lib/images/homepage/Banner_Reading.jpg);
}

.banner-section > .image.AEPOHFridge {
    background-image: url(/global/utilities/lib/images/homepage/Banner_OHFridge3.jpg);
}
.banner-section > .image.PSOLight, .swiper-slide.PSOLight { background-image: url(/global/utilities/lib/images/homepage/Banner_PSO_LightALife.jpg); }

.banner-section > .image.SwepcoScam {
    background-image: url(/global/utilities/lib/images/homepage/Banner_SWEPCo_Scam.jpg);
}

.banner-section > .image.mobileApp1 {
    background-image: url(/global/utilities/lib/images/homepage/Banner_mobile_app_1.png);
}
.banner-section > .image.mobileApp2 {
    background-image: url(/global/utilities/lib/images/homepage/Banner_mobile_app_2.png);
}
.banner-section > .image.mobileApp3 {
    background-image: url(/global/utilities/lib/images/homepage/Banner_mobile_app_3.png);
}
.banner-section > .image.mobileApp4 {
    background-image: url(/global/utilities/lib/images/homepage/Banner_mobile_app_4.png);
}
.banner-section > .image.OHMarketPlace {
    background-image: url(/global/utilities/lib/images/homepage/Banner_AEPOH_Marketplace.jpg);
}
.banner-section > .image.winterbill {
    background-image: url(/global/utilities/lib/images/homepage/Banner_APCO_Save_Money_Home.png);
}

.banner-section > .image.OHPR {
    background-image: url(/global/utilities/lib/images/homepage/PR_Banner.jpg);
}


.banner-section > .image.WindCatcher {
    background-image: url(/global/utilities/lib/images/homepage/Banner_SWEPCO_Solar.jpg);
    }

.banner-section > .image.summerWinter {
    background-image: url(/global/utilities/lib/images/homepage/Banner_PSO_SummerWinter.jpg);
    }


.banner-section > .image.springRecycle {
    background-image: url(/global/utilities/lib/images/homepage/Banner_OH_SpringRecycle.jpg);
    }

.banner-section > .image.SWEPCOResidential {
    background-image: url(/global/utilities/lib/images/homepage/Banner_SWEPCOResidential.jpg);
    }
.banner-section > .image.OhioCommunity {
    background-image: url(/global/utilities/lib/images/homepage/OhioCommunity_banner.jpg);
    }
.banner-section > .image.outageLinemenKY {
    background-image: url(/global/utilities/lib/images/homepage/Banner_OutageAlertsKY.jpg);
    }
.banner-section > .image.ohAMP2 {
    background-image: url(/global/utilities/lib/images/homepage/Banner_AEPOhio_AMP.jpg);
    }
.banner-section > .image.SwepcoHighBill {
    background-image: url(/global/utilities/lib/images/homepage/Banner_SWEPCO_HighBill.jpg);
    }
.banner-section > .image.Swepcosurvey {
    background-image: url(/global/utilities/lib/images/homepage/AdobeStock_185056445-edit_1200x436.jpg);
    }

.banner-section > .image.IMRace {
    background-image: url(/global/utilities/lib/images/homepage/Banner_IM_race.jpg);
    }


.banner-section > .image.OhAppContest {
    background-image: url(/global/utilities/lib/images/homepage/AppContestWebBanner.png);
    }


.banner-section > .image.APCOBright {
    background-image: url(/global/utilities/lib/images/homepage/Apco_BrighterCarousel.jpg);
    }



.banner-section > .image.SWEPCOBoundless {
    background-image: url(/global/utilities/lib/images/homepage/SWEPCO_Bioundlessl.jpg);
    }

.banner-section > .image.IMBright {
    background-image: url(/global/utilities/lib/images/homepage/IM_BrighterCarousel.jpg);
    }


.banner-section > .image.OHBright {
    background-image: url(/global/utilities/lib/images/homepage/OH_BrighterCarousel.jpg);
    }


.banner-section > .image.PSOBright {
    background-image: url(/global/utilities/lib/images/homepage/PSOBoundless_banner.jpg);
    }



.banner-section > .image.OHMarketPlacePromo {
    background-image: url(/global/utilities/lib/images/homepage/Banner_AEPOH_Marketplace-WebBanner.png);
    }



.banner-section > .image.covid19 {
    background-image: url(/global/utilities/lib/images/homepage/COVID-19.png);
}

.banner-section > .image.covid19new {
    background-image: url(/global/utilities/lib/images/homepage/banner-renew-black.jpg );
}

.banner-section > .image.TXHurricane {
    background-image: url(/global/utilities/lib/images/homepage/TXStormsBanner.png );
}

.banner-section .promo a.button {
    margin-bottom: 1rem;
}

.banner-section .promo { padding-top: 0.25em; }
    .banner-section .promo h1 {
        font-size: 2.125em;
        line-height: 1.2;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }
    .banner-section .promo p {
        font-size: 1.125em;
    }

@media only screen and (min-width: 30.0625em) {	
	.banner-section .promo h1 { font-size: 2.375em; line-height:1.2; margin-bottom:0.5rem; margin-top:0.5rem;  }
	.banner-section .promo p { font-size: 1.125em;  }
}
@media only screen and (min-width: 48em) {	
	.banner-section .promo h1 { font-size: 2.75em; line-height:1.2; }
	.banner-section .promo p { font-size: 1.25em;  }
}
@media only screen and (min-width: 75em) { /* xlarge(1200px) */
	.banner-section > .image, 
	.banner-section > .image > .overlay { min-height: 27.25rem /* 455px - 19px */ }

	.banner-section .promo { min-height: 18.8125rem; }
        .banner-section .promo h1 {
            font-size: 3.375rem;
            line-height: 1.2;
            margin-bottom: 0.5rem;
            margin-top: 0.5rem;
        }
    .banner-section .promo p { font-size: 1.5rem;  }

	.banner-section .overlay { }
	.banner-section .customer-service { 
		min-height: 9.125rem; margin-top: -9.125rem;
		border-top: 0.625rem solid rgba(169,207,253,0.25); border-bottom: 0.625rem solid rgba(169,207,253,0.25); 

	}
	.lt-ie9 .banner-section .customer-service { margin-top: 0; border-top: 10px solid #333f4c; border-bottom: 10px solid #333f4c; }
	
}

.lt-ie9 .banner-section .promo h1 { font-size: 34px; line-height: 1.2; }
.lt-ie9 .banner-section .promo p { font-size: 18px; }
@media only screen and (min-width: 30em) { 
    .lt-ie9 .banner-section .promo h1 { font-size: 38px; } 
    .lt-ie9 .banner-section .promo p { font-size: 18px; } 
}
@media only screen and (min-width: 48em) { 
    .lt-ie9 .banner-section .promo h1 { font-size: 44px; } 
    .lt-ie9 .banner-section .promo p { font-size: 20px; } 
}
@media only screen and (min-width: 75em) { 
    .lt-ie9 .banner-section .promo h1 { font-size: 54px; } 
    .lt-ie9 .banner-section .promo p { font-size: 26px; } 
}

/* CUSTOMER SERVICE */
.customer-service { 
	background-color: #000; background-color: rgba(0,0,0,0.9); 
	border-top: 0.625em solid rgba(169,207,253,0.3); border-bottom: 0.625em solid rgba(169,207,253,0.3); 
}
.customer-service ul { display: block; padding: 0 1em; margin-bottom: 0; }
.customer-service ul li { display: block; transition: background-color 300ms ease-out; border-top: 0.0625rem solid #333f4c; }
.customer-service ul li:first-child { border-top: 0; }

    .customer-service .button,
    .customer-service a.button {
        font-size: 1.625rem;
        font-weight: 300;
        background-color: transparent;
        background-image: none;
        background-position: left 0 center;
        padding: 2rem 0rem 2rem 6.0625rem;
        margin-bottom: 0;
        width: 100%;
        /*JBU - centering seems more valuable than equal height on small viewports
	min-height: 7.125rem;*/
    }

.customer-service .button { background-position: left center; }
.customer-service .button { background-position: left; }
.customer-service .button { background-position-x: left; }
.customer-service .button { background-position-x: 0%; }

.lt-ie9 .customer-service .button { min-height: 0; }

.customer-service .button.pay { background-image: url(/global/utilities/lib/images/skin/icons/customer-service/icon-customer-pay.png); }
.customer-service .button.service { background-image: url(/global/utilities/lib/images/skin/icons/customer-service/icon-customer-service.png); }
.customer-service .button.outages { background-image: url(/global/utilities/lib/images/skin/icons/customer-service/icon-customer-outages.png); }
.customer-service .button.oilgas { background-image: url(/global/utilities/lib/images/skin/icons/customer-service/icon-customer-OilGas.png); }

/*.customer-service ul li:hover { cursor: pointer; background-color: #fff; background-color: rgba(255,255,255,0.9); }*/
.customer-service ul li:hover { cursor: pointer;  }

.customer-service.top { display: block; }
.customer-service.bottom { display: none; }

@media only screen and (min-width: 48em) {
	.customer-service.top { display: none; }
	.customer-service.bottom { display: block; }
	.customer-service .button { font-size: 2.125rem; }
}
@media only screen and (min-width: 62.5em) {
	.customer-service ul { display: table; width: 100%; max-width: 75em; margin: 0 auto; padding: 0;}
	.customer-service ul li { 
		display: table-cell; vertical-align: middle; 
		width: 34.3333%; padding-left: 3%; padding-right: 3%;
		border-top: 0; border-left: 0.0625rem solid #333f4c; 		
	}
	.customer-service ul li:first-child { border-left: 0; width: 31.3333%; padding-left: 0; }
	.customer-service ul li:first-child .button { background-position: left center; }
	.customer-service .button { width: 100%; }

	.lt-ie9 .customer-service ul li { border-top: 0; }
	.lt-ie9 .customer-service ul li { border-left: 1px solid #333f4c; }
	.lt-ie9 .customer-service ul li:first-child { border-left: 0; }
}

/* OTHER SECTIONS */
.storm-section { background-color: #fff; padding-top: 1em; }
.outage-section { background-color: #1a1a1a; color: #fff; padding: 1.5625rem 0; }
.list-section { background-color: #e0eaf6; border-top: 0.625em solid #fff; padding: 0 0 1.875rem 0; }
.list-section { 
background-image: -webkit-gradient(linear, left top, left bottom,	color-stop(0, #F0F5FB), color-stop(0.3, #E0EAF6));
background-image: -o-linear-gradient(bottom, #F0F5FB 0%, #E0EAF6 30%);
background-image: -moz-linear-gradient(bottom, #F0F5FB 0%, #E0EAF6 30%);
background-image: -webkit-linear-gradient(bottom, #F0F5FB 0%, #E0EAF6 30%);
background-image: -ms-linear-gradient(bottom, #F0F5FB 0%, #E0EAF6 30%);
background-image: linear-gradient(to bottom, #F0F5FB 0%, #E0EAF6 30%);
}
.list-section h2 { font-size: 2.125rem; color: #15202d; }
.list-section .columns > h3:first-child { margin-top: -0.8125rem; margin-bottom: 1.1875rem; }
.list-section .columns h2 + ul + .button,
.list-section .columns > .button:last-child { margin-bottom:0; }
.list-section ul li .button { margin-bottom: 3px; }
.list-section h2 { margin-bottom: 1.25rem; }

/*<a class="button related light arrow-none width-100"></a>*/
.list-section ul li a.button {
    background-color: #fff;
    color: #0e8dfc;
    background-image: none;
    padding-right: 0.625rem;
    width: 100%;
	 transition: color 150ms ease-out;
}
.list-section ul li a.button:hover { color: #000; }



.content-promo { margin-top: 0; border-bottom: 1em solid #9cbce4 }
.content-promo h2,
.content-promo h3 { color: #fff; }
.content-promo h2 { font-size: 2.125em; margin-bottom: 0.5em; }

.content-other { display: block; }
.content-other .button-group li { margin-right: 1em; }
.content-other .button-group li .button { border: 0; }

