@media (max-width: 61.9em) {
     .s-header__logo {
         width: auto;
         height: auto;
         float: left;
    }
}
 @media (max-width: 47.9em) {
     .s-header__nav-menu {
         width: 50%;
    }
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item, .s-header-bg-overlay.-is-open .s-header__action-item {
         opacity: 1;
    }
     .s-header__nav-menu-item {
         padding-left: 0;
    }
}
 @media (min-width: 34em) {
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item {
         opacity: 1;
    }
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(1) {
         -webkit-transition: all 0.4s 0.2s ease-out;
         transition: all 0.4s 0.2s ease-out;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(2) {
         -webkit-transition: all 0.4s 0.4s ease-out;
         transition: all 0.4s 0.4s ease-out;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(3) {
         -webkit-transition: all 0.4s 0.6s ease-out;
         transition: all 0.4s 0.6s ease-out;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(4) {
         -webkit-transition: all 0.4s 0.8s ease-out;
         transition: all 0.4s 0.8s ease-out;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(5) {
         -webkit-transition: all 0.4s 1s ease-out;
         transition: all 0.4s 1s ease-out;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(6) {
         -webkit-transition: all 0.4s 1.2s ease-out;
         transition: all 0.4s 1.2s ease-out;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(7) {
         -webkit-transition: all 0.4s 1.4s ease-out;
         transition: all 0.4s 1.4s ease-out;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(8) {
         -webkit-transition: all 0.4s 1.6s ease-out;
         transition: all 0.4s 1.6s ease-out;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(9) {
         -webkit-transition: all 0.4s 1.8s ease-out;
         transition: all 0.4s 1.8s ease-out;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .s-header-bg-overlay.-is-open .s-header__nav-menu-item:nth-child(10) {
         -webkit-transition: all 0.4s 2s ease-out;
         transition: all 0.4s 2s ease-out;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     .s-header-bg-overlay.-is-open .s-header__action-item {
         opacity: 1;
    }
     .s-header-bg-overlay.-is-open .s-header__action-item:nth-child(1) {
         -webkit-transition: all 0.4s 0.4s ease-out;
         transition: all 0.4s 0.4s ease-out;
    }
     .s-header-bg-overlay.-is-open .s-header__action-item:nth-child(2) {
         -webkit-transition: all 0.4s 0.8s ease-out;
         transition: all 0.4s 0.8s ease-out;
    }
     .s-header-bg-overlay.-is-open .s-header__action-item:nth-child(3) {
         -webkit-transition: all 0.4s 1.2s ease-out;
         transition: all 0.4s 1.2s ease-out;
    }
}
 @media (max-width: 33.9em) {
     .s-header__nav-menu {
         width: 100%;
         float: none;
    }
}
 @media (min-width :767px) {
     .about-shoreline-comm .list-inline-primary li {
         text-transform: uppercase;
         display: flex !important;
         align-items: center;
    }
     .about-shoreline-comm .list-inline-primary li .float-right {
         margin-left: auto;
    }
     .button-inline .btn:last-child {
         margin-left: 50px;
    }
    /* 28may */
     .meeting_agenda_section .download_section, .graybox2 .download_section {
         float: left;
         width: 75%;
    }
}
 @media (min-width: 1025px) {
     .custom-top-space {
         margin-top: 50px !important;
    }
     .graybox2 li .float-right {
         width: 35%;
    }
     .graybox2 li .float-right {
         width: 35%;
    }
}
 @media (min-width: 1440px) {
     .sppb-row-container {
         width: 1410px;
    }
     .graybox2 li .float-right {
         width: 25%;
    }
     .full-container-left {
         padding-left: 20%;
    }
     .full-container-right {
         padding-right: 20%;
    }
}
 @media (min-width: 1550px) {
     .sppb-row-container {
         width: 1520px;
    }
}
 @media (min-width: 1920px) {
     .sppb-row-container {
         width: 1520px;
    }
}
 @media (min-width: 1921px) {
     .contact-social-info .blueBack {
         padding: 130px;
         display: block;
    }
     .gallery {
         max-width: 1920px;
         margin-left: auto !important;
         margin-right: auto !important;
    }
     .carousel-footer .sppb-container-inner {
         max-width: 1920px;
         margin-left: auto;
         margin-right: auto;
    }
     .gallery .row-eq-height .sppb-column-addons, .gallery .row-eq-height .sppb-column-addons .clearfix, .gallery .row-eq-height .sppb-column-addons .sppb-addon-content {
         height: auto;
         min-height: 100%;
    }
     .row-eq-height.left-orange-border {
         min-height: 720px;
    }
     .column-reverse-xs .row-eq-height.left-orange-border {
         min-height: 100%;
    }
}
 @media (min-width:2899px) {
     .accordion-sub:before {
         content: "";
         background: #002D72;
         position: absolute;
         height: 100px;
         left: 0px;
         width: 36% !important;
    }
}
 @media (min-width:2350px) {
     .accordion-sub:before {
         width: 23%;
    }
}
 @media (min-width:1999px) {
     .container-xl {
    }
    /*.carousel-caption{
         right: 0%;
         left: 0%;
         max-width: 1800px;
         margin-left: auto;
         margin-right: auto;
    }
     */
     .carousel-footer .row {
         max-width: 1920px;
         margin-left: auto;
         margin-right: auto;
    }
    /*.gallery{
         max-width:1800px;
    }
     */
    /*.s-header{
         max-width:1800px;
         margin-left: auto;
         margin-right: auto;
    }
     */
    /*.recreation .navbar02{
         margin: auto;
         max-width:1800px;
    }
     */
     .gallery-content {
         padding: 65px 70px 40px 75px;
         max-width: 800px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         min-height: 100%;
    }
     .gallery-content .btn-primary {
         display: inline-table;
         max-width: 240px;
    }
     .float-right-xl {
         float: right;
    }
     .accordion-sub {
         position: relative;
    }
     .accordion-sub:before {
         content: "";
         background: #002D72;
         position: absolute;
         height: 100px;
         left: 0px;
         width: 23%;
    }
     .more-menu-mob {
         margin: auto;
         max-width: 1520px;
    }
     .powered_by {
         font-size: 12rem;
         line-height: 9rem;
    }
     .technology {
         font-size: 4rem;
         line-height: 2rem;
    }
     .powered_by big {
         font-size: 12rem;
    }
     .powered_by span {
         font-size: 12rem;
    }
     .right-bar {
         top: 25%;
    }
     .lightbox .modal-top p {
         padding-right: 5px;
    }
     .amenities {
         padding: 50px 20px 50px 15px;
         word-wrap: break-word;
    }
     .lightbox .modal-top {
         height: auto;
    }
     .form {
         padding: 100px 0px 100px 0px;
    }
     .form-content {
         padding-right: 0px;
    }
     .wage-levels .media-gray-content {
         padding: 85px 80px;
    }
     .media-gray-content {
         padding: 0px;
    }
     .page-58 .sppb-section.disclaimer-column {
         padding-top: 120px;
    }
     .graybox2 {
         max-width: 100%;
         padding: 50px;
    }
     .bg-procedure {
         margin-bottom: 360px;
    }
     .artifact.bg-procedure {
         margin-bottom: 0px;
    }
     .Fish-wildlife {
         margin-bottom: 890px;
    }
     .bg-procedure .graybox2 {
         margin-top: 60px;
         padding: 50px;
    }
     .bg-procedure .float-left br {
         display: none;
    }
     .bg-procedure .float-left {
         width: 50%;
    }
     .gray-box-page h5 a {
         font-size: 28px;
    }
     .carousel-caption {
         bottom: 0;
    }
     h1 {
         /*font-size: 60px;*/
    }
     h2 {
         /*font-size: 36px;
         line-height: 49px;*/
    }
     h3 {
         font-size: 30px;
    }
     h4 {
         font-size: 26px;
    }
     h5 {
         font-size: 21px;
    }
    /*p {
         font-size: 16px !important;
         line-height: 22px !important;
    }
     */
     .servConstruct .argument {
         font-size: 290px;
    }
     .servConstruct .argument {
         font-size: 300px;
    }
     h2.heading2 {
         font-size: 36px;
    }
     .rates_fees .col {
         border-left: 1px solid #3D5581;
    }
     .mail_ur_payment p {
         font-size: 31px;
         line-height: 45px;
         margin-top: 15px;
    }
     .mail_ur_payment h4 {
         line-height: 50px;
    }
     element.style {
    }
     .key_icon {
         bottom: 0;
    }
     .key_icon img {
         max-width: 100%;
         position: relative;
         bottom: 2px;
         max-height: 410px;
    }
     .mail_your_payment {
         padding-bottom: 0px !important;
    }
     .select_city_blue_bar {
         padding: 30px 20px 25px;
    }
     .select_city_blue_bar .custom-control-label {
         font-size: 18px;
    }
     .custom-control {
         padding-left: 1.8rem;
    }
     .select_city_blue_bar ul li {
         margin-right: 32px;
    }
     .select_city_blue_bar ul {
         margin-bottom: 0;
    }
     .time_payment p {
         font-size: 20px;
         line-height: 30px;
    }
    /*Who we are*/
    /* .navbar02 li.gray-active::before {
         background: url(../images/gray-arrow-icon-ipad.png) no-repeat left top;
         height: 59px;
         left: -120px;
    }
     */
    /* .p-primary {
         font-size: 16px;
         line-height: 22px;
    }
     */
     .map-section {
         padding: 55px 50px 55px 50px;
    }
     .head2 {
         font-size: 42px;
         line-height: 43px;
    }
     .statics {
         padding: 50px 50px 50px 50px;
    }
     .statics p {
         font-size: 18px;
         margin-bottom: 0px;
    }
    /*Who we are ends*/
    /*Leadership*/
     .media-section h5 {
         font-size: 24px;
    }
     .media-title {
         font-size: 16px;
         margin-bottom: 30px;
    }
     .media-section .media-body {
         padding-top: 0px;
    }
     .media-leader {
         margin-bottom: 30px;
    }
     .leader-marl {
         margin-right: 45px;
         max-width: 215px;
    }
    /*Leadership ends*/
    /*Who we are commissioners*/
     .district-content {
         margin-left: 0px;
         padding-right: 40px;
         margin-top: 160px;
    }
     .district-boundries {
         margin-top: 30px;
         margin-bottom: 20px;
         text-align: left;
         padding-left: 120px;
    }
     .district-boundries img {
         max-width: 100%;
    }
     .media-bottom {
         font-size: 16px;
    }
     h2.heading2 {
         font-size: 36px;
    }
     .btn-lg1 {
         font-size: 15px;
         padding: 15px 10px;
         width: auto !important;
    }
     .jumbotron-secondary {
         padding-top: 60px;
         padding-bottom: 100px;
    }
    /*Who we are commissioners*/
    /*History*/
     .carousel-history .carousel-primary .carousel-caption {
         bottom: 40px;
         font-family: 'open_sansbold';
    }
     .carousel-history .carousel-primary p {
         font-size: 16px;
    }
     .carousel-history .carousel-primary .carousel-control-next, .carousel-history .carousel-primary .carousel-control-prev {
         line-height: 36px;
         display: block;
    }
     .carousel-history .carousel-primary {
         height: 500px;
    }
     .carousel-history h3 {
         line-height: 40px;
    }
     .history-video {
         padding: 70px 0px 50px 0px;
    }
     .history-lightbox .carousel-primary .carousel-control-next, .history-lightbox .carousel-primary .carousel-control-prev {
         display: block;
         line-height: 36px;
    }
     .lightbox .carousel-primary {
         height: 400px;
         margin-left: 15px;
         margin-right: 15px;
    }
     .history-lightbox .modal-dialog button.close {
         right: 10px;
    }
    /*History ends*/
    /*Careers*/
     .paddingbox {
         padding: 60px 50px 50px 50px;
    }
     .opening-table {
         padding-top: 65px;
         padding-bottom: 65px;
    }
     .mb130 {
         margin-bottom: 130px;
    }
     .gray-icon-lg {
         height: 245px;
         padding-top: 60px;
    }
     .gray-icon-lg img {
         max-width: 50%;
    }
     .gray-icon-lg2 img {
         max-width: 50%;
    }
     .list-questionnaire li {
         font-size: 15px;
         line-height: 22px;
    }
     .wage-levels h3.heading3 {
         margin-bottom: 30px;
         font-size: 36px;
    }
     .wage-levels-bottom, .wage-levels-bottom span a {
         font-size: 16px;
    }
     .list-check li {
         font-size: 16px;
         line-height: 22px;
         min-height: 24px;
    }
    /* .btn-primary {
         font-size: 15px;
    }
     */
     .gray-icon-lg img {
         max-width: 40%;
    }
    /*Careers ends*/
     .footer-bottom .ml-auto a {
         border-left: none;
         margin-left: 5px;
    }
     body .padding-left-add {
         padding-top: 30px;
         padding-left: 30px;
         padding-bottom: 30px;
    }
     body .pd-left-custom .sppb-addon-content p {
         margin-bottom: 30px;
    }
     .media-leader .sppb-addon-content {
         width: 100%;
         text-align: right;
    }
     .district-content {
         float: right;
         max-width: 800px;
    }
     .apply-content {
         width: 795px;
         float: right;
    }
     .serviceWorkbook .sppb-container-inner {
         max-width: 1920px;
         margin-left: auto;
         margin-right: auto;
    }
}
 @media (max-width: 1860px) {
     .bg-1 {
         padding: 50px 25px;
         margin-right: 10px;
    }
     .bg-1 ul li a {
         line-height: 64px;
         font-size: 24px;
    }
}
 @media (max-width: 1800px) {
     .accordion-sub:before {
         width: 10%;
    }
	.district-content {margin-left: 30px;padding-right: 25px;}
}
@media (max-width: 1600px) {
	.footer-right {padding: 0 10px;}
	.lightblue_menu{padding: 90px 0px 0px 0px;}
}
 @media (max-width: 1600px) {
     .accordion-sub:before {
         width: 8%;
    }
     .district-boundries {
         padding-right: 80px;
    }
     .district-content {
         margin-left: 30px;
         padding-right: 25px;
    }
     .select_city_blue_bar ul li {
         margin-right: 30px;
    }
     .select_city_blue_bar .custom-control-label {
         font-size: 20px;
    }
	 .benefits-list li{width: 220px;}
}
 @media (max-width: 1440px) {
     .navbar02 li a, .navbar02 li button {
         font-size: 22px;
    }

     .navbar02 li:first-child {
         padding-left: 20px;
    }
     .bg-1 {
         padding: 10px;
         margin-right: 10px;
    }
     .bg-1 ul li a {
         line-height: 50px;
         font-size: 23px;
    }
     .bg-1 .contact-us .phone-number {
         font-size: 28px;
    }
     .bg-1 .socialicons a img {
         margin-right: 5px;
         width: auto;
         max-width: 90%;
    }
     .custom-top-space {
         margin-top: 0px !important;
    }
     .button-inline .input-btn-primary {
         width: 47% !important;
         padding-right: 70px;
         min-width: auto;
    }
     .carousel-col p {
         margin-bottom: 15px;
    }
     .outagewtd img, .outagegu img {
         width: 100%;
    }
     .outagewtd .outageicons img {
         width: auto;
    }
    /* .outagecta a {
         width: 100%;
    }
     */
     .network-services-high .sppb-row.sppb-align-center {
         padding: 0px;
    }
     .btn-primary+.btn-green {
         margin-left: 0;
         display: block;
         margin-top: 15px;
    }
     .new-item {
         background-color: #ffffff;
         padding: 25px;
         height: 100%;
    }
     .blue-box-page, .gray-box-page {
         min-height: 250px;
         padding: 20px;
    }
     .blue-box-page h5 {
         font-size: 23px;
         right: 20px;
    }
     .blue-box-page a, .gray-box-page h5 {
         font-size: 25px !important;
         line-height: 30px !important;
    }
     .green-heading, .green-heading-right {
         font-size: 30px;
         padding: 20px;
         line-height: 41px;
    }
     .button-inline .btn:last-child {
         margin-left: 20px;
    }
     .h2-marb59, .p-marb {
         margin-bottom: 20px;
    }
     .grayboxlogin-right .grayboxlogin {
         height: 253px;
    }
     .grayboxlogin {
         height: 524px 
    }
     .headingGrey {
         font-size: 18px;
    }
     .customerService span {
         font-size: 32px;
    }
     .outagecta i {
         font-size: 200px;
    }
     .servConstruct .argument {
         font-size: 260px;
    }
     .contact-info-generation .font-bold {
         min-height: 150px;
    }
     p.font-20 {
         font-size: 12px !important;
         line-height: 19px !important;
    }
     .contact-info-generation .font-bold {
         font-size: 18px;
         line-height: 24px;
         margin-bottom: 10px;
    }
     .shoreline-comm-new .graybox2 li .float-right {
         width: 60%;
    }
     .shoreline-comm-new .graybox2 li .float-left {
         width: 40%;
    }
     .graybox2 li .float-left {
         width: 65%;
    }
     .rates-compare-circle {
         width: 280px;
         height: 280px;
    }
     .rates-compare-circle h1 {
         font-size: 60px;
         line-height: 82px;
    }
     .energy-saving-tips .tabInner {
         padding: 50px;
    }
     .calculate-your-use .benefits-list li {
         width: 16%;
    }
     .mw-490 {
         width: auto;
    }
     .multiple-account-billing .sppb-addon-single-image-container {
         margin-top: 170px;
    }
     .sppb-section.bg-procedure.yellow-border-top.water-quality.energy-saving-tips.classroom-tips {
         height: 850px;
    }
     .sppb-section.bg-procedure.yellow-border-top.water-quality.energy-saving-tips.classroom-tips.electricity-deliver {
         height: 650px;
    }
     .discovery-unit-content {
         padding: 35px;
    }
     .mail-btn {
         width: auto !important;
    }
     .heading4 {
         font-size: 21px;
         line-height: 38px;
    }
     .sppb-nav-tabs > li > a {
         font-size: 18px;
    }
     .min-h-auto.wwdoe .active.in .clearfix {
         padding: 25px;
    }
     .full-container-left {
         padding-left: 20px;
         padding-right: 20px !important;
         padding-top: 50px !important;
    }
     .full-container-right {
         padding-right: 20px;
         padding-left: 20px !important;
         padding-top: 50px !important;
    }
     .outage-gray .full-container-left {
         padding-top: 0 !important;
    }
     .medically-sensitive .full-container-right {
         padding-top: 0 !important;
    }
     .irrigation-billing-terms .acc-service p {
         font-size: 18px;
         line-height: 25px;
    }
     .irrigation-billing-terms .acc-service h4 {
         font-size: 22px;
         margin-top: 25px;
         margin-bottom: 10px;
    }
     .continuous-service .button-inline .input-btn-primary {
         width: auto !important;
         padding-right: 90px;
    }
	.benefits-list li{width: 180px;}
	 
}
/* WAS 1366 **** */
 @media (max-width: 1450px) {
	 p, .generator-use.during-an-outage, .list-check li, .list-unstyled li .media .media-body {
         font-size: 18px;
         line-height: 24px;
    }
     .carousel-primary p {
         max-width: 75%;
         margin-bottom: 15px;
         margin-top: 15px;
    }
     .powered_by {
         font-size: 7rem;
         line-height: 6rem;
    }
     .technology {
         font-size: 8rem;
         line-height: 6rem;
    }
     .powered_by big {
         font-size: 8rem;
    }
     .powered_by span {
         font-size: 8rem;
    }
     .gallery .img-left .img-fluid {
         height: 100%;
    }
     .gallery .img-left, .gallery .img-right {
         height: 100%;
    }
     .gallery-content {
         padding: 10px 50px 10px 55px;
    }
     .technology {
         font-size: 150px;
         font-size: 155px;
    }
     .h2 {
         font-size: 116px;
    }
    /* 9 apr changes 10 apr */
     .imgRight {
         height: 635px;
    }
     .start-service-categr .font-38 {
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
    }
     .service-box-categories p.font-25 {
         margin-bottom: 30px;
         margin-top: 0;
    }
     .service-box-categories .gallery h3 {
         margin-bottom: 15px;
    }
     .start-service-categr button {
         width: auto;
         min-width: auto;
         padding-right: 20px;
    }
     .start-service-categr {
         padding: 10px;
    }
     body .iconBack .bordered {
         font-size: 32px;
         padding-bottom: 20px;
         line-height: 43px;
    }
     h2.head2 {
         /*font-size: 70px;
         line-height: 80px;*/
		 font-size: 42px;
         line-height: 46px;
    }
     .leader-marl, .district-boundries img {
         max-width: 100%;
    }
     .serviceTab .sppb-nav-tabs>li>a {
         font-size: 15px;
    }
     .caption-box p {
         bottom: 10px;
         font-size: 26px !important;
         line-height: 36px !important;
         padding-top: 10px;
         padding-right: 20px;
    }
     .caption-box p img {
         right: 20px;
    }
     .wage-levels {
         padding: 50px 70px;
    }
     .white-bg {
         padding: 0;
    }
     .paddingbox2 {
         padding: 50px;
    }
     ul.li-icon-wrap {
         margin-top: 50px;
         margin-bottom: 50px;
         padding: 0;
         text-align: center;
    }
     .li-icon {
         width: 100px;
         height: 100px;
         padding-top: 20px;
    }
     .carousel-col h3 {
         margin-bottom: 0;
    }
     .water-carousel .sppb-carousel-indicators {
        /*width: 140px;
        */
    }
     .water-quality .list-inline-primary .btn-primary {
         min-width: 270px;
    }
     .supportDesc {
         margin: 0;
    }
     .energy-education-tabs {
         margin-top: -390px !important;
    }
     .energy-education-tabs .sppb-nav-tabs > li > a {
         min-height: 158px;
    }
     .list-interlocal li {
         width: 41%;
    }
     .district-content p {
         margin-bottom: 35px;
    }
     .gallery .btn-green {
         margin-bottom: 50px;
    }
	.gallery .callbtn .btn-green {margin-bottom: 25px; margin-top: 25px;}
	
     .district-content {
         margin-top: 70px;
    }
     .circuits-and-outlets {
         padding: 50px;
    }
     .circuits-and-outlets-last {
         padding: 0px 50px 50px 0px;
    }
     .charges-irrigators p, .charges-irrigators h4 {
         font-size: 18px;
         line-height: 24px;
    }
     .charges-irrigators .font-26 {
         font-size: 20px;
         line-height: normal;
         margin-bottom: 15px;
    }
	.sppb-carousel-arrow.left, .sppb-carousel-arrow.right{bottom:30px;}
	.customtab .sppb-tab-content>.active.in>div .h4 {font-size: 30px;line-height: 41px;}
	.customtab .sppb-tab-content>.active.in>div p{font-size: 18px;line-height: 24px;}
	 
	 
	 .home-carousel .sppb-carousel-item-inner .sppb-carousel-pro-text {
    max-width: 680px;
}

   html {
    overflow-x: hidden;
}

}
 @media(max-width:1439px) {
   .start-stop-categories .single-button{padding-right: 10px !important;padding-left: 10px !important;}
}
 @media(max-width:1280px) {
	   li .btn.btn-primary {
         font-size: 0px;
         width: auto;
         padding-left: 0;
         padding-right: 0;
         position: static;
    }
	  .water-quality .list-inline-primary .btn-primary {
         min-width: 10px;
    }
	 .list-inline-primary .btn-primary {
         min-width: auto;
         padding-top: 0;
         padding-bottom: 0;
         height: 50px !important;
         padding-right: 60px;
		 line-height:57px;
    }
     .s-header__nav-menu-item.has-child a, .bg-1 ul li a {
         font-size: 18px;
    }
     .bg-license .fa, .bg-other .fa {
         right: 10px;
         font-size: 25px;
    }
     .know-811 {
         padding: 0 25px;
    }
     .graybox2 {
         padding: 80px;
    }
     .padding-left-add {
         padding-top: 20px;
    }
	 .right-bar {
		position: absolute;
		z-index: 11;
		top: 15%;
		right: 0px;
	}
	.right-bar .list-group-item-action {
         height: 90px;
         width: 400px;
         padding-left: 148px;
    }
     .right-bar .list-group-item span {
         line-height: 90px;
         height: 90px;
    }
     .right-bar .list-group-item-action {
         font-size: 20px;
    }
    /*.right-bar-sm {
         display: block;
         position: relative;
         top: 0px !important;
    }
     .right-bar-sm .list-group {
         display: flex;
         flex-direction: inherit;
    }
     .right-bar-sm strong {
         display: none;
    }
     .right-bar-sm .list-group-item {
         padding: 0px;
         text-align: center;
         margin-bottom: 0px;
         height: 75px;
         padding-top: 10px !important;
         padding-left: 0px !important;
    }
     .right-bar-sm .list-group-item span {
         line-height: normal !important;
         background: none !important;
         color: #fff;
         position: relative;
         font-size: 24px;
         height: 70px;
         margin: auto;
    }
     .right-bar-sm .list-group-item small {
         margin-top: -2px;
         font-size: 12px;
         display: block;
         text-transform: uppercase;
         font-family: 'open_sansregular';
    }
     .right-bar-sm .list-group-item.active span {
         color: #fff !important;
    }
     .right-bar-sm .list-group-item-action:hover span {
         color: #ffff !important;
    }*/
}
@media (max-width: 1279px) {
	 h4 {
		font-size: 22px;
		line-height: 30px;
	}
     .visitUs .iconBack {
         min-height: 304px;
    }
     .invisible {
         visibility: visible !important;
    }
     .iconBack i, .iconBack img {
         bottom: 20px;
         left: 20px;
        /* position: relative;
         */
         ;
    }
     .font-26, .iconBack p {
         padding-top: 0 !important;
    }
     .iconBack .bordered {
         padding-bottom: 15px;
    }
     .outagegu, .outagewtd {
         margin-top: 45px;
    }
    /* .outagewtd h3, .outagewtd p {
         padding-left: 20px;
    }
     */
     .outagegu h3, .outagegu p {
         padding-right: 20px;
    }
    /* .outagewtd .customerService {
         margin-left: 0px;
    }
     */
     .iconBackoutage p {
         font-size: 28px;
         top: 80px;
    }
     .outagecta i {
         left: 10px;
         font-size: 180px;
    }
     .outagewtd .stayinformed p {
         padding-left: 0;
         padding-right: 20px;
    }
     .stayinformed h4, .outagewtd .stayinformed h4 {
         font-size: 25px;
    }
     .navbar02 li a {
         line-height: 22px;
    }
     .navbar02 li.gray-active::before {
         height: 100px;
    }
	 .navbar02 li.moreMenu{line-height: 80px;}
     .calculate-your-use .benefits-list li {
         width: 24%;
    }
     .search-pagination .pagination ul li {
         width: auto;
    }
     li .btn.btn-primary {
         font-size: 0px;
         width: auto;
         padding-left: 0;
         padding-right: 0;
         position: static;
    }
     .fish-habitat {
         margin-top: -120px !important;
    }
     .filterby .dropdown-menu.show.vsformddopen label i {
         font-size: 15px;
         line-height: 24px;
         padding: 0px;
    }
     .vsformddopen .custom-control-label::before {
         top: 10px;
         width: 0.5rem;
         height: 0.5rem;
    }
     .vsformddopen .custom-radio .custom-control-input:checked~.custom-control-label::after {
         top: 12px;
         width: 4px;
         height: 4px;
         left: 2px;
    }
     .filterby .dropdown a.textadded {
         font-size: 15px;
    }
     .servicesrates .gray_bg {
         padding: 30px 15px 30px 15px;
    }
     .servicesrates h5, .servicesrates .gray_bg .tablehead, .servicesrates .gray_bg .orange_text, .servicesrates .gray_bg .smallitalic {
         font-size: 15px;
         line-height: 24px;
    }
     .network-services-high .tool-tip p {
         font-size: 12px;
         line-height: 20px;
    }
	.faqnewblock .sppb-panel-body{padding: 15px;}
	.meeting-panel-body .col-md-12 a{width:100%;}
}
 @media(max-width:1200px) {
     .navbar02 li:first-child, .accordion-sub:before {
         height: 80px;
    }
     .navbar02 li a, .navbar02 li button {
         font-size: 18px;
    }
     .loginhead {
         font-size: 24px;
    }
     .forgot {
         font-size: 16px;
         line-height: 28px;
    }
     .loginbtn {
         padding: 20px 66px;
    }
     .serviceWorkbook p {
         margin-bottom: 30px;
         margin-top: 20px;
    }
     #sppb-addon-1525670469843 .pd-right {
         padding-right: 15px;
         padding-left: 25px;
    }
     .bg-procedure .graybox2 {
         padding: 70px;
    }
     .navbar02 li.gray-active::before {
         height: 80px;
    }
     .select_city_name .custom-control {
         padding-left: 16px;
    }
     .select_city_blue_bar ul li {
         margin-right: 22px;
    }
     .select_city_blue_bar {
         padding: 13px 20px 8px;
    }
     .select_city_blue_bar .custom-control-label {
         font-size: 15px;
         line-height: 20px;
    }
     .select_city_name .custom-control label {
         margin-bottom: 0;
    }
     .select_city_blue_bar ul {
         margin-bottom: 0;
    }
     .select_city_blue_bar.vsformddopen .custom-radio .custom-control-input:checked~.custom-control-label::after {
         left:-21px;
         top: 8px;
         width: 6px;
         height: 6px;
    }
     .select_city_blue_bar.vsformddopen .custom-control-label::before {
         border: 1px solid #bbbdbf;
         width: 12px;
         height: 12px;
         top: 5px;
    }
	 
	 .surplus-sign-up ul.list-check {
    padding: 30px !important;
}
	.home-carousel .sppb-carousel-item-inner .sppb-carousel-pro-text {
    max-width: 480px;
} 
	 .benefits-list li{width: 150px;}
}




 @media (max-width: 1084px) {
    /* .search-popup #search-btn {
         top: -60px;
    }*/
     .s-header__nav-menu-item.has-child a {
         font-size: 18px;
         line-height: 42px;
    }
     .s-header__nav-menu-item.has-child ul li a {
         font-size: 18px;
         line-height: 22px;
    }
     .bg-1 ul li a {
         font-size: 17px;
    }
}

 @media (max-width: 1199px) and (min-width:991px){
.customerService span {
    font-size: 24px;
}
.start-service-categr p {
    font-size: 18px;
    line-height: 24px;
}
.start-service-categr button {
    font-size: 20px !important;
    padding: 10px 15px !important;
}
}

@media (max-width: 1199px) and (min-width:991px){

.contact-primary-list li .d-block button {
    min-width: 0  !important;
    position: relative  !important;
    left: 45px  !important;
}
.custom-top.contract-box .list-interlocal li .btn-primary {
    left: 40px;
}
}

 @media (max-width: 1024px) and (min-width: 767px) {
     .servConstruct .visitUs .iconBack {
         min-height: auto;
    }
     h1 {
         font-size: 60px;
         line-height: 82px;
    }
     .carousel-footer a {
         font-size: 16px;
         line-height: 22px;
    }
     .high-speed-box.carousel-inner2 a {
         height: auto;
         padding-bottom: 20px;
    }
     .custom-media .col-md-10 {
         padding-left: 70px;
    }
     .Fish-wildlife {
         height: 460px;
         margin-bottom: 280px !important;
    }
     .abt-shorlin-com {
         height: 530px;
    }
}
 @media (max-width: 991px) and (min-width:767px) {
     .go-back-page .sppb-col-sm-6:nth-child(1), .go-back-page .sppb-col-sm-6:nth-child(2) {
         margin-bottom: 30px;
    }
     .filterby .dropdown-menu.show.vsformddopen label i {
         padding: 10px 0;
    }
}
 @media(max-width:1024px) {
     .map_address iframe {width: 93%;left: 17px;height: 413px;}
	 .tips-top-margin-species {    margin-top: 0px !important;}
	 .tips-top-margin-recreation {    margin-top: 0px !important;}
     .accordion-sub:before {
         width: 5%;
         height: 40px;
    }
     .carousel-primary p {
         max-width: 75%;
         margin-top: 15px;
         margin-bottom: 15px;
    }
     .carousel-footer a {
         justify-content: flex-start;
         padding-top: 40px;
         line-height: 34px;
    }
	
     .carousel-primary .carousel-control-next, .carousel-primary .carousel-control-prev {
         display: none;
    }
     .card-group-primary .card-body {
         padding: 43px 20px 20px 20px;
         height: 120px;
    }
     .bg-whitebox {
         padding-top: 73px;
         padding-bottom: 73px;
    }
     .darkblue_menu li a {
         font-size: 18px;
    }
     .gallery-content {
         padding: 18px 25px 10px 25px;
    }
     .gallery-content p {
         line-height: normal;
    }
     body .gallery h3 {
         margin-bottom: 15px;
    }
     .gallery .img-left .img-fluid {
         width: inherit;
         height: 100%;
    }
     .img-left {
         overflow: hidden;
    }
     .img-left .img-fluid {
         max-width: 120%;
         height: auto;
    }
     .img-right {
         overflow: hidden;
    }
     .img-right .img-fluid {
         max-width: 120%;
         height: auto;
    }
     .dash {
         display: none;
    }
     .lightblue_menu {
         padding: 90px 50px 0px 10px;
    }
     .h2 {
         font-size: 86px;
    }
     .h3 {
         font-size: 36px;
         line-height: 49px;
    }
     .jumbotron-primary p {
         font-size: 62px;
         line-height: 70px;
    }
     .powered_by {
         font-size: 4rem;
         line-height: 4rem;
    }
     .technology {
         font-size: 4rem;
         line-height: 2rem;
    }
     .powered_by big {
         opacity: .5;
         font-size: 4rem;
         display: block;
    }
     .powered_by span {
         font-size: 4rem;
    }
	/*
	 
	 
	 RIGHT BAR
	 
	 
	 */
    /* 9 apr */
     .headin01 {
         font-size: 60px;
         line-height: 82px;
         margin-bottom: 0;
    }
     .recrBanner {
         height: 300px;
    }
     .jumboInner {
         min-height: 100%;
         /*padding-top: 0;*/
         background-size: contain;
    }
     .jumboInner p {
         font-size: 15px;
         line-height: 1.33;
         max-width: 580px;
         margin: 0 auto;
         margin-top: 0px;
    }
     .backyard .col-sm-6 {
         padding-left: 0;
    }
     .backyard h3 {
         margin-right: 20px;
         font-size: 36px;
         text-align: left;
         float: none;
    }
     .backyard p, .para1 {
         font-size: 18px !important;
         line-height: 24px !important;
    }
     .moreMenu .dropdown-menu {
         min-width: 270px;
    }
     .moreMenu .dropdown-menu a {
         padding: 0px;
    }
     .navbar02 li, .navbar02 li.moreMenu {
         line-height: 78px;
    }
     .navbar02 li a {
         font-size: 16px;
         padding: 18px 10px;
         line-height: 42px;
    }
     .navbar02 li button {
         font-size: 16px;
         line-height: 22px;
         padding: 17px;
    }
     .backyardSec {
         padding: 50px 0px;
    }
     .font-26, .iconBack p {
         font-size: 15px;
         line-height: 20px;
    }
    /* commented */
    /*.imgRight {
         max-height: 290px;
         overflow: hidden;
    }
     .imgRight img {
         width: 100%;
         height: 100%;
         object-fit: cover;
    }
     .recrCategories .visitUs:first-child .imgRight img {
         width: auto;
    }
     .recrCategories .visitUs:first-child .imgRight {
         max-height: 380px;
    }
     */
     .iconBack {
         background-size: 100px;
    }
     .defaultImgBack {
         background-size: cover;
    }
     .gallery-recreation .h3.text-blue {
         padding-bottom: 40px;
    }
     .card-overlay .h3::before {
         top: -45px;
    }
     .card-overlay .h3 {
         font-size: 32px;
    }
     .map, .gallery-recreation {
         padding: 50px 0;
    }
     html {
         overflow-x: hidden;
    }
     .row.visitUs.mr-0 {
         margin-right: -15px !important;
    }
     .imgRight {
         height: 425px !important;
    }
     .visitUs {
         min-height: 415px;
    }
    /* 10apr */
    /* .visitUs {
         min-height: 415px;
    }
     */
     .support .recrCategories {
         margin-bottom: 50px;
    }
     .support .backyardSec .backyard h3 {
         margin-right: 20px;
    }
     .blue-box-page h5 {
         right: 10px;
    }
     .gray-box-page h5 {
         font-size: 28px;
    }
     .video {
         padding-bottom: 100px;
    }
     .navbar02 li {
         margin: 0 10px;
    }
     .tbd-section .gray-box {
         height: 395px;
    }
     .head-h3 h3, h3.phone a {
         font-size: 36px;
         line-height: 39px;
    }
     .boating-details ul li {
         padding-left: 44px;
         margin-bottom: 10px;
         background-size: 18px;
         font-size: 16px;
         line-height: 22px;
    }
     .gray-bg .blue-title {
         font-size: 30px;
         line-height: 40px;
    }
     .fire-safety-section .sppb-addon-content h5 {
         font-size: 25px !important;
         line-height: 1.3;
    }
    /* 10may */
     .visitUs .iconBack {
         min-height: 407px !important;
         max-height: 100% !important;
    }
    /*Billing payment 12-4*/
     .no_content_top_space {
         margin-top: 50px;
    }
     .heading04 {
         font-size: 18px;
         line-height: 26px;
    }
     .workbook-categories .pb-5 {
         padding-bottom: 50px !important;
    }
     .navbar02 li.grayShap, .navbar02 li:first-child {
        /*width: 200px;
        */
         width: auto;
         height: auto;
    }
     .landLoardGray {
         margin-bottom: 50px;
         height: 500px;
    }
     .efficientInner {
         padding: 80px 0;
    }
     .font-25 {
         font-size: 18px;
         line-height: 24px;
    }
     .serviceWorkbook p {
         margin-bottom: 25px;
         margin-top: 15px;
    }
     .serviceWorkbook {
         margin: 50px 0;
    }
     .visitUs {
         min-height: 155px;
    }
     .efficientInner p {
         margin: 25px auto 30px !important;
    }
     .workbook-categories {
         margin-bottom: 50px;
    }
     .blue-box-page h5 a {
         font-size: 30px;
         line-height: 41px;
         max-width: 100%;
         left: 0;
    }
     .page-image img, .logo-gray {
         max-width: 70px;
         margin-top: 10px;
    }
     a.arrow-left .fa.fa-chevron-left {
         font-size: 44px !important;
    }
     .tbd-section {
         margin-bottom: 50px !important;
    }
     .custom-pd {
         padding: 40px !important;
    }
    /* 10 may */
     .visitUs .iconBack {
         min-height: 375px !important;
    }
     footer h4 {
         font-size: 21px;
         line-height: 28px;
    }
     .serviceTab .sppb-nav-tabs>li>a {
         font-size: 15px;
         margin-right: 5px;
         padding: 8px;
    }
     .efficientInner {
         padding: 50px 0;
    }
     .wind-generation .boating-details {
         margin-top: 40px;
    }
     p.font-18 {
         font-size: 16px;
         line-height: 20px;
    }
     .counter-generation h3.sppb-addon-title {
         font-size: 42px;
         line-height: 41px;
    }
     .fuel-mix-generation .sppb-addon-content p {
         margin-bottom: 30px;
         margin-top: 5px;
    }
     p, .generator-use.during-an-outage, .list-check li, .list-unstyled li .media .media-body {
         font-size: 18px;
         line-height: 24px;
    }
   .rad_callout {
    line-height: 2rem;
}
     .wind-generation p {
         margin-top: 0px;
    }
     .wind-generation .boating-details {
         margin-top: 10px;
    }
     .wind-generation h3.sppb-addon-title {
         font-size: 30px;
         line-height: 41px;
    }
     .fuel-table-generation tr th, .fuel-table-generation tr td {
         font-size: 18px;
         line-height: 24px;
    }
     .outagefaq {
         background-color: #022150;
         padding: 50px 0px !important;
         margin-top: 50px;
    }
     .yellow-border-left {
         border-left: none;
         border-top: 6px solid #ffc72c;
    }
     .possible-network-avail {
         height: 340px;
         background-size: 200px !important;
    }
     .service-map {
         max-width: 100%;
         float: none;
    }
     .pdf-link {
         margin-top: 30px;
         font-size: 16px;
         line-height: 22px;
    }
     .heading05 {
         font-size: 30px;
         line-height: 41px;
    }
     .network-services-high {
         padding-top: 60px;
         padding-bottom: 60px;
    }
     .add-search .input-group .form-control {
         height: 70px;
         font-size: 15px;
         padding: 0 20px;
    }
     .add-search .input-group .input-group-append button {
         width: 70px;
         height: 70px;
    }
     .btn-primary, .btn-learn-more {
         font-size: 15px;
         line-height: 21px;
         padding: 10px 30px 10px 10px;
    }
     .input-btn-primary span {
         width: 50px !important;
         height: 50px !important;
         line-height: 50px !important;
    }
     .fa-download {
         font-size: 22px;
    }
     .list-inline-primary li .fa-download, .list-inline-primary li i {
         font-size: 22px !important;
         line-height: 47px;
    }
     .bg-procedure .graybox2 {
         margin-top: 0;
         padding: 50px 50px 50px 50px;
    }
     .list-inline-primary .btn-primary {
         min-width: auto;
         padding-top: 0;
         padding-bottom: 0;
         /*height: 50px !important;*/
         padding-right: 60px;
    }
     .bg-procedure {
         padding-top: 50px;
    }
     .about-shoreline-comm {
         margin-bottom: 170px;
    }
     .about-shoreline-comm .list-inline-primary li {
         font-size: 21px;
    }
     .pdf-note {
         margin: 50px auto 0;
    }
     .start-stop-service .efficientInner {
         padding: 50px 0;
    }
    /* 16 may */
     .contact-detail .head4 {
         font-size: 21px;
         line-height: 28px;
    }
     body h3.heading3 {
         font-size: 30px;
         line-height: 41px;
    }
     .customerService {
         padding: 20px;
    }
     .contact-us-page .customerService {
         margin-top: 20px;
    }
     .contact-detail-inner {
         margin-bottom: 20px;
    }
     .mailing-address .sppb-addon-content {
         margin-top: 20px;
    }
     .contact-primary-list {
         margin-top: 20px;
    }
     .contact-primary-list li {
         margin-bottom: 20px;
    }
     .contact-social-info .blueBack {
         padding: 0 40px;
    }
     body .btn-learn-more {
         width: auto !important;
    }
     .contact-detail .heading3 {
         line-height: 41px;
    }
     .start-service-categr .font-38 {
         margin-top: 30px;
         margin-bottom: 10px;
    }
     .blue-band {
         padding-top: 50px !important;
         padding-bottom: 50px !important;
    }
     .font-38, .h4, .blue-band h4.h4 {
         font-size: 30px;
         line-height: 41px;
    }
     .li-icon {
         width: 90px;
         height: 90px;
         padding-top: 16px;
         margin-right: 5px;
    }
     .p-primary {
         font-size: 16px;
         line-height: 22px;
    }
     #another_way_section {
         padding-top: 50px !important;
         padding-bottom: 50px !important;
    }
     #another_way_section p {
         font-size: 16px;
         line-height: 22px;
         padding-bottom: 10px;
    }
     .heading-min-height .h3.bordered {
         min-height: 100px;
    }
     .backyardSec .sppb-text-right {
         text-align: left;
    }
     h2.head2 {
         font-size: 42px;
         line-height: 46px;
    }
     .visitUs .iconBack {
         padding: 30px !important;
    }
     .inner-banner-height, .dark-header {
         height: 299px;
         min-height: auto;
    }
     .imgRight img {
         height: 100%;
         object-fit: cover;
    }
     .statics p {
         margin-bottom: 0;
    }
     .jumbotron-secondary h2.heading2, .jumbotron-secondary .p-content {
         margin-bottom: 30px;
    }
     h2.heading2 {
         font-size: 36px;
         line-height: 49px;
    }
     .media-section h5 {
         font-size: 25px;
         line-height: 27px;
    }
     .media-title {
         font-size: 16px;
         margin-bottom: 40px;
         line-height: 22px;
    }
     .text26, .media-bottom {
         font-size: 15px;
         line-height: 20px;
    }
     .contact-info-box {
         max-width: 100%;
         position: static;
         margin-bottom: 30px;
    }
     .contact-information h4.sppb-addon-title {
         font-size: 16px;
         line-height: 21px;
    }
     .opening-table {
         padding-top: 0;
         padding-bottom: 35px;
    }
     .mb130 {
         margin-bottom: 50px;
    }
     .sppb-nav-tabs>li>a {
         font-size: 15px;
         line-height: 21px;
         padding: 15px;
         min-height: 80px;
    }
     .list-questionnaire li {
         line-height: 20px;
         font-size: 15px;
         margin-bottom: 15px;
    }
     .questionnaire {
         margin-top: 50px;
    }
     .current-employee .mb-40 {
         margin-bottom: 10px !important;
    }
     .graybox2 {
         padding: 40px;
    }
     ul.list-inline.list-inline-primary, ul.list-inline.list-inline-primary li:last-child {
         margin-bottom: 0;
    }
     .outagefaq h3 {
         font-size: 36px;
         line-height: 49px;
         padding-bottom: 30px;
    }
     .outagefaq .faqcontact {
         margin: 40px 0 0 0;
    }
     .sppb-panel-modern>.sppb-panel-heading>.sppb-panel-title {
         font-size: 18px !important;
    }
     .benefits-card .card-top img {
         max-width: 45px;
    }
     .sppb-panel-modern>.sppb-panel-heading>.sppb-panel-title {
         padding-left: 15px;
    }
     .card-top {
         width: 124px;
         height: 124px;
         top: -55px;
         line-height: 120px;
    }
     .benefits-card {
         background-color: #e6e7e8;
         padding: 80px 20px 20px 20px;
         margin-bottom: 80px;
    }
     .network-available {
         border-left: 6px solid #ffc72c;
         text-align: left;
         border-top: none;
    }
     .the-wanapum-carousel .sppb-item-has-bg, .carousel-history .carousel-primary {
         height: 550px;
    }
     #tbd-section .sppb-addon-content .gray-box {
         min-height: 395px;
    }
     .carousel-footer a {
         height: 270px;
    }
     a.btn.btn-learn-more {
         padding-left: 15px;
         padding-right: 15px;
    }
     button.btn {
         width: auto !important;
    }
     .water-quality .list-inline-primary .btn-primary {
         min-width: 10px;
    }
     .data-count h4 {
         font-size: 16px;
         line-height: 21px;
    }
     .count-year span {
         font-size: 15px;
         line-height: 20px;
         padding-right: 20px;
         margin-right: 0px;
    }
     .font-38 {
         margin-bottom: 20px;
    }
     .data-count {
         margin-bottom: 20px;
    }
     .you-can-help {
         margin-bottom: 30px;
    }
     .certification02 {
         margin-bottom: 100px;
         height: 550px;
    }
     .certification02 .custom-top-space {
         margin-top: 20px !important;
    }
     .about-shoreline-comm .sppb-addon-content .text-white {
         margin-bottom: 20px;
    }
     .carousel-col h3 {
         font-size: 30px;
         line-height: 41px;
    }
     .water-carousel .sppb-carousel-indicators {
         right: 20px;
         bottom: 60px;
    }
     .fish-carousel.water-carousel .sppb-carousel-indicators {
         right: 20px;
         bottom: 30px;
    }
     .fish-carousel .carousel-col-pad {
         height: 380px;
         padding-bottom: 70px;
    }
     .fish-carousel .sppb-carousel-arrow.left, .fish-carousel .sppb-carousel-arrow.right {
         bottom: 460px;
         left: auto;
    }
     .bg-license .fa {
         font-size: 30px;
         bottom: 30px;
    }
     .bg-other, .bg-license {
         height: 46%;
    }
     .filterby .dropdown a {
         font-size: 18px;
         line-height: 48px;
         height: 50px;
    }
     .filterby .dropdown a:before, .filterby .dropdown.show a:after {
         font-size: 30px;
         width: 50px;
         height: 100%;
         top: 0px;
         bottom: 0;
    }
     .mb35 {
         margin-bottom: 20px;
    }
     h2 {
         font-size: 36px;
         line-height: 39px;
    }
     .district-content .btn-primary {
         min-width: 190px;
    }
     .news-heading {
         font-size: 30px;
         line-height: 41px;
    }
    /* 24 May 2018 */
     .tabInner {
         padding: 30px;
    }
	.customtab .sppb-tab-content>.active.in>div {
	padding: 30px;
	}
     .font-20 a {
         word-wrap: break-word;
    }
     .vsfilterby {
         font-size: 15px !important;
         margin-top: 10px;
		 line-height: 35px;
       white-space: normal;
    }
     .iconBack button i {
         font-size: 22px;
    }
    /* 24 May 2018 */
     .navbar02 li.gray-active::before {
         height: 78px;
    }
     .employee-benefits {
         padding-top: 50px !important;
         padding-bottom: 27px !important;
    }
     .green-heading, .green-heading-right {
         font-size: 16px;
         padding: 20px;
         line-height: 20px;
    }
     .sppb-panel-body .link-blue {
         font-size: 18px;
         line-height: 24px;
    }
     h3, .contract-box h3 {
         font-size: 30px;
         line-height: 30px;
    }
   .rad_title_block h3{line-height:58px;}
     .video-img {
         height: 180px;
         margin-bottom: 15px;
    }
     .video-card h3 {
         line-height: 32px;
         font-size: 18px;
    }
     .map-section {
         padding: 80px 0px 80px 0px !important;
    }
     .jumbotron-secondary {
         padding-top: 50px !important;
         padding-bottom: 50px !important;
    }
     .card-list li {
         font-size: 16px;
         line-height: 22px;
    }
     .certification0 {
         height: 540px;
    }
     .certification01 {
         height: 480px;
         margin-bottom: 200px;
    }
     h2 {
         font-size: 36px;
         line-height: 49px;
    }
     .grayboxlogin-right .grayboxlogin {
         height: 227px;
    }
     .grayboxlogin {
         height: 474px 
    }
     .mail_your_payment {
         padding-top: 100px !important;
         padding-bottom: 100px !important;
         margin-top: 0px !important;
    }
     .key_icon {
         bottom: -100px 
    }
     .key_icon img {
         width: 350px;
    }
     .notification_section .fas {
         font-size: 54px;
         margin-bottom: 20px;
    }
    /* 28may */
     .our_rate_section, .rate_sheet {
         margin-top: 0;
    }
     .other_fees-section {
         padding: 30px;
    }
     .input-btn-primary {
         min-width: auto;
         padding-right: 65px;
    }
     .acc-service h4 {
         font-size: 21px;
         margin: 0;
         line-height: 28px;
    }
     .acc-service {
         margin-bottom: 30px;
    }
     .input-group span.input-group-append button i {
         height: 50px;
         line-height: 50px;
         font-size: 20px;
         padding: 0;
         width: 50px;
    }
     .vsformsearch {
         padding-bottom: 0;
    }
     .dropdown a {
         height: 50px;
    }
     .vsformsearch input.form-control {
         padding: 15px 20px;
         font-size: 18px;
         line-height: 21px;
         height: 51px;
    }
	.vsformmap input{
		 padding: 15px 20px;
         font-size: 18px;
         line-height: 21px;
	}
     .media_dark_gray {
         background: #e6e7e8;
         padding: 35px 0;
         text-align: center;
    }
     .input-btn-primary {
         min-width: auto;
         padding-right: 65px;
    }
     .our_olicies_section {
         padding-top: 120px;
         height: 440px;
         margin-bottom: 360px !important;
         margin-top: 50px !important;
    }
     .cost-section {
         margin-bottom: 250px !important;
         height: 280px !important;
    }
     .cost-section .meeting_agenda_section {
         margin-top: 40px;
    }
     .rate_sheet h4 {
         font-size: 21px;
         margin-bottom: 15px;
         line-height: 28px;
         margin-top: 35px;
    }
     .our_olicies_section h3 {
         margin-bottom: 20px;
    }
     .filterby .dropdown-menu.show {
         transform: translate3d(0px, 50px, 0px) !important;
    }
     .supportresources h4 {
         font-size: 30px;
         line-height: 41px;
         margin-bottom: 10px;
         margin-top: 30px;
    }
     .supportresources li {
         font-size: 16px;
         line-height: 22px;
    }
     .supportresources li::after {
         right: -5px;
         font-size: 16px;
    }
     .supportresources {
         padding: 30px 0 30px 0;
    }
     .filterbyfaq .dropdown a::before {
         font-size: 35px;
         width: 50px;
         height: 50px;
         line-height: 50px;
    }
     .filterbyfaq .dropdown a {
         font-size: 16px;
         line-height: 50px;
    }
     .filterbyfaq .dropdown-menu.show.vsformddopen label i {
         font-size: 16px;
         line-height: 22px;
         padding: 0;
    }
     .faqsearch {
         margin-bottom: 0;
    }
     .faqs h4 {
         font-size: 30px;
         line-height: 41px;
    }
     .faqsup .faqcontact {
         margin: 0;
    }
     .outagecta a {
         font-size: 16px;
         line-height: 22px;
    }
     .outagecta {
         min-height: 230px;
    }
     .outagewtd h2 {
         margin-bottom: 20px;
         padding-left: 0;
    }
     .outageguicon {
         padding: 50px 0;
    }
     .outagewtd .customerService {
         margin-left: 0;
         margin-top: 0;
    }
     .stayinformed {
         min-height: auto;
    }
     body .outagewtd p, body .outagegu p {
         font-size: 15px !important;
         line-height: 20px !important;
         padding: 0;
    }
     .outageseccont {
         padding: 50px 0;
    }
     h4.calltoreport {
         font-size: 30px;
         line-height: 41px;
    }
     .iconBackoutage i {
         font-size: 74px;
    }
     .iconBackoutage {
         padding: 25px 30px !important;
    }
     .outage-gray .iconBackoutage p:before {
         width: 45px;
    }
     .start-service-categr p {
         margin-bottom: 20px;
    }
     .bg-procedure-new {
         height: 440px;
         margin-bottom: 370px;
    }
     .bg-procedure-new.bg-procedure .graybox2 li .float-right {
         width: 45%;
    }
     .bg-procedure-new.bg-procedure .float-left {
         width: 55%;
    }
     .showing-result h6 {
         font-size: 16px;
         line-height: 21px;
    }
     .result-icn-commn img {
         max-width: 30px;
    }
     .resulte-box, .result-icn-commn {
         height: 120px;
    }
     .resulte-box .result-network b {
         font-size: 16px;
         line-height: 21px;
    }
     .resulte-box .result-network p {
         font-size: 15px !important;
    }
     .resulte-box {
         min-height: auto;
    }
     body .history-page-slider.sppb-section.carousel-history h2 {
         font-family: 'open_sansbold';
         font-size: 30px !important;
         line-height: 41px !important;
    }
     .history-page-slider .sppb-carousel-content {
         font-size: 16px !important;
         padding-bottom: 25px;
         line-height: 21px !important;
    }
     .history-page-slider .sppb-carousel-inner .sppb-item-has-bg img {
         min-height: 412px;
    }
     .history-page-slider.carousel-history .times {
         top: -120px;
         font-size: 35px;
    }
     .history-page-slider .sppb-carousel-arrow.left, .history-page-slider .sppb-carousel-arrow.right {
         bottom: 25px;
    }
     .history-page-slider .sppb-carousel-arrow.right, .history-page-slider .sppb-carousel-arrow.left {
         display: block;
    }
     .history-page-slider.carousel-history .expand {
         bottom: -60px;
         font-size: 35px;
    }
     .home-carousel a.sppb-btn-default {
         font-size: 20px !important;
         line-height: 27px !important;
         background-size: 130px;
    }
     .gallery-content p {
         margin-bottom: 30px;
    }
     h2 {
         margin-bottom: 20px;
    }
     .sky_blue_btn {
         font-size: 15px;
         line-height: 21px;
    }
     .acc-service p {
         font-size: 16px;
         margin-bottom: 0;
         line-height: 21px;
    }
     .right-bar-sm {
         display: none;
    }
     .download_section p {
         font-size: 16px;
         line-height: 21px;
    }
     .other_fees-section h5 {
         margin-bottom: 10px;
    }
     .carousel-col h4 {
         font-size: 16px;
         line-height: 22px;
    }
     .meeting_agenda_section .download_section p, .our_olicies_section p, .about-shoreline-comm .list-inline-primary li, .list-inline-primary li {
         font-size: 21px;
         line-height: 28px;
         font-weight: 100;
         font-family: 'open_sansregular';
    }
     .pd-left-custom .sppb-addon-content p {
         margin-bottom: 20px;
    }
     .card-list li {
         background-position: 5px 8px;
    }
     .find-provider p.vsfilterby {
         line-height: normal;
    }
     .outageguicon p {
         font-size: 16px;
         line-height: 21px;
         padding: 20px 0;
    }
     .outagecta p {
         font-size: 30px;
         line-height: 41px;
         padding-bottom: 10px;
    }
     .stayinformed p {
         font-size: 16px;
         line-height: 21px;
         padding-right: 30px;
    }
     h3.phone {
         padding: 10px 0;
    }
     .faqsearch #searchtermfaq {
         font-size: 36px;
         line-height: 49px;
    }
     .contact-info-generation .font-bold {
         min-height: 120px;
    }
     .graybox2 li .float-right {
         width: 30%;
    }
     .graybox2 li .float-left {
         width: 70%;
    }
     .form-content {
         padding-right: 10px;
         margin-right: 0px;
    }
     .jmforms #form13 input[type="text"], .jmforms #form14 input[type="text"] {
         border-radius: 0;
         border: none;
         font-size: 34px;
         line-height: 34px;
         padding: 10px 15px !important;
         box-shadow: none;
         background: #E6E7E8;
         height: 50px;
    }
     .form-content p {
         font-size: 18px;
         margin-bottom: 10px;
         line-height: 21px;
    }
     .jmforms #form13 .wdform-label, .jmforms #form14 .wdform-label, .jmforms #form14 .mini_label {
         font-size: 15px;
         line-height: 20px;
    }
     .jmforms #form13 textarea, .jmforms #form14 textarea {
         min-height: 112px;
    }
     .jmforms #form13 .button-submit, .jmforms #form14 .button-submit {
         height: 50px;
         padding-left: 25px !important;
         padding-right: 25px !important;
         font-size: 15px;
         line-height: 20px;
    }
     #form13 .forlabs {
         top: 1px;
    }
     .rates-compare-circle {
         width: 210px;
         height: 210px;
    }
     .rates-compare-circle h1 {
         font-size: 42px;
         line-height: 57px;
    }
     .navbar02 > li:first-child a {
         padding-left: 15px;
    }
     .compare-title {
         font-size: 25px;
         line-height: 34px;
         margin-top: 30px;
    }
     .rate-compare-section .h4 {
         margin-bottom: 20px;
    }
     .our-rates-compare {
         margin-bottom: 20px;
    }
     .contact-primary-list li .d-block button {
         min-width: auto;
    }
     .energy-saving-tips .tabInner h5 {
         font-size: 21px;
         line-height: 28px;
         margin-bottom: 15px;
    }
     .calculate-energy-use p {
         font-size: 21px;
         line-height: 28px;
    }
     .calculate-monthly-cost .fuel-table-generation tr th, .fuel-table-generation tr td, .calculate-monthly-cost .fuel-table-generation tr td.gray-tdh {
         font-size: 18px;
         padding-left: 20px;
         padding-right: 20px;
    }
     .font-40 {
         font-size: 30px;
         line-height: 41px;
    }
     .img-box .white-border-button {
         line-height: 40px;
    }
     .contact-energy-service .head-h3 h3 {
         margin-bottom: 25px;
    }
     .energy-efficient-appliances.our_olicies_section {
         margin-bottom: 0px !important;
    }
     .showing-result {
         margin-top: 20px;
    }
     .sppb-section.bg-procedure.yellow-border-top.water-quality.energy-saving-tips {
         height: 400px;
    }
     .energy-saving-tips .list-check li {
         margin-bottom: 15px;
    }
     .efficient-appliances-inner .img-box {
         margin-top: 40px;
    }
     .read-your-bill .sppb-col-md-4 h2 {
         margin-bottom: 25px;
    }
     .read-your-bill .download_section {
         margin-bottom: 15px;
    }
     .billing-options h3.h3.text-center {
         margin-bottom: 40px;
    }
     .multiple-account-billing .sppb-addon-single-image-container {
         margin-top: 110px;
    }
     .btn-primary.single-button {
         width: auto;
    }
     .billing-options.z-0 {
         padding-top: 70px !important;
    }
     .sp-page-builder .page-content .community-events-tabs {
         margin-top: -270px !important;
    }
     .energy-education-tabs {
         margin-top: -160px !important;
    }
     .sppb-section.bg-procedure.yellow-border-top.water-quality.energy-saving-tips.classroom-tips {
         height: 550px;
    }
     .energy-education-tabs .sppb-nav-tabs > li > a {
         min-height: 80px;
    }
     .sppb-section.bg-procedure.yellow-border-top.water-quality.energy-saving-tips.energy-education {
         height: 440px;
    }
     .artifact.about-shoreline-comm {
         margin-bottom: 0;
         height: 460px;
    }
     .thelaw-gray-box {
         padding: 50px;
    }
     .thelaw-gray-box .list-unstyled li {
         margin-bottom: 10px;
         font-size: 16px;
         line-height: 22px;
    }
     .all-contractor-employee, .all-contractor-employee01 {
         padding: 50px !important;
    }
     .list-inline-secodary li p {
         font-size: 18px;
         line-height: 24px;
    }
     .medically-sensitive .customerService {
         margin-top: 35px;
    }
     .outageseccont hr.hrmin {
         margin: 45px auto 25px;
         border-width: 2px;
    }
     .during-an-outage .full-container-right h2, .during-an-outage .full-container-left h2, .outageseccont .h3.blueText {
         font-size: 30px;
         line-height: 41px;
         margin-bottom: 20px;
    }
     .during-an-outage .list-unstyled li .media-left-div img {
         max-width: 30px;
    }
     .during-an-outage .list-unstyled li .media-left-div {
         text-align: center;
         width: 50px;
    }
     .generator-use.during-an-outage .list-unstyled li .media-left-div img {
         max-width: 60px;
    }
     .generator-use.during-an-outage .list-unstyled li .media-left-div {
         width: 95px;
    }
     .font-42, .font-36 {
         font-size: 30px;
         line-height: 41px;
    }
     .outdoor-safety-boxes .font-42 {
         margin-top: 30px;
         margin-bottom: 20px;
    }
     .water-nfire-safety .font-25 {
         margin-bottom: 30px;
    }
     .head4 {
         line-height: 28px;
         font-size: 21px;
    }
     select.form-control:not([size]):not([multiple]) {
         height: 50px !important;
         min-height: 50px;
         line-height: 50px;
    }
     .form .form-control {
         height: 50px;
         min-height: auto;
         font-size: 18px;
    }
     .form textarea.form-control {
         height: 170px;
    }
     .formControls .custom-select {
         background-size: 50px;
    }
     .irrigation-billing-terms .download_section p {
         max-width: 300px;
    }
     .irrigation-billing-terms .download_section {
         margin-bottom: 25px;
    }
     .capacity-charge .text-orange {
         line-height: 35px;
    }
     .text-right.tab-left {
         text-align: center !important;
    }
     .continuous-service .button-inline {
         margin-top: 30px;
    }
	.city-name-col {
		height: 100%;
	}

    li .btn.btn-primary {
    border: none !important;
    }
}
 
 @media (max-width:991px) {
     #meettheteam .white-border-button {
border: 4px solid !important;
}
   .carousel-primary p {font-size: 20px;}
     .s-header__nav-menu-item.has-child {
         margin-left: 1%;
         margin-right: 1%;
    }
     .bg-whitebox {
         padding-bottom: 71px;
    }
     .bg-whitebox .h5 {
         margin-bottom: 15px;
    }
     .bg-whitebox .container {
         max-width: 1520px;
    }
     .footer-bottom {
         flex-direction: column-reverse;
    }
     .footer-bottom .ml-auto {
         text-align: center;
         font-size: 16px;
    }
     .footer-left {
         border-bottom: 1px solid #778FB5;
         max-width: 50%;
         flex: 50%;
         padding-top: 50px;
         padding-left: 40px;
    }
     .footer-right {
         border-bottom: 1px solid #778FB5;
         max-width: 50%;
         flex: 50%;
    }
     .footer-left .col-sm-4 {
         max-width: 100%;
         flex: 100%;
    }
     .footer-bottom .ml-auto a {
         display: block;
    }
     .carousel-footer .col-lg-2 {
         border-left: 1px solid #3D5581;
         border-bottom: 1px solid #3D5581;
    }
     .carousel-primary {
         height: auto;
    }
     .carousel-footer a {
         height: 252px;
         padding-top: 45px !important;
    }
     .carousel-footer .circle {
         line-height: 100px;
         width: 100px;
         height: 100px;
         margin-bottom: 23px;
    }
     .card-group-primary {
         border: none;
    }
     .card-group-primary .card-body {
         padding: 19px 20px 20px 20px;
    }
     .card-group-primary .card-footer {
         padding: 0px 20px 20px 20px;
    }
     .carousel-caption {
         bottom: 0;
    }
    /*.darkblue_menu ul ul>li:first-child {
         display: block;
    }
     .darkblue_menu ul ul ul>li:first-child {
         display: none;
    }
     .darkblue_menu li {
         display: none;
    }
    */
     .darkblue_menu {
         padding: 0px 0px 0px 0px;
    }
     .lightblue_menu {
         padding: 50px 50px 0px 10px;
    }
     .gallery-content {
         padding: 28px 35px 30px 45px;
    }
     .gallery-content p {
         font-size: 15px;
         margin-bottom: 25px;
         line-height: 20px;
    }
     .gallery h3 {
         max-width: 200px;
         margin-bottom: 25px;
         line-height: 39px;
         font-size: 36px;
    }
     .jumbotron-primary {
         padding: 60px 0px 60px 0px;
    }
     .jumbotron-primary p {
         font-size: 43px;
         line-height: 59px;
         margin-bottom: 48px;
    }
     .carousel-caption .btn-learn-more, .btn-primary, .btn-learn-more {
         padding: 0px;
         line-height: 45px;
         border: 4px solid;
         width: 170px;
         font-size: 15px;
    }
	 /*.white-border-button {    background: transparent; border: 4px; border-color: #fff;}*/
     .btn-primary {
         border: none;
         line-height: 50px;
         height: 50px;
    }
     .img-left .img-fluid {
         max-width: 150%;
    }
     .img-right .img-fluid {
         max-width: 150%;
    }
     .icon-language {
         margin-top: 30px;
         margin-left: 0px;
    }
     .h2 {
         font-size: 60px;
    }
     body .h3 {
         font-size: 30px;
         line-height: 39px;
    }
     .h5 {
         font-size: 22px;
    }
     .social-icons {
         text-align: center;
         font-size: 32px;
    }
     .sppb-carousel-arrow.right, .sppb-carousel-arrow.left {
         display: none;
    }
     .right-bar {
         top: 120px;
    }
     .right-bar .list-group-item-action {
         height: 70px;
         width: 280px;
         padding-left: 92px;
         font-size: 14px;
         padding-right: 0px;
    }
     .right-bar .list-group-item span {
         line-height: 70px;
         height: 70px;
         padding-left: 0px;
         padding-top: 0px;
         font-size: 30px;
         width: 70px;
    }
     .right-bar-sm .list-group-item {
         padding-top: 4px !important;
    }
     .white-logo {
         margin-top: 100px;
         margin-bottom: 100px;
    }
    /*09 Apr 2018*/
     .amenities {
         padding: 20px 20px 20px 0px;
    }
     .amenities li {
         line-height: normal;
    }
     .list-primary li {
         margin-top: 0px;
         margin-left: 10px;
    }
     .lightbox .modal-top {
         padding: 30px 10px 30px 23px;
    }
    /*09 Apr 2018*/
    /* 9 apr */
     .navbar02 li:first-child {
        /*width: 200px;
        */
         width: auto;
    }
     .navbar02 li a {
         padding: 15px 0;
    }
     .navbar02 li, .navbar02 li.moreMenu {
         line-height: 72px;
    }
     .navbar02 li button {
         padding: 0 15px;
    }
    /* commented */
    /* .imgRight {
         max-height: 270px;
         overflow: hidden;
    }
     */
     .imgRight {
         height: 385px !important;
    }
     .visitUs {
         min-height: 385px;
    }
     .gray-box-page, .blue-box-page {
         min-height: 250px;
         padding: 20px 10px;
    }
     .blue-box-page h5 a {
         font-size: 18px;
    }
     .carousel-inner2 a {
         padding-top: 20px;
         line-height: normal;
    }
     .carousel-inner2 .circle {
         margin-bottom: 13px;
    }
     label.custom-control-label {
         line-height: 30px;
    }
     .media-gray-content h3 {
         margin-bottom: 10px;
    }
     .media-gray-content p {
         line-height: normal;
         margin-bottom: 10px;
    }
     body .input-btn-primary {
         line-height: 51px;
         width: 51px;
         height: auto;
         min-width: auto;
         padding-right: 65px;
    }
     .input-btn-primary span, .list-inline-primary .btn-primary span {
         width: 60px;
         height: 65px;
         line-height: 72px;
         top: 0px;
    }
     .list-inline-primary li .fa-download {
         font-size: 22px;
    }
     .fa-download {
         font-size: 22px;
    }
     .bg-whitebox1 {
         padding-top: 60px;
         padding-bottom: 100px;
    }
     .bg-procedure .float-left {
         width: 100%;
    }
     .graybox2 {
         margin-top: 50px;
    }
     .graybox2 .h3 {
         font-size: 30px;
         line-height: 48px;
         margin-bottom: 25px;
    }
    /* .graybox2 .float-right {
         float: left !important;
         margin-top: 15px;
    }
     */
     .gray-box-page, .blue-box-page {
         min-height: 250px;
         padding: 20px 25px;
    }
     .blue-box-page h5 a {
         font-size: 18px;
    }
    /* 10 apr */
     .customerService span {
         font-size: 16px;
    }
     .headingGrey {
         font-size: 15px;
         line-height: 21px;
         margin-bottom: 5px;
    }
     .visitUs .iconBack {
         padding: 25px !important;
    }
     .vsformsearch {
         padding-right: 15px;
         padding-bottom: 15px;
    }
	.filterby:nth-child(2){padding-right:15px;}
     .vsformmap, .filterby:nth-child(4) {
         padding-right: 15px;
    }
     .back_to_page .container {
         max-width: 100%;
    }
     .back_to_page .container .col-md-3 {
         padding: 0;
    }
     h2.card-title {
         font-size: 32px;
         line-height: normal;
    }
     footer h4 {
         line-height: normal;
    }
     h2 {
         font-size: 36px;
         line-height: 39px;
         margin-bottom: 23px;
    }
     .fire-safety-section .h3 {
         margin-bottom: 75px;
    }
     .gray-bg {
         margin-top: 0 !important;
    }
     .no-clm-pd .sppb-col-sm-3 {
         padding-left: 5px;
         padding-right: 5px;
    }
     .blue-box-page, .gray-box-page {
         min-height: 270px;
         padding: 15px;
         margin-top:15px;
    }
     .ssservice a.btn {
         padding: 0px 33px;
    }
    /*Who we are*/
    /*.navbar02 li.gray-active::before{
         background: url(../images/gray-arrow-icon-768.png) no-repeat left top;
    }
     */
     .map-section {
         padding: 55px 50px 55px 35px;
    }
     .map-section .h4 {
         white-space: nowrap;
         font-size: 30px;
         margin-bottom: 34px;
    }
     .map1 {
         margin-top: 60px;
    }
     .statics {
         padding: 60px 30px 60px 10px;
    }
     .statics .col {
         padding-left: 0px;
         padding-right: 0px;
    }
     .statics p {
         line-height: 30px !important;
         font-size: 18px !important;
    }
     .who-Categories .imgRight img {
         width: 100%;
    }
    /*.container {
         max-width: 635px;
    }
     */
    /*Who we are ends*/
    /*Leadership*/
     .media-leader {
         margin-left: 0px;
         margin-bottom: 22px;
    }
    /*Leadership ends*/
    /*Who we are commissioners*/
     .district-content {
         margin-left: 30px;
         padding-right: 30px;
         margin-top: 40px;
    }
     .btn-lg1 {
         padding: 0px 10px;
    }
    /*Who we are commissioners*/
    /*Careers*/
     .employee-benefits {
         padding-top: 70px;
         padding-bottom: 100px;
    }
     .green-row {
         margin-top: 0px;
    }
     .career-tabs .nav-pills .nav-link {
         font-size: 16px;
         line-height: 22px;
         padding: 20px 9px;
    }
     .career-tabs .tabInner {
         padding: 73px 38px;
    }
     .head-insurance {
         margin-bottom: 40px;
    }
     .gray-icon-lg2 {
         height: 200px;
    }
     .navbar02 li:first-child {
         background-size: 100% 80%;
    }
     .wage-levels {
         padding: 30px;
    }
     .wage-levels .h4 {
         margin-bottom: 30px;
    }
     .wage-levels h3.heading3 {
         line-height: normal;
    }
     .gray-content2 {
         padding: 30px;
    }
     .fire-safty {
         min-height: 75px;
    }
    /*Careers ends*/
     .pay_darkb_lue h5 a, .ways_blue_box h5 a {
         font-size: 18px;
         right: 15px;
    }
     .pay_darkb_lue, .ways_blue_box {
         min-height: 250px;
    }
     .go-back-page .gray-box-page h5 {
         font-size: 28px;
    }
     .set_up_pay {
         margin-top: 35px;
    }
     .backyard .set_up_epay_left p {
         font-size: 16px;
         line-height: 22px;
    }
     .set_up_epay_left button {
         margin-top: 0;
    }
     .benefits_onling_billing {
         margin-top: 40px;
    }
     .benefits_onling_billing h3 {
         font-size: 21px;
         line-height: 28px;
         margin-bottom: 41px;
    }
     .notification_section p {
         font-size: 15px;
         line-height: 20px;
    }
     .mail_your_payment {
         margin-top: 30px;
         padding-top: 50px;
         padding-bottom: 23px;
    }
     .mail_ur_payment h4 {
         font-size: 21px;
         line-height: 24px;
    }
     .mail_ur_payment p {
         font-size: 15px;
         line-height: 20px;
         margin-top: 25px;
    }
     .mail_ur_payment .h3.blueText {
         margin-bottom: 25px;
    }
     .key_icon img {
         width: 65%;
         top: 0;
    }
     .payment_location {
         margin-top: 71px;
         margin-bottom: 15px;
    }
     .payment_location .backyard p {
         font-size: 15px;
         line-height: 20px;
    }
     .select_city_name .custom-control {
         padding-left: 16px;
    }
     .select_city_blue_bar ul li {
         margin-right: 22px;
    }
     .select_city_blue_bar {
         padding: 5px 20px 13px;
    }
     .select_city_blue_bar .custom-control-label {
         font-size: 9px;
         line-height: 11px;
    }
     .select_city_name .custom-control label {
         margin-bottom: 0;
    }
     .select_city_blue_bar ul {
         margin-bottom: 0;
    }
     .select_city_blue_bar.vsformddopen .custom-radio .custom-control-input:checked~.custom-control-label::after {
         left: -22px;
         top: 17px;
         width: 4px;
         height: 4px;
    }
     .select_city_blue_bar.vsformddopen .custom-control-label::before {
         border: 1px solid #bbbdbf;
         width: 8px;
         height: 8px;
         top: 15px;
    }
     .select_city_section h3 {
         font-size: 15px !important;
         padding-left: 20px !important;
         line-height: 26px !important;
         margin-bottom: 10px;
    }
     .city_details {
         padding-top: 20px;
         padding-bottom: 0;
    }
     .payment_address_left {
         padding-left: 20px;
         padding-top: 22px;
    }
     .time_payment p {
         font-size: 9px;
         line-height: 13px;
    }
     .orange_text {
         font-size: 9px;
    }
     .map_address {
         min-height: 170px;
    }
     .map_address iframe {
         width: 95%;
    }
     .get_direction_btn {
         line-height: 13px;
         font-size: 9px;
         padding-top: 13px;
         padding-bottom: 13px;
         position: static;
    }
     .map_address iframe {
         width: 90%;
         height: 100%;
    }
     .serviceTab .sppb-nav-tabs>li>a {
         font-size: 12px;
         line-height: 22px;
         padding: 10px;
         min-height: auto;
    }
     .tabInner {
         padding: 20px 30px !important;
    }
	.customtab .sppb-tab-content>.active.in>div {
	padding: 20px 30px;
	}
     .btn-primary {
         padding-left: 15px;
         padding-right: 15px;
        /* min-width: 170px;
         */
         ;
    }
     .workbook-categories .pb-5 {
         padding-bottom: 30px !important;
    }
     .visitUs .iconBack {
         min-height: 385px !important;
    }
     .servConstruct .argument {
         font-size: 210px;
    }
     .iconbxSer img {
         max-width: 50px;
    }
     .serviceConstruction .input-btn-primary {
         min-width: 180px;
    }
     .signUp .input-group {
         margin-top: 50px !important;
    }
     .heading-04, .calculate-monthly-cost .heading-04 {
         font-size: 30px;
         line-height: 45px;
    }
	.calculate-monthly-cost .sppb-row {flex-direction: column-reverse;}
     .visitUs .iconBack.signUp {
         min-height: 398px;
    }
     .signUp {
         min-height: auto !important;
    }
    /* 11 may */
     .service-map {
         padding-left: 25px;
    }
     .network-services-high .sppb-col-md-3 {
         height: 230px;
         padding-bottom: 30px;
    }
     .service-description {
         margin-top: 30px;
    }
     .contact-primary-list li .d-block button {
         min-width: 208px;
    }
     .contact-social-info {
         display: table;
         width: 100%;
    }
     .contact-social-info .social-link {
         padding: 15px 50px;
         font-size: 74px;
         min-height: 265px;
    }
     .contact-social-info .blueBack {
         height: auto;
         padding: 20px;
    }
     .know-811 {
         margin-top: 50px;
         margin-bottom: 40px;
    }
     .start-service-categr p {
         margin-bottom: 20px;
    }
     .service-box-categories .btn.btn-primary {
         min-width: auto;
         padding-right: 65px;
         height: 50px;
         line-height: normal;
    }
     .list-check li {
         background: url(../images/green-check-icon.png) no-repeat left 4px;
         padding-left: 45px;
         font-size: 16px;
         line-height: 22px;
         padding-right: 0;
    }
     .service-box-categories .gallery h3 {
         margin-bottom: 5px;
    }
     .visitor-gallery ul.li-icon-wrap {
         margin-top: 20px;
         margin-bottom: 50px;
    }
     .mt40 {
         margin-top: 20px;
    }
     .visitor-pic img {
         margin-bottom: 20px;
    }
     .energy-categories.carousel-footer a {
         height: 230px;
         padding-top: 40px;
    }
     .caption-box p {
         font-size: 25px !important;
         line-height: 34px !important;
    }
     .paddingbox {
         padding: 30px;
    }
     span.circle img {
         max-width: 50px;
    }
     .gray-icon-lg {
         height: 200px;
         padding-top: 20px;
    }
     .gray-icon-lg img {
         max-width: 50%;
    }
     .the-wanapum-carousel .sppb-item-has-bg, .carousel-history .carousel-primary {
         height: 450px;
    }
     .the-wanapum-carousel .sppb-carousel-arrow.right, .the-wanapum-carousel .sppb-carousel-arrow.left {
         display: block;
    }
     .paddingbox2 {
         padding: 30px;
    }
     ul.li-icon-wrap {
         margin-top: 40px;
         margin-bottom: 0;
         max-width: 200px;
         margin-left: auto;
         margin-right: auto;
    }
     .carousel-col-pad {
         padding: 30px;
    }
     .water-carousel .sppb-carousel-arrow.right, .water-carousel .sppb-carousel-arrow.left {
         display: block;
    }
     .button-inline .input-btn-primary {
        /* line-height: 31px;
        */
         padding-right: 30px;
         width: 46% !important;
    }
     .certification0 {
         height: 540px;
    }
     .certification01 {
         height: 610px;
    }
     .declaimer-description p {
         margin-bottom: 20px;
    }
     body .fish-wildlife1 {
         margin-bottom: 260px !important;
    }
     .Fish-wildlife {
         margin-bottom: 220px !important;
    }
     .fish-carousel .carousel-col-pad {
         height: 390px;
    }
     .fish-carousel .sppb-carousel-arrow.right, .fish-carousel a.sppb-carousel-arrow.left.sppb-carousel-control {
         bottom: 460px;
         left: auto;
    }
     .bg-procedure .graybox2 {
         padding: 30px;
    }
     .last-block .caption-box p {
         left: 10px;
         right: 25px;
    }
     .bg-license .fa, .bg-other .fa {
         right: 5px;
    }
     .bg-license .fa, .bg-other .fa {
         top: 25px;
         right: 15px;
    }
     .blue-light-band {
         padding-top: 50px !important;
         padding-bottom: 50px !important;
    }
     .h4 {
         margin-bottom: 20px;
    }
     .district-content h2, .district-content p, .gallery .district-content {
         margin-bottom: 20px;
    }
     .btn-primary+.btn-green {
         line-height: 31px;
    }
     .news-heading {
         min-height: auto;
         margin-bottom: 0;
    }
     .newsbox .sppb-col-md-4 {
         margin-bottom: 25px;
    }
     .date {
         margin-bottom: 0;
    }
     .new-item p, .newsbox-inner.new-item li {
         margin-bottom: 20px;
		 font-size: 15px;
		 line-height: 20px;
    }
    /*24 may 2018*/
     .footer-bottom .ml-auto a {
         display: block;
         border: 0px;
         margin: 0px;
         padding: 0px;
    }
     .network-services-high .sppb-col-md-3 {
         margin-bottom: 15px;
    }
    /*.input-btn-primary span {
        width: 65px !important;
        height: 65px !important;
        line-height: 65px !important;
    }
    */
     .workbook-categories .input-btn-primary {
         min-width: 210px;
    }
    /*24 may 2018*/
     .navbar02 li.gray-active::before {
         height: 72px;
    }
     button.btn {
         height: 50px;
         line-height: 50px;
    }
     .map-section {
         padding: 50px 0px 50px 0px !important;
    }
     .single-button, .efficientInner button, .rsform-submit-button {
         padding-right: 25px !important;
         padding-left: 25px !important;
    }
     .certification0 {
         height: 480px;
    }
     .certification01 {
         height: 490px;
    }
     .certification02 {
         margin-bottom: 170px;
         height: 440px;
    }
     .address, .meeting-panel-body {
         padding: 25px;
    }
     .grayboxlogin {
         width: 100%;
    }
     .grayboxlogin-right {
         float: none;
    }
     .mail_your_payment {
         padding-top: 50px !important;
         padding-bottom: 50px !important;
         margin-top: 0px !important;
    }
     .key_icon {
         bottom: -50px 
    }
     .mail_ur_payment {
         padding-left: 0;
    }
     .iconBackoutage, .outage-gray {
         min-height: 265px;
    }
     .navbar02 li.gray-active {
         width: 17%;
    }
     .outagecta a {
         width: 100%;
    }
     .cost-section {
         margin-bottom: 170px !important;
    }
     .fraud_prevention_call .font-38 {
         margin-bottom: 5px;
    }
     .hang-up-call {
         margin-bottom: 10px;
    }
     .multiple-account-billing .sppb-addon-single-image-container {
         margin-top: 80px;
    }
     .sppb-section.bg-procedure.yellow-border-top.water-quality.energy-saving-tips.classroom-tips.electricity-deliver {
         height: 500px;
    }
     .media-right-box {
         padding-left: 0;
         padding-top: 0px;
    }
     .circuits-and-outlets {
         padding: 30px;
    }
     .list-interlocal li {
         width: 42%;
         margin-right: 40px;
         margin-bottom: 30px;
         padding-bottom: 30px;
         border-width: 3px;
    }
     .pl80 {
         padding-left: 0;
    }
     .tips-top-margin {
         margin-top: -300px !important;
    }
   .energy-saving-tips.tips-top-margin {
         margin-top: -100px !important;
    }
     .benefits-card {
         margin-bottom: 75px;
         min-height: 250px;
    }
     .wage-levels-bottom {
         margin-top: 15px;
         padding-top: 10px;
         font-size: 15px;
         line-height: 22px;
    }
     .small-yellow-border .sppb-carousel-caption h2 {
         font-size: 18px;
         line-height: 24px;
    }
     .small-yellow-border .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
         padding: 20px;
    }
     .small-yellow-border .sppb-carousel-caption h2:after {
         left: 20px;
    }
     .small-yellow-border .sppb-carousel-caption h2:after {
         width: 60px;
         height: 3px;
    }
     .small-yellow-border .sppb-carousel-caption .expand {
         font-size: 18px;
         bottom: 0;
         left: 0;
    }
     .landlords-need-know .head-h3 h3 {
         margin-bottom: 30px;
    }
     .landlords-need-know .list-check {
         padding-bottom: 30px;
    }

