@import url('https://fonts.googleapis.com/css?family=Open+Sans:800&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

/*---------- Containers Headings ----------*/
.sub {
    width: 945px !important;
    overflow-x: hidden;
}
#resourcesublink a {
    text-align: left;
    margin-top: -45px !important;
    position: relative;
    margin-left: -20px;
}
.Resources-Preguntas  a
{
	top: -68px;

position: relative;
}
	#resourcesublink h6 a
	{
		margin-top: 0px !important;
		font-family: "Open Sans", sans-serif !important;
		font-size: 15.5px !important;
		font-weight: 600 !important;
		color:
		#3a4a98 !important;
		padding: 0 !important;
		line-height: 20px !important;
		text-transform: uppercase !important;
		position: relative;
		top: -178px !important;
	
	}
	
	
	#resourcesublink1 h6 a
	{
		margin-top: 0px !important;
		font-family: "Open Sans", sans-serif !important;
		font-size: 15.5px !important;
		font-weight: 600 !important;
		color: #3a4a98 !important;
		padding: 0 !important;
		line-height: 20px !important;
		text-transform: uppercase !important;
		position: relative;
		top: -170px;
		margin-left: 0px;
		
		
	
	}
	#resourcesublink3 {}
	/*#resourcesublink3 h2 a
	{
		margin-top:-130px !important;
	}*/
	#resourcesublink4 {margin-left:315px !important; margin-top: -60px;}
	#resourcesublink4 h2 a
	{
		margin-top:-140px !important;
		
	}
	#resourcesublink2{ 
	    
    position:absolute;
    
    margin-top: 5px;
	
	}
	.Aboutsublink2
	{ margin-top:138px !important;}
/*#resourcesublink .sub ul li a
{margin-top:-110px !important;
font-family: "Open Sans", sans-serif !important;
	font-size: 15.5px !important;
	font-weight:600 !important;
	color:#3a4a98 !important;
	padding:0!important;
	
	text-transform: uppercase !important;}
	*/
	
ul.megamenu {	
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
}
ul.megamenu, ul.megamenu li
{
list-style-type:none;
}
ul.megamenu li {
	float: left;
	margin : 0px 0px 0px 0px; padding: 0;

}

ul.megamenu ul
{
padding:0;margin:0;
}
ul.megamenu li a {
	float: left; 
	text-decoration:none;
}
ul.megamenu li .sub {
	position: absolute;	
	left: 0;
	float: left;
	display: none;
}
ul.megamenu li .row {clear: both; float: left; width: 109%; margin-bottom: 10px;}
ul.megamenu li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 315px;
	float: left;
}
ul.megamenu .sub ul li {
	width: 100%;
}
ul.megamenu .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 11px;
	font-weight: normal;
}
ul.megamenu .sub ul li h2 a {
	padding:0;
	margin:0;
}
ul.megamenu .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	display: block;
	text-decoration: none;
		font-family: "Open Sans", sans-serif !important;
	font-size: 15.5px !important;
	font-weight:600;
	color:#3a4a98;
	padding:0;
	margin:0;
	text-transform:capitalize !important;
}

/* --Modify for styling --*/
ul.megamenu {
	background-color: transparent;
}
ul.megamenu a {
	font-family: "Open Sans",sans-serif !important;
font-weight: Normal !important;
font-size: 15px !important;
text-transform: uppercase !important;
color:#575757 !important;
}
ul.megamenu a {
	padding:15px 16px;
}
ul.megamenu li a.level0:hover, .megahover, ul.megamenu .current {
	
	
	background-color:#ffffff;
	-webkit-box-shadow: 0px -3px 5px -1px rgba(156,156,156,0.23);
-moz-box-shadow: 0px -3px 5px -1px rgba(156,156,156,0.23);
box-shadow: 0px -3px 5px -1px rgba(156,156,156,0.23);
z-index:9999 !important;
/*position: relative !important;*/
color:#3f599f !important;
font-weight:bold !important;
font-size:14.5px !important;
 }
div.sub {
padding:8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;

 }
 div.sub ul {
 margin-left:8px;
 }
