/*# Global Styles #*/
.text-center {
    text-align: center;
}
/*# Buttons #*/
.org-btn {
    background-color: #f37021;
    color: #fff;
    font-family: Barlow, Din-Regular,Roboto,sans-serif;
    text-transform: uppercase;
    transition: background-color 1s;
    padding: 2.5rem 3.2rem;
    display: inline-block;
    letter-spacing: 1px;
    font-size: 1.44rem;
}

    .org-btn:focus, .org-btn:hover {
        background-color: #008bbf;
        color: #ffffff;
        text-decoration: none;
    }

    .org-btn.long-btn {
        padding: 1.85rem 7rem;
    }
/*# Home #*/
/*# Home/Hero #*/
section.hero .row {
    position: relative;
    display: inline-block;
}

section.hero img {
    width: 102.7%;
}

section.hero .hero-container {
    position: absolute;
    top: 50%;
    left: 0;
    right: -30px;
    transform: translate(0, -50%);
    text-align: center;
    padding: 0 22rem;
}

    section.hero .hero-container h1 {
        color: #fff;
        font-size: 7.4rem;
    }

    section.hero .hero-container p {
        color: #fff;
        font-size: 2rem;
        padding: 0 20rem;
    }
/*# Home/Two Col - Background Color #*/
section.two-col-image .row {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

section.two-col-image {
    background: linear-gradient(90deg,#fff 34%,#125085 34%);
}

    section.two-col-image .container {
        padding: 5rem 0;
    }

        section.two-col-image .row .container .row, section.two-col-image .container .row .col-md-6 {
            margin-bottom: 0;
        }

        section.two-col-image .container h4 {
            color: #FFF;
            font-family: Barlow, Din-Regular,Roboto,sans-serif;
            font-weight: 700;
            font-size: 3.5rem;
            line-height: 42px;
        }

        section.two-col-image .container p {
            color: #FFF;
            padding: 0.5rem 2rem 2rem 0;
        }
    /*# Home/Two Col - Background Color/Interior #*/
    section.two-col-image.interior {
        background: #125085;
    }

        section.two-col-image.interior .container {
            padding: 5rem 0 0;
            margin-bottom: 7rem;
            background: #125085;
        }

            section.two-col-image.interior .container h2 {
                color: #FFF;
                font-family: Barlow, Din-Regular,Roboto,sans-serif;
                font-weight: 700;
                font-size: 3.5rem;
                line-height: 42px;
            }

            section.two-col-image.interior .container img {
                margin-bottom: -5rem;
            }
/*# Home/News Feed #*/
section.news-feed .container {
    padding: 6rem 5.4rem 15rem;
}

section.news-feed.sji-energy .container, section.news-feed.news-releases .container, section.news-feed.sji-media .container, section.news-feed.sji-news .container {
    padding: 6rem;
}

section.news-feed .container .row:last-child {
    display: flex;
    margin: 0;
}

    section.news-feed .container .row:last-child .col-md-3 {
        display: flex;
        flex-direction: column;
    }

        section.news-feed .container .row:last-child .col-md-3 img {
            -moz-transition: all .2s ease-in;
            -o-transition: all .2s ease-in;
            -webkit-transition: all .2s ease-in;
            transition: all .2s ease-in;
        }

            section.news-feed .container .row:last-child .col-md-3 img:hover {
                opacity: 0.7;
            }

section.news-feed.home-feed .container h5 {
    color: #f37021;
}

section.news-feed .container h2, section.news-feed .container h3, section.news-feed .container h4, section.news-feed .container h5 {
    font-size: 3.5rem;
    font-family: Barlow, 'Prometo','Ropa Sans','Roboto',sans-serif;
    font-weight: 300;
    color: #000;
}

section.news-feed .container .col-md-6 a {
    float: right;
}

section.news-feed .container .col-md-3 h5 a {
    font-size: 2.25rem;
    font-weight: 500;
    color: #000;
}

section.news-feed .container .col-md-3 {
    position: relative;
}

    section.news-feed .container .col-md-3 h5 a:hover, section.news-feed .container .col-md-3 h5 a:focus {
        text-decoration: none;
        color: #f37021;
    }

    section.news-feed .container .col-md-3 p {
        font-size: 1.2rem;
        color: #f37021;
        font-weight: 600;
    }

.news-feed.sji-news img {
    width: 100%;
}

section.news-feed .container .col-md-3 a.read-more {
    font-size: 1.2rem;
    color: #0248c0;
    font-weight: 600;
    font-family: Barlow, Din-Regular,Roboto,sans-serif;
    text-transform: uppercase;
    position: absolute;
    bottom: -45px;
}

section.news-feed .container .row {
    margin-bottom: 3rem;
}

    section.news-feed .container .row:first-child {
        padding: 0 1rem;
    }

.news-category p {
    font-size: 1.2rem !important;
    color: #f37021;
    font-weight: 600;
    font-family: Barlow, Din-Regular,Roboto,sans-serif;
    text-transform: uppercase;
}

.news-category a:hover, .video-feed a:hover {
    opacity: .7
}

.video-feed img {
    width: 100%;
}

.video-feed p.category, .sji-energy p {
    font-size: 1.2rem !important;
    color: #f37021;
    font-weight: 600;
    font-family: Barlow, Din-Regular,Roboto,sans-serif;
    text-transform: uppercase;
}

.sji-energy img {
    border: 1px solid #c3c3c3;
}

.sji-energy a:hover {
    opacity: .7;
}

.video-feed p.title {
    font-size: 3.2rem !important;
    color: #000;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0;
}

a.watchnow {
    font-size: 1.2rem;
    color: #0248c0;
    font-weight: 600;
    font-family: Barlow, Din-Regular,Roboto,sans-serif;
    text-transform: uppercase;
}

.onesji {
    margin-top: 3rem;
}
/*# Home/Two Col - Shared #*/
section.two-col-left .container .col-md-6, section.two-col-right .container .col-md-6 {
    margin-bottom: 0;
}

section.two-col-left img, section.two-col-right img {
    width: 100%;
}

section.two-col-left h6, section.two-col-right h6 {
    font-size: 4.6rem;
    font-family: Barlow, Din-Regular,Roboto,sans-serif;
    font-weight: 700;
    color: #f37021;
}

section.two-col-left p, section.two-col-right p {
    padding-right: 2rem;
}
/*# Home/Two Col - Left #*/
section.two-col-left .row {
    display: flex;
    align-items: center;
}

section.two-col-left .container {
    padding: 7rem;
}
/*# Home/Two Col - Right #*/
section.two-col-right .row {
    display: flex;
    align-items: center;
}

section.two-col-right .container {
    padding: 0 7rem 7rem;
}
/*# Home/Two Col #*/
section.two-col {
    background-color: #125085;
    color: #fff;
}

    section.two-col .container {
        padding: 8rem 14rem 7rem;
    }

    section.two-col .row {
        display: flex;
        align-items: center;
    }

    section.two-col .container .row h6 {
        font-size: 4.6rem;
        font-family: Barlow, Din-Regular,Roboto,sans-serif;
        font-weight: 700;
    }

    section.two-col .container .row p {
        font-size: 1.83rem;
        line-height: 25px;
    }

    section.two-col .container .row .col-md-6:last-child {
        padding-left: 8.5rem;
    }

    section.two-col .numbers {
        border: 1px solid #0b99ce;
        padding: 2.5rem 2em;
        display: inline-block;
    }

        section.two-col .numbers:first-child {
            margin-bottom: 3.5rem;
        }

        section.two-col .numbers p {
            font-size: 1.53rem !important;
            margin-bottom: 4.2rem;
        }

        section.two-col .numbers span {
            font-size: 7rem;
            display: block;
            font-family: Barlow, 'Prometo','Ropa Sans','Roboto',sans-serif;
            margin-bottom: 2rem;
        }
/*# Global Components #*/
a {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
/*# Global Components/Hero #*/
section.hero.interior .container {
    position: relative;
}

section.hero.interior .hero-container {
    top: 50%;
    right: 0;
    padding: 0 15px;
}

section.hero.interior img {
    width: 100%;
    filter: brightness(50%);
}
/*# Global Components/Three Col #*/
section.three-col .row {
    display: flex;
    margin: 0;
}

section.three-col .col-md-4 {
    color: #fff;
    background-color: #008bbf;
    margin-right: 0.85em;
    display: flex;
    flex-direction: column;
    padding: 4rem;
}

    section.three-col .col-md-4:last-child {
        margin-right: 0;
    }

    section.three-col .col-md-4 h2 {
        color: #fff;
        font-size: 2.7rem;
        font-family: Barlow, Din-Regular,Roboto,sans-serif;
        font-weight: 600;
    }

}

section.three-col .col-md-4 p {
    letter-spacing: 1px;
}
/*# Global Components/CTA #*/
section.cta {
    text-align: center;
}

    section.cta .container {
        text-align: center;
        padding: 2.3rem 24rem 8rem;
    }

        section.cta .container h3 {
            color: #111111;
            font-family: Barlow, Din-Regular,Roboto,sans-serif;
            font-weight: 700;
            font-size: 3.5rem;
            line-height: 42px;
            margin-bottom: 2.5rem
        }

.news-feed.home-feed a img {
    width: 100%;
    height: 162px;
}

.executive .modal-dialog {
    width: 840px;
    margin: 30px auto;
}
/*# Global Components/Subnav #*/
section.global-subnav {
    background-color: #f2f2f2;
}

.mainBlock .container div.awardspotlight {
    min-height: 390px;
}

section.global-subnav #menuElem {
    padding: 1.5rem 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
}

    section.global-subnav #menuElem li {
        margin-right: 3rem;
    }

        section.global-subnav #menuElem li a {
            color: #111111;
            font-size: 1.75rem;
            position: relative;
        }

            section.global-subnav #menuElem li a:hover, section.global-subnav #menuElem li a:focus {
                color: #f37021;
                text-decoration: none;
            }

        section.global-subnav #menuElem li.Highlighted a:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 0;
            left: 0;
            bottom: -4px;
            border-bottom: 2px solid #f37021;
        }
