@font-face {
    font-family: 'bebasneuepro-smebd';
    src: url('../fonts/bebasneuepro-smebd-webfont.woff2') format('woff2'), url('../fonts/bebasneuepro-smebd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebasneuepro-smebk';
    src: url('../fonts/bebasneuepro-smebk-webfont.woff2') format('woff2'), url('../fonts/bebasneuepro-smebk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');

/*body {
    font-family: 'Roboto', sans-serif !important;
    background: #fafafa;
    padding: 0;
    margin: 0;
    font-weight: normal !important;
}*/
body{
    overflow-x:hidden;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

header {
    background-color: #f1f1f1;
    text-align: center;
}

/* ----top nav bar  */
#navbar {
    background-color: #000;
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    transition: top 0.3s;
    justify-content: right;
}

    #navbar a {
        color: #f2f2f2;
        text-align: center;
        padding: 10px;
        text-decoration: none;
        /*font-size: 0.7em;*/
        font-size:12px;
    }

        #navbar a:hover {
            background-color: #ddd;
            color: black;
        }

/* --- NavBaar Brand */

.navbar-brand {
    padding: 25px;
    border-right: 1.5px solid #dadada;
    position: absolute;
    z-index: 1;
}

    .navbar-brand img {
        width: 30px;
    }

/* --- Mega menu */


nav ul,
nav li {
    list-style: none;
    margin: 0;
    padding: 0 15px;
}

nav a {
    display: block;
    text-decoration: none;
}

    nav a:hover,
    nav a:visited {
        text-decoration: none;
    }

.menu-bar {
    background: #ffffff;
    display: flex;
}

.menu-link {
    background: #ffffff;
    color: #3C3C3C;
    transition: background .2s, color .2s;
    position: relative;
    z-index: 1;
   /* font-size: 14px;
    line-height: 71px;
    min-height: 74px;*/
    font-size: 16px;
    line-height: 1.4;
    padding: 7px 0;
}
/*
.mega-menu--multiLevel .menu-link {
    padding: 7px 0px;
    background: #ffffff;
    color: #3C3C3C;
    transition: background .2s, color .2s;
    position: relative;
    z-index: 1;
    font-size: 14px !important;
    line-height: 20px;
    min-height: inherit;
}*/

