/***** Override H3 mobile change from responsive-site style *******/
@media (max-device-width: 965px)
h3 {
    font-size: 18px!important;
}


/***** EPP Styles *******/
.tooltip {
	min-width: 170px;
}
.emx-accountBalanceInfoWebPart .emx-accountBalanceInfoRows .highlightedRow.currentBalDueCssClass-hide {
	background-color: #fff6e6;
    font-weight: 700;
    color: #555 !important;}
.emx-accountBalanceInfoWebPart .emx-accountBalanceInfoRows .highlightedRow.eppDueCssClass-hide {
	background-color: #fff6e6;
    font-weight: 700;
    color: #555 !important;}
.emx-accountBalanceInfoWebPart .emx-accountBalanceInfoRows .highlightedRow.eppsettleup-hide {background-color: #F0FBFE !important;}

.understand-infohcf-info-modal-update {
	font-size: 15px; 
	display: inline-block;
	height: inherit;
	width: inherit;
	line-height: 1.1em;
	font-family: 'Nunito Sans', sans-serif;
	text-transform: uppercase;
}

.modal-content .preauth-button-div {
	margin-top:0;
	padding-left: 10px !important;
	padding-right:10px !important;
}
.modal-content .close-button-div {
	padding-left: 10px !important;
	padding-right:10px !important;
}
.modal-content .preauthbtn {
	display: inline-block;
}
.modal-content .closebtn {
	display: inline-block;
	text-transform: uppercase;
}
.editeppamount .edit-save {
	text-align: right;
}
.eppbanner {
	min-height: 70px;
	padding: 5px 20px 10px 10px;
	margin: 5px 0 10px;
}
.eppbanner p span {
	margin-right: 5px;
}
.eppbanner .preauth-card-para {
	font-weight: normal !important;
}
.eppbanner .eppsetup-expire-para span {
	margin-top: 7px;
	display: inline-block;
}
.eppbanner .eppsetup-included-para span {
	margin-top: 7px;
	display: inline-block;
}
.epp-content-div div.row {
	display: inline-block !important;
	width: 100% !important;
}

.epp-content-div .row:first-child .col-control {
	border-bottom: none !important; 
}
.epp-content-div .monthly-epp {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.epp-premise .col-sm-4.col-control {
	padding-left: 0;
	}
.beforenextsetup .epp-content-div {
	padding: 0 10px;
}
.epp-content-div .epp-premise {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.epp-content-div .epp-premise .selected-housetype {
	width: 89px;
	display: block;
}
.epp-content-div .epp-premise .site-house {
	width: 89px;
	display: block;
}
.epp-content-div .epp-premise .site-apartment {
	width: 89px;
	display: block;
}
.epp-content-div .epp-premise .selected-apartmenttype {
	width: 89px;
	display: block;
}
.nexttoepp .radio1 {
	padding: 10px;	
}
@media screen and (max-width: 740px) {
.epp-label input[type="checkbox"] {
	height:2px;
	width:9px;
	}
.epp-content-div .row:first-child .col-control {
	width: 100%; 
}	
.epp-content-div .monthly-epp .col-control:first-child .row-label {
	display: inline-block;
	margin-bottom: 10px;
	max-width: inherit;
}	
.epp-content-div .monthly-epp .col-control:first-child .icon-container {
	display: inline-block;
	padding-left: 5px;
	margin-bottom: 5px;
	}	
.epp-setupbox .monthly-epp .input-group {
	width: 70%;
	display: inline-block;
}
.epp-setupbox .monthly-epp .amount-label {
	display: inline-block;
}
.epp-setupbox .monthly-epp .second-para {
	max-width: inherit;
	padding-left: 10px !important;
	margin: 10px 0;
}
.epp-content-div .label-two {
	max-width: 100%;
	padding-bottom: 10px;
}	
.epp-calendar .epp-content-div .label-two {
	max-width: 100%;
	padding-bottom: 10px;
}
.epp-calendar .epp-content-div .epp-setupbox .third-para {
	margin-left: 0 !important;
}	

.epp-content-div .epp-calander .col-control:nth-child(3) {
	max-width: 100%;
	margin: 10px 0;	
}
.epp-premise .col-control:nth-of-type(3) {
	max-width: 100%;
	margin: 10px 0;
	}
.epp-premise .row-label {
	padding-bottom: 10px;
}
.manageepp {
	width: 152%;
}
.premise-type .hcf-PaymentTableDiv .col-sm-4.col-control {
	display: inline-block;
}
.beforenextsetup .epp-content-div .row:first-child .col-control {
	max-width: inherit;
}
.nexttoepp .radio1 {
	margin-bottom: 10px;	
}
.nexttoepp .selected-radio {
	margin-bottom: 10px;	
}
.modal-dialog.eppmodal-dialog-centered {
	width: 95%;	
}
.close-button-div {
	width: 100%;
	margin: 5px 0;
}
.preauth-button-div {
	width: 100%;
	margin: 5px 0;
}	
}
/***** EPP Styles *******/


/***** Carousel Styles *******/
#home-carousel {
	margin-left: auto;
	margin-right: auto;
}
#home-carousel .item {
	min-height: 350px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
	background-position: bottom;
	position: 20px;
}
#home-carousel .carousel-caption {
	/** overflow: hidden; **/
	text-align: left;

}
#home-carousel .dark-text h2, .dark-text h3, .dark-text p {
		color: #444!important;
		text-shadow: 0px 0px 0px rgba(0,0,0,0); */
}
#home-carousel .carousel-caption h2 {
	color: #ffffff;
	font-size: 28px !important;
	font-weight: 100;
}
#home-carousel .carousel-caption h3 {
	color: #ffffff;
	font-size: 16px !important;
	margin-bottom: 15px;
	font-weight: 300;
	line-height: 22px;
}
#home-carousel .carousel-caption p {
	color: #ffffff;
	font-size: 16px !important;
	margin-bottom: 15px;
}
#home-carousel .carousel-caption a {
}
#home-carousel .carousel-caption .light-background{
	background-color: rgba(255, 255, 255, 0.6); 
	padding: 5px;
}
#home-carousel .carousel-indicators {
	bottom:8px;
	margin: auto -30%;
}
#home-carousel ol li, #home-carousel ul li {
margin: 0 0 0px 0 !important;
}