/*# Global Components/Two Col Interior #*/
section.two-col-interior {
    background: #f2f2f2;
    padding: 7rem 0;
}

    section.two-col-interior .container .wrap-contain {
        width: 348px;
        margin: 0 auto;
    }

    section.two-col-interior .container h5 {
        text-align: center;
        color: #000;
        font-size: 2.3rem;
        line-height: 32px;
        margin-bottom: 5rem;
    }

    section.two-col-interior .container .col-md-6 h6 {
        font-weight: 700;
        font-size: 2.5rem;
        margin-top: 1.7rem;
    }

    section.two-col-interior .container .col-md-6 a {
        text-transform: uppercase;
        color: #0248c0;
        font-family: Barlow, Din-Regular,Roboto,sans-serif;
        font-size: 1.3rem;
    }

    section.two-col-interior.blue-bk {
        background: #125085;
        color: #fff;
    }

        section.two-col-interior.blue-bk h2 {
            font-family: Barlow, Din-Regular,Roboto,sans-serif;
            color: #fff;
            font-size: 4.3rem;
            font-weight: 600;
            margin-bottom: 3rem;
        }

        section.two-col-interior.blue-bk p {
            font-size: 2rem !important;
            line-height: 2.9rem !important;
            color: #fff;
        }

/*# About SJI #*/
/*# About SJI/Black Section #*/
section.black-section {
    background: #000;
}

    section.black-section .container {
        padding: 8rem 0
    }

    section.black-section .row-container {
        width: 650px;
        display: flex;
        flex-wrap: wrap;
        margin: 5rem auto 0;
        align-items: center;
        justify-content: center;
    }

        section.black-section .row-container > .row-item {
            flex: 1 1 30%;
        }

        section.black-section .row-container .row-item {
            text-align: center;
        }

            section.black-section .row-container .row-item img {
                margin-bottom: 2rem;
            }

            section.black-section .row-container .row-item p {
                font-size: 2.75rem !important;
                line-height: 4rem !important;
                font-weight: 700;
            }

    section.black-section h3 {
        font-family: Barlow, Din-Regular,Roboto,sans-serif;
        color: #fff;
        font-size: 4.3rem;
        font-weight: 600;
        line-height: 50px;
        margin-bottom: 3rem;
    }

    section.black-section p {
        font-size: 2rem !important;
        line-height: 3.4rem !important;
        color: #fff;
        margin-top: 1rem;
    }