#megamenu li.subheader {}
#megamenu li.sublink {margin-bottom:4px;}
#megamenu li.subheader h2{margin-bottom:5px;}
#megamenu li.subheader img a{ margin-top: -200px !important;}
.subheader img a{ margin-top: -100px !important;}
ul.megamenu li .sub {
	background-color: rgba(255,255,255,0.95);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(156,156,156,0.29);
-moz-box-shadow: 0px 0px 5px 2px rgba(156,156,156,0.29);
box-shadow: 0px 0px 5px 2px rgba(156,156,156,0.29);
padding:14px 35px;
margin-left:75px;

}
ul.megamenu .sub ul li h2 a {
	color: #3a4a98 !important;
	font-weight:600 !important;
	text-transform: uppercase !important;
}
ul.megamenu .sub ul li h3 a {
	color: #fff !important;
	font-weight:600 !important;
	text-transform: uppercase !important;
	padding: 0px 0px 5px 0px !important;
	line-height:18px !important;
}
.CustomBtn{
  background-color: #3a4a98; /* blue */
  color: #ffffff !important;
  padding: 2px !important;
  text-align: center;
  display: inline-block;
  font-size: 13px;
  text-transform:uppercase;
   
  max-width:160px !important;
}

.CustomBtnBlue{
  background-color: #3a4a98; /* blue */
  color: #ffffff !important;
  padding: 0px 2px 4px 2px !important;
  text-align: center;
  display: inline-block;
  font-size: 13px;
  text-transform:uppercase;
   
  max-width:175px !important;
  margin-top:-70px !important;
}

.CustomBtnBlue1 {

    background-color:#3a4a98;
	color:#ffffff !important;
	padding: 0px 2px 4px 2px !important;
	text-align: center;
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
	max-width: 220px !important;
	margin-top: -100px !important;
    margin-left: 15px !important;
}
.CustomBtnBlue2 {

   /* background-color:#3a4a98;*/
	color:#ffffff !important;
	padding: 0px 2px 6px 2px !important;
	text-align: center;
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
	max-width: 175px !important;
	margin-top: 0px !important;
    margin-left: -6px !important;
}
.CustomBtnBlue3 {

    background-color: #3a4a98; /* blue */
  color: #ffffff !important;
  padding: 0px 2px 4px 2px !important;
  text-align: center;
  display: inline-block;
  font-size: 13px;
  text-transform:uppercase;
   
  max-width:190px !important;
  margin-top:0px !important;
}
.CustomBtnGreen{
  position: relative;
   background-color: #618247;
    color: #ffffff !important;
    padding: 0px 2px 4px 2px !important;
    text-align: center !important;
    /* display: block; */
    font-size: 13px;
    text-transform: uppercase;
    margin-top: -100px !important; 
     margin-left: -15px !important;  
    max-width: 175px !important;
    
  
}
.CustomBtnGreen2{
	background-color: #618247;
    color: #ffffff !important;
    padding: 0px 2px 7px 2px !important;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: -15px !important;
    margin-left: 300px !important;
    max-width: 175px !important;
    height: 37px !important;
}
.CustomBtnGreen2 h2 { color:#ffffff !important;}
.CustomBtnGreen2 h2 a{ color:#ffffff !important;}
.sub {
	top:50px !important;
	
	left:-311px !important;
	z-index:2;
	
	 
}

.About-Community
{
	margin-top: -1px !important;
    position: absolute;
    left: 20px;
    width: 280px !important;
}

.About-FastFacts
{
	margin-top: 10px !important;
    position: absolute;
    left: 20px;
    width: 290px !important;
}

.About-Community-sublink1
{
	margin-top: 0px !important;
    position: absolute;
    left: 20px;
}
.About-Community-sublink2
{
	margin-top: 42px !important;
    position: absolute;
    left: 20px;
    width: 280px !important;
}

.AboutBox{ min-height:300px !important;}
.ResourcesBox{min-height:300px !important;}
.Business-Rates{}
.Business-Rates h2{ margin: 0px !important;top: -140px !important; position: relative;}
.Business-Vendors-Suppliers{}
.Business-Vendors-Suppliers h2{margin: 0px !important;top: -70px !important; position: relative; left:-315px !important;}
.RESIDENTIAL-Electric-Service{ text-transform:lowercase !important;}
.RESIDENTIAL-Water-Service{text-transform:lowercase !important; }
.RESIDENTIAL-Water-Service li a{ text-transform:lowercase !important;}
.Resources-SurgeProtection{ }
.Resources-SurgeProtection h2 a{padding-right:135px !important; line-height:25px !important}
li.subheader.ele-eng-sp {
    margin-top: -147px;
}
.Resources-AvoidFraud {
    margin-top: -123px !important;
    /* margin-left: -315px !important; */
}
/* .Resources-AvoidFraud h2 a{ margin-top:-120px !important;} */
.Resources-SolarFarm{}
.Resources-SolarFarm h6 a{ margin-top:-141px !important;}
/*.Resources-BPUConnection{}
.Resources-BPUConnection h2 a {margin-top:-35px !important;}
.Resources-HomeRepairPlans{}
.Resources-HomeRepairPlans h2 a{margin-top:-35px !important;}*/

.AboutBPU-Policies{ 
	top: -54px;
    margin: 0px !important;
    position: relative;
    left: 314px;}	
.About-Policies-sublink2  { 
		top: -65px !important;
		margin: 0px 0px 0px 0px !important;
		position: relative;  }

.About-Policies-sublink3  { 
		top: -65px !important;
		margin: 0px 0px 0px 0px !important;
		position: relative;  }
		
		.About-Open-REC
		{
			left: 20px;
			position: absolute;
            margin-top: 12px !important;
			top: 115px;
			width: 280px !important;
}
	
	.CustomBtnGreen-NEGOCIO2{
 	margin-top:-165px !important;
	 }

.megamenusubcontent .About-Policies2{ 
	margin-top: 0px;
    top: -64px !important;
    position: relative;
    left: 315px;
	
	}
	.megamenusubcontent .openRecords{ 
	margin-top: 0px;
	top: -80px;
	position: relative;
	}
	.About-Open-REC2 a
	{
		margin-top: 0px !important;
		top: 200px;
		position: absolute !important;
		left: 40px;
		}
		
		/* 01 Sept 2020  */


#resourcesublink101{ 
	margin-left: 0px;
	top: 0px;
	margin-top: -155px;
	position: relative;
}
#resourcesublink102{  margin-top:-43px;}
#resourcesublink102 h2 a{  
    margin-top: -156px;
    display: block;
    /* margin-right: -11px; */
    padding-right: 116px !important;
    line-height: 20px;
}
.Resources-CONTRA {}
.Resources-CONTRA h2 a
{
	margin-top:5px !important;
	line-height:20px !important;
}
.Resources-Datosdeminerales{}
#Datosdeminerales100{}
#Datosdeminerales100 a{ margin-top:-3px !important;}
.RESIDENCIAL-TARIFAS{}
.RESIDENCIAL-TARIFAS a{ margin-top:-35px !important; width: 200px !important;;}
.RESIDENCIAL-TARIFAS-manual{}
.RESIDENCIAL-TARIFAS-manual a{margin-top:-3px !important;}
.RESIDENTIAL-Componente{}
.RESIDENTIAL-Componente a{ margin-top:0px !important;}
.RESIDENTIAL-Recargo{}
.RESIDENTIAL-Recargo a{ margin-top:-4px !important;}
/* End 01 Sept 2020 */