#home-carousel .carousel-indicators ol li,
#home-carousel .carousel-indicators ul li {
  margin: 0 0 0px 0 !important;
}
#home-carousel .carousel-indicators li {
border:1px solid #ccc;
}
#home-carousel .carousel-indicators .active{
border:1px solid #ccc;
background-color:#777;
margin: 0 0 -1px 0 !important;
}

#home-carousel .btn-outline-inverse {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.4);
	border-color: #ffffff;
	font-size: 16px !important;
}
#home-carousel .btn-outline-inverse dark-text{
	color: #666 !important;
	background-color: rgba(255, 255, 255, 0.5);
	border-color: #ffffff;
	font-size: 16px !important;
}
#home-carousel .btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {
	color: #555555;
	text-shadow: none;
	background-color: #fff;
	border-color: #fff;
	font-size: 16px !important;
}
#home-carousel .carousel-control.right {
	left: auto;
	right: 0;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0%, rgba(0,0,0,.5) 0%) !important;
	background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0%, rgba(0,0,0,.5) 0%) !important;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.0))) !important;
	background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0%, rgba(0,0,0,.0) 0%) !important;
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
#home-carousel .carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0%, rgba(0,0,0,.0001) 0%) !important;
	background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0%, rgba(0,0,0,.0001) 0%) !important;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001)));
	background-image: linear-gradient(to right, rgba(0,0,0,.5) 0%, rgba(0,0,0,.0001) 0%) !important;
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

@media screen and (max-width: 992px) {
#home-carousel .item {
	min-height: 300px;
}
#home-carousel .carousel-caption {
	text-align: center;
}
#home-carousel .carousel-caption h2 {
	font-size: 26px !important;
}
}

@media screen and (max-width: 740px) {
#home-carousel .item {
	background-position: bottom;
	min-height: 200px;
}
#home-carousel .carousel-caption {
	text-align: center;
}
#home-carousel .carousel-caption h2 {
	font-size: 18px !important;
}
#home-carousel .carousel-caption h3 {
	display: none;
}
}
/***** /Carousel Styles *******/