.photo-video-gallery .sppb-carousel-arrow.right, .photo-video-gallery .sppb-carousel-arrow.left {
    display: block;
    bottom: 20px !important;
}
	 .photo-video-gallery  .sppb-carousel-arrow.right {
    right: 20px;
}
	.photo-video-gallery  .sppb-carousel-arrow.left{
    right: 70px;
}
.city-name-col {
    padding: 10px 25px;
    height: auto;
}
	 
	 /* new 5 sep */
.modalpopup .amenities ul li{width:99%;}
	 .icon-language {
    margin-top: 0px;
    padding-left: 35px;
    margin-left: 0px;
    width: 190px;
}
	 .darkblue_menu.white-logo img {
    max-width: 110px;
    margin-bottom: -5px;
}
}
 @media (max-width: 768px) {
     .container {
         max-width: 608px;
    }
     .mail_ur_payment .h3.blueText {
         margin-bottom: 15px;
    }
     .mail_ur_payment p {
         margin-top: 15px;
    }
     .mt40 {
         margin-top: 10px;
    }
     .visitor-gallery ul.li-icon-wrap {
         margin-top: 0;
         margin-bottom: 20px;
    }
     .li-icon {
         margin-right: 5px;
         margin-bottom: 10px;
    }
}
 @media (max-width: 767px) {

     body {
         font-size: 15px;
    }
    .dark-header.recrBanner {
    height: auto;
   }
   .dark-header.recrBanner .jumboInner{
     padding-bottom:100px;
   }
   #eb .eb-entry-title.reset-heading {
    font-size: 40px;
    line-height: 49px;
   }
     .vsformsearch {
         padding-right: 15px;
         margin-bottom: 15px;
    }
     .filterby:nth-child(2) {
         padding-right: 15px;
    }
     .filterby:nth-child(3), .filterby:nth-child(4) {
         padding-right: 15px;
         margin-top: 10px;
    }
     .fire-safety-section .bottom-space {
         margin-bottom: 0px;
    }
     .s-header__navbar-row-col {
         width: 27%;
         height: 65px;
    }
     .s-header__navbar-row-col:first-child {
         width: 68%;
    }
     .s-header__trigger {
         width: 65px;
         height: 65px;
    }
     .s-header__trigger-icon {
         width: 30px;
         height: 4px;
    }
     .-is-active .s-header__trigger-icon:before {
         top: -13px;
    }
     .s-header-menu {
         display: none;
    }
     .s-header__logo-link {
         padding: 10px;
    }
     .s-header__logo-img-default {
         height: 50px;
    }
     .s-header__nav-menu {
         width: 96%;
         margin: 0 auto;
    }
     .s-header-right-col ul {
         height: 65px;
    }
     .s-header-right-col ul li {
         display: none;
    }
     .s-header-right-col ul li:nth-child(2) {
         display: inline-block;
    }
     .s-header-right-col ul li {
         min-width: 65px;
         width: 65px;
         height: 65px;
         padding: 5px;
    }
     .s-header-right-col ul li a.btn-link {
         font-size: 11px;
         line-height: 3;
    }
     .s-header-right-col ul li span.icon-box {
         width: 26px;
         height: 26px;
         margin: 0 auto;
    }
     .s-header-right-col ul li span.icon-box img {
         width: 100%;
    }
     .s-header-right-col .icon-box i {
         font-size: 28px;
         padding-top: 5px;
    }
     .searchbtn.searchon .icon-box {
         height: 24px;
         background-position: 14px center;
         background-size: 50%;
         margin-top: 5px;
    }
     .s-header-bg-overlay {
         top: 65px;
    }
     .s-header__nav .col-12.col-lg-3 {
         padding: 0;
    }
     .s-header-right-col {
         width: auto;
    }
     .bg-1 {
         text-align: center;
         margin-right: 0;
    }
     .bg-1 ul li a {
         text-align: center;
         font-size: 15px;
    }
     .bg-1 .contact-us {
         font-size: 15px;
    }
     .bg-1 .contact-us p {
         margin-bottom: 0;
    }
     .bg-1 .contact-us .phone-number {
         font-size: 20px;
    }
     .bg-1 form {
         display: none;
    }
     .bg-1 .socialicons {
         display: none;
    }
     .socialicons-mob {
         display: block;
         width: 290px;
         margin: 40px auto 0 auto;
    }
     .socialicons-mob a {
         width: auto;
         margin-right: 15px;
         display: inline-block;
         text-aligan: center;
    }
     .s-header__nav-menu-item.has-child {
         width: 100%;
         border-top: 0 none;
    }
     .list-unstyled.s-header__nav-menu.collapse {
         display: none;
    }
     .list-unstyled.s-header__nav-menu.collapse.show {
         display: block;
    }
     .s-header__nav-menu-item.has-child:before {
         content: '';
         position: absolute;
         border-bottom: 6px solid #002D72;
         width: 100%;
         top: 46px;
    }
     .s-header__nav-menu-item.has-child.lang {
         background: #002d71;
         padding: 20px;
    }
     .s-header__nav-menu-item.has-child.lang:before {
         content: '';
         position: absolute;
         border-bottom: 0 none;
         width: 100%;
         top: 46px;
    }
     .s-header__nav-menu-item.has-child a {
         font-size: 18px;
         line-height: 46px;
    }
     .s-header__nav-menu-item.has-child ul li a {
         font-size: 18px;
    }
     .s-header-bg-overlay .custom-select {
         width: 100%;
    }
     .arrow-mob {
         background: url('../images/uparrowmob.png') no-repeat;
         width: 46px;
         height: 46px;
         display: inline-block;
         float: right;
    }
     .collapsed.arrow-mob {
         background: url('../images/downarrowmob.png') no-repeat;
         width: 46px;
         height: 46px;
         display: inline-block;
         float: right;
    }
     .search-popup {
         top: 65px;
         height: 100px;
    }
     .search-popup form {
         margin: 22px 15px 0 15px;
    }
     .search-popup #searchterm {
         font-size: 26px;
    }
     .search-popup #search-btn {
         position: absolute;
         top: 25px;
         right: 0;
         background-size: 60%;
    }
     .s-header-bg-overlay .custom-select {
         background: #002d71 url(../images/dropdownmob.png) no-repeat right center;
         border-bottom: 6px solid #002153;
    }
     .h3.bordered {
         font-size: 36px;
         line-height: 42px;
         min-height: 100%;
    }
     body.tbd-section {
         margin-bottom: 20px !important;
    }
     .loginlogo {
         width: 96%;
         margin: 0 auto;
         text-align: center;
    }
     .loginlogo img {
         width: 100%;
         max-width: 382px;
    }
     .logintop {
         text-align: center;
    }
     .loginhome, .forgot {
         font-size: 20px;
         line-height: normal;
         display: inline-block;
    }
     .pl3 {
         padding-left: 15px;
    }
     .loginhead {
         font-size: 25px;
         line-height: 34px;
    }
     .grayboxlogin {
         margin: 15px auto 15px auto;
    }
     .mw396 {
         max-width: 100%;
    }
     .list-inline-primary li {
         font-size: 15px !important;
    }
     .input-btn-primary span, .list-inline-primary .btn-primary span {
         width: 50px !important;
         height: 50px !important;
         line-height: 54px !important;
    }
     .list-inline-primary .btn-primary {
         margin-left: 0 !important;
    }
     .bg-procedure .graybox2 {
         margin-top: 0px !important;
    }
     .fire-safety-section .h3 {
         margin-bottom: 25px !important;
    }
     .fire-safety-section .bottom-space {
         margin-bottom: 0px !important;
    }
     .h2 {
         font-size: 30px;
    }
     .h5 {
         font-size: 15px;
    }
     .bg-whitebox {
         padding-top: 40px;
         padding-bottom: 30px;
    }
     .bg-whitebox .h5 {
         margin-bottom: 2px;
         font-size: 13px;
    }
     .carousel-primary {
         height: 540px;
    }   
	
     .carousel-primary .w-100 {
         width: auto !important;
    }
     .left-orange-border {
         border: none;
    }
     .img-left:before {
         content: "";
         position: absolute;
         width: 5px;
         height: 100%;
         background: #FFC52B;
    }
     .img-right:before {
         content: "";
         position: absolute;
         width: 5px;
         height: 100%;
         background: #FFC52B;
         right: 0px;
    }
     .column-reverse-xs {
         flex-direction: column-reverse;
         display: flex;
         flex-wrap: wrap;
    }
     .column-reverse-xs .sppb-container-inner .sppb-row.sppb-no-gutter {
         flex-direction: column-reverse;
         display: flex;
         flex-wrap: wrap;
    }
     .home-slider .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
         padding: 20px 15px;
    }
     .powered_by {
         font-size: 55px;
         line-height: 55px;
    }
     .technology {
         font-size: 60px;
         line-height: 25px;
    }
     .gallery-content {
         padding: 35px;
    }
     .gallery .img-left .img-fluid, .gallery .img-right .img-fluid {
         max-width: 100%;
    }
     .gallery .img-left, .gallery .img-right {
    }
     .carousel-footer .col-lg-2 {
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
    }
     .carousel-footer a {
         font-size: 12px;
         height: 123px;
         line-height: 18px;
         padding-top: 25px !important;
    }
     .carousel-footer .circle {
         width: 50px;
         height: 50px;
         line-height: 50px;
         margin-bottom: 3px;
    }
     .carousel-footer .circle img {
         max-width: 25px;
         max-height: 25px;
    }
     .card-group-primary .card {
         margin-bottom: 0px;
         border-radius: 0px;
    }
    /* .carousel-primary p {
         display: none;
    }
     */
     .carousel-caption {
         left: 0;
         height: 470px;
    }
     .carousel-caption .sppb-item.sppb-item-has-bg>img {
         width: auto;
         height: 470px;
    }
     .jumbotron-primary p {
         font-size: 29px !important;
         line-height: 39px !important;
    }
     .jumbotron-primary {
         background-size: 100% 100%;
         padding: 26px 0px 40px 0px;
    }
     .lightblue_menu {
         padding: 50px 10px 0px 10px;
    }
     .footer-left {
         max-width: 100%;
         flex: 100%;
         padding-left: 30px;
         padding-bottom: 40px;
    }
     .footer-right {
         max-width: 100%;
         flex: 100%;
    }
     .footer-bottom .ml-auto {
         font-size: 15px;
         line-height: 20px;
    }
     .social-icons {
         margin-bottom: 10px;
    }
     .white-logo {
         margin-top: 20px;
         margin-bottom: 20px;
    }
     .right-bar {
         right: 0px;
         top: 20%;
    }
     .right-bar small {
         display: block;
    }
     .right-bar .list-group-item-action {
         width: auto;
    }
     .right-bar-sm {
         right: 0px;
    }
     .right-bar .list-group-item-action {
         padding: 0px;
    }
     .right-bar .list-group-item.active span {
         background: #a8cf39;
         color: #fff !important;
    }
     .right-bar .list-group-item.active {
    }
     .right-bar .list-group-item-action big {
         display: none;
    }
     .right-bar .list-group-item:first-child {
    }
     .right-bar .list-group-item small {
         margin-top: 5px;
         font-size: 10px;
         display: block;
         text-transform: uppercase;
         font-family: 'open_sansregular';
    }
     .right-bar .list-group-item i {
         position: relative;
         top: 5px;
    }
     .right-bar .list-group-item span {
         position: relative;
         line-height: normal;
         background: #008df2;
         color: #fff;
         left: 0px;
         top: 0px;
    }
     .right-bar .list-group-item:hover span {
         color: #fff;
         background: #a8cf39;
    }
     .right-bar-sm .list-group-item-action {
         width: 25%;
    }
    /*09 Apr 2018*/
     .lightbox .modal-top h5 {
		 font-size: 32px;
         line-height: 40px;
		 width: 80%;
    }
	
    /*09 Apr 2018*/
    /* 9 apr */
     .gallery-recreation .card-overlay {
         max-height: 200px;
         overflow: hidden;
         width: 100%;
         margin-bottom: 20px;
    }
     .recrCategories .visitUs:nth-child(2)>.col-sm-4 {
         order: 1;
    }
     .recrCategories .visitUs:nth-child(4)>.col-sm-4 {
         order: 1;
    }
     .headin01 {
         font-size: 42px;
         line-height: 1.36;
    }
     .recrBanner {
         height: auto;
         max-height: 225px;
         padding: 15px 0;
    }
     .jumboInner .headin01 {
         padding-bottom: 0px !important;
    }
     .backyardSec {
         padding: 20px 0;
    }
     .backyard h3 {
         margin-right: 0;
         text-align: left;
         float: left;
    }
     .visitUs .iconBack {
         padding: 25px !important;
    }
     .map, .gallery-recreation {
         padding: 20px 0;
    }
     .gallery-recreation .h3.text-blue {
         padding-bottom: 20px;
    }
     .map iframe {
         height: 150px;
    }
    /*Mobile More Menu CSS */
     .recreation .more-menu-mob ul.collapse.show {
         display: block;
         width: 100%;
         border-bottom: 6px solid #e57200;
         position: absolute;
    }
     .recreation .more-menu-mob ul.collapse {
         display: none;
    }
     .more-menu-mob a {
         background: #002d72;
         color: #fff;
         padding-left: 18px;
         padding-top: 20px;
         font-weight: bold;
         font-size: 18px;
         line-height: 1;
         font-family: 'open_sansbold';
         position: relative;
         padding-bottom: 20px;
    }
     .more-menu-mob .show a, .more-menu-mob .navbar02 li.moreMenu {
         background: #022150;
    }
     .more-menu-mob a .arrow-mob {
         margin-top: -12px;
    }
     .more-menu-mob .navbar02 li:first-child {
         height: inherit;
         width: 100%;
         background: #002d72;
         text-align: left;
         padding-right: 0;
         transform: none;
         padding-left: 0;
    }
     .navbar02>li:first-child a {
         transform: none !important;
    }
     .more-menu-mob .navbar02 li a {
         padding: 15px;
         color: #fff;
         font-size: 17px;
		 display:block;
         white-space: normal;
    }
     .more-menu-mob .navbar02 li a:hover {
         color: #fbc733;
    }
     .border_bottom_open .more_mobile_icon:before {
         content: "\f106";
         color: #e47100;
         position: absolute;
         right: 0;
         top: 0px;
         font-family: 'Font Awesome\ 5 Pro';
         font-size: 40px;
         background: #022150;
         width: 65px;
         height: 58px;
         text-align: center;
         padding-top: 8px;
    }
     .border_bottom_open.collapsed .more_mobile_icon:after {
         content: "\f107";
         color: #e47100;
         position: absolute;
         right: 0;
         top: 0px;
         font-family: 'Font Awesome\ 5 Pro';
         font-size: 40px;
         background: #022150;
         width: 65px;
         height: 58px;
         text-align: center;
         padding-top: 8px;
    }
     .recreation .more-menu-mob .navbar02 {
         display: block;
         width: 100%;
         position: absolute;
    }
     .border_bottom_open.collapsed {
         border-bottom: 1px solid transparent;
    }
     .border_bottom_open {
        /*border-bottom:1px solid #fbc733;
         */
         text-transform: uppercase;
    }
    /*Mobile More Menu CSS */
     .carousel-inner2 .circle .fas, .carousel-inner2 .circle .fa {
         line-height: 50px;
         font-size: 25px;
    }
     .form-content {
         text-align: left;
    }
     .form-content h3 {
         margin-bottom: 10px;
    }
     .form-content p {
         margin-bottom: 10px;
    }
     .media-gray .col-md-6:first-child {
         padding-right: 0px;
    }
     .media-gray-content {
         padding: 50px 30px;
    }
     .graybox2 {
         padding: 20px;
         margin-top: 20px;
    }
     .bg-procedure {
         padding-top: 20px;
         height: auto;
         margin-bottom: 20px;
         padding-bottom: 30px;
    }
     .bg-procedure .graybox2 {
         padding: 40px;
         margin-top: 60px;
    }
     .carousel-footer .col-lg-3 {
         flex: 0 0 50%;
         max-width: 50%;
         border-left: 1px solid #3D5581;
    }
    /* 10 apr */
     .headingGrey {
         margin-bottom: 0;
    }
     .customerService {
         padding: 20px;
    }
     .customerService .col-md-6:first-child {
         margin-bottom: 10px;
    }
     .video {
         padding-bottom: 20px;
    }
     .gallery-recreation .col-md-4 {
         margin-bottom: 20px;
    }
     .gallery-recreation .container>h3 {
         border-bottom: 1px solid #ccc;
    }
     .arrow-xs {
         display: block;
         bottom: 26px;
         right: 19px;
         opacity: .8;
    }
     .arrow-xs:hover {
         opacity: 1;
    }
     .arrow-xs img {
         max-width: 33px;
    }
     .graybox2 .h3 {
         font-size: 18px;
         line-height: 28px;
    }
     .backyard .col-sm-6 {
         padding-left: 15px;
    }
    /*Fire and safty*/
     .fire-safety-section .col-md-4 {
         margin-bottom: 25px;
    }
     .fire-safety-section .top_space {
         margin-top: 20px;
    }
     .powered_by big {
         font-size: 48px;
         line-height: 58px;
    }
     .powered_by span {
         font-size: 49px;
    }
     .card-group-primary .card-body {
         padding: 25px 20px 20px 25px;
    }
     .card-group-primary .card-footer {
         padding: 10px 20px 20px 20px;
    }
     .lightblue_menu p {
         font-size: 15px;
         line-height: 20px;
    }
     .lightblue_menu p.font-bold {
         font-size: 24px;
    }
     .tbd-section .gray-box {
         height: 195px;
    }
     .head-h3 h3 {
         font-size: 36px;
         line-height: 49px;
    }
     .darkblue_menu.white-logo .icon-language {
         padding-left: 0;
    }
     .outageicons, .outagewtd, .outagegu {
         margin: 20px 0;
    }
     .outageicons p {
         padding-top: 5px;
    }
     .outageicons i {
         font-size: 60px;
    }
     h3.phone a {
         font-size: 36px;
    }
     .outagewtd h3, .outagewtd p {
         padding-left: 0px;
    }
     .outagegu h3, .outagegu p {
         padding-right: 0px;
    }
     .rightbaroutage {
         position: relative;
         width: 100%;
    }
     .outagecta {
         display: block;
    }
     .outagewtd .customerService {
         margin-left: 0px;
    }
     .outagewtd .stayinformed p {
         padding-left: 0;
         padding-right: 0px;
    }
     .outagefaq .accordion {
         padding: 0 15px;
    }
     .outagefaq .accordion .card-header .card-title {
         line-height: 15px;
         padding-left: 5px;
         font-size: 15px;
    }
     .outagefaq .accordion .card-header:after {
         line-height: 30px;
         padding: 0 10px;
         font-size: 25px;
    }
    /*Who we are*/
     .map-section .h4 {
         white-space: normal;
         font-size: 25px;
         margin-bottom: 15px;
    }
     .map-section {
         padding: 42px 0px 55px 0px;
    }
     .media-section .media-body {
         padding-left: 10px;
         padding-right: 10px;
    }
     .map1 {
         margin-top: 0px;
    }
     .statics .col {
         flex-basis: inherit;
         margin-bottom: 30px;
    }
     .who-Categories .row:first-child, .who-Categories .row:last-child {
         flex-wrap: wrap-reverse;
    }
     .media-leader {
         display: inherit;
    }
     .leader-marl {
         margin-right: 0px;
         max-width: 100%;
         margin-bottom: 15px;
    }
     .media-title {
         margin-bottom: 10px;
    }
     .leader-pic {
         margin-left: -15px;
         margin-right: -15px;
    }
    /*Who we are ends*/
    /* Who we are commissioners*/
     .district-section {
         margin-bottom: 0px;
    }
     .btn-lg1 {
         width: 126px !important;
         overflow: hidden;
    }
    /* Who we are commissioners ends*/
    /* History*/
     .carousel-history .carousel-primary p {
         display: block;
    }
    /* History ends*/
    /*Careers*/
     .row-reverse {
         flex-wrap: wrap-reverse;
    }
     .no-reverse {
         flex-wrap: wrap !important;
    }
     .employee-benefits .row {
         flex-wrap: wrap-reverse;
    }
     .gray-icon-lg {
         margin-left: -15px;
         margin-right: -15px;
         width: auto;
         margin-bottom: 20px;
    }
     .wage-levels h3.heading3 {
         margin-bottom: 10px;
    }
     .h4 {
         font-size: 36px;
    }
     .white-bg {
         padding-top: 0px !important;
         margin-top: 0px !important;
    }
     footer h4 {
         font-size: 13px;
    }
    /*Careers ends*/
     .serviceTab .sppb-nav-tabs>li {
         width: 100%;
         margin: 0 0 5px 0;
    }
     .serviceTab .sppb-nav-tabs>li>a {
         margin-right: 0;
         padding: 12px 25px;
    }
     .gray-bg.gray_top_space {
         margin-bottom: 0px;
    }
    /*Billing payment 12-4*/
     .no_content_top_space {
         margin-top: 20px;
    }
     .no_content_top_space .boxes-height {
         min-height: 304px;
    }
     .navbar02 li {
         margin: 0;
    }
     .other_fees-section {
         background: #002d72;
         padding: 25px 20px;
    }
     .vsformsearch {
         padding-right: 15px;
    }
     .vsformmap, .filterby:nth-child(4) {
         padding-right: 15px;
    }
     .our_rate_section .filterby {
         margin-bottom: 20px;
    }
     .download_section p, .acc-service p, .our_olicies_section p {
         line-height: 20px;
         font-size: 15px;
    }
     .meeting_agenda_section .download_section p {
         line-height: 25px;
         font-size: 15px;
    }
     .back_to_page.rates_top_space {
         top: 0;
         margin-bottom: 100px;
    }
     .go-back-page .gray-box-page h5 {
         line-height: 30px;
    }
     .rate_sheet h4, .acc-service h4 {
         font-size: 13px;
         line-height: 18px;
         margin-bottom: 0px;
         margin-top: 0px;
    }
     .other_fees-section h5 {
         line-height: 34px;
         margin-bottom: 20px;
         font-size: 25px;
    }
     .acc-service {
         margin-bottom: 21px;
    }
     p {
         line-height: 25px;
         font-size: 15px;
    }
     .key_icon img {
         position: static;
         margin-bottom: 15px;
    }
     .mail_ur_payment {
         padding-left: 0;
    }
     .map_address iframe {
         position: static;
         width: 100%;
         margin-top: 0px;
         height: 200px;
    }
     .select_city_blue_bar ul li {
         width: 38%;
         display: inline-block;
    }
     .select_city_blue_bar .custom-control-label {
         font-size: 12px;
    }
     .orange_text {
         font-size: 12px;
    }
     .time_payment p {
         font-size: 12px;
    }
     .sky_blue_btn {
         padding: 11px 8px;
         font-size: 13px;
         width: 100%;
    }
     #another_way_section p {
         font-size: 15px;
         line-height: 23px;
         padding-bottom: 0;
    }
     #another_way_section {
         padding-top: 50px;
         padding-bottom: 50px;
    }
     .servConstruct .lightBlueBack {
         height: 190px;
    }
     .workbook-categories .row>div {
         margin-bottom: 20px;
    }
     .visitUs .iconBack {
         min-height: 100%;
    }
     .landLoardGray {
         margin-bottom: 20px;
         height: 300px;
    }
     .efficientInner button {
         padding: 0 20px;
    }
     .efficientInner {
         padding: 25px 0;
    }
     .efficientInner p {
         margin: 20px auto 20px;
    }
     .serviceWorkbook .btn.btn-primary {
         margin-bottom: 0px;
    }
     .input-btn-primary span {
         width: 50px;
         height: 50px;
         line-height: 57px;
    }
     .input-btn-primary {
         line-height: 30px;
    }
     .input-btn-primary span i {
         font-size: 20px;
    }
     .servConstruct .visitUs .iconBack {
         min-height: 185px;
    }
     .servConstruct .argument {
         font-size: 140px;
    }
     .heading-04, .calculate-monthly-cost .heading-04 {
         font-size: 25px;
         line-height: 34px;
         font-family: 'open_sansbold';
    }
     .visitUs .iconBack.signUp {
         min-height: 263px;
    }
     .navbar02 li.grayShap, .navbar02 li:first-child {
         width: 100%;
         height: auto;
         background-image: none;
    }
     .navbar02 li, .navbar02 li.grayShap {
         margin: 0;
    }
     .navbar02 li.grayShap {
         padding-right: 0;
         text-align: left;
    }
     .faqsearch #searchtermfaq {
         font-size: 15px;
         line-height: 20px;
         padding: 10px 5px;
    }
     .faqsearch #search-btnfaq {
         background-size: 30px;
         background-position: center center;
    }
     .filterbyfaq .dropdown a {
         font-size: 15px;
         line-height: 50px;
    }
    /* .filterbyfaq .dropdown a:before {
         font-size: 42px;
         width: 59px;
         height: 59px;
         padding-top: 0;
    }
     */
     .filterbyfaq .dropdown.show a:after {
         font-size: 42px;
         width: 59px;
         height: 59px;
         padding-top: 0;
    }
     .filterbyfaq .dropdown a.textadded:before {
         font-size: 34px;
    }
     .faqs .accordion .card-header .card-title {
         line-height: 20px;
         padding-left: 5px;
         font-size: 15px;
    }
     .faqs .accordion .card-header:after {
         line-height: 42px;
         font-size: 32px;
    }
     .faqsup .faqcontact p {
         font-size: 15px;
         line-height: 20px;
    }
     .faqs h4 {
         font-size: 20px;
         line-height: 49px;
    }
     .filterbyfaq .dropdown-menu.show.vsformddopen label i {
         font-family: 'open_sansbold';
         font-size: 15px;
         line-height: 20px;
    }
     .filterbyfaq .dropdown {
         width: 100%;
    }
     .faqs {
         padding: 0 15px;
         margin-bottom: 42px;
    }
     .supportresources {
         padding: 20px 0 10px 0;
    }
     .supportresources h4 {
         font-size: 25px;
         line-height: 34px;
         margin: 0px;
    }
     .supportresources li {
         font-size: 15px;
         line-height: 20px;
    }
     .supportresources li:after {
         font-size: 15px;
    }
     .signupForm .signUp .input-group-append {
         margin-left: 5px;
    }
     .signupForm .signUp .btn-primary {
         min-width: auto;
    }
     .signupForm .signUp .input-group {
         margin-top: 45px;
    }
     .signupForm .signUp {
         padding: 20px;
         min-height: auto;
    }
     .servConstruct .sppb-row .sppb-col-sm-4 {
         padding-right: 15px !important;
    }
     .servConstruct .sppb-row .sppb-col-sm-8 {
         padding-left: 15px !important;
    }
     h1 {
         font-size: 42px;
         line-height: 57px;
    }
     h2 {
         font-size: 36px;
         line-height: 49px;
         margin-bottom: 13px;
    }
     h3 {
         font-size: 25px;
    }
     h4 {
         font-size: 15px;
         line-height: 18px;
    }
     h5 {
         font-size: 21px;
         line-height: normal;
    }
     p {
         font-size: 15px !important;
         line-height: 20px !important;
    }
     .custom ul {
         padding-left: 0;
    }
     .sppb-section.gallery-recreation .sppb-col-md-4 {
         padding-right: 15px;
    }
     .visitUs .sppb-row .sppb-col-md-6:first-child {
         padding-right: 15px;
    }
     .sppb-panel-heading .sppb-toggle-direction {
         padding: 6px 10px;
    }
     .sppb-panel-modern>.sppb-panel-heading>.sppb-panel-title {
         font-size: 14px;
         line-height: 27px;
         padding-left: 0px;
    }
    /* 09 may */
     .sppb-section.gallery-recreation {
         padding-bottom: 0;
    }
     .visitUs .imgRight {
         height: 230px !important;
    }
     .fire-safety-section .p-icon img {
         max-width: 70px;
    }
     .gray-bg .blue-title {
         font-size: 25px;
         line-height: 34px;
    }
     .blue-box-page h5 a {
         font-size: 25px;
         line-height: 34px;
    }
     .blue-box-page, .gray-box-page {
         min-height: 190px;
         padding: 15px;
    }
     .boating-details ul li {
         padding-left: 30px;
         margin-bottom: 10px;
         background-size: 17px;
         font-size: 14px;
         line-height: 19px;
    }
     .padding-left-add {
         padding: 20px !important;
    }
     .tbd-section {
         margin-bottom: 20px !important;
    }
     .card-primary {
         margin-bottom: 20px;
         margin-right: 0;
         margin-left: 0;
    }
     .defaultImgBack {
         height: 160px;
    }
     .custom-pd {
         padding: 20px !important;
    }
     .servConstruct .argument {
         font-size: 130px;
    }
     .iconbxSer {
         margin-bottom: 10px;
    }
    /* 10 may */
     .blue-box-page a, .gray-box-page h5 {
         font-size: 15px !important;
         line-height: 15px !important;
    }
    /* submenu */
     .navbar02 li {
         display: block;
         padding: 0 !important;
    }
     .navbar02 li.gray-active {
         width: 100%;
    }
     .navbar02 li.gray-active::before {
         content: "";
         position: relative;
         background: none;
         width: auto;
         height: auto;
         transform: none;
    }
     .navbar02 li.gray-active .nav-link {
         text-align: left;
    }
    /* add col padding */
     .visitUs .sppb-row .sppb-col-md-6:first-child {
         padding-right: 15px;
    }
     .visitUs .sppb-row .sppb-col-md-6:last-child {
         padding-left: 15px;
    }
     .district-section .sppb-row .sppb-col-md-6:first-child {
         padding-right: 15px;
    }
     .district-section .sppb-row .sppb-col-md-6:last-child {
         padding-left: 15px;
    }
     .energyHypow .efficientInner p {
         margin: 15px auto 0px;
    }
     .tabInner {
         padding: 20px 20px !important;
    }
	.customtab .sppb-tab-content>.active.in>div {
	padding: 20px;
}
     .fuel-table-generation tr th, .fuel-table-generation tr td, .calculate-monthly-cost .fuel-table-generation tr th, .fuel-table-generation tr td, .calculate-monthly-cost .fuel-table-generation tr td.gray-tdh {
         font-size: 15px;
         line-height: 20px;
         padding-left: 15px;
         padding-right: 15px;
    }
     .counter-generation h3.sppb-addon-title {
         font-size: 36px;
         line-height: 50px;
    }
     .fuel-mix-generation h3 {
         font-size: 25px;
         line-height: 34px;
    }
     .heading05 {
         font-size: 25px;
         line-height: 34px;
    }
     .about-shoreline-comm .sppb-addon-content .text-white {
         margin-bottom: 20px;
    }
     .bg-procedure .graybox2 {
         padding: 20px !important;
    }
     .pdf-note {
         margin: 20px auto 0;
    }
     .pdf-note i {
         font-size: 38px;
         margin-bottom: 10px;
    }
     .start-stop-service .efficientInner {
         padding: 20px 0;
    }
    /* 19 may */
     .contact-detail {
         margin-top: 20px;
    }
     .contact-detail .heading3 {
         line-height: 34px;
    }
     .contact-detail .head4 {
         font-size: 13px;
         line-height: 18px;
    }
     .contact-primary-list li {
         margin-bottom: 10px;
    }
     .contact-primary-list li .d-block {
         margin-top: 15px;
    }
     body .start-stop-service .btn-learn-more {
         width: auto;
         white-space: normal;
         line-height: 29px;
    }
     .contact-social-info {
         display: grid;
    }
     .know-811 {
         margin-top: 20px;
         margin-bottom: 20px;
    }
     .know-811 img {

         max-width: 100%;
    }
     .contact-social-info .social-link {
         padding: 15px 20px;
         font-size: 44px;
         min-height: 135px;
    }
     .font-38, .h4 {
         font-size: 25px;
         line-height: 34px;
    }
     .start-service-categr .font-38 {
         margin-top: 10px;
         margin-bottom: 5px;
    }
     .service-box-categories p.font-25 {
         margin-bottom: 15px;
    }
     .service-box-categories .gallery-content {
         padding: 20px;
    }
     .service-box-categories h3 {
         margin-bottom: 0px !important;
    }
     .visitor-gallery .h4 {
         margin-bottom: 10px;
    }
     body .btn-learn-more {
         width: auto !important;
         white-space: normal;
         line-height: 46px;
         height: 50px;
    }
     #another_way_section {
         padding-top: 20px !important;
         padding-bottom: 30px !important;
    }
     #another_way_section .btn-learn-more {
         white-space: normal;
         line-height: 30px;
         width: auto !important;
    }
     h2.head2 {
         font-size: 25px;
         line-height: 28px;
    }
     .imgRight img {
         width: 100%;
         height: 100%;
         object-fit: cover;
    }
     .img-group {
         background-position: 50px 90% !important;
    }
     .statics .col p {
         max-width: 200px;
         margin: auto;
    }
     .col-pd-none-mobile .sppb-col-sm-6 {
         padding: 0 !important;
    }
     .iconBack img {
         max-width: 110px;
    }
     .inner-banner-height, .dark-header {
         height: 225px;
    }
     h2.head2 {
         font-size: 60px;
         line-height: 63px;
    }
    /* change order */
     .col-order-1 .sppb-col-md-6:first-child, .col-order-1-recreation .sppb-col-md-4 {
         order: 2;
    }
     .district-content {
         margin-left: 20px;
         padding-right: 20px;
         margin-top: 20px;
    }
     .district-boundries {
         margin-top: 20px;
         margin-bottom: 20px;
         max-width: 100%;
         padding-right: 20px;
    }
     .media-section h5 {
         line-height: 34px;
    }
     .media-title {
         font-size: 15px;
         margin-bottom: 20px;
         line-height: 20px;
    }
     .media-leader {
         margin-bottom: 0;
    }
     .blue-box-page h5, .blue-box-page h5 a {
         font-size: 15px !important;
         left: 0;
         line-height: 15px !important;
         right: auto;
         top: auto;
         bottom: 5px;
         text-align: left;
         padding-left: 10px;
    }
     .blue-box-page, .gray-box-page {
         min-height: 104px;
         padding: 12px;
         margin-bottom: 10px;
    }
     a.arrow-left {
         display: none;
    }
     .logo-gray {
         position: absolute;
         right: auto;
         top: auto;
         max-width: 30px;
         bottom: 10px;
    }
     .blue-box-page .text-right {
         text-align: left !important;
    }
     .go-back-page .sppb-row .sppb-col-xs-6, .go-back-page .sppb-row .sppb-col-xs-12 {
         padding: 0 5px;
    }
     .media-section .media-body {
         margin-top: 15px;
    }
     .-is-active .s-header__trigger-icon:after {
         top: 8px;
         left: 1px;
    }
     .page-image img, .logo-gray {
         max-height: 35px;
         margin-top: 0;
    }
     .none-mob-pd.visitUs .sppb-row .sppb-col-md-6:first-child {
         padding-right: 0;
    }
     .none-mob-pd.visitUs .sppb-row .sppb-col-md-6:last-child {
         padding-left: 0;
    }
     .visitUs .sppb-no-gutter {
         margin-right: -15px;
         margin-left: -15px;
    }
     .energy-categories.carousel-footer a {
         height: 128px;
         padding-top: 20px;
    }
     .carousel-footer .circle::after {
         content: "";
         height: 6px;
         background-color: #fdc62f;
         width: 100%;
         position: absolute;
         left: 0px;
         top: 0px;
    }
     .carousel-footer .sppb-col-md-4:first-child .circle::after {
         display: none;
    }
     .energyHypow h3.h3 {
         font-size: 25px;
         line-height: 34px;
    }
     .efficientInner p {
         margin: 15px auto 10px !important;
    }
     .sppb-nav-tabs {
         border-bottom: none;
    }
     body .h3 {
         font-size: 25px;
         line-height: 34px;
    }
     .contact-info-generation .font-bold {
         font-size: 16px !important;
         line-height: 22px !important;
    }
     .wind-generation h3.sppb-addon-title {
         font-size: 30px;
         line-height: 41px;
         color: #58595b;
    }
     .counter-generation .counter01 {
         margin-bottom: 30px;
    }
     .no-container-pd .sppb-row-container {
         padding: 0;
    }
     .caption-box p img {
         top: -20px;
    }
     .mb130 {
         margin-bottom: 20px;
    }
     .opening-table {
         padding-bottom: 0px;
    }
     .current-opening-links p.p-primary a {
         display: inline-block;
         float: none;
         width: 100%;
         margin-bottom: 5px;
    }
     .current-opening-one.how-to-apply .sppb-row .sppb-col-md-6:last-child {
         padding-left: 15px;
    }
     .how-to-apply h4 {
         margin-bottom: 10px;
    }
     .card-top {
         width: 84px;
         height: 84px;
         top: -40px;
         line-height: 80px;
    }
     .benefits-card {
         background-color: #e6e7e8;
         padding: 55px 15px 15px 15px;
         margin-bottom: 60px;
         min-height: 100%;
    }
     .benefits-card .card-top img {
         max-width: 30px;
    }
     .Benefits-employees h4.h4.text-center {
         margin-bottom: 0;
    }
     .sppb-nav-tabs>li {
         width: 100%;
         float: none;
         margin-bottom: 5px;
    }
     .sppb-nav-tabs>li>a {
         font-size: 15px;
         line-height: 20px;
         padding: 15px;
         min-height: auto;
         margin-right: 0;
    }
     .benefits-for-eligible .sppb-col-md-3:last-child .benefits-card {
         margin-bottom: 10px;
    }
     .head-insurance {
         margin-bottom: 5px;
    }
     .questionnaire {
         margin-top: 20px;
    }
     li .btn.btn-primary {
         font-size: 0px;
         width: auto;
         padding-left: 0;
         padding-right: 0;
         position: static;
    }
     .sppb-panel-heading .sppb-toggle-direction {
         padding: 15px 14px;
         background: transparent;
         color: #bbbdbf;
    }
     .sppb-panel-modern>.sppb-panel-heading {
         padding: 10px 30px 10px 10px;
         min-height: 45px;
         height: auto;
         line-height: normal;
    }
     .sppb-panel-modern>.sppb-panel-heading>.sppb-panel-title {
         font-size: 13px !important;
         line-height: 18px !important;
    }
     .sppb-panel-body {
         padding: 10px;
         border-top: 1px solid transparent;
    }
     .sppb-panel-modern {
         margin-bottom: 5px;
    }
     .outagefaq {
         padding: 20px 0px !important;
    }
     .outagefaq h3 {
         font-size: 28px;
         line-height: 38px;
         padding-bottom: 10px;
    }
     .wage-levels {
         padding: 20px;
         margin-left: -15px;
         margin-right: -15px;
    }
     .wage-levels .heading5 {
         margin-bottom: 0;
    }
     .wage-levels .h4 {
         margin-bottom: 10px;
    }
     body h3.heading3 {
         font-size: 25px;
         line-height: 34px !important;
    }
     .wage-levels-bottom {
         margin-top: 15px;
         padding-top: 20px;
         font-size: 15px;
         line-height: 21px;
    }
     ul.list-check {
         margin-top: 5px;
    }
     body h3.heading3 {
         font-size: 25px;
         line-height: 34px !important;
    }
     .list-check li {
         padding-left: 35px;
    }
     .media-gray-content {
         padding: 20px 20px;
         text-align: center;
    }
     .media-gray-content .btn-primary {
         min-width: auto;
    }
    /* 18 may */
     .go-back-page {
         padding: 0 10px !important;
    }
     .caption-box>img {
         max-width: 100%;
         width: 100%;
         height: 100%;
         object-fit: cover;
    }
     .the-wanapum-carousel.carousel-history .sppb-row .sppb-col-md-6:last-child {
         padding-left: 0px;
         padding-right: 0;
    }
     .the-wanapum-carousel .sppb-item-has-bg, .carousel-history .carousel-primary {
         height: 250px;
         margin-top: 10px;
    }
     .the-wanapum-carousel.carousel-history .expand {
         bottom: 2px;
         left: 0;
    }
     a.sppb-carousel-arrow.left.sppb-carousel-control, a.sppb-carousel-arrow.right.sppb-carousel-control {
         bottom: 20px;
    }
     a.sppb-carousel-arrow.right.sppb-carousel-control {
         right: 15px;
    }
     a.sppb-carousel-arrow.left.sppb-carousel-control {
         right: 65px;
    }
     .paddingbox2 {
         padding: 20px;
    }
     ul.li-icon-wrap {
         margin-top: 5px;
    }
     .apply-content p.text-orange {
         margin-bottom: 0;
    }
     #tbd-section .sppb-addon-content .gray-box {
         min-height: 195px;
    }
     .how-to-apply .sppb-row .sppb-col-md-6:first-child {
         padding-right: 15px;
    }
     .how-to-apply .sppb-row .sppb-col-md-6:last-child {
         padding-left: 15px;
    }
     #another_way_section h2.heading2 {
         margin-bottom: 10px;
    }
     .community-section ul.li-icon-wrap {
         margin-left: 0px;
    }
     .visitor-gallery .h4 {
         margin-bottom: 15px;
    }
     ul.li-icon-wrap {
         margin-top: 10px;
         margin-bottom: 0;
         max-width: 100%;
         margin-left: 0;
         margin-right: auto;
         text-align: left;
    }
     .visitor-gallery .p-primary.font-extrabold {
         margin-bottom: 0;
    }
     .font-38 {
         margin-bottom: 5px;
    }
     .you-can-help {
         margin-bottom: 10px;
    }
     .button-inline .input-btn-primary {
         line-height: 30px;
         margin-right: 45px;
    }
     .water-carousel img {
         max-width: 100%;
    }
     .water-carousel .sppb-carousel-indicators {
         right: 15px;
         bottom: 15px;
    }
     .water-carousel a.sppb-carousel-arrow.left.sppb-carousel-control {
         right: auto;
         left: 15px;
    }
     .water-carousel a.sppb-carousel-arrow.right.sppb-carousel-control {
         right: auto;
         left: 65px;
    }
     .carousel-col-pad {
         padding: 20px;
    }
     .carousel-col h3 {
         font-size: 25px;
         line-height: 34px;
    }
     .carousel-col h4 {
         color: #e57200;
         font-size: 13px;
         line-height: 18px;
    }
     .water-quality .list-inline-primary .btn-primary, .btn-primary {
         min-width: auto;
    }
     .about-shoreline-comm .list-inline-primary li .float-right, .list-inline-primary li .float-right {
         right: 0;
         top: 0;
         position: absolute;
    }
     .about-shoreline-comm .list-inline-primary li, .list-inline-primary li {
         padding-right: 50px;
         position: relative;
    }
     a.sppb-carousel-arrow.left.sppb-carousel-control, .water-carousel a.sppb-carousel-arrow.right.sppb-carousel-control {
         bottom: 25px;
    }
     .about-shoreline-comm .list-inline-primary li .float-right button span, .list-inline-primary li .float-right button span {
         line-height: 62px !important;
    }
     .about-shoreline-comm .list-inline-primary li, .list-inline-primary li {
         min-height: 40px;
         margin-bottom: 15px;
    }
    /* 23 may */
     .the-wanapum-carousel .sppb-carousel-arrow.right, .the-wanapum-carousel .sppb-carousel-arrow.left {
         bottom: 20px !important;
    }
     .five-column-box .sppb-col-md-2 {
         max-width: 100% !important;
         flex: 0 0 100%;
    }
     h4.h4 {
         margin-bottom: 10px;
    }
     .separator {
         height: 1px;
         margin-top: 15px;
         margin-bottom: 20px;
    }
     .Fish-wildlife, body .fish-wildlife1 {
         margin-bottom: 20px !important;
    }
     .fish-and-wildlife.fish-carousel .sppb-carousel-arrow.right, .fish-and-wildlife.fish-carousel a.sppb-carousel-arrow.left {
         bottom: 560px !important;
         left: auto !important;
    }
     .fish-and-wildlife.fish-carousel a.sppb-carousel-arrow.left {
         right: 65px;
    }
     .fish-and-wildlife.fish-carousel .sppb-carousel-arrow.right {
         right: 15px !important;
    }
     .video-img {
         margin-bottom: 15px;
    }
     .head5 {
         font-size: 13px;
         line-height: 18px;
    }
     .no-col-pd-mob .sppb-col-md-4 {
         padding: 0 !important;
    }
     .bg-license, .bg-other {
         height: 115px !important;
         margin-left: 15px;
         margin-right: 15px;
    }
     .caption-box p {
         right: 5px;
    }
     .head4 {
         font-size: 13px;
         line-height: 18px;
    }
     .list-year li a {
         font-size: 15px;
         line-height: 20px;
    }
     .list-year li a .fas {
         font-size: 13px;
    }
     .list-inline-secodary li p {
         max-width: 100%;
    }
     .list-inline-secodary li {
         border-bottom: 1px solid #bbbdbf;
         padding-bottom: 15px;
         margin-bottom: 15px;
    }
     .blue-band, .blue-light-band {
         padding-top: 20px !important;
         padding-bottom: 20px !important;
    }
     .blue-band h4.h4 {
         font-size: 25px;
         line-height: 34px;
    }
     .jumbotron-text h2, .jumbotron-text p {
         margin-bottom: 10px;
    }
     .news-heading {
         font-size: 25px;
         line-height: 34px;
    }
     .new-item {
         padding: 15px;
    }
     .date {
         font-size: 13px;
         line-height: 18px;
         margin: 10px 0;
    }
    /*24 may 2018*/
     #column-id-1525670469839 {
         padding-right: 0px;
    }
     .custom-media .col-md-10 {
         padding-left: 15px;
         margin-top: 16px;
    }
     .resulte-box03 {
         padding-left: 15px;
    }
     .custom-media h5 {
         font-size: 16px;
         line-height: 24px;
         font-family: open_sansextrabold;
    }
    /*24 may 2018*/
     .media-right-box {
         padding-left: 0px;
         padding-top: 5px;
    }
     .green-heading, .green-heading-right {
         padding: 15px;
    }
     .address {
         padding: 20px;
    }
   .address audio.html5-player {
    max-width: 100%;
}
     .meeting-panel-body {
         padding: 10px;
    }
     .sppb-panel-body .link-blue {
         font-size: 15px;
         line-height: 20px;
    }
     .meeting-panel-body h4 {
         margin-top: 5px;
         margin-bottom: 10px;
    }
     .btn-primary {
         padding-right: 60px;
    }
     h3, .contract-box h3 {
         font-size: 25px;
         line-height: 34px;
    }
     .video-card h3 {
         line-height: 34px;
         font-size: 25px;
    }
     .video-img {
         height: 150px;
    }
     .gototop {
         width: 49px;
         height: 49px;
         background-size: 49px;
    }
     .map-section {
         padding: 20px 0px 20px 0px !important;
    }
     .jumbotron-secondary {
         padding-top: 20px !important;
         padding-bottom: 20px !important;
    }
     .card-list li {
         font-size: 15px;
         line-height: 20px;
    }
     .p-marb {
         margin-bottom: 20px;
    }
     .button-inline .btn:last-child {
         margin-left: 0;
    }
     .employee-benefits, .employee-benefits.col-order-1 {
         padding-top: 20px !important;
         padding-bottom: 20px !important;
    }
     .iconBack p, .iconBack h3.float-right {
         text-align: left !important;
         float: none !important;
    }
     .grayboxlogin-right .grayboxlogin, .grayboxlogin {
         height: auto;
         padding: 15px;
    }
     .loginhead {
         font-size: 25px;
         line-height: 34px;
    }
     .loginlbl {
         font-size: 15px;
         line-height: 20px;
    }
     .mail_your_payment {
         padding-top: 20px !important;
         padding-bottom: 20px !important;
         margin-top: 0px !important;
    }
     .key_icon {
         position: static;
    }
     .key_icon img {
         width: auto;
    }
     .benefits_onling_billing h3 {
         margin-bottom: 20px;
    }
     .mail_ur_payment h4 {
         font-size: 13px;
         line-height: 18px;
    }
     .mail_ur_payment p {
         margin-top: 0;
         margin-bottom: 0;
    }
     #sp-page-builder .sppb-section-title {
         margin-bottom: 0;
    }
     .notification_section .fas {
         font-size: 50px;
         margin-bottom: 5px;
    }
     .payment_address_left {
         padding-left: 20px;
         padding-top: 10px;
    }
     .map_address {
         height: 200px;
    }
     .city_details {
         padding-top: 10px;
    }
     .border_bottom_box {
         border-bottom: 1px solid #d2d4d6;
    }
    /* 28may */
     .notification_section {
         text-align: center;
         max-width: 200px;
         margin: auto;
    }
     .our_olicies_section h3 {
         margin-bottom: 10px;
    }
     .media_dark_gray {
         padding: 20px 0 1px;
    }
     .vsformsearch {
         padding-right: 15px;		 
         margin-top: 15px;
         margin-bottom: 0px;
    }
     .our_olicies_section, body .cost-section {
         height: auto !important;
         margin-bottom: 30px !important;
         margin-top: 0px !important;
    }
     p.supportDesc {
         padding: 0;
         margin: 0;
    }
     .filterbyfaq .dropdown {
         margin: 15px 0;
    }
     .outageseccont {
         padding: 20px 0;
    }
     h3.phone {
         padding: 0;
         margin-bottom: 0px;
    }
     h4.calltoreport {
         font-size: 25px;
         line-height: 34px;
    }
     hr.hrmin, hr {
         margin: 10px auto;
         border-bottom: 1px solid #bbbdbf;
    }
     .outage-gray .iconBackoutage {
         padding: 15px 40px !important;
    }
     .iconBackoutage i {
         font-size: 44px;
    }
     .iconBackoutage, .outage-gray {
         min-height: 135px;
    }
     .s-header__trigger-icon {
         top: 50% 
    }
     .outage-gray .iconBackoutage p:before {
         top: 10px;
    }
     .outage-gray .iconBackoutage p {
         bottom: 0;
    }
     .outagewtd h2 {
         margin-bottom: 0;
         margin-top: 15px;
    }
     .outage-icon-01 {
         max-width: 260px;
         margin: auto;
         text-align: center;
    }
     .icon_space p {
         margin-top: 10px;
         margin-bottom: 35px;
    }
     .outagecta i {
         left: 0;
         font-size: 120px;
    }
     .outagecta {
         min-height: auto;
         padding: 20px;
    }
     .outagecta a {
         width: 100%;
    }
     .outageguicon {
         padding: 20px 0;
    }
     .outageguicon p {
         padding: 10px 0;
         text-align: center;
    }
     .stayinformed h4 {
         font-size: 25px;
         line-height: 34px;
    }
     .outagefaq {
         padding: 30px 0px !important;
         margin-top: 0;
    }
     .h-auto {
         min-height: 50px !important;
         height: auto !important;
    }
     .contact-detail-inner {
         margin-bottom: 10px;
    }
     .contact-primary-list li .d-block button {
         min-width: auto;
    }
     .contact-primary-list li .d-block {
         margin-top: 15px;
         position: absolute;
         right: 0;
         top: 0;
         margin: 0;
    }
     .gray-bg {
         padding: 15px 5px;
    }
     .form-content {
         padding-right: 0;
         margin-right: 0;
    }
     .pd-left-custom .sppb-addon-content p {
         margin-top: 0;
         margin-bottom: 10px;
    }
     .graybox2 .h3 {
         margin-bottom: 10px;
    }
     .gray-bg .blue-title {
         margin-bottom: 15px;
    }
     .borderRight::before {
         left: 0;
    }
     .accordion-sub:before {
         width: 0%;
    }
     .bg-procedure-new.bg-procedure .float-left {
         width: 100%;
    }
     .s-header__trigger-icon:before, .s-header__trigger-icon:after {
         top: 0;
    }
    /* 29may */
     .home-page-carousel.carousel-footer .circle::after {
         opacity: 0;
         background-color: #e77424;
    }
     .home-page-carousel.carousel-footer .circle:focus::after, .home-page-carousel.carousel-footer .circle:hover::after {
         opacity: 1 !important;
    }
     .s-header__nav-menu-item .s-header__nav-menu {
         padding-top: 15px;
    }
     .history-page-slider .sppb-carousel-arrow.right, .history-page-slider .sppb-carousel-arrow.left {
         bottom: 30px !important;
         margin-right: 15px;
    }
     .home-carousel a.sppb-btn-default {
         font-size: 15px !important;
         line-height: 21px !important;
         background-position: left 25px;
         background-size: 102px;
         margin-top: 15px;
    }
    /* .right-bar-sm.right-bar {
         display: block;
    }
     */
     .mr-mob-0 .sppb-col-md-6 {
         margin-top: 0 !important;
    }
     .btn-primary.btn-blue:hover {
         border: none;
    }
     .button-inline .input-btn-primary {
         margin-top: 10px;
    }
     .select_city_blue_bar.vsformddopen .custom-control-label::before {
         top: 8px;
    }
     .faqsearch form {
         margin: 15px 0;
    }
     .full_widh_menu {
         z-index: 10 !important;
    }
     .outagecta a {
         font-size: 15px;
         line-height: 20px;
    }
     .add-search .input-group .form-control {
         height: 50px;
         font-size: 15px;
         padding: 0 15px;
    }
     body .add-search .input-group .input-group-append button {
         width: 50px;
         height: 50px;
    }
     .add-search .input-group .input-group-append button img {
         max-width: 20px;
         vertical-align: sub;
    }
     .add-search .input-group {
         margin-top: 10px;
    }
     .showing-result, .custom-media {
         margin-top: 15px;
    }
     .showing-result p {
         margin-top: 0;
    }
     .service-map {
         padding-left: 0;
    }
     .pdf-link {
         margin-top: 0;
         font-size: 15px;
         line-height: 21px;
    }
     .pdf-link li {
         margin: 10px 0;
    }
     .network-services-high h2.sppb-addon-title {
         margin-bottom: 0px;
    }
     .network-services-high .sppb-col-md-3 .net-service-title p {
         position: static;
         margin-top: 10px;
    }
     .network-services-high .sppb-col-md-3 {
         height: auto;
         padding-bottom: 10px;
    }
     .network-services-high .sppb-col-md-3 img {
         max-width: 50px;
    }
     .service-description {
         margin-top: 0;
    }
     .service-description .btn-primary {
         margin-top: 10px;
    }
     .network-services-high {
         padding: 20px 0;
    }
     .resulte-box, .result-icn-commn {
         height: auto;
         padding: 15px;
    }
     .result-icn-commn {
         padding: 15px;
		 width: 25%;
    }
     body .iconBack .bordered {
         padding-bottom: 20px;
    }
     .bordered::before {
         height: 4px;
         bottom: 0px;
    }
     .heading-min-height .h3.bordered {
         min-height: auto;
    }
     .more-menu-mob ul.collapse {
         position: absolute;
    }
     .carousel-primary p {
         /*display: none;*/
         max-width: 75%;
         margin-top: 15px;
         margin-bottom: 15px;
    }
     .home-carousel .carousel-caption .sppb-item.sppb-item-has-bg>img {
         width: auto;
         min-height: 537px;
         object-fit: cover;
    }
     .home-carousel.carousel-primary {
         height: 537px;
    }
     .jumbotron-primary.home p {
         margin-bottom: 30px;
    }
     .jumbotron-primary.home {
         padding: 20px 0 20px 0;
    }
     .input-btn-primary.mt-4 {
         margin-top: 0px !important;
    }
     .signUp .input-group {
         margin-top: 10px !important;
         margin-bottom: 0px !important;
    }
     .outageguicon p, .stayinformed p {
         font-size: 15px;
         line-height: 20px;
    }
     .stayinformed p {
         padding-right: 0px;
    }
     .single-button, .efficientInner button, .rsform-submit-button {
         padding-right: 20px !important;
         padding-left: 20px !important;
    }
     .contact-info-generation .font-bold {
         min-height: auto;
    }
     .jmforms #form13 .wdform-element-section, .jmforms #form14 .wdform-element-section {
         margin-bottom: 10px;
    }
     .shoreline-comm-new .graybox2 li .float-left, .graybox2 li .float-left {
         width: 100%;
    }
     #form13 .forlabs {
         top: 6px;
    }
     .select_city_blue_bar.vsformddopen .custom-radio .custom-control-input:checked~.custom-control-label::after {
         top: 10px;
    }
     .footer-left .s-header__nav-menu-item.has-child {
         margin-top: 0;
    }
     .footer-left .s-header__nav-menu-item.has-child:before {
         right: 21px;
         width: 95%;
    }
     .service-box-categories .btn.btn-primary {
        /*padding-right: 0;
        */
    }
     .img-space-mobile {
         margin-top: 40px;
    }
     .energy-saving-tips .tabInner h5 {
         font-size: 16px;
         line-height: 22px;
         margin-bottom: 10px;
    }
     .calculate-energy-use p {
         font-size: 16px;
         line-height: 22px;
    }
     .font-40 {
         font-size: 25px;
         line-height: 34px;
    }
     .contact-energy-service .head-h3 h3 {
         margin-bottom: 15px;
    }
     .energy-saving-tips .sppb-nav-tabs > li {
         float: left;
    }
     .energy-saving-tips .sppb-addon-content .text-white {
         margin-bottom: 30px;
    }
     .energy-saving-tips h3 {
         margin-bottom: 10px;
    }
     .energy-saving-tips .list-check li {
         margin-bottom: 15px;
    }
     .calculate-your-use .head-h3 h3 {
         margin-bottom: 10px;
    }
     .calculate-your-use .benefits-list li {
         width: 49%;
    }
     .calculate-monthly-cost .blueBack {
         padding: 20px;
    }
     .efficient-appliances-inner .img-box {
         margin-top: 30px;
         padding-left: 0;
         flex-direction: column;
         padding-right: 0;
    }
     .tips-top-margin {
         margin-top: -250px !important;
		 /*margin-top: 0px !important;*/
    }
     .img-box .white-border-button {
         height: auto !important;
    }
     .img-box .col-sm-9 {
         margin-top: 20px;
    }
     .calculate-monthly-cost .fuel-table-generation tr td i {
         margin-top: 0;
         font-size: 15px;
    }
     .calculate-monthly-cost .table-responsive {
         margin-top: 15px;
    }
     .energy-saving-tips .tabInner {
         padding: 20px !important;
    }
     .sppb-section.bg-procedure.yellow-border-top.water-quality.energy-saving-tips {
         height: 330px;
    }
     .multiple-account-billing .sppb-addon-single-image-container {
         margin-top: 0;
    }
     .billing-options .font-38 {
         margin-bottom: 10px;
    }
     .billing-options .customerService {
         padding: 25px;
         margin-top: 0;
         position: static;
    }
     .community-events-tabs .sppb-nav-tabs > li {
         float: left;
         margin-bottom: 0;
    }
     .sp-page-builder .page-content .community-events-tabs {
         margin-top: -190px !important;
    }
     .sppb-section.bg-procedure.yellow-border-top.water-quality.energy-saving-tips.energy-education {
         height: 600px;
    }
     .energy-education-tabs .sppb-nav-tabs > li {
         width: 33.33%;
         margin-bottom: 0;
         float: left;
    }
     .energy-education-tabs .sppb-nav-tabs > li > a {
         min-height: 90px;
    }
     .marb28 {
         margin-bottom: 10px !important;
    }
     .marb35 {
         margin-bottom: 5px;
    }
     .sppb-section.bg-procedure.yellow-border-top.water-quality.energy-saving-tips.classroom-tips {
         height: 490px;
    }
     .heading4 {
         font-size: 12px;
         line-height: 18px;
    }
     .discovery-unit-img {
         height: 200px;
    }
     .discovery-unit .sppb-row .sppb-col-md-6:first-child {
         padding-right: 15px;
         padding-top: 15px;
    }
     .discovery-unit-content {
         padding: 20px;
    }
     .mail-btn {
         width: auto !important;
         padding-right: 50px !important;
         margin-top: 25px;
    }
     .artifact.about-shoreline-comm {
         height: 390px;
    }
     .thelaw-gray-box {
         padding: 20px;
    }
     .list-questionnaire li {
         width: 100%;
    }
     .img-sm-responsive {
         width: 100%;
    }
     .sppb-tab-content>.active.in {
         display: block;
    }
     .min-h-auto.wwdoe .active.in .clearfix {
         width: 100%;
         display: block;
         padding: 15px;
         flex-direction: inherit;
         justify-content: center;
         margin: 0 !important;
    }
     .all-contractor-employee, .all-contractor-employee01 {
         padding: 20px !important;
    }
     .list-interlocal li {
         width: 100%;
    }
     .list-interlocal li p {
         margin-top: 5px;
         margin-bottom: 0px;
    }
     .list-inline.list-inline-primary li:last-child {
         margin-bottom: 0;
         padding-bottom: 0;
         border: none;
    }
     .backyard p.mb-5 {
         margin-bottom: 15px !important;
    }
     .sm-prpl h5 {
         font-size: 15px;
         line-height: 22px;
    }
     .font-42, .font-36 {
         font-size: 25px;
         line-height: 34px;
    }
     .backyard p, .para1 {
         font-size: 15px !important;
         line-height: 20px !important;
    }
     .power-outages h3 {
         margin-bottom: 5px;
    }
     .during-an-outage .full-container-right h2, .during-an-outage .full-container-left h2, .outageseccont .h3.blueText {
         font-size: 25px;
         line-height: 34px;
         margin-bottom: 10px;
    }
     .outageseccont hr.hrmin {
         margin: 15px auto 15px;
         border-width: 1px;
    }
     .full-container-left, .full-container-right, .outage-gray .full-container-left {
         padding-top: 20px !important;
         padding-left: 15px !important;
         padding-right: 15px !important;
         padding-bottom: 20px !important;
    }
     .during-an-outage .list-unstyled {
         margin-top: 0;
    }
     p, .generator-use.during-an-outage, .list-check li, .list-unstyled li .media .media-body {
         font-size: 15px;
         line-height: 20px;
    }
     .more-helpful-tips .outagecta a {
         white-space: normal;
         display: inline-block;
    }
     .generator-use.during-an-outage .list-unstyled li .media-left-div {
         width: 70px;
    }
     .medically-sensitive .customerService {
         margin-top: 20px;
    }
     .scheduled-outages .font-36 {
         margin-bottom: 0;
    }
     .basic-emergency-preparedness .font-38, .water-nfire-safety .font-25 {
         margin-bottom: 15px;
    }
     .outdoor-safety-boxes .font-42 {
         margin-top: 10px;
         margin-bottom: 10px;
    }
     .water-nfire-safety h3.text-blue {
         margin-bottom: 5px;
    }
     .circuits-and-outlets {
         padding: 10px 20px;
    }
     .circuits-and-outlets-last {
         padding: 20px;
    }
     .electricity-and-water h3.font-42 {
         margin-bottom: 10px;
    }
     .head4 {
         line-height: 18px;
         font-size: 13px;
    }
     .power-production-safety .float-left {
         float: left!important;
         width: 100%;
    }
     .backyard p.mb-5 {
         margin-bottom: 15px !important;
    }
     .form .form-control {
         font-size: 15px;
         height: 40px;
    }
     .form label {
         font-size: 15px;
    }
     .form textarea.form-control {
         height: 140px;
    }
     .pl80 {
         padding-left: 0;
    }
     .form .form-group {
         margin-bottom: 10px;
    }
     .addr-vert-scroll {
         height: auto;
    }
     .contact-box {
         padding: 20px;
		 min-height: auto;
    }
     .contact-box strong {
         font-size: 32px;
    }
     .network-services-high .tool-tip p {
         position: relative;
    }