section.company-history h4 {
    font-family: Barlow, Din-Regular,Roboto,sans-serif;
    font-size: 4.3rem;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 3rem;
}
/*# Testimonial Slider #*/
.test-slider .container.slider-container-blue {
    min-height: 585px !important;
}

.test-slider .container.slider-container-blue {
    background-color: #00437b;
    min-height: 525px;
    padding-bottom: 15px;
    margin-top: 40px;
}

    .test-slider .container.slider-container-blue .section-header {
        margin-top: 4.25em;
        margin-left: 5em;
    }

    .test-slider .container.slider-container-blue h2 {
        font-weight: bold;
        font-size: 3em;
        padding-top: 0;
    }

.test-slider .slider-container {
    margin-top: -662px;
}

.test-slider .testCarousel {
    max-width: 1235px;
    height: 525px;
}

    .test-slider .testCarousel .slick-arrow:first-child {
        left: 0;
    }

    .test-slider .testCarousel .slick-arrow {
        position: absolute;
        top: calc(50% - 20px);
        cursor: pointer;
    }

    .test-slider .testCarousel .slick-list {
        width: 95%;
        max-width: 1170px;
        margin: 0 auto;
    }

    .test-slider .testCarousel .item {
        background-position: top left;
    }

.test-slider .mainBlock .item {
    min-height: 478px;
}