/******* Left Side Nav  **********/
.hcf-leftNavigation .hcf-leftNavOffsetLevel>a {
    display: none;
}
.hcf-leftNavigation .hcf-leftNavOffsetLevel>ul>li.hcf-selected>a {
    background: #ddd;
    color: #000;
    position: relative;
    border-bottom: 1px dotted #ccc;
}
.hcf-leftNavigation .hcf-leftNavOffsetLevel>ul {
    border: 0px solid #c6c6c6;
	border-top: 1px dotted #ccc;
	padding: 0px 0 8px;
}
.hcf-leftNavigation .hcf-leftNavOffsetLevel>ul>li a {
    display: block;
    padding: 10px;
    border-bottom: 1px dotted #ccc;
}
@media screen and (max-width: 768px) {
.hcf-leftNavigation .hcf-leftNavOffsetLevel>ul>li a {
    border-bottom: 0px dotted #ccc;
}
}
/******** Top Zone Banners ******/
#banner-background {
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #222;
}
.banner-background-placeholder {
	background-color: #444444;
}
.banner-background-services {
	background-image: url("/ServicesSite/PublishingImages/Services_Banner2.jpg");
}
.banner-background-electricity-services {
	background-image: url("/ServicesSite/PublishingImages/ElectricityServices_Banner.jpg");
}
.banner-background-meter-services {
	background-image: url("/ServicesSite/PublishingImages/MeterServices_Banner.jpg");
}
.banner-background-retailer-services {
	background-image: url("/ServicesSite/PublishingImages/RetailerServices_Banner.jpg");
}
.banner-background-engineering-services {
	background-image: url("/ServicesSite/PublishingImages/EngineeringServices_Banner.jpg");
}
.banner-background-customercare {
	background-image: url("/ForYourHomeSite/PublishingImages/CustomerCare_Banner.jpg");
}
.banner-background-careers {
	background-image: url("/xCareersSite/PublishingImages/Careers_Banner.jpg");
}
.banner-background-generation {
	background-image: url("/GenerationAndWiresSite/PublishingImages/GenerationAndWires_Banner.jpg");
}
.banner-background-contactus {
	background-image: url("/ContactUsSite/PublishingImages/ContactUs_Banner.jpg");
}
.banner-background-aboutus {
	background-image: url("/YourCommunitySite/PublishingImages/YourCommunity_Banner.jpg");
}
.banner-background-home {
	background-image: url("/ForYourHomeSite/PublishingImages/Home_Banner.jpg");
}
.banner-background-business {
	background-image:url("/ForYourBusinessSite/PublishingImages/Business_Banner.jpg");
}
.banner-background-newsandevents {
	background-image: url("/NewsAndEventsSite/PublishingImages/NewsAndEvents_Banner.jpg");
}
.banner-background-yourcommunity {
	background-image: url("/YourCommunitySite/PublishingImages/YourCommunity_Banner.jpg");
}
.banner-background-safety {
	background-image: url("/xSafetySite/PublishingImages/Safety_Banner.jpg");
}
.banner-background-solutions {
	background-image: url("/SolutionsSite/PublishingImages/img-solutions.jpg");
}
.banner-background-municipal-solutions {
	background-image: url("/SolutionsSite/PublishingImages/img-municipal-solutions2.jpg");
}
.banner-background-lrt-solutions {
	background-image: url("/SolutionsSite/PublishingImages/lrt/LRT_Banner.jpg");
}
.banner-background-easymax {
	background-image: url("/ForYourHomeSite/PublishingImages/home/electricity-and-natural-gas/easymax/Home_Banner-Easymax-322.jpg");
	background-position: center;
}
.banner-background-system-resources {
	background-image: url("/SystemResources/PublishingImages/system-resource-banner.jpg");
}
#banner-header-container {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto; 
}
#banner-heading {
	max-width: 960px;
    min-height: 150px;	 
  }
#banner-heading #banner-content {
    position: absolute;
    bottom: 10px;
    left: 0;
  }
