.orange-link-button, .webcast-btn {
    font-weight: 700;
    border-radius: 25px
}

.center-box, .ticker {
    left: 0;
    position: absolute
}

.enerey-box-ul, .kpi-ul, ol, ul {
    list-style: none
}

@font-face {
    font-family: ITCAvantGardePro-Md;
    src: url(../fonts/ITCAvantGardePro-Md.eot?#iefix) format('embedded-opentype'),url(../fonts/ITCAvantGardePro-Md.woff) format('woff'),url(../fonts/ITCAvantGardePro-Md.ttf) format('truetype'),url(../fonts/ITCAvantGardePro-Md.svg#ITCAvantGardePro-Md) format('svg');
    font-weight: 400;
    font-style: normal
}

body, html {
    height: 100%
}

body {
    font-family: ITCAvantGardePro-Md,sans-serif !important;
    font-size: 14px;
    color: #000
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.orange-link-button {
    display: inline-block;
    text-decoration: none;
    color: #fff !important;
    background: #f60 !important;
    padding: 16px 46px;
    font-size: 14px !important
}

#InstitutionalOwnershipForm, #dividendInfo .irwHeaderRow, #irwCustomPage, #irwWrapper > .InfoRequest, #irwWrapper > .container > form:not(#corporateform), #irwWrapperPR, #stockInfo {
    max-width: 1230px;
    width: 100%;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px
}

#irwWrapper .irwErrorPage, #irwWrapper .irwNotiSettings, #irwWrapper .notificationNote {
    max-width: 1200px;
    margin: auto
}

#irwWrapper .irwErrorPage {
    float: none
}