.test-slider .testCarousel .item .container {
    color: #1f1f1f;
}

.test-slider .slider-container .desc-wrapper {
    font-size: 1.1em !important;
    color: #fff;
}

    .test-slider .slider-container .desc-wrapper::before {
        content: url(/stage.sji.com/media/Images/whysji/quote-mark.jpg);
        display: block;
        padding-bottom: 20px;
    }

.test-slider .item .container {
    max-width: 1040px !important;
    padding-right: 15px;
}

.test-slider .slider-container .slick-slide img {
    width: 100%;
}

.testCarousel .slick-arrow:last-child {
    right: 0;
}

.testCarousel .slick-arrow:first-child {
    left: 0;
}

.testCarousel .slick-arrow {
    position: absolute;
    top: calc(50% - 20px);
    cursor: pointer;
}

@media (max-width: 768px) {
    .testCarousel .img-wrapper img {
        max-width: 125px;
        padding: 5px 0 0 15px;
    }

    .test-slider .container.slider-container-blue .section-header {
        margin-top: 0;
        margin-left: 0;
    }

    .test-slider .container.slider-container-blue h2 {
        font-weight: bold;
        font-size: 2em;
        padding-top: 0;
    }

    .testCarousel .item .container {
        padding: 0px;
    }

    .test-slider .slider-container {
        margin-top: -545px;
    }

    .testCarousel .img-wrapper {
        float: right;
        max-width: 50%;
        margin-bottom: 0 !important;
    }

    .test-slider .testCarousel {
        height: auto;
    }

    .testCarousel .slider-container {
        margin-top: -600px !important;
    }

    .testCarousel .mainBlock .item {
        min-height: auto;
    }

    .testCarousel {
        height: 590px;
    }

        .testCarousel .slick-arrow {
            width: 16px;
        }
}
/*# Executives #*/
.item-feed {
    margin: 8rem 0;
}

.executive {
    margin-right: 1.9rem;
    width: 32%;
    padding: 0;
}

    .executive:nth-child(3n) {
        margin-right: 0;
    }

    .executive a, .executive h3 {
        color: #f37021;
    }

        .executive a:hover, .executive a:hover {
            color: #003579;
        }

    .executive .img-wrap {
        margin: 0 auto;
        padding-top: 5rem;
        border-top: 1px solid #c4c1c1;
        border-bottom: 1px solid #000;
        border-left: 1px solid #c4c1c1;
        border-right: 1px solid #c4c1c1;
    }

.video-feed a, .main-feed a {
    position: relative;
}

    .video-feed a img.play-btn {
        width: auto;
        position: absolute;
        left: 38%;
        top: -39%;
    }

    .main-feed a img.play-btn {
        width: auto;
        position: absolute;
        left: 30%;
        top: -106%;
    }

.navbar-default .navbar-nav > li {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

    .navbar-default .navbar-nav > li > a {
        padding: 0 0 0.75rem 0;
        border: 0;
    }

        .navbar-default .navbar-nav > li > a:hover {
            background-color: transparent !important;
            border-bottom: 0;
        }

    .navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:hover a {
        color: #000;
        background-color: #f2f4f8;
    }

.navbar-default .navbar-nav > li {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 25px;
    padding-bottom: 25px;
}

.navbar-default .navbar-nav li a.active {
    border-bottom: 2px solid #f37021;
}
/*# News/Interior Header #*/
section.interior-header {
    padding: 6rem 0;
    background: #125085;
    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.7);
}
/*# About SJI/Company History #*/
section.company-history {
    background: #FFF;
}

    section.company-history .container {
        padding: 8rem 0;
    }

    section.company-history .timeline-wrap {
        padding-left: 10rem;
    }

        section.company-history .timeline-wrap p {
            margin-bottom: 4rem;
        }

        section.company-history .timeline-wrap .yearbubble {
            width: 10%;
            float: left;
            font-size: 2.1rem;
            clear: both;
        }

        section.company-history .timeline-wrap .year-text {
            width: 90%;
            float: left;
            margin: 0;
            border-left: 1px solid #c4c1c1;
            padding-bottom: 3rem;
            padding-left: 4rem;
        }