.surplus-sign-up .pt-5 {
    padding-top: 1rem!important;
}

.surplus-action-tbs iframe {
    height: 270px;
}
	 .contact-box .h4 {
    margin-bottom: 10px;
}
	 .contact-box strong {
    margin-bottom: 0;
}
	 .text-center-mobile {
    text-align: left !important;
    padding: 0 !important;
}
	.continuous-service .button-inline .input-btn-primary {
    line-height: 30px;
    margin-right: 0;
}
	 .continuous-service .button-inline {
    margin-top: 0;
}
.resulte-box.resulte-box03 {
    padding-bottom: 0;
}
.faqnewblock h3.sppb-media-heading{font-size: 15px;line-height: 26px;}


#section-id-1535856267908 .sppb-addon-single-image-container, #section-id-1525163842364 .sppb-addon-single-image-container, #section-id-1525174968435 .sppb-addon-single-image-container, #section-id-1525180325456 .sppb-addon-single-image-container, #section-id-1525180325465 .sppb-addon-single-image-container, #section-id-1525180325491  .sppb-addon-single-image-container{
    width: 100%;
}
	 
	 
	 
	 

.icon-language {
    margin-top: 10px;
    width: 140px;
    float: right;
    padding-right: 15px;
}
	 footer .darkblue_menu.white-logo img {
    max-width: 90px;
}

	 	 .wanapum-slider .carousel-left {
    padding-right: 0;
    margin-bottom: 35px;
}
	 .wanapum-slider  .carousel-primary {
         height: auto;
		 margin-bottom: 25px;
    }
}
 @media (max-width:575px) {
     .recrCategories .visitUs:first-child .imgRight, .imgRight {
         max-height: inherit;
         width: 100%;
         height: auto;
    }
     .jumboInner .mt-5 {
         margin-top: 0rem !important;
    }
    /* 10 apr */
     .customerService {
         margin-top: 20px;
    }
     .supportDesc {
         margin-top: 30px;
    }
     .energy-education-tabs .sppb-nav-tabs > li {
         width: 100%;
         margin-bottom: 0;
    }
     .sppb-section.bg-procedure.yellow-border-top.water-quality.energy-saving-tips.classroom-tips {
         height: 750px;
    }
     .artifact.about-shoreline-comm {
         height: 560px;
    }
}
 @media (max-width: 479px) {
     .powered_by {
         font-size: 45px;
         line-height: 50px;
    }
	 .card-primary .card-title {
         margin-bottom: 0px;
         min-height: 0px;
    }
    /*Recreation Visit us ends*/
     .input-btn-primary {
         min-width: 270px;
    }
     .list-inline-primary .btn-primary {
         min-width: 240px;
         margin-left: -20px;
    }
     .bg-procedure .graybox2 {
         padding: 20px 20px;
    }
     .list-inline-primary .btn-primary {
         min-width: auto;
         padding-right: 60px;
    }
     .fish-and-wildlife.fish-carousel .carousel-col-pad {
         height: 540px;
    }
    /*24 may 2018*/
     .tabInner {
         padding: 20px !important;
    }
	.customtab .sppb-tab-content>.active.in>div {
	padding: 20px;
	}
     .showing-result h6 {
         font-size: 16px;
    }
     .backyard img {
         max-width: 220px;
    }
     .carousel-caption .btn-learn-more, .btn-primary, .btn-learn-more {
         font-size: 15px;
    }
    /*24 may 2018*/
     .footer-left .s-header__nav-menu-item.has-child:before {
         right: 18px;
         width: 95%;
    }
}
 @media (max-width: 380px) {
     .button-inline .input-btn-primary {
         margin-right: 0;
         display: block;
         min-width: 160px;
    }
	.powered_by {
         font-size: 35px;
         line-height: 40px;
    }
}
 @media (max-width:340px) {
     .carousel-footer.rates_fees a {
         font-size: 11px;
    }
     #section-id-1532065147891 button.btn {
         width: 100% !important;
         display: block;
         white-space: normal;
    }
}
 @media (min-width: 320px) and (max-width: 480px) {
     .navbar02 li.moreMenu {
         display: none;
    }
}
 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.graybox2 li .float-right{width: 37%;}
}

/* commision meeting new section */

@media (max-width: 991px){
.rate-dev .btn-primary, .rate-dev button.btn {   
    height: auto;
    min-height: 50px;
}
}