#banner-content h1{
	color:#ffffff !important;
	text-shadow: 1px 1px #000;
	margin:8px 15px;
	font-size: 28px !important;
}
#banner-content h2{
	color:#ffffff !important;
	text-shadow: 1px 1px #000;
	margin:8px 15px;
	font-size: 28px !important;
}
#banner-content h3{
	color:#ffffff !important;
	text-shadow: 1px 1px #000;
	margin:8px 15px;
}

@media screen and (max-width: 768px) {
	#banner-heading #banner-content {
 	margin: 0 20px;
  }
  #banner-content h3{
	display: none !important;
}
#banner-heading {
    min-height: 100px;	 
  }
}
/******** /Top Zone Banners ******/

/******** Link Styles *******/
.ms-rteStyle-page-link {
	-ms-name: "Link Page";
}
.ms-rteStyle-page-link::after {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    padding-left: 0px;
	vertical-align:top;
}
.ms-rteStyle-page-link-small {
	-ms-name: " Link Page Small";
}
.ms-rteStyle-page-link-small::after {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    padding-left: 0px;
	font-size:0.9em;
	vertical-align:top;
	text-decoration: none !important;
}
.ms-rteStyle-page-link-large {
	-ms-name: "Link Page Large";
	font-size:1.2em !important;
}
.ms-rteStyle-page-link-large::after {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    padding-left: 0px;
	vertical-align:top;
}
.ms-rteStyle-external-link {
	-ms-name: "Link External";
}
.ms-rteStyle-external-link::after {
    font-family: 'Glyphicons Halflings';
    content: "\e164";
	font-size: 95%;
    padding-left: 5px; 
	vertical-align:top;
}
.ms-rteStyle-external-link-small {
	-ms-name: "Link External Small";
}
.ms-rteStyle-external-link-small::after {
    font-family: 'Glyphicons Halflings';
    content: "\e164"; padding-left: 3px; font-size:0.7em;
	vertical-align:baseline;
	text-decoration: none !important;
}
.ms-rteStyle-page-external-link-large {
	-ms-name: "Link External Large";
	font-size:1.2em !important;
}
.ms-rteStyle-page-external-link-large::after {
    font-family: 'Glyphicons Halflings';
    content: "\e164";
    padding-left: 5px; 
	font-size:92%;
	vertical-align:top;
}
.ms-rteStyle-download-link {
	-ms-name: "Link Download";
}
.ms-rteStyle-download-link::after {
    font-family: 'Glyphicons Halflings';
    content: "\e166";
    padding-left: 5px; 
	vertical-align:top;
}
.ms-rteStyle-download-link-small {
	-ms-name: "Link Download Small";
}
.ms-rteStyle-download-link-small::after {
    font-family: 'Glyphicons Halflings';
    content: "\e166"; padding-left: 3px; font-size:0.8em;
	vertical-align:baseline;
	text-decoration: none !important;
}
.ms-rteStyle-download-link-large {
	-ms-name: "Link Download Large";
	font-size:1.2em !important;
}
.ms-rteStyle-download-link-large::after {
    font-family: 'Glyphicons Halflings';
    content: "\e166";
    padding-left: 5px; 
	font-size:1.0em; 
	vertical-align:middle;
}
.ms-rteStyle-video-link {
	-ms-name: "Link Video";
}
.ms-rteStyle-video-link::after {
    font-family: 'Glyphicons Halflings';
    content: "\e059";
    padding-left: 5px; 
    vertical-align:middle;
}
.ms-rteStyle-video-link-small {
	-ms-name: "BWA Video Link Small";
}
.ms-rteStyle-video-link-small::after {
    font-family: 'Glyphicons Halflings';
    content: "\e059"; padding-left: 3px; font-size:0.8em;
	vertical-align:middle;
}
.ms-rteStyle-video-link-large {
	-ms-name: "Link Video Large";
	font-size:1.2em !important;
}
.ms-rteStyle-video-link-large::after {
    font-family: 'Glyphicons Halflings';
    content: "\e059";
    padding-left: 5px; 
	font-size:1.0em; 
	vertical-align:middle;
}
.ms-rteStyle-form-link {
	-ms-name: "Link Form";
}
.ms-rteStyle-form-link::after {
    font-family: 'Glyphicons Halflings';
    content: "\e065";
    padding-left: 5px; 
	vertical-align:baseline;
}
.ms-rteStyle-form-link-small {
	-ms-name: "Link Form Small";
}
.ms-rteStyle-form-link-small::after {
    font-family: 'Glyphicons Halflings';
    content: "\e065"; padding-left: 3px; font-size:0.8em;
	vertical-align:baseline;
}
.ms-rteStyle-form-link-large {
	-ms-name: "Link form Large";
	font-size:1.2em !important;
}
.ms-rteStyle-form-link-large::after {
    font-family: 'Glyphicons Halflings';
    content: "\e065";
    padding-left: 5px;
	font-size:1.0em; 
	vertical-align:baseline;
}
.external-link-small::after {
    font-family: 'Glyphicons Halflings';
    content: "\e164"; padding-left: 3px; font-size:0.7em;
	vertical-align:baseline;
	text-decoration: none !important;
}
.download-link-small::after {
    font-family: 'Glyphicons Halflings';
    content: "\e166"; padding-left: 3px; font-size:0.9em;
	vertical-align:baseline;
	text-decoration: none !important;
}
.video-link-small::after {
    font-family: 'Glyphicons Halflings';
    content: "\e059"; padding-left: 3px; font-size:0.9em;
	vertical-align:middle;
}
.form-link-small::after {
    font-family: 'Glyphicons Halflings';
    content: "\e065"; padding-left: 3px; font-size:0.9em;
	vertical-align:baseline;
}
/******** /Link Styles *******/
/******** /Button Styles *******/
.btn-outline-inverse {
    color: #fff;
	background-color: rgba(115, 154, 189, 0.5);
    border-color: #ffffff;
}	
.btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover {
    color: #555555;
    text-shadow: none;
    background-color: #fff;
    border-color: #fff;
}	
/***** /Button Styles *******/
/***** Spacing Styles *******/
.margin-top-10 {
	margin-top:10px;
}
.margin-top-15 {
	margin-top:15px;
}
.margin-top-20 {
	margin-top:20px;
}
.margin-top-25 {
	margin-top:25px;
}
.margin-top-30 {
	margin-top:30px;
}
.margin-top-40 {
	margin-top:40px;
}
.margin-bottom-10 {
	margin-bottom:10px;
}
.margin-bottom-15 {
	margin-bottom:15px;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-25 {
	margin-bottom:25px;
}
.margin-bottom-30 {
	margin-bottom:30px;
}
.margin-bottom-40 {
	margin-bottom:30px;
}
.margin-left-5 {
	margin-left:5px;
}
.margin-left-10 {
	margin-left:10px;
}
.margin-left-15 {
	margin-left:15px;
}
.margin-left-20 {
	margin-left:20px;
}
.ma-right-5 {
	margin-right:5px;
}
.margin-right-10 {
	margin-right:10px;
}
.margin-right-15 {
	margin-right:15px;
}
.bullets li {
	margin-left: 20px;
}
/***** /Spacing Styles *******/
/***** Outage message fix *******/
@media (max-device-width: 965px) {
  /*#region $SIGN IN - OUTAGE */
  li.hcf-enmaxSignIn-wrapper .hcf-enmaxSignIn-btn.hcf-outage {
    display: none;
  }
  li.hcf-enmaxSignIn-wrapper ul.hcf-signIn-outageList {
    background: none;
    border: 0 none;
    height: auto;
    position: static;
    width: 100%;
    z-index: auto;
  }
  /*#endregion */
  
}
/***** /Outage message fix *******/
/**** boxes and lines   *****/
.greybox {
background-color: #f2f2f2;
}
.grey {
background-color: #f2f2f2;
}
.hairlinegreyleft {
border-left: 1px solid #cccccc; 
padding-left: 25px;
}
.line-right {
border-right: 1px solid #cccccc; 
padding-right: 25px;
}
/**** horizontal rule  *****/
@media (max-device-width: 965px) and (min-device-width: 768px){
hr {
    border-top: 1px solid #dddddd !important; 
}
}
@media (max-device-width: 480px){
hr {
    border-top: 1px solid #dddddd !important;
}
}
/**** /horizontal rule  *****/



/************ Solutions Site   **************/

.emx-menu .navbar-nav > li.active > a {
    background-color: #000 !important;
    color: #fff !important;
    text-decoration: none !important;
}
.navbar-default .navbar-nav>li>a:hover {
	  background-color: #555 !important;
    color: #fff;
    text-decoration: none;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	text-align: center;	
}
.aligncenter img {
	vertical-align: top;
	margin-bottom: 0px;
}
#footer {
	max-width: 900px;
	margin: 10px auto;
}
.feature-color {
	color: #9C427C !important;
	font-weight: bold !important;
}