.container-box {
    max-width: 1230px;
    width: 100%;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.sprite {
    background: url(../images/icon-sprite.png) no-repeat
}

.icon-webcast {
    background-position: -4px -4px;
    display: inline-block;
    width: 20px;
    height: 32px;
    vertical-align: middle;
    margin: 5px 15px;
    float: left
}

.soical-icons a {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    text-decoration: none;
    margin-right: 22px
}

.icon-ad, .icon-caret-orange {
    display: inline-block;
    vertical-align: middle
}

.soical-icons a:last-of-type {
    margin-right: 0
}

.icon-fb {
    background-position: -105px -4px;
    width: 14px;
    height: 30px
}

.icon-tw {
    background-position: -124px -4px;
    width: 28px;
    height: 28px
}

.icon-gp {
    background-position: -155px -4px;
    width: 38px;
    height: 28px
}

.icon-yt {
    background-position: -197px -4px;
    width: 28px;
    height: 26px
}

.icon-ig {
    background-position: -229px -4px;
    width: 28px;
    height: 28px
}

.icon-caret-orange {
    background-position: -387px -15px;
    width: 10px;
    height: 6px
}

.icon-ad {
    background-position: -262px -6px;
    width: 16px;
    height: 14px
}

.logo, .logo-cell {
    vertical-align: top
}

.burger-icon-open, .mobile {
    display: none
}

.site-header {
    padding: 37px 15px 0 69px;
    background: #fff;
    table-layout: fixed
}

.logo-cell {
    float: left;
    width: 12%;
    padding-right: 24px
}

.links-cell {
    float: right;
    width: 88%
}

.logo {
    max-height: 60px;
    width: auto;
    display: inline-block
}

.banner-image {
    background: url(../images/banner_home.jpg) top no-repeat;
    background-size: cover;
    min-height: 578px;
    position: relative
}
.banner-inner-image {
    position: relative;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 20px
}

    .banner-inner-image .banner-image-display {
        width: 100%;
        height: 100%
    }

    .banner-inner-image .banner-title {
        position: absolute;
        top: 40%;
        width: 100%;
        text-align: center
    }

        .banner-inner-image .banner-title > label {
            margin: 0 0 15% !important;
            padding: 0;
            font-size: 50px;
            color: #fff;
            text-shadow: 0 0 5px rgba(0,0,0,.5);
            letter-spacing: 2px
        }

.center-box {
    right: 0;
    top: 12%;
    transform: translateY(-12%);
    margin: auto;
    max-width: 578px;
    width: 100%;
    text-align: center
}

    .center-box > label {
        margin: 0 0 15% !important;
        padding: 0;
        font-size: 60px;
        color: #666;
        text-shadow: 4px 2px 1px rgba(0,0,0,.1);
        letter-spacing: 2px
    }

.webcast-box {
    background: #fff;
    padding: 0 5px;
    border-radius: 25px;
    display: table;
    width: 100%
}

    .webcast-box a {
        display: table !important;
        font-size: 18px;
        margin: 0 !important
    }

    .webcast-box span, .webcast-btn {
        display: table-cell;
        vertical-align: middle
    }

    .webcast-box span {
        width: 56%;
        text-align: left
    }

.enerey-box-ul > li, .energy-desc, .energy-text, .kpi-ul > li, .ticker-box {
    text-align: center
}

.webcast-btn {
    background: #f60 !important;
    color: #fff !important;
    padding: 16px 90px;
    font-size: 15px
}

.ticker {
    background: rgba(0,0,0,.5);
    width: 100%;
    z-index: 1;
    bottom: 0;
    padding: 22px 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700
}

.ticker-box {
    width: 100%;
    margin: auto;
    max-width: 1200px
}

    .ticker-box .pipe {
        display: inline-block;
        margin: 0 40px
    }

    .ticker-box .val {
        display: inline-block;
        font-weight: 400;
        margin-left: 25px
    }

.kpi-box {
    background: #fff;
    padding: 80px 0
}

.kpi-ul {
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%
}

    .kpi-ul > li {
        display: table-cell;
        font-size: 16px;
        border: 15px solid #fff;
        background: #edf2f4 !important;
        padding: 25px !important;
        width: 18.4%;
        position: relative;
        border-radius: 5px;
        vertical-align: middle
    }

        .kpi-ul > li::after {
            content: '';
            box-shadow: 0 0 5px rgba(0,0,0,.5);
            display: block;
            position: absolute;
            top: 0;
            left: 0
        }

.kpi-box .container {
    max-width: 1210px;
    padding: 0 5px;
    width: 100%;
    margin: auto
}

.news-earning-box {
    background: #212936;
    padding: 90px 0;
    margin-top: 15px
}

    .news-earning-box .container {
        max-width: 1210px;
        padding: 0 5px;
        width: 100%;
        margin: auto
    }

.news-box-l {
    width: 100%;
    float: left;
    position: relative
}

    .news-box-l .orange-link-button {
        position: absolute;
        right: 0;
        top: 0
    }

.earning-box-r {
    width: 46%;
    margin-right: 4%;
    float: left
}

.euql-height-box {
    overflow-y: auto;
    color: #fff;
    line-height: 1.6;
    font-weight: 700
}

.enerey-box-ul > li h6, .energy-text, .news-er-h2 {
    font-weight: 700 !important
}

.earning-heading {
    font-size: 20px
}

    .earning-heading a {
        color: #fff !important;
        font-size: 20px
    }

.news-er-h2 {
    margin: 0 0 50px !important;
    padding: 0;
    font-size: 40px !important;
    color: #fff !important
}

.news-heading {
    font-size: 20px;
    width: 48%;
    margin-right: 2%;
    float: left;
    margin-bottom: 50px
}

.icon-pdf-box, .icon-web-box {
    background-position: -28px -3px;
    width: 35px;
    height: 35px;
    margin-right: 50px
}

.news-heading a {
    font-size: 20px;
    color: #fff !important;
    display: inline-block
}

.news-heading:last-of-type {
    margin-bottom: 0
}

.icon-web-box {
    display: inline-block;
    vertical-align: middle
}

.icon-pdf-box {
    margin-top: 8px;
    float: left
}

    .icon-pdf-box + a {
        display: table
    }

.enerey-box-ul > li, .icon-marker-recycle {
    display: inline-block;
    vertical-align: top
}

.earning-heading {
    margin-bottom: 40px
}

    .earning-heading:last-of-type {
        margin-bottom: 0
    }

.enerey-box {
    background: #fff;
    padding: 80px 0
}

    .enerey-box .container {
        max-width: 1210px;
        padding: 0 5px;
        width: 100%;
        margin: auto
    }

.energy-text {
    margin: 0 !important;
    padding: 0;
    font-size: 40px !important
}

.energy-desc {
    font-size: 24px;
    line-height: 1.8;
    margin: 50px 0 !important
}

.enerey-box-ul {
    font-size: 0;
    margin: 0 0 30px !important;
    padding: 0
}

    .enerey-box-ul > li {
        font-size: 16px;
        width: 16.8%;
        padding: 10px !important;
        margin-right: 4% !important
    }

        .enerey-box-ul > li:last-of-type {
            margin-right: 0 !important
        }

        .enerey-box-ul > li h6 {
            margin: 30px 0 !important;
            padding: 0;
            text-transform: capitalize !important;
            font-size: 14px !important
        }

.icon-marker-recycle {
    width: 105px;
    height: 104px;
    background: url(../images/recycle.png) no-repeat
}

.icon-envelope, .icon-heating, .icon-marker {
    vertical-align: top;
    height: 100px;
    display: inline-block
}

.icon-marker {
    background-position: -5px -48px;
    width: 77px
}

.icon-heating {
    background-position: -88px -48px;
    width: 106px
}

.icon-envelope {
    background-position: -196px -48px;
    width: 100px
}

.desc-text {
    color: #626e84;
    letter-spacing: 1px;
    line-height: 1.5;
    font-size: 14px
}

.site-footer {
    background: #ecf1f4
}

.footer-links {
    max-width: 1560px;
    width: 100%;
    margin: auto;
    padding: 60px 5px
}

    .footer-links a {
        text-decoration: none;
        color: #000;
        margin-bottom: 15px;
        display: inline-block
    }

    .footer-links h5 {
        font-weight: 700;
        margin: 0 0 35px;
        font-size: 16px
    }

.foot-col-one {
    float: left
}

.foot-col-two {
    float: left;
    margin-left: 130px
}

.foot-col-right {
    float: right
}

.copy-right {
    padding-top: 40px
}

.copy-info {
    padding-top: 8px;
    float: left
}

    .copy-info a {
        color: #00f
    }

    .copy-info .pipe {
        display: inline-block;
        margin: 0 30px
    }

.copy-right img {
    float: right;
    max-height: 36px
}

@media (min-width:1301px) {
    .burger-icon-close, .burger-icon-open {
        display: none
    }

    .site-menu > li, .site-menu > li > a {
        display: inline-block;
        vertical-align: top
    }

    .site-menu {
        margin: 25px 0 0;
        padding: 0;
        list-style: none;
        font-size: 0
    }

        .site-menu > li, .site-menu > li:last-of-type {
            margin-right: 24px
        }

        .site-menu > li {
            position: relative
        }

            .site-menu > li > a {
                font-size: 14px;
                text-decoration: none;
                color: #000;
                text-transform: uppercase;
                letter-spacing: 1px
            }

        .site-menu ul {
            padding: 10px;
            list-style: none;
            display: none;
            position: absolute;
            background: #f60;
            left: 0;
            right: 0;
            margin: auto;
            min-width: 200px;
            z-index: 1
        }

        .site-menu > li:hover ul {
            display: block
        }

        .site-menu > li > ul > li {
            padding: 10px;
            margin: 0;
            border-bottom: 1px solid #fff
        }

            .site-menu > li > ul > li:last-of-type {
                border-bottom: 0
            }

            .site-menu > li > ul > li > a {
                font-size: 14px;
                text-decoration: none;
                color: #fff
            }
}

@media (max-width:1300px) {
    .burger-icon-close, .burger-icon-open, .site-menu > li a {
        text-decoration: none;
        color: #fff
    }

    .site-header {
        padding: 5px
    }

    .burger-icon-open, .mobile-caret {
        border: 1px solid #f60;
        float: right;
        padding: 4px 8px
    }

        .burger-icon-open .fa-close {
            color: #000
        }

    .burger-icon-open {
        display: inline-block;
        background: #f60;
        font-size: 20px;
        margin-top: 10px
    }

    .icon-caret-orange {
        display: none
    }

    .mobile-caret {
        display: inline-block;
        color: #fff
    }

    .burger-icon-close {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: #000;
        text-align: center;
        vertical-align: middle;
        font-size: 20px;
        line-height: 35px
    }

    .links-cell nav {
        position: fixed;
        width: 100%;
        height: 100%;
        max-width: 280px;
        background: #000;
        top: 0;
        overflow-y: auto;
        right: 100%;
        transition: all .3s;
        z-index: 9999
    }

    .site-menu > li > ul {
        display: none
    }

    .site-menu {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .site-menu > li {
            padding: 10px;
            border: solid #333;
            border-width: 1px 0 0
        }

            .site-menu > li a {
                padding-bottom: 0
            }

    .show-menu {
        right: 0 !important
    }

    .showmenu-sub ul {
        display: block !important;
        padding: 10px;
        background: #f60;
        margin: 15px 0
    }

        .showmenu-sub ul > li > a {
            display: block;
            padding: 8px 4px
        }

    .showmenu-sub .fa-caret-down::before {
        content: "\f0d8"
    }
}

@media (max-width:767px) {
    .kpi-box {
        padding: 20px 0
    }

    .kpi-ul {
        font-size: 0
    }

        .kpi-ul > li {
            font-size: 16px;
            display: inline-block;
            margin: 0 0 10px !important;
            width: 50%
        }

    .icon-pdf-box, .icon-web-box {
        margin-right: 10px
    }

    .earning-box-r, .news-box-l {
        width: 100%;
        float: none;
        margin: 0
    }

    .news-box-l {
        margin-bottom: 50px
    }

    .euql-height-box {
        min-height: 100%;
        max-height: 100%;
        margin-bottom: 25px
    }

    .webcast-box a {
        margin: 8px 0 !important
    }

    .center-box {
        width: 98%;
        display: block
    }

    .webcast-box span, .webcast-btn {
        display: block;
        width: 100%
    }

    .webcast-btn {
        margin-top: 15px
    }

    .center-box > label {
        font-size: 30px
    }

    .enerey-box-ul > li {
        width: 31% !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important
    }

    .foot-col-one {
        width: 50%
    }

    .foot-col-two {
        width: 45%;
        margin-left: 5%
    }

    .foot-col-right {
        padding-top: 20px;
        text-align: center;
        width: 100%
    }

    .copy-right {
        padding: 0;
        text-align: center
    }

        .copy-info, .copy-right img {
            float: none
        }

            .copy-info .pipe {
                margin: 15px 0
            }

                .copy-info .pipe:first-of-type {
                    display: none
                }

    .news-heading {
        width: 100%;
        margin-right: 0
    }

    .news-box-l .orange-link-button {
        position: relative
    }
}

@media (max-width:600px) {
    .ticker {
        text-align: center;
        padding: 15px
    }

    .ticker-box .pipe {
        display: block;
        margin: 15px 0;
        font-size: 0;
        background: #fff;
        height: 2px
    }

    .kpi-ul > li {
        margin: 0 !important;
        display: block;
        width: 100%
    }

    .enerey-box-ul > li {
        width: 48% !important
    }
}

@media only screen and (min-width:320px) and (max-width:1024px) {
    .banner-inner-image .banner-title > label {
        margin: 0 !important;
        font-size: 23px !important;
        width: 100%;
        display: table-cell;
        vertical-align: bottom;
        text-align: center
    }

    .banner-inner-image, .banner-inner-image .banner-title {
        position: relative;
        text-align: center;
        width: 100%;
        vertical-align: middle
    }

        .banner-inner-image .banner-title {
            bottom: 0;
            top: 0 !important;
            min-height: 100px;
            display: table
        }

        .banner-inner-image .banner-image-display {
            width: 100%;
            height: 100%;
            display: none
        }

    .banner-inner-image {
        display: block;
        margin-bottom: 20px;
        background-image: url(../images/banner-inner-new.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: -260px 0
    }

    .banner-image {
        min-height: 200px
    }

    #irwWrapper .center-box > label {
        font-size: 23px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner-inner-image .banner-title > label {
        font-size: 28px !important
    }

    .banner-inner-image {
        background-position: center top
    }
}

@media (max-width:320px) {
    .enerey-box-ul > li {
        width: 100% !important;
        border-bottom: 1px solid #ccc;
        margin: 15px 0 !important;
        padding-bottom: 15px !important
    }

        .enerey-box-ul > li:last-of-type {
            border-bottom: 0 !important
        }
}