/* .menu-link[aria-haspopup="true"] {
    padding-right: 40px;
} */

    .menu-link[aria-haspopup="true"]:after {
        /*content: "";
    background-image: url(/Content/Menu/images/right-arrow.svg);
    background-size: 10px;
    width: 10px;
    height: 10px;
    font-size: 10px;
    position: relative;
    top: 50%;
    transform: translatey(20%);
    margin-left: 5px;*/
        /* right: 112px; */
        /*display: inline-block;*/

        display: inline-block;
        content: "";
        border: 1px red;
        background: url('/content/images/icon-sprites-fallback.png');
        background-image: linear-gradient(transparent, transparent), url('/content/images/icon-sprites-vector.svg');
        background-size: 58em 28em;
        background-position: -48em -16em;
        width: 0.375em;
        height: 0.5em;
        font-size: 16px;
        margin-left: -10px;
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

.mega-menu-header {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold !important;
    color: #136a73;
}

.mega-menu {
    background: #ffffff;
    z-index: 10;
    box-shadow: 0 3px 10px -5px #949494;
}

.mega-menu--multiLevel {
    flex-direction: column;
}

@media all and (min-width: 851px) {
    .nav {
        margin-top: 34px;
        background: #ffffff;
        position: sticky;
        top: 0;
        border-bottom: 1px solid #ececec;
        z-index: 20 !important;
    }

        .nav > nav {
            display: flex;
            width: 100%;
        }

    .menu-bar-link[aria-haspopup="true"]:after {
       /* content: "";
        background-image: url('/Content/Menu/images/right-arrow.svg');
        background-size: 14px;
        width: 14px;
        height: 14px;
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)*/;
        display: none !important;
    }

    .menu [aria-haspopup="true"] ~ ul,
    .menu [aria-haspopup="true"] ~ .product,
    .menu [aria-haspopup="true"] ~ .investors-news {
        display: none;
    }

    .scroll {
        height: 77%;
        overflow-y: auto;
        width: 22%;
    }

    .scroll-2 {
        height: 69%;
        overflow-y: auto;
        width: auto;
    }

    .scroll-3 {
        height: 68%;
        overflow-y: auto;
        width: auto;
    }
    /*.closeMenu {
        border: none;
        background: none;
        cursor: pointer;
        position: absolute;
        right: 80px;
        top: 40px;
        z-index: 100;
    }*/
    .closeMenu {
        border: none;
        background: none;
        cursor: pointer;
        position: absolute;
        z-index: 100;
        top: 10px;
        right: 12px;
        display:none;
    }
        .closeMenu a  {
            cursor: pointer;
        }

        .closeMenu a i {
            font-size: 20px;
            cursor: pointer;
        }

        .closeMenu img {
            width: 30px;
        }

    .menu-bar {
        position: relative;
        width: 100%;
        padding-left: 90px;
    }

        /* .menu-bar > li > [aria-haspopup="true"]:after {
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#accent');
   }
    .menu-bar > li > [aria-haspopup="true"]:hover:after {
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#light');
   } */
        .menu-bar > li > [aria-haspopup="true"]:focus ~ ul {
            display: flex;
            transform-origin: top;
            animation: dropdown .2s ease-out;
            border-top: 1px solid #ececec;
            padding-top: 30px;
        }


        .menu-bar > li > [aria-haspopup="true"]:focus .product,
        .menu-bar > li > [aria-haspopup="true"]:focus .investors-news {
            display: flex;
            transform-origin: top;
            animation: dropdown .6s ease-out;
        }

        .menu-bar > li > [aria-haspopup="true"] ~ ul:hover {
            display: flex;
        }

        .menu-bar > li:focus-within > [aria-haspopup="true"] ~ ul {
            display: flex;
            padding-top: 30px;
            border-top: 1px solid #ececec;
            height: 500px;
        }

        .menu-bar > li > [aria-haspopup="true"] ~ ul {
            padding-top: 30px;
            border-top: 1px solid #ececec;
            height: 600px;
        }

        .menu-bar > li:focus-within > [aria-haspopup="true"] ~ .product {
            display: flex;
            padding-top: 30px;
            border-top: 1px solid #ececec;
            transform-origin: top;
            animation: dropdown .2s ease-out;
        }

        .menu-bar > li:focus-within > [aria-haspopup="true"] ~ .investors-news {
            display: flex;
            border-top: 1px solid #ececec;
            padding: 14px;
            transform-origin: top;
            animation: dropdown .2s ease-out;
        }

        .menu-bar > li > [aria-haspopup="true"] ~ ul.d-block:hover {
            display: block;
        }

        .menu-bar > li:focus-within > [aria-haspopup="true"] ~ ul.d-block {
            display: block;
            overflow: auto;
        }

        .menu-bar > li > [aria-haspopup="true"]:focus,
        .menu-bar > li:focus-within > [aria-haspopup="true"],
        .menu-bar > li > .menu-bar-link:hover {
            border-bottom: 3.5px solid #ce1141;
            font-weight: bold !important;
        }

        .menu-bar > li > .menu-bar-link:hover {
            border-bottom: 3.5px solid #ce1141 !important;
            font-weight: bold !important;
        }


    /* .menu-bar > li > [aria-haspopup="true"]:focus:after, .menu-bar > li:focus-within > [aria-haspopup="true"]:after, .menu-bar > li:hover > a:after {
        background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowTop.svg#light');
   } */

    .sub-menu-title {
        padding: 12px 0 22px 12px;
        font-size: 28px;
        color: #1b1b1b;
        font-family: 'bebasneuepro-smebd' !important;
        position: relative;
        width: 22%;
        /*min-height: 87px;*/
        margin-bottom: 22px;
        line-height: 1.1;
    }

        .sub-menu-title:after {
            content: "";
            background-color: #1b1b1b;
            width: 30px;
            height: 1px;
            position: absolute;
            left: 13px;
            bottom: 0;
        }

        .sub-menu-title a {
            color: #1b1b1b;
        }

    .sub-sub-menu-title {
        padding: 12px;
        padding-top: 17px !important;
    }

        .sub-sub-menu-title a {
            padding: 7px 1px;
            font-size: 14px;
            color: #ce1141;
            position: relative;
            font-weight: bold !important;
        }

            .sub-sub-menu-title a:hover {
                color: #1b1b1b !important;
            }

        .sub-sub-menu-title:after {
            content: "";
            background-color: #1b1b1b;
            width: 30px;
            height: 1px;
            position: absolute;
        }

        .mega-menu {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            padding-left: 90px;
            padding-right: 90px;
            max-height: 600px;
        }


        /* .mega-menu.width {
    width: 100%;
   }
   .mega-menu.width50 {
    width: 50%;
   } */
        .mega-menu:hover {
            display: flex;
        }

        .mega-menu a:hover {
            color: #ce1141;
        }

    .mega-menu--multiLevel > li {
        width: 22%
    }

        .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul {
            left: 27%;
            width: 22%;
        }

            .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul li ul {
                width: 100%;
                left: 100%;
            }

    /* .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul {
        display: block;
        transform-origin: left;
        animation: flyout .2s ease-out;
   } */
    .mega-menu--multiLevel li[aria-haspopup="true"]:focus ~ ul {
        display: block;
        transform-origin: left;
        animation: flyout .2s ease-out;
    }

    .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"] ~ ul {
        display: block;
        padding-top: 30px;
    }

    .mega-menu--multiLevel li:hover > [aria-haspopup="true"],
    .mega-menu--multiLevel li:hover > a,
    .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"],
    .mega-menu--multiLevel li:focus-within > a {
        background: #f8f8f8;
        color: #ce1141;
    }

    .menu-link[aria-haspopup="true"]:focus-within:after,
    .menu-link[aria-haspopup="true"]:hover:after {
        /*content: "";
        background-image: url('/Content/Menu/images/right-arrow-active.svg');
        background-size: 10px;
        width: 10px;
        height: 10px;
        font-size: 10px;
        position: relative;
        top: 50%;
        transform: translatey(20%);
        margin-left: 5px;*/
        /* right: 112px; */
        /*display: inline-block;*/
        background: url('/content/images/icon-sprites-fallback.png');
        background-image: linear-gradient(transparent, transparent), url('/content/images/icon-sprites-vector.svg');
        background-size: 58em 28em;
        background-position: -50em -16em;
    }

    .arrow-active {
        color: #ce1141;
    }
    
    .arrow-active:after {
        /* background-image: url('/Content/Menu/images/right-arrow-active.svg') !important;*/
        background-image: url(/content/images/icon-sprites-fallback.png) !important;
        background-size: 58em 28em !important;
        background-position: -50em -16em !important;
    }

    .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
    }

        /* .mega-menu--multiLevel [aria-haspopup="true"] {
    border-left: 1px solid #f0f0f0;
} */
        .mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover,
        .mega-menu--multiLevel [aria-haspopup="true"]:hover {
            display: block;
        }

    .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
        position: absolute;
        top: 0;
        height: 100%;
        width: 22%;
        left: 27%;
        padding-top: 30px;
    }

    .mega-menu--multiLevel ul li [aria-haspopup="true"] ~ ul {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        left: 100%;
    }

    .mega-menu--flat > * {
        flex: 1;
    }

    .mobile-menu-trigger,
    .mobile-menu-header,
    .mobile-menu-back-item {
        display: none;
    }

    .topMobileNavbar {
        display: none;
    }

    /* *** energy section */
    .Energy-section {
        display: flex;
        padding: 10px 0;
        flex-wrap: wrap;
    }

        .Energy-section li {
            padding: 0 12px;
            width: 23%;
            margin-bottom: 44px;
        }

            .Energy-section li.seprator {
               /* border-left: 1px solid #666;*/
               border-left:none;
                padding: 0 15px 0px 0px;
                width: 2px;
            }

        .Energy-section .menu-link {
            line-height: inherit;
            min-height: inherit;
        }

    .energy-title {
        font-size: 16px;
       /* margin-top: 15px;*/
        font-weight: bold !important;
        margin-bottom: 10px;
    }

    .energy-desc {
        font-size: 14px;
        color: #817e7e;
    }
        .energy-desc :hover {
            color: #1b1b1b !important;
        } 
        .energy-desc a {
            color: #ce1141;
            margin-top: 3px;
            position: relative;
            font-weight: bold !important;
        }

            .energy-desc a:after {
                /* content: "";
                background-image: url('/Content/Menu/images/right-arrow-active.svg');
                background-size: 10px;
                width: 10px;
                height: 10px;
                font-size: 10px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                margin-left: 5px;*/
                display: inline-block;
                content: "";
                border: 1px red;
                background: url('/content/images/icon-sprites-fallback.png');
                background-image: linear-gradient(transparent, transparent), url('/content/images/icon-sprites-vector.svg');
                background-size: 58em 28em;
                background-position: -50em -16em;
                width: 0.375em;
                height: 0.5em;
                font-size: 16px;
                margin-left: -10px;
                -moz-transform: translateX(20px);
                -ms-transform: translateX(20px);
                -webkit-transform: translateX(20px);
                transform: translateX(20px);
            }

            .energy-desc a:hover:after {
                /* content: "";
                background-image: url('/Content/Menu/images/right-arrow.svg');*/
                background: url('/content/images/icon-sprites-fallback.png');
                background-image: linear-gradient(transparent, transparent), url('/content/images/icon-sprites-vector.svg');
                background-size: 58em 28em;
                background-position: -48em -16em;
            }

            p.energy-desc  {
                height: calc(1.3em  *  3);
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
            }

    .Energy-section p.energy-desc {
        height: calc(1.4em * 2);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        margin-bottom: 3px;
    }

    .Energy-section .energy-title {
        height: calc(1em * 1.5);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }




    /* *** product section */
    /* .product {
        position: absolute;
        top: 90px;
        left: 73%;
        width: 20%;
        background: #fff;
        z-index: 10 !important;
    }*/

    .product {
        position: absolute;
        z-index: 10 !important;
        right: 0;
        left: 70.5%;
        top: 0px;
        height: 599px;
        /*width: 100%;*/
        background: #f3f3f3;
    }
    /* *** investors news section */
    .investors-news {
        position: absolute;
        top: 0;
        left: 49%;
        width: 51%;
        background: #fff;
        z-index: 10 !important;
    }

    .news-container {
        padding: 35px 5px;
    }

    .invs-news-title {
        padding: 14px 0;
    }

        .invs-news-title span {
            font-size: 12px;
            color: #1b1b1b;
            font-weight: bold !important;
            position: relative;
        }

    .investors-news .news-inner-container {
        background-color: #f3f3f3;
        padding-top: 0px;
        display: flex;
        height:599px;
    }

    .letest-new {
        width: 50%;
        padding-right: 10px;
    }
    .news-section {
        width: 50%;
        padding: 47px 30px 7px 30px;
        border-left: 1px solid #c1c1c1;
        padding-right: clamp(30px, calc(9.2vw - 66.7px), 110px) !important;
    }
    .Energy-section .menu-link, .Energy-section p.energy-desc {
        max-width: 280px;
    }

    .Energy-section .menu-link {
        padding: 0 !important;
    }

    .Energy-section .energy-title {
        margin-top: 20px !important;
        margin-bottom: 3px !important;
    }

    .news-container img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .news-container .letest-news-title {
        font-size: 19px;
        color: #1e1e1e;
        font-family: 'bebasneuepro-smebk' !important;
    }

    .news-container .news-desc {
        font-size: 12px;
        color: #858585;
    }

        .news-container .news-desc a {
            font-size: 11px;
            color: #ce1141;
            margin-top: 16px;
            position: relative;
        }

            .news-container .news-desc a:after {
                content: "";
                background-image: url('/Content/Menu/images/right-arrow-active.svg');
                background-size: 9px;
                width: 9px;
                height: 9px;
                font-size: 9px;
                position: absolute;
                top: 2px;
                margin-left: 4px;
            }

    .news-section-title {
        font-size: 16px;
        color: #1e1e1e;
        font-weight: bold !important;
        margin-bottom: 25px;
        position: relative;
    }

        .news-section-title:after {
            content: "";
            background-color: #1e1e1e;
            width: 32px;
            height: 2px;
            position: absolute;
            top: 30px;
            left: 0;
        }

    .news-item {
        border-bottom: 1px solid #c1c1c1;
        padding: 12px 0;
    }

        .news-item .news-title {
            font-weight: bold !important;
            font-size: 14px;
            color: #1b1b1b;
        }

            .news-item .news-title a {
                text-decoration: underline;
                color: #393939;
            }

        .news-item .date {
            color: #636363;
            font-size: 14px;
            margin-top: 10px;
        }

}