/* ----------------------------------------------------------------
	Icon boxes
-----------------------------------------------------------------*/

.feature-box {
    position: relative;
    margin-top: 20px;
    padding: 0 0 0 70px;
	min-height: 50px;
	overflow:visible;
}
.feature-box h3 {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  margin-top: 5px;
  color: #666!important;
}
.feature-box.fbox-icon {
    border: none !important;
    height: auto !important;
}
.feature-box .fbox-icon img{
    display: block;
    position: absolute;
    width: auto;
	max-width: 60px;
    height: 50px;
    top: 0;
    left: 0;
}
.feature-box.fbox-icon-large {
    border: none !important;
    height: auto !important;
}
.feature-box .fbox-icon-large img{
    display: block;
    position: absolute;
    width: 60px;
    height: 100px;
    top: 0;
    left: 0;
}
.feature-box .text-icon h1{
	position: absolute;
	font-size: 31px;
	font-weight: bold !important;
	top: 5px;
	left: 0;
}
.feature-block {
    position: relative;
    margin-top: 20px;
	min-height: 50px;
	overflow:visible;
}
.feature-block .text-icon h1{
	 position: inline-block;
	color: #9C427C !important;
	font-size: 31px;
	font-weight: bold !important;
}
.feature-block img{
    display: inline-block;
    position: absolute;
    width: 65px;
    height: 50px;
    top: 0;
    left: 95px;
}
.feature-block h3 {
	 font-size: 18px;
	 font-weight: bold;
	 margin-top: 10px;
	 color: #666!important;
}