section.three-col-head {
    padding: 3rem 0;
    background-image: linear-gradient(#125085 75%, #ffffff 0%);
}

    section.three-col-head p {
        color: #fff;
    }

.sji-news-item, .article-listing-item {
    border-bottom: 1px solid #bfbfbf;
    padding: 0 0 1rem;
}

    .sji-news-item:first-child, .article-listing-item:first-child {
        border-top: 1px solid #bfbfbf;
        padding: 1rem 0 0;
    }

    .sji-news-item a {
        color: #000;
        margin-bottom: 1rem;
        display: block;
    }

        .sji-news-item a:hover, .sji-news-item a:focus {
            color: #f37021;
        }

a.view-releases {
    color: #f37021;
    font-family: Barlow, Din-Regular,Roboto,sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.news-listing h1, .news-listing p {
    color: #fff;
    font-family: Barlow, Din-Regular,Roboto,sans-serif;
}

.news-listing h1 {
    font-weight: 600;
}

.news-listing p {
    text-transform: uppercase;
    font-size: 1.2rem !important;
}

ul.views-summary {
    list-style-type: none;
}

    ul.views-summary li {
        border-left: 1px solid #c4c1c1;
        padding: 2rem;
    }

    ul.views-summary a {
        color: #111111;
        font-size: 2.75rem;
    }

        ul.views-summary a:hover, ul.views-summary a:focus {
            color: #f37021;
        }

.article-listing-item span {
    font-weight: 600;
    font-size: 1.4rem;
}

.article-listing-item h3 {
    font-size: 2.2rem !important;
    margin: 1rem 0;
}

.rightmenu #menuElem > li > a, .rightmenu #menuElem > li > ul > li:nth-of-type(1), .rightmenu #menuElem > li > ul > li:nth-of-type(2), .rightmenu #menuElem > li > ul > li:nth-of-type(4), .rightmenu #menuElem > li > ul > li:nth-of-type(5) {
    display: none;
}

.rightmenu #menuElem > li > ul > li > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.rightmenu #menuElem {
    background-color: #f2f2f2;
    padding: 3rem;
}

    .rightmenu #menuElem a {
        color: #111111;
    }

        .rightmenu #menuElem a:hover, .rightmenu #menuElem a:focus {
            color: #f37021;
        }

    .rightmenu #menuElem li.Highlighted a, .rightmenu #menuElem li ul li.firstItem a {
        border-bottom: 1px solid #f37021;
    }

    .rightmenu #menuElem li.Highlighted ul li a {
        border-bottom: none;
    }

.newsrightmenu #menuElem {
    background-color: #f2f2f2;
    padding: 3rem;
}

.newsrightmenu > ul#menuElem li a {
    display: inline-block;
    color: #111111;
    font-size: 16px;
    height: 24px;
}

.newsrightmenu #menuElem a:hover, .newsrightmenu #menuElem a:focus {
    color: #f37021;
    text-decoration: none;
}

.newsrightmenu #menuElem li.Highlighted a, .newsrightmenu #menuElem li ul li.firstItem a {
    border-bottom: 1px solid #f37021;
}

.newsrightmenu #menuElem li.Highlighted ul li a {
    border-bottom: none;
}

.main-feed img {
    width: 100%;
    margin-bottom: 1rem;
}

.main-feed {
    margin-bottom: 2rem !important;
    min-height: 275px;
}

    .main-feed p.date {
        font-size: 1.5rem !important;
        margin: 0 !important;
    }

    .main-feed p {
        font-weight: 600;
        font-size: 2rem !important;
        display: block;
        margin-top: 1rem;
        margin-bottom: 0 !important;
    }

section.news-feed .container .main-feed a {
    float: none;
}