@media only screen and (min-width: 2100px) {

    .menu-bar > li:focus-within > [aria-haspopup="true"] ~ ul {
        height: 700px;
    }

    .investors-news {
      /*  width: 25%;*/
    }
}

@media only screen and (min-width: 3840px) {

    .investors-news {
      /*  width: 13%;*/
    }
}

@media all and (max-width: 1920px) {

    .menu-bar > li > [aria-haspopup="true"] ~ ul, .menu-bar > li:focus-within > [aria-haspopup="true"] ~ ul {
        height: 700px;
    }

    .mega-menu {
        max-height: 600px;
    }
    /*.product {
        top: 90px;
        width: 21%;
        left: 74%;
    }*/
    .closeMenu {
        right: 15px;
    }

    .investors-news {
        top: 0;
        left: 49%;
        width: 51%;
        background-color: #f3f3f3;
    }

   /* .news-container {
        padding: 40px 30px 30px 60px;
    }*/

    .scroll {
        width: 23%;
    }

    .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
        width: 23%;
        left: 26%;
    }
}
@media only screen and (max-width: 1920px) {
    .product {
        left: 71.75%;
    }
}

@media only screen and (max-width: 1800px) {
    .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
        left: 26.6%;
    }
    .product {
        left: 72.5%;
    }

}