.bottom-line-dashed {
	border-bottom: 1px #eee dashed;
}

.feature-products {
	width: 100%;
	max-width: 280px;
	min-width: 250px;
	margin-bottom: 10px;
       padding: 5px;
}

.feature-products:hover {
     ~ms-transform: scale(1.2); /* IE 9 */
     ~webkit-transform: scale(1.2); ?*Safari 3-8  */
     transform: scale(1.2);
     border: 2px solid #9C427C;
}

@media (max-width: 768px){
.banner-background-spotlight {
	min-height: 175px !important;
	position: relative;
	overflow:hidden;
	margin: auto -30px ;
}
.banner-background-casestudy1 {
	min-height:300px !important;
}
.banner-background-energy-plans {
	min-height:150px;
}
.banner-background-customer-support {
	min-height:150px;
}
.banner-background-alternative-energy {
	min-height:150px;
}
.banner-background-infrastructure {
	min-height:150px;
}
}


/* ----------------------------------------------------------------
	Sections
-----------------------------------------------------------------*/

.banner-background-spotlight {
	background-image: url("/SolutionsSite/PublishingImages/img-municipal-solutions.jpg");
	background-size:cover;
	position: relative;
	min-height:400px;
}
.banner-background-casestudy1 {
	background-image: url("/SolutionsSite/PublishingImages/img-casestudy1.png");
	background-size:cover;
	position: relative;
	min-height:570px;
}
.banner-background-energy-plans {
	background-image: url("/SolutionsSite/PublishingImages/img-energy-plans.jpg");
	background-size:cover;
	position: relative;
	min-height:450px;
}
.banner-background-customer-support {
	background-image: url("/SolutionsSite/PublishingImages/img-customer-support.jpg");
	background-size:cover;
	position: relative;
	min-height:450px;
}
.banner-background-alternative-energy {
	background-image: url("/SolutionsSite/PublishingImages/img-alternative-energy.jpg");
	background-size:cover;
	position: relative;
	min-height:450px;
}
.banner-background-infrastructure {
	background-image: url("/SolutionsSite/PublishingImages/img_infrastructure.jpg");
	background-size:cover;
	position: relative;
	min-height:450px;
}