.CustomBtnGreen h3 { padding-top:10px !important; margin:0px !important;}
.BusinessCustomBtnGreen h3 { padding-top:10px !important; margin:0px !important;}
.CustomBtnGreen2 h3 { padding-top:10px !important; margin:0px !important;}
.CustomBtnBlue h3 { padding-top:10px !important; margin:0px !important;}
.CustomBtnBlue1 h3 { padding-top:10px !important; margin:0px !important;}
.CustomBtnBlue2 h3 { padding-top:10px !important; margin:0px !important;}
.CustomBtnBlue3 h3 { padding-top:10px !important; margin:0px !important;}


/*   25 jan 2021 */

.About-CharityGolfSP-sublink2
{
    margin-top: 0px !important;
    position: absolute;
    left: 20px;
    width: 280px !important;
}

/* End  25 jan 2021 */

/* 22-March-21 */
.Construction-RenovtionBox { word-break: break-word; overflow-wrap: break-word; width: 155px;}
/* .Construction-RenovtionBox{ width:155px; margin-top:0px !important;} */
.Vendors-SuppliersBox { width:140px; word-break: break-word; overflow-wrap: break-word; margin-top:0 !important;}

li.subheader.Iniciativas-Verdes {     margin-top: -172px !important; margin-left:-615px !important;}

li.sublink.Energy-Audit-sublink {margin-top: -145px !important; margin-left: -615px!important;}

li.sublink.Weatherization-Program-sublink { margin-top: -122px !important; margin-left: -615px !important;}
.CustomBtnGreenSP3{ 
 	color: #ffffff !important;
	background-color: #618247;
   
    padding: 0px 2px 4px 2px !important;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: -70px !important;
    margin-left: 600px !important;
    max-width: 190px !important;
    padding: 8px 0px !important;
}
li.sublink.CustomBtnGreenSP3 a {
    color: #ffffff !important;
}
/*  end 22-March-21 */

.actasY
{
    margin-top: -15px !important;
    margin-left: 0px !important;
}