@media only screen and (max-width: 1550px) {
    .product {
        left: 72.5%;
    }
}


@media only screen and (max-width: 1600px) {
    .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
        left: 27%;
    }
    /*.product {
        width: 19%;
        left: 75%;
    }*/
}

@media only screen and (max-width: 1425px) {
    .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
        left: 27.4%;
    }
    /*.product {
        width: 19%;
        left: 75%;
    }*/
}

@media only screen and (max-width: 1280px) {
    .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
        left: 28%;
    }
    .product {
        left: 73.5%;
    }
}

@media only screen and (max-width: 1050px) {
    .navbar-brand {
        padding: 18px;
    }

    .menu-bar {
        padding-left: 76px;
    }

    nav li {
        padding: 0 8px;
    }

    /*.menu-link {
        font-size: 13px;
        line-height: 58px;
        min-height: 61px;
    }*/

    .product, .investors-news {
        display: none;
    }

    .mega-menu {
        padding-left: 70px;
        padding-right: 70px;
    }

    .sub-menu-title {
        width: 29%;
        padding: 12px 7px 22px 7px;
    }

        .sub-menu-title:after {
            left: 7px;
        }

    .scroll {
        width: 30%;
    }

    .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
        width: 30%;
        left: 34%;
        border-right: none;
    }

    .closeMenu img {
        width: 25px;
    }

   /* .closeMenu {
        right: 62px;
    }*/
}


