@import url(https://fonts.googleapis.com/css?family=Lato:400,900,700italic,900italic,400italic,300italic,100italic,300,100);

/*
changes
*/

    .breadcrumb li{
        margin-bottom:6px;
    }
    
    
    .tabs-menu .navbar-nav {
        margin: 0px;
    }

    
    

@media (max-width: 481px) {
    
    
    
}











body {
    font-family: 'Lato', sans-serif;
}

p,
ul,
ol {
    font-size: 16px;
}

ul,
ol {
    margin: 10px 0px 0px 15px;
    padding: 0px;
}

h2 {
    color: #0058a8;
}

h3 b {
    font-weight: normal;
}

.btn-black {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

    .btn-black:hover {
        color: #fff;
        background-color: #000000;
        border-color: #000000;
    }

.btn {
    padding: 10px 30px;
    border-radius: 0;
    font-size: 16px;
	margin-right:10px;
}

.btn:last-child {
	margin-right: 0;
}

.btn-block {
	margin-right:0;
}

.btn-info {
    background-color: #00adef;
    margin-top: 20px;
}
.button-fix .btn-info {
	margin-top:0!important;
}
.button-mybill .btn-info {
	margin-bottom:20px;
	padding:5px 30px!important;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger{
    margin-top: 20px;   
}
.btn-info .fa-caret-right {
    display: none;
}
.btn-info:after {
    content: '\f0da';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin:0px 0px 0px 5px;
    text-decoration:none;
}
h4 .btn-info {
    margin: 20px 0px;
}

.btn-default {
    color: #fff;
    border: 2px solid #fff;
    background: none;
}
.btn-default .fa-caret-right {
    display: none;
}
.btn-default:after {
    content: '\00a0\f0da';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin:0px 0px 0px 0px;
    text-decoration:none;
}
.btn-grey {
    color: #939598;
    background-color: #fff;
    border: 2px solid #939598;
}

    .btn-grey:hover {
        color: #fff;
        background-color: #aeaeae;
        border-color: #aeaeae;
    }
.btn-grey .fa-caret-right {
    display: none;
}
.btn-grey:after {
    content: '\00a0\f0da';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin:0px 0px 0px 0px;
    text-decoration:none;
}
.btn-white {
    color: #fff;
    border: 2px solid #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0058a8;
}

h1 {
    font-size: 45px;
}

.menu {
    /* IE10+ */
    background-image: -ms-linear-gradient(left, #FFFFFF 70%, #004d9d 70%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(left, #FFFFFF 70%, #004d9d 70%);
    /* Opera */
    background-image: -o-linear-gradient(left, #FFFFFF 70%, #004d9d 70%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(70, #FFFFFF), color-stop(70, #004d9d));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(left, #FFFFFF 70%, #004d9d 70%);
    /* W3C Markup */
    background-image: linear-gradient(to right, #FFFFFF 70%, #004d9d 70%);
}

    .menu .col-lg-9 {
        /* IE10+ */
        background-image: -ms-linear-gradient(left, #FFFFFF -0.08%, #004d9d 8%);
        /* Mozilla Firefox */
        background-image: -moz-linear-gradient(left, #FFFFFF -0.08%, #004d9d 8%);
        /* Opera */
        background-image: -o-linear-gradient(left, #FFFFFF -0.08%, #004d9d 8%);
        /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-gradient(linear, left top, right top, color-stop(-0.08, #FFFFFF), color-stop(8, #004d9d));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-linear-gradient(left, #FFFFFF -0.08%, #004d9d 8%);
        /* W3C Markup */
        background-image: linear-gradient(to right, #FFFFFF -0.08%, #004d9d 8%);
    }

    .menu .navbar-default .navbar-nav > li:last-child > a {
        background-color: #0058a9;
        color:white;
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
}

.ask-question {
    background: #004d9d;
}

.g-recaptcha {
    clear: both;
    padding-top: 10px;
}

/*--------------------------topbar---------------------*/

.topbar .form-group {
    background-color: #3a3d41;
}

.form-inline {
    overflow: hidden;
}

.topbar {
    background-color: #272b2f;
    color: #ffffff;
}

    .topbar ul {
        margin: 0px;
        float: right;
    }

    .topbar .list-inline {
        margin-bottom: 0px;
    }

        .topbar .list-inline li .btn {
            font-size: 14px;
        }

.list-inline li .btn {
    background-color: #3a3d41;
    padding: 6px 20px;
}

.list-inline li .input-group {
    background-color: #3a3d41;
}

.list-inline li {
    padding-right: 0;
    padding-left: 0px;
}

.topbar label {
    font-weight: normal;
}

.topbar .list-inline a,
.topbar .list-inline a:hover {
    color: #ffffff;
}

.topbar .form-control {
    background-color: transparent;
    border: 0;
    color: #00adef;
}

    .topbar .form-control option {
        background-color: #4e565e;
    }

.topbar .input-group-btn .btn-link i,
.topbar .input-group-btn .btn-link:hover i {
    color: #fff;
}

.topbar::-webkit-input-placeholder,
.topbar:-moz-placeholder,
.topbar::-moz-placeholder,
.topbar:-ms-input-placeholder {
    color: #ffffff;
}
/*--------------------menu--------------------*/

.menu #logo {
    padding: 17px 0px;
}

.navbar-nav {
    margin-top: 0;
    
}

.navbar {
    margin-bottom: 0px;
}

.navbar-default {
    background-color: transparent;
    border: 0;
}

.menu .navbar-default .navbar-nav > li > a {
    color: #ffffff;
    font-weight: 700;
    padding: 33.5px 8px;
}

.menu .navbar-default .navbar-nav > li.active > a {
    background-color: transparent;
    text-decoration: underline;
    /*background-color:#e7e7e7 !important;*/
    background-color:#bfbfbf !important;
    color:black;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-toggle {
    margin-right: 0;
    border: 2px solid #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
/*------------------------banner--------------------------------*/

.banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .banner h1 {
        font-size: 45px;
        color: #0058a8;
    }

.outages-emergencies {
    font-weight: 700;
    font-size: 15px;
    background-color: rgba(255, 217, 0, 0.8);
    float: right;
    line-height: 16px;
    padding: 12px 8px;
    margin-bottom: 0;
    line-height: 1.4;
}
.customercareNumber
{
    margin-right: 10px;
    background-color: #00B0F0 !important;
    color:white !important;
}

.banner-tag {
    margin-top: 15%;
    margin-bottom: 20%;
    padding-top: 5%;
    padding-bottom: 10%;
   
    background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 1) 30%);
    background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 1) 30%);
    background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 1) 30%);
    background-image: -webkit-gradient(linear, right top, left top, color-stop(5, rgba(255, 255, 255, 0)), color-stop(30, rgba(255, 255, 255, 1)));
    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 1) 30%);
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 1) 30%);
}

.empty-banner-tag {
    margin-top: 15%;
    margin-bottom: 20%;
    padding-top: 5%;
    padding-bottom: 10%;
}

.banner-tag p {
    width: 60%;    
}

.banner-one {
    background-image: url('../img/residential-banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-two {
    background-image: url('../img/about-banner-two.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-three {
    background-image: url('../img/about-banner-one.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-four {
    background-image: url('../img/commertial-banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-five {
    background-image: url('../img/news-events-banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-six {
    background-image: url('../img/smart-uses.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-BUS_MainHeader_General {
    background-image: url('../img/banner/BUS_MainHeader_General.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-NG_twoburner_blueflame {
    background-image: url('../img/banner/NG_two_burner_blue_flame.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
 .burner_blue {
    background-image: url('../img/NG_two_burner_blue_flame.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
 }

.banner-NG_GasMeters {
    background-image: url('../img/banner/NG_Gas_Meters.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_GasSafety {
    background-image: url('../img/banner/GasSafety.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Bus_Financial {
    background-image: url('../img/banner/Bus_Financial.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-BUS_MainHeader {
    background-image: url('../img/banner/BUS_MainHeader.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Bus_MainHeader_Bills {
    background-image: url('../img/banner/Bus_MainHeader_Bills.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-BUS_MainHeader_Emergency {
    background-image: url('../img/banner/BUS_MainHeader_Emergency.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-BUS_MainHeader_Home {
    background-image: url('../img/banner/BUS_MainHeader_Home.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-BUS_MainHeader_SmartUse {
    background-image: url('../img/banner/BUS_MainHeader_SmartUse.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Bus_pg1_MainHeader {
    background-image: url('../img/banner/Bus_pg1_MainHeader.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-BUS_Safety {
    background-image: url('../img/banner/MainHeader_Bus_Safety.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader-projectwet {
    background-image: url('../img/banner/MainHeader-projectwet.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Landing_Page_MainHeader {
    background-image: url('../img/banner/banner_main_login.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader-WaterSafety {
    background-image: url('../img/banner/MainHeader_WaterSafety.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader-WaterSense {
    background-image: url('../img/banner/watersenselogo1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader-Post-Kitchen {
    background-image: url('../img/banner/Post_kitchen.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeade_OlderCouple {
    background-image: url('../img/banner/MainHeade_OlderCouple.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 360px;
}

.banner-MainHeader_Bills {
    background-image: url('../img/banner/MainHeader_Bills.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_BusHome {
    background-image: url('../img/banner/MainHeader_WhoWeAre.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_Career {
    background-image: url('../img/banner/MainHeader_Careers.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_Emergency {
    background-image: url('../img/banner/MainHeader_Emergency.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeade_EmergencyAZ{
    background-image: url('../img/banner/MainHeader_EmergencyAZ.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 360px;
}

.banner-MainHeade_EmergencyNH{
    background-image: url('../img/banner/MainHeader_WhatToDo.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 360px;
}

.banner-MainHeader_General {
    background-image: url('../img/banner/MainHeader_General.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_Kitchen {
    background-image: url('../img/banner/MainHeader_Kitchen.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_MakeAPayment {
    background-image: url('../img/banner/MainHeader_MakeAPayment.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_NewsEvents {
    background-image: url('../img/banner/MainHeader_NewsEvents.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_NewEvents {
    background-image: url('../img/banner/MainHeader_Notifications.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_Rates {
    background-image: url('../img/banner/MainHeader_Rates.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_ResHome {
    background-image: url('../img/banner/MainHeader_ResHome.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_Responsibility {
    background-image: url('../img/banner/MainHeader_Responsibility.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_SmallBusiness {
    background-image: url('../img/banner/MainHeader_SmallBusiness.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_SmartUse {
    background-image: url('../img/banner/MainHeader_SafetyOverview.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_WhatWeDo {
    background-image: url('../img/banner/MainHeader_WhatWeDo.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeaderI {
    background-image: url('../img/banner/MainHeaderI.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Slider_LushXeriscape {
    background-image: url('../img/banner/Slider_LushXeriscape.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Slider_Manhole {
    background-image: url('../img/banner/Slider_Manhole.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Slider_Watering {
    background-image: url('../img/banner/Slider_Watering.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-BUS_MainHeader_Generic {
    background-image: url('../img/banner/BUS_MainHeader_Generic.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_Summer {
    background-image: url('../img/banner/MainHeader_Summer.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_Terms {
    background-image: url('../img/banner/MainHeader_Terms.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_CommunityHighlights {
    background-image: url('../img/banner/MainHeader_CommunityHighlights.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_AboutEnergyEfficiency {
    background-image: url('../img/banner/MainHeader_EnergyEfficiency.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_GasSafety {
    background-image: url('../img/banner/GasSafety.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_WireTrees {
    background-image: url('../img/banner/WireTrees.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_SafetyAtWork {
    background-image: url('../img/banner/MainHeader_SafetyAtWork.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_SafetyAtHome {
    background-image: url('../img/banner/MainHeader_LightSwitch.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banner-MainHeader_Posts{
      background-image: url('../img/banner/MainHeader_Post.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banner-Post_Smell {
    background-image: url('../img/banner/Post_Smell.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-CarbonMonoxide {
    background-image: url('../img/banner/MainHeader_CarbonMonoxide.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-GasMeter {
    background-image: url('../img/banner/MainHeader_GasMeter.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-DigSafe {
    background-image: url('../img/banner/DigSafe.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-GasStove {
    background-image: url('../img/banner/Post_GasStove.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-GasLine_House {
    background-image: url('../img/banner/MainHeader_GasLineHouse.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Chimney {
    background-image: url('../img/banner/MainHeader_Chimney.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-FirstResponders {
    background-image: url('../img/banner/FirstResponders.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Generator {
    background-image: url('../img/banner/Generator.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-HouseLights {
    background-image: url('../img/banner/HouseLights.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Plugs {
    background-image: url('../img/banner/Plugs.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Forest {
    background-image: url('../img/banner/Forest.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-NewService_Electric_Home_Business {
    background-image: url('../img/banner/NewService_Electric_Home_Business.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-paperless {
    background-image: url('../img/banner/MainHeader_paperless.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Storm_preparedness {
    background-image: url('../img/banner/Storm_preparedness.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-Post_CheckList {
    background-image: url('../img/banner/Post_CheckList.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-NG_two_burner_blue_flame {
    background-image: url('../img/banner/NG_two_burner_blue_flame.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-NG_Gas_Meters {
    background-image: url('../img/banner/NG_Gas_Meters.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner .pay-bill {
    background-color: rgba(78, 86, 94, 0.90);
    color: #fff;
    padding: 30px 40px;
    float: right;
}

.banner-RES_MainHeader_AboutCA {
    background-image: url('../img/banner/banner_family_ca.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-RES_MainHeader_EmergencyWorker {
    background-image: url('../img/banner/MainHeader_EmergencyWorkers.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader-WaterUseMiss {
    background-image: url('../img/banner/MainHeader_WaterUse.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_RatesAz {
    background-image: url('../img/banner/MainHeader_RatesAZ.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_GasLineSafety {
    background-image: url('../img/banner/MainHeader_GasLineSafety.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_CommunityEvents {
    background-image: url('../img/banner/MainHeader_CommunityEvent.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-MainHeader_ResPowerlines {
    background-image: url('../img/banner/MainHeader_ResPowerlines.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .banner .pay-bill .title {
        font-size: 25px;
        line-height: 25px;
    }
/*---------------------------*/

.pay-bill {
    background-color: rgba(78, 86, 94, 0.90);
    color: #fff;
    padding: 10px 30px 30px 30px !important;
    float: right;
}

    .pay-bill div {
        padding: 0px !important;
        background-color: transparent !important;
    }

    .pay-bill h2 {
        font-size: 25px;
        line-height: 25px;
        color: #fff;
    }
    
    .pay-bill h2 strong {
        font-weight: normal;
    }

.OutageEmergencyWidget {
    margin-top: 55%;
    margin-bottom: 10%;
}

.OutageEmergencyWidget {
    background-color: rgba(78, 86, 94, 0.90);
    color: #fff;
    padding: 10px 30px 30px 30px;
    float: right;
}

    .OutageEmergencyWidget br {
        display: none;
    }

    .OutageEmergencyWidget h2 {
        font-size: 25px;
        line-height: 25px;
        color: #fff;
    }

    .OutageEmergencyWidget small {
        font-size: 100%;
        margin: 20px 0px;
    }

    .OutageEmergencyWidget button {
        display: block;
    }
/*------------------------banner-search------------------------*/

.banner-search {
    margin-bottom: 10%;
    padding: 0px;
}

    .banner-search .banner-search {
        padding: 5px 25px 25px 25px;
    }

    .banner-search h2 {
        color: #fff;
    }

    .banner-search select.form-control {
        font-weight: bold;
    }

    .banner-search .btn {
        margin-top: 0;
       padding-right:26px !important;
    }

    .banner-search .form-group {
        margin-top: 10px;
    }

        .banner-search .form-group .form-control {
            margin-right: 8px;
            width: 100%;
            height: 45px;
            width: 180px;
            border-radius: 0;
            font-weight: bold;
            color: #555;
        }
/*-------------------emergencies-outages--------------------*/

.emerg-box,
.outage-box {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-right: 40px;
}

.emerg-box {
    border-right: 3px solid #c2c2c2;
}
/*-----------------new-customer------------------------*/

.new-customer {
    padding: 28px 0;
    font-size: 16px;
    color: #fff;
}

    .new-customer .btn {
        float: right;
    }
/*-----------------------three columns---------------------*/

.row.grid {
    display: flex;
    flex-direction: row;
    align-content: space-between;
    margin-right: 0;
    margin-left: 0;
}

.grid > div {
    flex: 1 1 auto;
    flex-wrap: wrap;
    background: #fff;
    color: #939598;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    border: 2px solid #e1e1e1;
    margin-top: 4%;
    margin-bottom: 4%;
    padding: 0;
}

    .grid > div:not(:last-child) {
        margin-right: 30px;
    }

.card img {
}
.card img.img-responsive {
    width: 100%;
    height: auto;
}
.card {
    outline: 2px solid #e1e1e1;
    background-color: #ffffff;
}

    .card .content {
        padding: 30px 35px;
        color: #424242;
        min-height: 180px;
    }

    .card .title {
        color: #0058a8;
        font-size: 24px;
        text-align: center;
        margin-bottom: 10px;
    }

.news-event .title {
    color: #00adef;
    font-size: 24px;
}
/*-------------------storm-warning-----------------*/

.storm-warning {
    padding: 24px 58px;
    background-color: #ffd900;
}

    .storm-warning .row > .col-lg-3 {
        border-right: 2px solid #000;
    }

    .storm-warning .media-left span {
        width: 3em;
        height: 3em;
        line-height: 3em;
    }

        .storm-warning .media-left span .fa {
            color: #000;
        }

    .storm-warning .media-body {
        font-size: 28px;
        line-height: 28px;
        font-weight: 700;
        text-transform: uppercase;
    }
/*-------------------news------------------------*/

.news-top {
    overflow: hidden;
    margin: 30px 0;
}

    .news-top h2 {
        margin-top: 0px;
        float: left;
    }

    .news-top .btn {
        float: right;
    }

.news .col-sm-4 {
    margin-top: 3%;
    margin-bottom: 3%;
}

    .news .col-sm-4:not(:last-child) {
        border-right: 2px solid #d7d7d7;
    }
/*-------------------footer----------------------*/

footer {
       background-color: #2c2c2c;
    color: #ffffff !important;
    padding: 10px 0px;
}

blockquote footer {
    color: #777 !important;
    padding: 10px 0px;
    background:#fff;
}

    footer ul {
        float: right;
    }

    footer .list-inline {
        margin-bottom: 0px;
    }

        footer .list-inline li {
            padding-right: 8px;
            padding-left: 8px;
        }

        footer .list-inline a {
            font-size: 13px;
        }

            footer .list-inline a,
            footer .list-inline a:hover {
                color: #ffffff;
            }
/*------------------------------inside-------------------*/

.second-menu .navbar {
    margin-bottom: 0;
}

.second-menu .navbar-default .navbar-brand {
    color: #fff;
}

.second-menu .navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 100%;
}

.second-menu .navbar .navbar-collapse {
    text-align: center;
}

.second-menu .navbar .navbar-collapse {
    padding: 0px;
}

.second-menu .navbar-nav > li {
    width: 20%;
}

    .second-menu .navbar-nav > li > a {
        color: #fff;
        font-size: 16px;
        padding-top: 16px;
        padding-bottom: 16px;
        border-left: 2px solid #00306d;
    }

    .second-menu .navbar-nav > li:first-child > a {
        border-left: 2px solid #00306d;
    }

    .second-menu .navbar-nav > li:last-child > a {
        border-right: 2px solid #00306d;
    }

    .second-menu .navbar-nav > li.active > a {
        color: #004d9d;
        background-color: #fff;
    }

    .second-menu .navbar-nav > li.active {
        background-color: #fff;
    }

.seven-tabs-menu .navbar-nav li:nth-child(1) a,
.seven-tabs-menu .navbar-nav li:nth-child(2) a,
.seven-tabs-menu .navbar-nav li:nth-child(3) a,
.seven-tabs-menu .navbar-nav li:nth-child(4) a {
    padding-bottom: 22px;
    padding-top: 26px;
}
/*---------------------------------------------*/

.smartWaterPrograms {
    background-image: url("../img/smartwater2.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.aboutSmartWaterUse {
    background-image: url("../img/smartwater3.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.who-we-are-one {
    background-image: url("../img/who-1.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.who-we-are-two {
    background-image: url("../img/who-2.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.what-we-do-title {
    background-image: url("../img/what-we-do.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.our-responsibility {
    background-image: url("../img/our-responsibility.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.business {
    background-image: url("../img/business.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.social {
    background-image: url("../img/social.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.news-box {
    background-image: url("../img/news.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.news-1 {
    background-image: url("../img/news-1.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.news-2 {
    background-image: url("../img/social.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.environmental {
    background-image: url("../img/environmental.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.row-one {
    background-image: url("../img/row-1.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.row-one-events {
    background-image: url("../img/post-row1-events.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.row-two {
    background-image: url("../img/row-2.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.row-three {
    background-image: url("../img/row-3.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.row-four {
    background-image: url("../img/row-4.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.UnitedWay {
    background-image: url("../img/UnitedWay.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.BellRingers {
    background-image: url("../uploads/TX_BellRinging2.JPG");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.AZperalta {
    background-image: url("../uploads/AZperalta.JPG");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.AZwaterfest {
    background-image: url("../uploads/AZwaterfest.JPG");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.AZworkshop {
    background-image: url("../uploads/AZworkshop.JPG");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.truckee-thursdays {
    background-image: url("../uploads/truckee-thursday.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;   
}
.AboutEnergyEfficiency {
    background-image: url("../uploads/about-energy-eff.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;     
}
.school-district-rebate {
    background-image: url("../uploads/rebate-magnet-school.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;   
}
.BUS-AboutEnergyEfficiency {
        background-image: url("../uploads/BUS_AboutEnergyEfficiency.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;   
}
.BUS-StatsEnergyEfficiency {
       background-image: url("../uploads/BUS_StatsEnergyEfficiency.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;    
}
.banner-ElectricalSafety {
        background-image: url("../uploads/ElectricSafety2.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;   
}
.charity {
    background-image: url("../img/charity.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.charityLeft {
    background-image: url("../uploads/charity2.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.HawkingGolf {
    background-image: url("../uploads/HawkingGolf.JPG");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.StuffBus {
    background-image: url("../uploads/StuffBus.JPG");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.corporate-statement {
    background-image: url("../img/corporate-statement.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.StatsEnergyEfficiency {
    background-image: url("../img/StatsEnergyEfficiency.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.SafetyWire {
    background-image: url("../img/SafetyWires.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.Workers {
    background-image: url("../img/WorkersVest.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.socialBUS {
    background-image: url("../img/socialBUS.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.PipesToHouse {
    background-image: url("../img/PipesToHouse.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.BUS_StatsEnergyEfficiency {
    background-image: url("../img/BUS_StatsEnergyEfficiency.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/*-------------------------------------------*/

.left-box {
    padding-right: 10%;
    padding-top: 26%;
    padding-bottom: 27%;
}

.extra-bottom {
    padding-bottom: 28%;
}

.left-box h1 {
    font-size: 40px;
    color: #0058a8;
}

.right-box {
    padding-left: 12%;
    padding-top: 26%;
    padding-bottom: 26%;
}
/*--------------------------------------*/

.our-values {
    padding-top: 40px;
    padding-bottom: 60px;
}

    .our-values img {
        margin: 0 auto;
        height: 80px;
        width: auto;
    }

.our-history {
    background-color: #e1e1e1;
    padding-top: 40px;
    padding-bottom: 40px;
}

    .our-history .item > div > div {
        background-color: #fff;
        border: 2px solid #d7d7d7;
        margin-top: 30px;
    }

    .our-history .item div div .history-text {
        padding: 4% 10%;
    }
/*-----------------------------------slider---------------------*/

.carousel.slide {
    margin-top: 20px;
}

.carousel-inner .active.left {
    left: -33%;
}

.carousel-inner .next {
    left: 33%;
}

.carousel-inner .prev {
    left: -33%;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: -10%;
    color: #fff;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: -10%;
}

.glyphicon-chevron-right:before,
.glyphicon-chevron-left:before {
    background-color: #00adef;
}
/*-------------------------------------------------*/

.what-we-do {
    padding-top: 5%;
    padding-bottom: 5%;
}
/*---------------------calculator----------------*/

.calc .tab-content {
    padding-left: 2%;
    padding-right: 2%;
}

.nav-tabs {
    border: none;
}

    .nav-tabs > li {
        text-align: center;
        background-color: #c5c5c5;
    }

.calc .nav-tabs.nav-justified > li > a {
    color: #3a3d41;
    font-size: 18px;
    width: 100%;
}

.calc .tab-content h2 {
    font-size: 26px;
}

.calc .nav-tabs.nav-justified > li.active > a {
    color: #0058a8;
    background-color: #fff;
}
/*----------------------about-----------------*/

.three-tabs-menu .navbar-nav > li {
    width: 33.3%;
}
/*--------breaducrumbs---------*/

.breadcrumb {
    background-color: transparent;
    margin-top: 8px;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 1;
}

    .breadcrumb > li + li:before {
        content: ">\00a0";
        color: #3a3d41;
        font-weight: bold;
    }

    .breadcrumb > li > a {
        font-weight: bold;
        color: #0058a8;
        text-decoration: underline;
    }

    .breadcrumb > li.active {
        font-weight: bold;
        color: #3a3d41;
        text-decoration: none;
    }
/*---------------news-events-----------------*/

.article {
    padding-top: 5%;
    padding-bottom: 5%;
}

    .article ul {
        padding-left: 15px;
    }

.article-title h1 {
    font-size: 45px;
    margin-top: 0;
}

.article-title h4 {
    color: #424242;
    line-height: 1.3;
}

.media-left, .media > .pull-left {
    padding-right: 0;
}

/*----------------education------------------*/

.info-box {
    background-color: #e1e1e1;
    margin-bottom: 50px;
    padding: 10px 30px 20px 40px;
}

.media-body,
.media-left,
.media-right {
    vertical-align: middle;
}

.media-body {
    padding-left: 20px;
}

.media-left .fa {
    font-size: 45px;
    color: #00adef;
}

.info-box .btn {
    float: right;
    margin-top: 60px;
}
/*---------------------smart-uses--------------------*/

.four-tabs-menu .navbar-nav > li {
    width: 25%;
}

.left-w-g {
    padding-right: 10%;
    padding-top: 17%;
    padding-bottom: 17%;
}

.right-w-g {
    padding-left: 12%;
    padding-top: 17%;
    padding-bottom: 17%;
}
/*--------partnerships----------*/

.partnerships {
    padding-top: 5%;
    padding-bottom: 5%;
}

.logos a {
    display: inline-block;
    margin: 10px 15px;
}
/*------------------saftey-----------------*/

.seven-tabs-menu .navbar-nav > li {
    width: 14.285%;
}

    .seven-tabs-menu .navbar-nav > li:nth-child(1) > a,
    .seven-tabs-menu .navbar-nav > li:nth-child(2) > a,
    .seven-tabs-menu .navbar-nav > li:nth-child(3) > a,
    .seven-tabs-menu .navbar-nav > li:nth-child(4) > a,
    .seven-tabs-menu .navbar-nav > li:nth-child(5) > a {
        padding-bottom: 26px;
        padding-top: 26px;
    }

.navbar-nav > li > .dropdown-menu {
    width: 100%;
    padding: 0;    
    right: auto;
    
    /*left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);*/
   /*left: 50% !important;
  right: auto !important;
  text-align: center !important;
  transform: translate(-50%, 0) !important;*/
}

    .navbar-nav > li > .dropdown-menu li {
        text-align: center;
        border-bottom: 1px solid #000;
        background-color:silver;
    }

.seven-tabs-menu .dropdown-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

.saftey {
    padding-top: 3%;
}

.saftey-text {
    margin-bottom: 5%;
    padding-right: 6%;
}

.saftey .info-box {
    background-color: #fff;
    border: 2px solid #e1e1e1;
    margin-top: 20px;
}

.saftey-box {
    margin-top: 2%;
    margin-bottom: 4%;
    padding: 7%;
    border: 2px solid #e1e1e1;
    background-color: #ffffff;
}

.saftey-box-title {
    font-size: 26px;
    color: #0058a8;
}

.emerg-phone {
    font-size: 18px;
}

.checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-left: -25px;
}

.saftey-box .checkbox {
    margin-bottom: 15px;
    margin-top: 15px;
}

    .saftey-box .checkbox label {
        font-size: 16px;
    }

.saftey-filter {
    overflow: hidden;
}

    .saftey-filter a {
        float: right;
    }

    .saftey-filter .saftey-box-title {
        float: left;
    }
/*-----------------------report-outage-------------------*/

.report-form {
    padding-top: 5%;
    padding-bottom: 5%;
}

    .report-form .form-inline .form-group label {
        display: block;
    }

    .report-form form .form-control {
        border-radius: 0;
    }

    .report-form .form-group input[type=text] {
        width: 100%;
        height: 40px;
        padding-left: 20px;
    }

    .report-form .form-group {
        margin: 30px 2% 0 0;
        border-radius: 0;
        float: left;
        box-shadow: none;
    }

        .report-form .form-group label {
            font-size: 16px;
            font-weight: normal;
            color: #333;
        }

        .report-form .form-group:nth-child(1),
        .report-form .form-group:nth-child(2),
        .report-form .form-group:nth-child(3),
        .report-form .form-group:nth-child(6) {
            width: 31%;
        }

        .report-form .form-group:nth-child(4) {
            width: 46%;
        }

        .report-form .form-group:nth-child(5) {
            width: 16%;
        }

        .report-form .form-group:nth-child(n+7) {
            float: none;
            display: inline-block;
            width: 22%;
        }

            .report-form .form-group:nth-child(n+7) label {
                margin-left: 10px;
            }

    .report-form input[type=checkbox] {
        width: 20px;
        height: 20px;
        float: left;
    }

    .report-form .checkbox label {
        min-height: 40px;
        font-size: 16px;
    }

    .report-form input[type=submit] {
        background-color: #00adef;
        color: #fff;
        margin-top: 20px;
        display: block;
        float: none;
    }

    .report-form .form-group:last-child {
        display: block;
        float: none;
    }
/*--------------------events-news-2------------------*/

.event-box {
    padding-top: 0px;
    padding-bottom: 20px;
}

    .event-box a {
        text-decoration: underline;
        font-size: 16px;
    }

    .event-box .fa {
        margin-top: 20px;
    }

    .event-box .media-body,
    .event-box .media-left {
        vertical-align: top;
    }

.event-text {
    margin-top: 25px;
    padding-left: 70px;
}
/*----------------suppporting communites-------------------*/

.donation {
    overflow: hidden;
    margin-top: 20px;
    padding: 20px;
    border: 2px solid #e1e1e1;
}

    .donation .media-left {
    }

    .donation .media-body {
        padding-left: 0;
        font-weight: 700;
        font-size: 18px;
        color: #00adef;
        line-height: 1.4;
    }

.charities {
    background-image: url("../img/SupportingCommunities.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .charities ul {
        padding-left: 15px;
    }

        .charities ul li {
            font-size: 16px;
            margin-bottom: 5px;
        }

            .charities ul li a {
                font-size: 16px;
                color: #333;
                text-decoration: underline;
            }

.community-news {
    background-image: url("../img/community-news.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/*------------------progrmas---------------*/

.programs-top {
    padding: 4% 15%;
}

.programs-content .card {
}

.programs-content {
    background-color: #e1e1e1;
    padding-top: 2%;
    padding-bottom: 2%;
}

.btn-half-block {
    width: 65%;
}
/*------------------planned outages-----------------------*/

.planned-outages {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .planned-outages .col-sm-3 p {
        margin-bottom: 5px;
        color: #0058a8;
    }

    .planned-outages h2 {
        margin-top: 0;
    }
h3.outages-alert {
    padding-top: 40px;
}
/*---------------text-block-----------------*/

.text-block {
    padding-top: 5%;
    padding-bottom: 5%;
}

    .text-block ul {
    }

    .text-block h1 {
        margin-top: 0;
    }

    .text-block h4 {
        color: #00adef;
    }
/*------------------------search--------------------*/

.search {
    padding-top: 5%;
    padding-bottom: 5%;
}

    .search .col-sm-8 {
        border-right: 2px solid #c2c2c2;
    }

    .search > .col-sm-6 {
        border-right: 2px solid #c2c2c2;
    }

    .search .col-sm-8 div {
        padding-right: 10%;
    }

    .search .input-group {
        display: inline-table;
        vertical-align: middle;
        width: 100%;
    }

    .search .btn {
        padding: 6px 5px;
        width: 20%;
        color: #fff;
        background-color: #00adef;
        height: 35px;
    }

    .search span.input-group-btn {
        width: auto;
    }

    .search .form-control {
        display: inline-block;
        width: 80%;
        border-radius: 0;
        height: 35px;
    }

    .search a {
        color: #333;
        text-decoration: underline;
    }

    .search h4 {
        color: #333;
    }

    .search ul {
        list-style: none;
        padding-left: 0px;
    }

        .search ul li {
            margin-bottom: 10px;
        }
/*------------search results-------------*/

.search-results {
    padding-bottom: 6%;
}

    .search-results a {
        font-size: 21px;
        text-decoration: underline;
    }
/*----------------gas conversion----------------*/
/*---------------------tabs-menu-------------------*/

.tabs-menu .navbar-default .navbar-collapse {
    padding: 0;
}

.two-tabs-menu .navbar-nav > li {
    width: 50%;
}

.tabs-menu .navbar-nav > li {
    text-align: center;
    border-right: 2px solid #e1e1e1;
    background-color: #c5c5c5;
}

    .tabs-menu .navbar-nav > li.active {
        background-color: #fff;
        color: #004d9d;
    }

        .tabs-menu .navbar-nav > li.active > a {
            background-color: #fff;
            color: #004d9d;
        }

    .tabs-menu .navbar-nav > li > a {
        color: #333;
        font-size: 16px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

.tabs-menu .navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 100%;
}

.tab-text {
    padding-left: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-right: 3%;
}

.six-tabs-menu .navbar-nav > li {
    width: 16.66%;
}
/*-----new customer--------*/

.five-tabs-menu .navbar-nav > li {
    width: 20%;
}
/*-------------------------careers-------------------*/

.careers-one {
    background-image: url("../img/careers-1.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.careers-two {
    background-image: url("../img/careers-2.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.careers-three {
    background-image: url("../img/careers-3.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.careers-four {
    background-image: url("../img/careers-4.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/*-------------------------benefits----------------------*/

.benefits-one {
    background-image: url("../img/benefits-1.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.benefits-two {
    background-image: url("../img/benefits-2.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.benefits-three {
    background-image: url("../img/benefits-3.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.benefits-four {
    background-image: url("../img/benefits-4.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/*--------------------archive-------------------*/

.archive .col-sm-6:last-child {
    text-align: right;
}

    .archive .col-sm-6:last-child .btn-default {
        color: #939598;
        border: 2px solid #939598;
        background-color: transparent;
    }
/*-------------------general----------------*/

.general-form .form-group label {
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.general-form form .form-control {
    border-radius: 0;
}

.general-form .form-group input[type=text],
.general-form select {
    width: 100%;
    height: 40px;
    padding-left: 20px;
}

.general-form input[type=checkbox] {
    width: 20px;
    height: 20px;
    float: left;
}

.general-form .checkbox label {
    min-height: 40px;
    font-size: 16px;
}

.general-form input[type=submit] {
    background-color: #00adef;
    color: #fff;
    margin-top: 20px;
    display: block;
    float: none;
}

.general-form .form-group {
    margin: 30px 2% 0 0;
    border-radius: 0;
    float: left;
    box-shadow: none;
}

    .general-form .form-group:nth-child(1),
    .general-form .form-group:nth-child(2),
    .general-form .form-group:nth-child(3),
    .general-form .form-group:nth-child(4),
    .general-form .form-group:nth-child(19),
    .general-form .form-group:nth-child(20) {
        width: 48%;
    }

    .general-form .form-group:nth-child(5),
    .general-form .form-group:nth-child(11) {
        width: 40%;
    }

    .general-form .form-group:nth-child(6),
    .general-form .form-group:nth-child(12) {
        width: 8%;
    }
    .general-form .form-group:nth-child(7),
    .general-form .form-group:nth-child(8),
    .general-form .form-group:nth-child(9),
    .general-form .form-group:nth-child(10),
    .general-form .form-group:nth-child(13),
    .general-form .form-group:nth-child(14),
    .general-form .form-group:nth-child(15),
    .general-form .form-group:nth-child(16) {
        width: 10%;
    }

    .general-form .form-group:nth-child(18) {
        width: 40%;
    }

    .general-form .form-group:nth-child(17),
    .general-form .form-group:nth-child(21) {
        width: 100%;
    }

.general-form textarea {
    height: 100px;
}

.tabs-menu.seven-tabs-menu .navbar-nav > li > a {
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}
/*------------------------------register------------------------*/

.register-form {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
}

    .register-form .form-inline .form-group label {
        display: block;
    }

    .register-form form .form-control {
        border-radius: 0;
    }

    .register-form .form-group input[type=text] {
        width: 100%;
        height: 40px;
        padding-left: 20px;
    }

    .register-form .form-group {
        margin: 30px 2% 0 0;
        border-radius: 0;
        float: left;
        box-shadow: none;
    }

        .register-form .form-group label {
            font-size: 16px;
            font-weight: normal;
            color: #333;
        }

        .register-form .form-group:nth-child(1),
        .register-form .form-group:nth-child(2),
        .register-form .form-group:nth-child(3),
        .register-form .form-group:nth-child(4),
        .register-form .form-group:nth-child(5),
        .register-form .form-group:nth-child(7),
        .register-form .form-group:nth-child(8) {
            width: 48%;
        }

        .register-form .form-group:nth-child(6),
        .register-form .form-group:nth-child(9),
        .register-form .form-group:nth-child(10),
        .register-form .form-group:nth-child(11) {
            width: 98%;
        }

    .register-form input[type=submit] {
        background-color: #00adef;
        color: #fff;
        margin-top: 20px;
        display: block;
        float: none;
    }
/*--------------------maintenance-----------------*/

.maintenance-banner {
    background-image: url("../img/maintenance.jpg");
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/*---------------------MEDIA QUERIES---------------------------
-----------------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1200px) {
    .report-form .form-group:nth-child(n+7) {
        float: none;
        display: inline-block;
        width: 25%;
    }

    .report-form .form-group:last-child {
        display: block;
        float: none;
    }

    .seven-tabs-menu .dropdown-menu > li > a {
        padding: 10px 5px;
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    h1 {
        font-size: 35px;
    }
    /*-------------topbar----------------*/

    .topbar .list-inline {
        margin-top: 10px;
    }
    /*----------menu-----------*/

    .menu .navbar-default .navbar-nav > li > a {
        padding: 33.5px 8px;
    }
    /*---------------banner---------------*/

    .banner h1,
    .article-title h1 {
        font-size: 35px;
    }

    .outages-emergencies {
        font-size: 14px;
        padding: 15px 10px;
    }

    .btn {
        padding: 10px 25px;
        border-radius: 0;
        font-size: 15px;
    }

    .banner .pay-bill {
        color: #fff;
        padding: 20px 30px;
    }

    .OutageEmergencyWidget {
        color: #fff;
        padding: 20px 30px;
    }
    /*----------------------three-columns--------------*/

    .card .content {
        padding: 20px 15px;
    }

    .card .title {
        font-size: 20.5px;
    }
    /*---------------------storm-warning------------*/

    .storm-warning .media-body {
        font-size: 22px;
    }

    .storm-warning {
        padding: 20px 28px;
    }
    /*------------------banner-search-----------*/

    .banner-search h2 {
        font-size: 24px;
    }

    .banner-search .form-group {
    }
    /*---------------------second-menu-------------------*/

    .second-menu .navbar-nav > li > a {
        font-size: 14.5px;
        padding: 14px 5px;
    }
    /*---------------------box----------------------*/

    .left-box h1 {
        font-size: 30px;
    }

    .box h2 {
        font-size: 24px;
    }
    /*-------------------slider------------------*/

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: -5%;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: -5px;
    }
    /*-----------news-events---------------*/

    .article-title h4 {
        font-size: 16px;
    }
    /*-----------------------education----------------*/

    .info-box .btn {
        float: none;
        margin-top: 15px;
    }
    /*--------------------smart uses----------------*/

    .logos a {
        display: inline-block;
        margin: 10px 10px;
    }
    /*------------------saftey-----------------*/

    .seven-tabs-menu .navbar-nav li:nth-child(1) a,
    .seven-tabs-menu .navbar-nav li:nth-child(2) a,
    .seven-tabs-menu .navbar-nav li:nth-child(3) a,
    .seven-tabs-menu .navbar-nav li:nth-child(4) a {
        padding-bottom: 22px;
        padding-top: 26px;
    }

    .saftey-box-title {
        font-size: 20.5px;
    }

    .emerg-phone {
        font-size: 15px;
    }

    .saftey-box .checkbox label {
        font-size: 15px;
    }
    /*----------------outage-report-----------------*/

    .report-form .form-group:nth-child(n+7) {
        width: 30%;
    }

    .report-form .form-group:last-child {
        display: block;
        float: none;
    }
    /*---------------supporting communities------------*/

    .donation {
        padding: 10px;
    }

        .donation .media-body {
            font-size: 15px;
        }
    /*------------------------search--------------------*/

    .search .btn {
        padding: 6px 5px;
        width: 25%;
    }

    .search .form-control {
        width: 75%;
    }

    .tabs-menu.seven-tabs-menu .navbar-nav > li > a {
        font-size: 16px;
        padding: 14px 5px;
    }
    /*----------------------general-form-------------------*/

    .general-form .form-group:nth-child(5),
    .general-form .form-group:nth-child(11) {
        width: 60%;
    }

    .general-form .form-group:nth-child(6),
    .general-form .form-group:nth-child(12) {
        width: 20%;
    }

    .general-form .form-group:nth-child(7),
    .general-form .form-group:nth-child(8),
    .general-form .form-group:nth-child(9),
    .general-form .form-group:nth-child(10),
    .general-form .form-group:nth-child(13),
    .general-form .form-group:nth-child(14),
    .general-form .form-group:nth-child(15),
    .general-form .form-group:nth-child(16) {
        width: 15%;
    }

    .general-form .form-group:nth-child(17) {
        width: 35%;
    }
}

@media (max-width: 767px) {
    .btn-info {
        margin-top: 10px;
    }

    h1 {
        font-size: 35px;
    }
    /*---------------------topbbar---------------*/

    .topbar .form-group {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .topbar span.input-group-btn {
        width: auto;
    }

    .topbar .form-control {
        display: inline-block;
        width: auto;
    }

    .topbar label {
        font-size: 13px;
    }

    .topbar select {
        font-size: 13px;
    }

    .form-group {
        margin-bottom: 8px;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .topbar span.input-group-btn {
        width: auto;
    }

    .topbar .form-control {
        display: inline-block;
        width: auto;
    }
    /*-------------------menu---------------------*/

    .menu .navbar-default .navbar-nav > li > a {
        text-align: center;
        padding: 10px 14px;
        border-bottom: 1px solid #fff;
    }

    .navbar-nav {
        margin-bottom: 0;
    }
    /*---------------banner---------------*/

    .banner h1,
    .article-title h1 {
        font-size: 35px;
    }

    .outages-emergencies {
        font-size: 14px;
        padding: 15px 10px;
    }

    .btn {
        padding: 10px 25px;
        border-radius: 0;
        font-size: 15px;
    }

    .banner .pay-bill {
        color: #fff;
        padding: 20px 30px;
        margin-top: 0%;
        margin-bottom: 5%;
        float: left;
    }

    .OutageEmergencyWidget {
        color: #fff;
        padding: 20px 30px;
        margin-top: 0%;
        margin-bottom: 5%;
        float: left;
    }

    .banner-tag {
        margin-top: 5%;
        margin-bottom: 5%;
        padding-top: 2%;
        padding-bottom: 7%;
        padding-left: 20px;
    }
    /*-----------------new-customer------------*/

    .new-customer .btn {
        .OutageEmergencyWidget h2 float: left;
    }
    /*-------------------storm-warning---------------*/

    .storm-warning .media-body {
        font-size: 20px;
    }

    .storm-warning .row > .col-lg-3 {
        border-right: none;
    }

    .storm-warning {
        padding: 20px 28px;
    }

        .storm-warning .media {
            margin-bottom: 15px;
            border-bottom: 2px solid #000;
            text-align: left;
        }

        .storm-warning .col-md-9,
        .storm-warning .col-md-3 {
            text-align: center;
        }
    /*-------------------emerg-box/outage-box-------------*/

    .emerg-box {
        border-right: none;
    }

    .outage-box {
        border-top: 3px solid #c2c2c2;
    }

    .emerg-box,
    .outage-box {
        margin-top: 40px;
        margin-bottom: 40px;
        padding-right: 0px;
    }

    h2 {
        font-size: 25px;
    }
    /*----------------three-columns------------*/

    .card .title {
        font-size: 20.5px;
    }

    .news .col-sm-4:not(:last-child) {
        border-right: none;
        border-bottom: 2px solid #d7d7d7;
    }

    .news-event {
        margin-bottom: 40px;
    }

    .row.grid {
        flex-flow: row wrap;
    }

    .grid > div:not(:last-child) {
        margin-right: 0px;
    }
    /*------------------banner-search-----------*/

    .banner-search h2 {
        font-size: 24px;
    }

    .banner-search .form-group {
        display: inline-block;
    }
    /*---------------------second-menu-------------------*/

    .second-menu .navbar-nav > li {
        text-align: center;
        width: 100%;
    }

        .second-menu .navbar-nav > li > a {
            font-size: 13.5px;
            padding: 14px 5px;
            border-right: none;
            border-left: none;
            border-bottom: 1px solid #fff;
            width: 100%;
        }

        .second-menu .navbar-nav > li:first-child > a {
            border-left: none;
        }

        .second-menu .navbar-nav > li:last-child > a {
            border-right: none;
        }

    .seven-tabs-menu .navbar-nav li:nth-child(1) a,
    .seven-tabs-menu .navbar-nav li:nth-child(2) a,
    .seven-tabs-menu .navbar-nav li:nth-child(3) a,
    .seven-tabs-menu .navbar-nav li:nth-child(4) a {
        padding: 14px 5px;
    }
    /*---------------------box----------------------*/

    .box {
        background-image: none;
        border-bottom: 2px solid #d7d7d7;
    }

    .grey-box {
        background-color: #d7d7d7;
    }

    .left-box,
    .right-box {
        padding: 5%;
    }

    .box h1 {
        font-size: 30px;
    }

    .box h2 {
        font-size: 24px;
    }
    /*----------our-values-------------*/

    .our-values {
        padding-top: 20px;
        padding-bottom: 10px;
    }

        .our-values .col-sm-4 div {
            margin-bottom: 40px;
        }
    /*-------------------slider------------------*/

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: -5%;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: -5px;
    }
    /*-----------------what-we-do-tabs-------------*/

    .nav-tabs > li > a {
        font-size: 14px;
        padding: 10px 5px;
    }
    /*-----------news-events---------------*/

    .article-title h4 {
        font-size: 16px;
    }

    .article-title {
        padding-bottom: 5%;
    }

    .article ul {
        list-style-position: inside;
    }
    /*-----------------------education----------------*/

    .info-box .btn {
        float: none;
        margin-top: 15px;
    }
    /*---------------------smart-uses------------------*/

    .left-w-g {
        padding: 5%;
    }

    .right-w-g {
        padding: 5%;
    }
    /*--------------------smart uses----------------*/

    .logos a {
        display: inline-block;
        margin: 6px;
    }
    /*--------------------saftey-------------------*/

    .saftey-box-title {
        font-size: 20.5px;
    }

    .emerg-phone {
        font-size: 15px;
    }

    .saftey-box .checkbox label {
        font-size: 15px;
    }

    .saftey-box {
        padding: 4%;
    }
    /*----------------outage-report-----------------*/

    .report-form .form-group label {
        font-size: 14px;
    }

    .report-form .checkbox label {
        font-size: 14px;
    }

    .report-form .form-group:nth-child(n+7) {
        width: 45%;
    }

    .report-form .form-group:last-child {
        display: block;
        float: none;
    }
    /*---------------supporting communities------------*/

    .donation .media-body {
        font-size: 15px;
    }
    /*--------------programs-------------*/

    .btn-half-block {
        width: 100%;
    }
    /*-----------------------------search-----------------*/

    .search .col-sm-8 {
        border-right: none;
        border-bottom: 2px solid #c2c2c2;
    }

    .search > .col-sm-6 {
        border-right: none;
        border-bottom: 2px solid #c2c2c2;
    }

    .search .col-sm-8 div {
        padding-right: 0%;
        padding-bottom: 5%;
    }

    .search h4 {
        font-size: 16px;
    }
    /*------------search results-------------*/

    .search-results {
    }

        .search-results a {
            font-size: 18px;
        }
    /*---------------------tabs-menu-------------------*/

    .tabs-menu .navbar-nav > li {
        text-align: center;
        width: 100%;
        border--rigth:none;
    }

        .tabs-menu .navbar-nav > li > a {
            font-size: 13.5px;
            padding: 14px 5px;
            border-right: none;
            border-left: none;
            border-bottom: 1px solid #fff;
            width: 100%;
        }

    .tab-text {
        padding: 5%;
    }
    /*--------------------archive-------------------*/

    .archive .col-sm-6:last-child {
        text-align: center;
    }
    /*----------------general-contact-----------------*/

    .general-form .form-group label {
        font-size: 14px;
    }

    .general-form .form-group:nth-child(5),
    .general-form .form-group:nth-child(11) {
        width: 60%;
    }

    .general-form .form-group:nth-child(6),
    .general-form .form-group:nth-child(12) {
        width: 20%;
    }

    .general-form .form-group:nth-child(7),
    .general-form .form-group:nth-child(8),
    .general-form .form-group:nth-child(9),
    .general-form .form-group:nth-child(10),
    .general-form .form-group:nth-child(13),
    .general-form .form-group:nth-child(14),
    .general-form .form-group:nth-child(15),
    .general-form .form-group:nth-child(16) {
        width: 22%;
    }
    /*--------------------register-form------------------------------*/

    .register-form .form-group label {
        font-size: 14px;
    }
}

@media (max-width: 481px) {

ul li{
        list-style-position:inside;
    }
        

    body {
        text-align: center;
    }

    p {
        font-size: 14px;
    }

    h1 {
        font-size: 26px;
    }
    /*--------------topbar--------------*/


    .topbar .col-md-7 .list-inline{
        display:none;
    }
    
    
    .topbar  label{
        display:none;
    }
    
    .topbar .col-md-5  input[type="text"]{
        width:100px;
    }
    
    .topbar .col-md-5 .list-inline li .btn{
    padding: 6px 15px;
    }
     
.topbar .col-md-7 .list-inline{
        display:none;
    }
    
    
    .topbar    label {
        display:none;
    }
    
    
    .topbar .col-md-7  .form-group span:first-child{
        display:none;
    }
    
    .topbar .col-md-5  input[type="text"]{
        width:100px;
    }
    
    .topbar .col-md-5 .list-inline li .btn{
    padding: 6px 15px;
    }
    
    
    .topbar .form-control{
        padding:2px;
    }
    
    ul li{
        list-style-position:inside;
    }
    
    
    
    
    .banner-tag p {
        width: 80%; 
        margin: 0 auto 10px auto;
    }
    
    

    
    

    .topbar .list-inline li .btn {
        font-size: 13px;
    }

    .form-inline {
        text-align: center;
        margin-bottom: 5px;
    }

    .topbar ul {
        float: none;
    }


    .topbar .col-md-7 


    /*------------logo------------*/

    #logo {
        width: 60%;
        margin: 1px auto;
    }
    /*---------------banner---------------*/

    .banner h1,
    .article-title h1 {
        font-size: 26px;
    }

    .outages-emergencies {
        font-size: 14px;
        padding: 15px 10px;
        float: none;
        width: 100%;
        margin: 2px auto;
        text-align: center;
    }

    .btn {
        padding: 6px 20px;
        font-size: 14px;
    }

    .banner .pay-bill {
        color: #fff;
        padding: 20px;
        float: none;
        width: 80%;
        margin: 0 auto 5% auto;
        text-align: center;
    }

    .OutageEmergencyWidget {
        color: #fff;
        padding: 10px;
        float: none;
        width: 85%;
        margin: 0 auto 5% auto;
        text-align: center;
    }

        .OutageEmergencyWidget h2 {
            font-size: 22px;
            color: #fff;
        }

    .banner-tag {
        margin-top: 5%;
        margin-bottom: 5%;
        padding-top: 2%;
        padding-bottom: 7%;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    /*----------------new-customer---------------*/

    .new-customer {
        text-align: center;
    }

        .new-customer .btn {
            float: none;
        }
    /*--------------emerg-box/outage-box-------------*/

    .emerg-box,
    .outage-box {
        text-align: center;
    }

        .emerg-box h2,
        .outage-box h2 {
            font-size: 24px;
        }

        .outage-box .btn:last-child {
        }
    /*------------------three-columns---------------*/

    .card .content {
        text-align: center;
        padding: 15px;
    }
    /*------------------news----------------*/

    .news-top {
        text-align: center;
    }

        .news-top h2 {
            float: none;
            margin-bottom: 15px;
        }

        .news-top .btn {
            float: none;
        }

    .news-event {
        text-align: center;
    }
    /*-------------------footer---------------*/

    footer {
        text-align: center;
    }

        footer ul {
            float: none;
        }

            footer ul > li {
                margin-bottom: 4px;
            }
    /*-------------banner-search--------------*/

    .banner-search {
        text-align: center;
    }

        .banner-search h2 {
            font-size: 20px;
        }

        .banner-search .form-group .form-control {
            height: 35px;
            width: 100%;
        }

        .banner-search .form-group {
            display: block;
            width: 100%;
        }
    /*-------------------box-----------------*/

    .box h1 {
        font-size: 25px;
    }

    .box h2 {
        font-size: 20px;
    }
    /*----------tabs----------*/

    .tab-content h2 {
        font-size: 23px;
    }
    /*-------------------education---------------------*/

    .info-box {
        margin-bottom: 50px;
        padding: 10px 10px 20px 10px;
    }

    .media-body {
        padding-left: 10px;
    }
    /*---------------saftey---------------------*/

    .saftey-box .checkbox label {
        font-size: 14px;
    }
    /*---------------outage-report-----------------*/

    .report-form .form-group {
        margin-top: 15px;
        text-align: left;
    }

        .report-form .form-group:nth-child(n+7) {
            width: 100%;
        }

        .report-form .form-group label {
            font-size: 13px;
        }

        .report-form .form-group:nth-child(1),
        .report-form .form-group:nth-child(2),
        .report-form .form-group:nth-child(3),
        .report-form .form-group:nth-child(6) {
            width: 100%;
        }

        .report-form .form-group:nth-child(4) {
            width: 66%;
        }

        .report-form .form-group:nth-child(5) {
            width: 30%;
        }
    /*-----------------------news-events-2---------------------*/

    .event-text {
        padding-left: 10px;
        padding-right: 10px;
    }

    .event-box .media-body {
        padding-left: 0;
    }

    .event-box .media-left {
        display: block;
        padding-right: 0;
    }
    /*---------------supporting communities------------*/

    .donation {
        padding: 10px;
    }

        .donation .media-body {
            font-size: 14px;
        }

        .donation .media-left {
            padding-right: 0;
            margin-bottom: 10px;
            display: block;
        }

    .charities ul {
        list-style-position: inside;
    }

        .charities ul li {
            font-size: 14px;
        }

            .charities ul li a {
                font-size: 14px;
            }
    /*------------------------search--------------------*/

    .search .btn {
        padding: 6px 5px;
        width: 34%;
    }

    .search .form-control {
        width: 66%;
    }
    /*------------search results-------------*/

    .search-results {
    }

        .search-results a {
            font-size: 16px;
        }
    /*----------------general-form--------------*/

    .general-form .form-group label {
        font-size: 13px;
    }
    /*--------------------register-form------------------------------*/

    .register-form .form-group label {
        font-size: 13px;
    }

    .register-form .form-group:nth-child(1),
    .register-form .form-group:nth-child(2),
    .register-form .form-group:nth-child(3),
    .register-form .form-group:nth-child(4),
    .register-form .form-group:nth-child(5),
    .register-form .form-group:nth-child(7),
    .register-form .form-group:nth-child(8) {
        width: 100%;
    }

    .register-form .form-group:nth-child(9),
    .register-form .form-group:nth-child(10) {
        text-align: left;
    }
}
/*--------------------view bill------------------------------*/

.service-address-select {
    padding: 4px 10px;
}

.sum-of-balances {
    border: 1px solid #555;
    padding: 20px;
	margin-top:30px;
}

    .sum-of-balances .price {
        color: #0095d0;
        font-size: 2.0em;
        font-weight: normal;
    }

    .sum-of-balances small {
        font-size: 0.6em;
    }

.location-bill-detail {
    background-color: #0058a8;
    padding: 60px 40px;
    color: #fff;
	margin:0 -16px 0 6px;
	border-top-right-radius:4px;
}

.location-bill-detail .btn {
	padding:10px 50px;
}

    .location-bill-detail .due-date {
        font-size: 1.5em;
    }

    .location-bill-detail .price {
        font-size: 2.0em;
    }

    .location-bill-detail .disclaimer {
        display: block;
        font-size: 0.8em;
        font-style: italic;
        width: 70%;
    }

.bill .bill-history {
    margin-top: 20px;
    border: 1px solid #bbb;
    padding: 0 30px;
}

.second-menu .navbar-collapse,
.tabs-menu .navbar-collapse {
    display: block;
    overflow-y: auto;
    height: auto !important;
}

.second-menu .navbar-header,
.tabs-menu .navbar-header {
    display: none;
}

.second-menu .navbar-collapse,
.tabs-menu .navbar-collapse {
    display: block;
    overflow-y: auto;
    height: auto !important;
}

.second-menu .navbar-header,
.tabs-menu .navbar-header {
    display: none;
}

.second-menu .nav,
.tabs-menu .nav {
    width: 100%;
    border-bottom: 0;
}

    .second-menu .nav > li,
    .tabs-menu .nav > li {
        float: none;
    }

        .second-menu .nav > li > a,
        .tabs-menu .nav > li > a {
            text-align: center;
        }

    .second-menu .nav > .dropdown .dropdown-menu,
    .tabs-menu .nav > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .second-menu .nav > li,
    .tabs-menu .nav > li {
        display: table-cell;
        width: 1%;
    }

        .second-menu .nav > li > a,
        .tabs-menu .nav > li > a {
            margin-bottom: 0;
        }
}

.second-menu .nav > li > a,
.tabs-menu .nav > li > a {
    margin-right: 0;
}
.header-fix .row {
    display: table;
    width: 100%;
}
.header-fix .row > div {
    display: table-cell;
    float: none;
    vertical-align: bottom;
    padding-bottom: 30px;
}


@media  (min-width: 481px) and (max-width: 767px){

.banner-info{
    width:300px
}

}


@media (max-width: 767px) {

.header-fix .row {
    display: block;
    width: auto;
  
}
.header-fix .row > div {
    display: block;
   
}


}
@media (max-width: 767px)
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 15px;
}

.btn{
    white-space: initial;
}

@media (max-width: 992px) {
    p, ul, ol {
        font-size: 15px;
    }
}
.container .container {
    width: initial;
    padding: initial;
    margin: initial;
}


@media (min-width: 768px) {
	li.menu-two-line a {
		padding:25px 14px 0!important;
	}
}


.login-box {
	background-color:#e1e1e1;
	padding:5px 20px;
	margin:0 0 20px 0;
}
.login-box ul {
	margin-top:0;
	font-size:1.0em;
}
.login-box .btn {
	margin-top:0;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.login-box .form-group {
	margin-bottom:4px;
}
.login-box .checkbox {
	margin-top:0;
	margin-bottom:6px;
}
.login-box .welcome-text {
	font-size:1.6em;
	font-style:italic;
	display:inline-block;
	margin-right:30px;
	line-height:43px;
}
h2.cust-address {
	font-size:1.6em;
}

#update-block  {
	margin-left:0;
	margin-right:0;
}
#update-block p {
	font-size:1.4em;
}

/*
#myProfileForm h2 {
	font-size:22px;
}

#myProfileForm h2:nth-of-type(1) {
	font-size:30px;
	margin-top:0;
}
*/

#myProfileForm h2:nth-of-type(1) {
	margin-top:0;
}

#myProfileForm label {
	font-size:1.2em;
}

#myProfileForm .btn-info {
	font-size:20px;
}

#myProfileForm .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: inherit;
  border: medium none;
  box-shadow: none;
  font-style:italic;
  border-bottom:1px solid #ccc;
  border-radius:0;
}

.hr-darker {
	border-color:#aaa;
}

.topbar #RegionSearchBar {
	left:210px;
}
.topbar #RegionSearchBar #LocationSelectorSearchBtn {
	margin-top:0!important;
}

.second-menu .navbar-nav > li > a:hover {
            background-color: rgba(99,100,102,0.9);
            color:white;
}

.surveyButton
{
     padding:0.5ex; 
    background:#333;  
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 0.5ex;
    border-radius:0.5ex; 
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    width: 228px;
    color:#fff;
    font-size: 2em;
margin-top:15px;
}
[data-toggle~="collapse"] {
    cursor: pointer;
}


.navbar-nav > li > .dropdown-menu li a{
        white-space: normal;
         color: black !important;
         
}

.navbar-nav > li > .dropdown-menu li a:hover{    
color: #000 !important;
background-color:white !important;
}

.navbar-nav>.open>a, .navbar-nav>.open>a:focus,.navbar-nav>.open>a:hover {
    color: #fff !important; 
    background-color: #1f4e9b !important;
}