/* 28-Oct-2022*/

.RESIDENCIAL-TARIFAS {
    /* position: absolute ;
    left: 20px !important; */
    position: relative;
    /* left: -315px !important; */
    top: -110px !important;
}
.RESIDENCIAL-TARIFAS-manual
{
    position: absolute;
    left: 20px !important;
    bottom: 107px;
    width: 300px !important;
}
.RESIDENTIAL-Componente {
    position: absolute;
    left: 20px !important;
    margin-bottom: 0px !important;
    top: 295px;
    width: 300px !important;
}

.RESIDENTIAL-Recargo {
    position: relative;
    /* left: -314px !important; */
    bottom: 15px;
    width: 300px !important;
}

ul.megamenu li .sub {
	background-color: rgba(255,255,255,0.95);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(156,156,156,0.29);
-moz-box-shadow: 0px 0px 5px 2px rgba(156,156,156,0.29);
box-shadow: 0px 0px 5px 2px rgba(156,156,156,0.29);
padding:14px 35px 55px 35px;
margin-left:110px;
margin-top:18px;
}

.CustomBtnBlue{
	background-color: #3a4a98;
    color: #ffffff !important;
    padding: 0px 2px 4px 2px !important;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    max-width: 175px !important;
    margin-top: -140px !important;
    margin-left:315px !important;
  }


  .about-us-careers-button {
    background-color: #3a4a98;
    color: #ffffff !important;
    padding: 0px !important;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    max-width: 175px !important;
    margin-top: -55px !important;
    margin-left: 0 !important;
    position: relative;
    
    height: 36px;
    /* margin: 0px !important; */
}

.about-us-careers-button-conBPU {
    background-color: #3a4a98;
    color: #ffffff !important;
    padding: 0px !important;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    max-width: 270px !important;
    margin-top: -40px !important;
    margin-left: 0 !important;
    position: relative;
    height: 36px;
    top: 40px !important;
}
li#conBPUspanish h2 a {
    color: #fff !important;
    padding-top: 4px;
}
li.subheader.about-us-careers-button h3 a {
    margin-top: -1px !important;
}

li#resourcesublink.About-Open-REC2 {
    /* margin-top: -22px !important; 
    position: absolute;
     top: 10px  !important;  */
	left: 0px;
    bottom: 10px;
}
/* end 28-Oct-2022*/

/* 12 Dec 2022*/
.res-servicio-programaDE{ z-index: 99;  position: relative;}

/*end 12 Dec 2022*/
/* 03 Jan 2023*/
li.subheader.AboutBPU-Policies h2 a {
    margin-top: 10px !important;
}
/* end 03 Jan 2023*/

/* 04 Jan 2023*/
li.subheader.pub-ut-adv-sp{
	margin-top: -35px;
}

li#resourcesublink.Resources-SolarFarm {
    margin-left: 20px;
	margin-top:-32px !important;
}

li#resourcesublink.Resources-Preguntas {
    margin-left: 20px;
    margin-top: -10px;
    position: relative;
    top: -116px !important;
}

li#resourcesublink3.conBPUsp h2 a {
    position: relative;
    top: -173px;
}
/* end 04 Jan 2023*/


/* 6 Jan 2023  */
.greenbtnRecSavTipsSp{
    background-color: #618247;
    color: #ffffff !important;
    padding: 0px 5px !important;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    max-width: 220px !important;
    margin-top: -65px !important;
    margin-left: 0px !important;
    position: absolute;
    right: 75px;
    height: 37px;
}
.greenbtnRecSavTipsSp h3 a {
    padding: 0px;
    margin-top: -10px !important;
}
/* end 6 Jan 2023 */


/* 19 Jan 2023   */

.subheader.RecuDesarEcon-sp {
	margin-left: -630px !important;
    margin-top: -192px !important;
}
.subheader.RecuAlertas-sp {
    position: relative;
    top: -196px;
    left: 0px;
}
.subheader.RecuConse-sp {
    margin-left:315px;
    margin-top: -39px;
    position: relative;
    top: 10px;
}

/* end 19 Jan 2023 */
.reclamos {
    margin-top: -129px !important;
    margin-left: -315px !important;
}

/*  8 March 2023 */
/* 
.about-us-careers-button {
    background-color: #3a4a98;
    color: #ffffff !important;
    padding: 0px !important;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    max-width: 160px !important;
    margin-top: -15px !important;
    margin-left: -15px !important;
    position: relative;
    top: -30px !important;
    height: 36px;
} */


/* End   8 March 2023 */

/*   21-March-2023  */