@media only screen and (max-width: 900px) {
    /*.menu-link {
        line-height: 16px;*/
       /* padding-top: 16px;*/
    /*}*/

    .menu-bar {
        padding-right: 35px;
    }
}

@media only screen and (max-width: 850px) {

    .product,
    .investors-news,
    #navbar {
        display: none;
    }

    .closeMenu {
        display: none;
    }

    .dflex-align-center {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav {
        /*padding: 6px;
        position: relative;
        z-index: 10 !important;*/
        padding: 0px;
        position: sticky;
        z-index: 20 !important;
        background: #ffffff;
        top: 0;
        border-bottom: 1px solid #ececec;
    }

        .nav nav {
            display: flex;
            justify-content: space-between;
        }

    nav li {
        padding: 0 7px;
    }

    .navbar-brand {
        border-right: none;
        position: relative;
    }

    .topMobileNavbar {
        position: relative;
        top: 7%;
        padding: 0 10px;
    }

        .topMobileNavbar a {
         /*   line-height: 40px;*/
            /*font-size: 1em;*/
            color: #9c9c9c;
            padding: 7px 0;
            line-height: 1.4;
            font-size: 16px;
        }

        .topMobileNavbar:before {
            content: "";
            background-color: #9c9c9c;
            width: 30px;
            height: 1px;
            position: absolute;
            top: -30px;
            left: 10px;
        }

    .menu-link {
       /* line-height: 50px;
        min-height: fit-content;
        font-size: 14px;*/
        font-weight: normal !important;
        border-bottom: none !important;
    }

        .menu-link:hover {
            color: #ce1141 !important;
        }

        .menu-link[aria-haspopup="true"]:hover:after {
            /*content: "";
            background-image: url('/Content/Menu/images/right-arrow-active.svg');*/

            background: url('/content/images/icon-sprites-fallback.png');
            background-image: linear-gradient(transparent, transparent), url('/content/images/icon-sprites-vector.svg');
            background-size: 58em 28em;
            background-position: -50em -16em;
        }

    .menu-bar-link[aria-haspopup="true"]:after {
        /* content: "";
        background-image: url('/Content/Menu/images/right-arrow.svg');
        background-size: 14px;
        width: 14px;
        height: 14px;
        font-size: 12px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 5px;*/
        display: inline-block;
        content: "";
        border: 1px red;
        background: url('/content/images/icon-sprites-fallback.png');
        background-image: linear-gradient(transparent, transparent), url('/content/images/icon-sprites-vector.svg');
        background-size: 58em 28em;
        background-position: -48em -16em;
        width: 0.375em;
        height: 0.5em;
        font-size: 16px;
        margin-left: -10px;
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    .menu-bar-link[aria-haspopup="true"]:hover:after {
        /*content: "";
        background-image: url('/Content/Menu/images/right-arrow-active.svg');*/

        background: url('/content/images/icon-sprites-fallback.png');
        background-image: linear-gradient(transparent, transparent), url('/content/images/icon-sprites-vector.svg');
        background-size: 58em 28em;
        background-position: -50em -16em;
    }

    .Energy-section .energy-title {
        display: inline-block;
    }

    .Energy-section .menu-link {
        line-height: inherit;
        padding: 10px 0;
        font-size: 0.9em;
    }

        .Energy-section .menu-link:after {
            /*content: "";
            background-image: url('/Content/Menu/images/right-arrow.svg');
            background-size: 14px;
            width: 14px;
            height: 14px;
            font-size: 14px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            margin-left: 5px;*/
            display: inline-block;
            content: "";
            border: 1px red;
            background: url(/content/images/icon-sprites-fallback.png);
            background-image: linear-gradient(transparent, transparent), url(/content/images/icon-sprites-vector.svg);
            background-size: 58em 28em;
            background-position: -48em -16em;
            width: 0.375em;
            height: 0.5em;
            font-size: 16px;
            margin-left: -10px;
            -moz-transform: translateX(20px);
            -ms-transform: translateX(20px);
            -webkit-transform: translateX(20px);
            transform: translateX(20px);
        }

        .Energy-section .menu-link:hover:after {
            /* content: "";
            background-image: url('/Content/Menu/images/right-arrow-active.svg');*/
            background: url(/content/images/icon-sprites-fallback.png);
            background-image: linear-gradient(transparent, transparent), url(/content/images/icon-sprites-vector.svg);
            background-size: 58em 28em;
            background-position: -50em -16em;
        }

    .mobile-menu-trigger,
    .mobile-menu-header,
    .mobile-menu-back-item {
        display: block;
    }

    .mobile-menu-trigger {
        border: 0;
        padding: 10px;
        font-size: 1.3em;
        border-radius: 4px;
        color: #5e5e5e;
        position: relative;
        align-self: center;
    }

    .mobile-menu-header {
        order: -1;
        background: grey;
    }

        .mobile-menu-header a {
            padding: 20px 25px;
            color: #ffffff;
            visibility: visible;
        }

    .menu-bar {
        flex-direction: column;
        position: absolute;
        top: 73px;
        left: -100%;
        height: 100vh;
        width: 100%;
        overflow-x: hidden;
        transition: left .3s;
        box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.25);
        padding: 30px 15px;
    }

    .left {
        left: 0;
    }

    .menu-bar > li > [aria-haspopup="true"] ~ ul {
        display: flex;
        flex-direction: column;
        background: #ffffff;
        position: absolute;
        left: 100%;
        top: 0;
        max-height: 100vh;
        width: 100%;
        transition: left .3s;
        padding-left: 15px;
    }

        .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] {
            font-size: 0.9em;
        }

            .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
                /* padding-left: 40px; */
            }

            .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
                /* padding-left: 80px; */
            }

        .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] {
            color: #3C3C3C;
        }

            /* .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:after {
        content: "+";
        background: none;
        font-size: 1em;
        font-weight: normal;
        height: 20px;
        line-height: 1;
   } */
            .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul {
                /* max-height: 0px;
        transform-origin: top;
        transform: scaleY(0);
        transition: max-height .1s; */

                display: flex;
                flex-direction: column;
                background: #ffffff;
                position: absolute;
                left: 100%;
                top: 0px;
                height: 100%;
                width: 100%;
                transition: left .3s;
                z-index: 2;
            }

    .mega-menu-content {
        padding: 20px 25px;
    }

    .mobile-menu-back-item {
        order: -1;
        padding-left: 0;
        line-height: 40px;
        margin-bottom:20px;
    }

        .mobile-menu-back-item a {
            background: tint(grey, 70%);
            color: #2a2a2a;
            max-height: calc(1.4em + 40px);
            padding: 6px 0px 0px 18px;
        }

            /*.mobile-menu-back-item a:hover {*/
                /*color: #ce1141;*/
                /*background: url('/content/images/icon-sprites-fallback.png');
                background-image: linear-gradient(transparent, transparent), url('/content/images/icon-sprites-vector.svg');
                background-size: 58em 28em;
                background-position: -32em -16em;
                width: 0.5em;
                height: 0.75em;
                font-size: 16px;
                content: "";
                position: absolute;
                left: 20px;
                top: 20px;
            }*/


            .mobile-menu-back-item a:before {
                /*content: "";
                width: 28px;
                height: 28px;
                background-image: url('/Content/Menu/images/back.svg');
                background-size: 28px;
                margin-right: 0px;
                display: inline-block;
                position: relative;
                top: 8px;*/

                background: url('/content/images/icon-sprites-fallback.png');
                background-image: linear-gradient(transparent, transparent), url('/content/images/icon-sprites-vector.svg');
                background-size: 58em 28em;
                background-position: -28em -16em;
                width: 0.5em;
                height: 0.75em;
                font-size: 16px;
                content: "";
                position: absolute;
                left: 20px;
                top: 19px;
            }

            .mobile-menu-back-item a:hover:before {
                /*content: ""; 
                background-image: url('/Content/Menu/images/back-active.svg');*/
                background: url('/content/images/icon-sprites-fallback.png');
                background-image: linear-gradient(transparent, transparent), url('/content/images/icon-sprites-vector.svg');
                background-size: 58em 28em;
                background-position: -32em -16em;
                width: 0.5em;
                height: 0.75em;
                font-size: 16px;
                content: "";
                position: absolute;
                left: 20px;
                top: 19px;
            }

    /* .mobile-menu-trigger:focus ~ ul {
        left: 0;
   } */
    /* .menu-bar:hover, .menu-bar:focus-within {
        left: 0;
   } */
    /* .menu-bar > li > [aria-haspopup="true"]:focus ~ ul {
        left: 0;
   } */
    .menu-bar > li > [aria-haspopup="true"] ~ ul {
        margin-top: calc(1.4em - 10px);
        height: 100%;
    }

        .menu-bar > li > [aria-haspopup="true"] ~ ul:hover,
        .menu-bar > li > [aria-haspopup="true"] ~ ul:focus-within {
            left: 0;
        }

        .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus ~ ul {
            /* max-height: 500px;
        animation: dropdown .3s forwards; */
            left: 0;
        }

        .menu-bar > li > [aria-haspopup="true"] ~ ul li:focus-within > [aria-haspopup="true"] ~ ul {
            /* max-height: 500px;
        transform: scaleY(1); */
            left: 0;
        }

    .menu-bar > li:focus-within ~ .mobile-menu-header a {
        visibility: hidden;
    }

    .sub-menu-title {
        padding: 20px 10px 22px 10px;
        position: relative;
        margin-bottom: 22px;
        width: 100%;
    }

        .sub-menu-title a {
            font-family: 'bebasneuepro-smebd' !important;
            font-size: 28px;
            color: #1b1b1b;
        }
        .sub-sub-menu-title a {
            font-family: 'bebasneuepro-smebd' !important;
            font-size: 28px;
            color: #1b1b1b;
            display:block !important;
        }
    .sub-sub-menu-title p{
        display:none !important;
    }

    .sub-menu-title a:hover {
        color: #ce1141;
    }

        .sub-menu-title:after {
            content: "";
            background-color: #1b1b1b;
            width: 30px;
            height: 1px;
            position: absolute;
            left: 10px;
            bottom: 0px;
        }

    .sub-sub-menu-title {
        padding: 20px 10px;
        position: relative;
        margin-bottom: 20px;
    }

        /*.sub-sub-menu-title a {
            font-size: 1.1em;
            color: #1b1b1b;
        }*/

            .sub-sub-menu-title a:hover {
                color: #ce1141;
            }

        .sub-sub-menu-title .energy-desc {
            display: none;
        }

        .sub-sub-menu-title:after {
            content: "";
            background-color: #1b1b1b;
            width: 30px;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 10px;
        }

    .scroll {
        width: 100%;
    }

    /*.mega-menu--multiLevel .menu-link {
        padding: 10px 0px;
        font-size: 0.9em;
    }*/

    .Energy-section .energy-icon, .Energy-section .energy-desc {
        display: none;
    }
}