.banner-overlay-bottom {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 15px;	
	position: absolute;
  	bottom: 0px;
}
.banner-overlay-bottom-purple {
	width: 100%;
	background-color: rgba(156, 66, 124, 0.5);
	padding: 15px;	
	position: absolute;
  	bottom: 0px;
}
.banner-overlay-bottom-green {
	width: 100%;
	background-color: rgba(39, 137, 118, 0.5);
	padding: 15px;	
	position: absolute;
  	bottom: 0px;
}
.banner-overlay-top {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 15px;	
	position: absolute;
  	top: 40px;
}

#content {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}

.spotlight {
	background-color: #888;
	color: fff !important;
}
.casestudy {
	background-color: #888;
	color: fff !important;
}
.product-details {
	background-color: #fff;
	border: 1px #ccc solid;
	border-radius: 4px;
}
.product-details h1 {
	color: #9C427C !important;
	font-weight: bold !important;
}
.purple-strip {
	background-image: url("/SolutionsSite/PublishingImages/banner-strip-purple.png");
	background-repeat:repeat-x;
	top: 50px;
}

.dark h1, .dark h2, .dark h3, .dark p {
	color: #fff !important;
}
.section-padding {
	psoition: relative;
	margin-top: 40px;
	margin-bottom: 40px;
}

/* ----------------------------------------------------------------
	Misc
-----------------------------------------------------------------*/

.vertical-line-right {
	border-right: 1px dotted #ccc;

}
.btn-outline-inverse {
    color: #f5f5f5 !important;
    background-color: rgba(255, 255, 255, 0.2)!important;
    border-color: #ffffff;
}
.btn-outline-inverse a {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.2)!important;
    border-color: #ffffff;
}

.checklist li {
	list-style-image:url(/SolutionsSite/PublishingImages/icon-check-mark.png);
	list-style-position:inherit;
}
/**** /Solutions Site   *****/

/**** Projects Site  *****/
#projects {
}
#projects .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #ffffff;
	background-color: #e21836;
}
#projects .nav-pills .nav-link {
	background: #f2f2f2;
	padding: 8px 20px;
	margin-right: 4px;
	color: #444444;
    border: 1px solid #d7d7d7;
}
#projects .nav-link:hover {
	background: #e21836;
    color: #ffffff !important;
}
/***** MOBILE STYLES  ************/
@media (max-device-width: 965px) {
#projects .dropdown-menu {
    background-color: #ffffff  !important;
    background-color: rgb(255, 255, 255) !important;
	position:absolute !important;
	margin-bottom: 5px;
}
#projects .dropdown-menu > li > a {
	background-color: #ffffff !important;
    background-color: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0);
	cursor:pointer !important;
	font-size:16px;
	color: #555 !important;
}
#projects .btn-default:hover, .btn-default:focus, .open>.dropdown-toggle.btn-default {
    background-color: #e21836 !important;
    border: 1px solid #e21836 !important;
    color: #ffffff !important;
}
#projects .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #ffffff !important;
    color: #555 !important;
}
#projects .btn-default {
     background-color: #e21836 !important;
    border: 1px solid #e21836 !important;
	color: #ffffff !important;
}
#projects .btn-projects {
    color: #fff;
    background-color: #e21836 !important;
    border-color: #e21836 !important;
}
}
/**** /MOBILE STYLES  ***********/
#projects .banner-overlay-bottom {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px;
    position: absolute;
    bottom: 40px;
}
.projectcontact {
}
.projectcontact a {
    color: #027DB4;
}
.projectcontact .btn {
    padding: 8px 12px;
    font-size: 18px;
width: 100%;
margin: 10px auto;
}
.projectcontact .btn-red {
    color: #fff !important;
    background-color: #e31936;
    border-color: #e31936;
font-size: 16px;
font-weight: bold;
}
.projectcontact .btn-red:hover {
    color: #fff !important;
    background-color: #cc193b;
    border-color: #cc193b;
font-size: 16px;
font-weight: bold;
}
/**** /Projects Site  *****/

/**** breadcrumb background image fix   *****/

.hcf-breadcrumb li {
    height: 32px;
}