.audDeTareleRes a {
    position: relative;
    /* left: -315px; */
    top: -40px;
}

.audDeTareleBus a{
	top:-143px !important;
	position: relative !important;
}

/* end 21-March-2023  */

.planEstraSp h2 a {
    display: block !important;
    margin-left: 0px !important;
    position: relative;
    right:15px;
    top: -115px;
}
.About-Community-comite-sp a {
    margin-left: -630px !important;
    margin-top: 40px !important;
    position: absolute;
    /* top: 25px; */
}

.NewServicioTrasServicioSp {
    position: relative;
    background-color: #618247;
    color: #ffffff !important;
    padding: 0px 2px 4px 2px !important;
    text-align: center !important;
    /* display: block; */
    font-size: 13px;
    text-transform: uppercase;
    margin-top: -57px !important;
    margin-left: -15px !important;
    max-width: 175px !important;
    right: 120px;
    position: absolute;
}
ul.megamenusubcontent li.subheader.NewServicioTrasServicioSp h2 a {
    color: #ffffff !important;
}
li.subheader.NewServicioTrasServicioSp h2 a {
    line-height: 17px;
    padding: 10px 0px 0px 0px !important;
}
.CustomBtnGreen.NewServicioTrasServicioSp {
    margin-top: -175px !important;
}
.premios-sp {
    margin-top: -11px !important;
    position: relative;
}

.About-Fund-emp-sp {
    margin-top: -134px !important;
}

.About-Embajadores-comite-sp {
    position: absolute;
    left: 20px;
    width: 290px !important;
}

.ele-outage-blue-button-sp {
    margin-left: 615px !important;
    background-color: #3a4a98;
    padding: 8px 2px 2px 2px !important;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    max-width: 220px !important;
    margin-top: -7px !important;
    color: #fff !important;
}

a#ele {
    color: #fff !important;
    line-height: 20px;
}

.schedulAppGreenBtnNewSp {
    position: relative;
    background-color: #618247;
    color: #ffffff !important;
    padding: 0px 2px 4px 2px !important;
    text-align: center !important;
    /* display: block; */
    font-size: 13px;
    text-transform: uppercase;
    margin-top: -230px !important;
    margin-left: -15px !important;
    max-width: 175px !important;
    right: 120px;
    position: absolute;
}
ul.megamenusubcontent li.subheader.schedulAppGreenBtnNewSp h2 a {
    color: #ffffff !important;
    padding: 6px 20px 0 20px !important;
}
li.subheader.schedulAppGreenBtnNewSp h2 a {
    line-height: 17px;
    padding: 10px 0px 0px 0px !important;
}

li.sublink.audDeTareleRes {
    margin-top: -80px;
}

.res-servicio-InventarioDE {
    position: relative;
    z-index: 99 !important;
}

li.sublink.my-meter-sp h3 a {
    color: #fff !important;
    word-break: break-all;
    text-align: center !important;
    display: block;
    font-weight: bold !important;
}

li.sublink.my-meter-sp h3 {
    
    background: #3a4a98;
    padding: 5px;
    width: 175px !important;
    margin-top: -151px;
}



li.subheader.eng-saving-sp {
    margin-top: -202px;
}
li.sublink.watherization-sp {
    margin-top: -175px;
}
li.sublink.surge-pro-sp {
    margin-top: -150px;
}

li.sublink.homeserve-sp {
    margin-top: -7px;
}

.ele-outage-blue-button {
    background: #3a4a98;
    max-width: 200px;
    text-align: center;
    margin-left: 615px !important;
    padding: 0 5px !important;
    margin-top: 20px !important;
}
.cortes-blue-button {
    background: #618247;
    max-width: 200px;
    text-align: center;
    margin-left: 615px !important;
    padding: 0 5px !important;
    margin-top: -54px !important;
}
.inversion-com-sp {
    margin-left: 315px !important;
    position: relative;
    top: -100px;
}

li.level0.res-ser-sp {
    width: 120px;
    margin: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

.cali-sp {position: relative; top: -7px;}
.consultas-sp {position: relative; top: -7px;}
.datos-sp {position: relative; top: -7px;}
.finan-sp {position: relative; top: -7px;}
.plande-sp {position: relative; top: -7px;}
.presupuesto-sp {position: relative; top: -7px;}
.reporte-sp {position: relative; top: -7px;}

.CustomBtnBlue3-sp {
    background-color: #3a4a98;
    color: #ffffff !important;
    padding: 0px !important;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    max-width: 170px !important;
    margin-top: -240px !important;
    margin-left: 630px !important;
}