.item-feed .modal .name-wrap {
    width: 50%;
    padding: 0 2rem;
    float: left;
    position: relative;
}

    .item-feed .modal .name-wrap .copy-wrap {
        position: absolute;
        top: 280px;
    }

        .item-feed .modal .name-wrap .copy-wrap p {
            font-weight: 700;
            margin-bottom: 0.3em;
        }

            .item-feed .modal .name-wrap .copy-wrap p.title {
                font-weight: 700;
            }

.item-feed .modal .img-wrap {
    margin: 0 auto;
    width: 50%;
    float: left;
    padding-top: 5rem;
    border-top: 1px solid #c4c1c1;
    border-bottom: 1px solid #000;
    border-left: 1px solid #c4c1c1;
    border-right: 1px solid #c4c1c1;
}

    .item-feed .modal .img-wrap img {
        width: 100%;
    }

.item-feed .modal .modal-body {
    overflow: auto;
}

.item-feed .modal .modal-header {
    border: 0;
}

.item-feed .modal .bio-wrap {
    padding: 2em 0;
    clear: both;
}
/*# Footer #*/
footer {
    background-color: #111;
}

    footer .row .col {
        float: left;
        width: 20%;
    }

    footer ul {
        list-style-type: none;
    }

        footer ul li {
            margin: 0.4rem 0;
        }

            footer ul li:first-child a {
                font-size: 14px;
                font-weight: 700;
            }

            footer ul li a {
                font-weight: 300;
            }

    footer .socials p {
        font-weight: 700;
        font-size: 1.5rem;
    }

    footer .socialIcons {
        float: left !important;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    footer .mid-footer {
        border-bottom: 1px solid #7f7f7f;
        margin-bottom: 3rem;
        padding-bottom: 2rem;
    }

    footer .list-inline li a, footer .list-inline li {
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    footer p {
        width: 70%;
        line-height: 21px;
    }

.prefooter {
    background: linear-gradient(90deg,#fff 34%,#125085 34%);
}

    .prefooter .container {
        padding-top: 5rem;
    }

    .prefooter .row {
        display: flex;
        align-items: center;
        margin-bottom: 0 !important;
    }

        .prefooter .row h6 {
            color: #fff;
            font-family: Barlow, Din-Regular,Roboto,sans-serif;
            font-weight: 700;
            font-size: 3.5rem;
            line-height: 42px;
        }

        .prefooter .row p {
            color: #fff;
            font-size: 1.6rem;
        }

    .prefooter .col-md-6, .prefooter .container {
        margin-bottom: 0 !important;
    }

.newsList.mainblock {
    background: #125085;
}

    .newsList.mainblock .container {
        padding: 4rem 1.5rem;
    }

        .newsList.mainblock .container .row {
            margin-bottom: 0;
            display: flex;
            align-items: center;
            margin-bottom: 0 !important;
        }
@media (max-width: 768px) {
    .newsList.mainblock .container .row img {
        display: none;
    }

}
    
    .formWrapper {
        background-color: #fff;
    }

    .newsList.mainblock .col-md-6 {
        color: #fff;
    }

    .newsList.mainblock a.CMSBreadCrumbsLink {
        color: #fff;
    }

    .newsList.mainblock .container h1 {
        color: #fff;
        font-size: 5rem;
        font-family: Barlow, Din-Regular,Roboto,sans-serif;
    }
    /*# Media Query #*/
    /*# Media Query/1070px #*/
    @media (max-width: 1170px) {
        section.three-col .row, section.news-feed .container .row:last-child, section.two-col .row, section.two-col-right .row, section.two-col-left .row, section.two-col-image .row {
            display: block;
        }

        section.hero img, section.black-section .row-container, section.hero .hero-container {
            width: 100%;
        }

            section.two-col-left .container, section.two-col-right .container, section.two-col .container, section.hero .hero-container p, section.hero .hero-container, section.news-feed .container {
                padding: 1rem;
            }

        section.two-col-image {
            background: #125085;
            padding: 1.5rem;
        }

            section.two-col-image img {
                width: 100%;
            }
    }
    /*# Media Query/767px#*/
    @media (max-width: 767px) {
        section.global-subnav #menuElem {
            display: block;
        }

        .prefooter .row {
            display: block;
        }

            .prefooter .row img {
                width: 100%;
            }

        .prefooter {
            background: #125085;
        }

        section.news-feed.sji-energy .container, section.news-feed.news-releases .container, section.news-feed.sji-media .container, section.news-feed.sji-news .container {
            padding: 0;
        }

        section.news-feed .container .col-md-6 a {
            float: left;
        }

        footer ul {
            padding: 0;
        }

        footer .row .col:first-child {
            width: 100%;
            padding-bottom: 2rem;
        }

        footer .row.mid-footer {
            position: relative;
            padding-bottom: 16rem;
        }

            footer .row.mid-footer .col.socials {
                position: absolute;
                bottom: 0px;
            }

        footer {
            padding: 1rem;
        }

        section.two-col-image.interior .container {
            margin-bottom: 0;
        }

            section.two-col-image.interior .container img {
                margin-bottom: auto;
            }

        section.two-col .container .row .col-md-6:last-child {
            padding-left: 1rem;
        }

        section.two-col-image .container h4, section.news-feed .container h2, section.news-feed .container h3, section.news-feed .container h4, section.news-feed .container h5, section.two-col .container .row h6,
        section.black-section h3, section.two-col-interior.blue-bk h2, section.company-history h4, .prefooter .row h6, section.two-col-image.interior .container h2 {
            font-size: 2.5rem;
            line-height: 30px;
        }

        section.two-col .numbers span {
            font-size: 5rem;
        }

        footer .row .col {
            float: left;
            width: 50%;
        }

        section.hero img {
            min-height: 250px;
        }

        section.black-section, section.company-history {
            padding: 2rem;
        }

            section.black-section .row-container .row-item p {
                font-size: 1.75rem !important;
            }

        section.two-col-right .container .col-md-6:last-child img {
            display: none;
        }

        section.hero .hero-container h1 {
            font-size: 3.4rem;
        }

        .executive, .col-md-4.news-category img {
            width: 100%;
        }

        section.three-col .col-md-4 {
            margin-right: 0;
        }

        section.cta .container, section.company-history .timeline-wrap, section.company-history .container, section.black-section .container, two-col-interior blue-bk {
            padding: 0;
        }

        section.cta .container {
            font-size: 2.5rem;
            line-height: 32px;
        }
    }
    /*# MAP PAGE #*/
    .int-map.item-feed {
        margin: 2rem 0;
    }

    #map {
        top: -110px;
        position: relative;
        margin-bottom: 15rem;
    }

    #states a path {
        transition: fill .5s ease;
        -moz-transition: fill .5s ease;
        -webkit-transition: fill .5s ease;
        cursor: pointer;
    }

    #states a:hover path {
        transition: fill .5s ease;
        -moz-transition: fill .5s ease;
        -webkit-transition: fill .5s ease;
        fill: #000 !important;
    }

    #states .hint {
        fill: #fff;
    }

    #states a text {
        font-size: 7px;
        color: #fff;
        display: block;
        cursor: pointer;
    }

    #states a#s03 path, #states a#s05 path, #states a#s08 path {
        fill: #f37021;
    }

    #states a#s04 path, #states a#s06 path {
        fill: #008bbf;
    }

    #states a#s01 path, #states a#s15 path {
        fill: #125085;
    }

    .interactive-map.tab-content .active, .tab-pane.fade.in.parent-item.active {
        background-color: transparent;
    }

    .parent-item {
        border: 1px solid #ccc;
        padding: 10px;
    }

        .parent-item h3 {
            margin: 0;
        }

    .child-items {
        display: none;
        margin: 0;
        padding: 0;
    }

    .parent-item.has-children:before {
        content: '\25B6';
        display: inline-block;
        font-size: 12px;
        margin-right: 5px;
    }

    .parent-item.open.has-children:before {
        content: '\25BC';
    }

    .parent-item.has-children:hover:before {
        cursor: pointer;
    }

    .tab-panel.parent-item ul {
        list-style-type: none;
    }

    @media (max-width: 992px) {
        .side-panel.col-md-6 {
            margin-top: 18rem;
        }
    }

    .container p.introText {
        font-size: 1.3em !important;
        line-height: 1.75em !important;
        font-weight: 700;
    }

    .business-content {
        font-size: 1.1em;
        padding: 0;
        margin: 0 0 1rem 0;
    }

        .business-content strong {
            color: #f37021;
        }

    .dropdown .panelheader h2 {
        color: #003579;
        margin-bottom: -20px;
    }