@media all and (max-width: 850px) {

    /* .mobile-menu-trigger:hover ~ ul {
        left: 0;
   } */
    .menu-bar > li > [aria-haspopup="true"]:focus ~ ul {
        left: 0;
    }

    /* .menu-bar > li > [aria-haspopup="true"] ~ ul:hover {
        left: 0;
   } */
    .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus ~ ul {
        /* max-height: 500px;
        animation: dropdown .3s forwards; */
        left: 0;
    }

    .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul:focus {
        /* max-height: 500px;
        transform: scaleY(1); */
        left: 0;
    }

    .menu-bar > li.mobile-menu-header a {
        visibility: hidden;
    }

    .menu-bar > li:hover ~ .mobile-menu-header a {
        visibility: visible;
    }
}

@keyframes dropdown {
    0% {
        opacity: 0;
        transform: scaleY(0);
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes flyout {
    0% {
        opacity: 0;
        transform: scaleX(0);
    }

    100% {
        opacity: 1;
        transform: scaleX(1);
    }
}

.fontWeightBold {
    font-weight: bold;
}
.mobileHome {
    display: none !important;
}

@media only screen and (min-width: 1051px) {

    .menu-bar-link {
        line-height: normal !important;
        min-height: 80px;
        padding: 31px 0 0 0 !important;
    }
}

@media only screen and (min-width: 851px) and (max-width: 1050px) {

    .menu-bar-link {
        line-height: normal !important;
        min-height: 66px;
        padding: 25px 0 0 0 !important;
        font-size: 14px !important;
    }
}
@media only screen and (max-width: 850px) {

    .menu-bar-link {
        line-height: 1.4 !important;
        min-height: unset;
        padding: 7px 0;
    }
    .mobileHome {
        display: block !important;
    }
}