/*Hide angular code at rendering time.*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

body, html {
    height: 100%;
}

body {
    font-size: 14px;
}

a {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    a:hover {
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.content-sm {
    padding-top: 20px;
    padding-bottom: 20px;
}

.content-md {
    padding-top: 30px;
    padding-bottom: 30px;
}

.content {
    padding-top: 40px;
    padding-bottom: 40px;
}

.content-lg {
    padding-top: 15px;
    padding-bottom: 30px;
}

.headline {
    position: relative;
    display: block;
    margin: 0 0 20px 0;
}

    .headline h2 {
        color: #000;
        font-weight: 300;
        text-transform: uppercase;
        margin: 0 0 20px;
        padding: 0 0 5px;
        display: inline-block;
        line-height: 30px;
    }

        .headline h2:after {
            left: 0;
            right: 0;
            z-index: 1;
            width: 100px;
            height: 2px;
            content: " ";
            bottom: 5px;
            text-align: center;
            position: absolute;
            background-color: #007bff;
        }

.headline-light h2 {
    color: #ffffff !important;
}

.headline-center {
    text-align: center;
}

    .headline-center h2:after {
        left: 50%;
        margin-left: -50px;
    }

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.nearmiss-incident-wrapper {
    background: #f3f7f9;
    font-size: 13px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Header Start*/
.header-wrapper {
    background: #fff;
    position: relative;
    z-index: 1010;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}

.header {
    position: relative;
}

    .header .logo {
        position: relative;
        float: left;
        margin: 10px 0 5px;
    }
        .header .logo img {
            height: 40px;
        }
/*
Navigation Menu */
.navigation-menu {
    margin: 0;
    float: right;
}

    .navigation-menu ul {
        margin: 0;
        padding: 0;
    }

        .navigation-menu ul li {
            display: inline-block;
        }

            .navigation-menu ul li a {
                display: block;
                padding: 23px 15px 20px;
                line-height: 20px;
                color: #000000;
                font-size: 16px;
                text-decoration: none;
                border-bottom: 3px solid transparent;
            }

            .navigation-menu ul li:hover a {
                color: #589ffc;
            }

            .navigation-menu ul li.active a {
                color: #3e8ef7;
                border-bottom-color: #3e8ef7;
            }

.btn-navigation-menu {
    color: #003975;
    display: none;
}

@media only screen and (max-width: 991px) {
    .btn-navigation-menu {
        display: inline-block;
    }

    .navigation-menu {
        display: none;
        position: absolute;
        top: 100%;
        z-index: 1;
        width: 100%;
        background: #ffffff;
        float: none;
        border: 1px solid #d5dbdd;
        -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);
        box-shadow: 0 3px 12px rgba(0,0,0,.05);
    }

        .navigation-menu ul li {
            display: block;
        }

            .navigation-menu ul li a {
                padding: 10px 15px;
            }
}

/*
Header Buttons */


/*
Plant Selection */
.plant-selection {
    width: 220px;
    float: right;
    margin: 15px 0 0 10px;
}

    .plant-selection i {
        font-size: 20px;
        color: #0f3557;
    }

    .plant-selection .form-control,
    .plant-selection .input-group-addon {
        background-color: #f3f7f9;
    }
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Header End*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Breadcrumb Start*/
.HseLearning-banner {
    background: url('/Areas/Public/Content/images/News.jpg');
    background-size: cover;
    background-position: left bottom;
}

.HseLearning-detail-banner {
    background: url('/Areas/Public/Content/images/News.jpg');
    background-size: cover;
    background-position: left bottom;
}

.News-banner {
    background: url('/Areas/Public/Content/images/News.jpg');
    background-size: cover;
    background-position: left bottom;
}

.News-detail-banner {
    background: url('/Areas/Public/Content/images/News.jpg');
    background-size: cover;
    background-position: left bottom;
}

.Event-banner {
    background: url('/Areas/Public/Content/images/Event.jpg');
    background-size: cover;
    background-position: left bottom;
}

.Event-detail-banner {
    background: url('/Areas/Public/Content/images/Event.jpg');
    background-size: cover;
    background-position: left bottom;
}

.KBDashboard-banner {
    background: url('/Areas/Public/Content/images/Knowledge.jpg');
    background-size: cover;
    background-position: left top;
}

.breadcrumb-wrapper {
    position: relative;
}

    .breadcrumb-wrapper .breadcrumb-heading {
        display: block;
        padding: 60px 0;
    }

    .breadcrumb-wrapper h2 {
        font-size: 36px;
        color: #ffffff;
        line-height: 48px;
        margin: 0;
        font-weight: 300;
    }

        .breadcrumb-wrapper h2 span {
            background-color: #00173f;
            padding: 10px 20px;
            display: inline-block;
        }
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Breadcrumb End*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Floating Menu Start*/
.floating-menu {
    position: fixed;
    z-index: 1020;
    right: 0;
    top: 20%;
    padding: 5px;
    background: #ffffff;
}

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

        .floating-menu ul li {
            margin: 0;
            padding: 0;
        }

            .floating-menu ul li + li {
                margin-top: 5px;
            }

            .floating-menu ul li a {
                display: block;
                width: 130px;
                white-space: normal;
                border: none;
                font-size: 13px;
                line-height: 16px;
            }


@media only screen and (max-width: 767px) {
    .floating-menu {
        position: relative;
        z-index: 1;
        padding: 5px;
        background: #f3f7f9;
        text-align: center;
    }

        .floating-menu ul li {
            display: inline-block;
            vertical-align: top;
            margin: 2px;
        }

            .floating-menu ul li + li {
                margin-top: 2px;
            }
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Floating Menu End*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Banner Start*/
.banner-wrapper {
    position: relative;
    z-index: 0;
}
/*.ls-container{visibility: hidden;position: relative}
.ls-lt-container{position: absolute}
.ls-lt-container, .ls-lt-container *{text-align: left !important;direction: ltr !important}
.ls-container-fullscreen{margin: 0 auto !important;padding: 2% !important;background: black !important;border-radius: 0 !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border: none !important}
.ls-container-fullscreen .ls-thumbnail-wrapper, .ls-container-fullscreen .ls-fullscreen, .ls-container-fullscreen .ls-shadow{display: none !important}
.ls-overflow-hidden{overflow: hidden}
.ls-inner{position: relative;background-position: center center;z-index: 2}
.ls-loading-container{position: absolute !important;display: none;z-index: 3 !important;left: 50% !important;top: 50% !important}
.ls-loading-indicator{margin: 0 auto}
.ls-inner, .ls-slide{width: 100%;height: 100%}
.ls-slide, .ls-layer{position: absolute;display: none;background-position: center center;overflow: hidden}
.ls-active, .ls-animating{display: block !important}
.ls-slide > *{position: absolute;line-height: normal;margin: 0;left: 0;top: 0}
.ls-slide .ls-bg{left: 0px;top: 0px;transform: none !important;-o-transform: none !important;-ms-transform: none !important;-moz-transform: none !important;-webkit-transform: none !important}
.ls-yourlogo{position: absolute;z-index: 99}
.ls-bar-timer{position: absolute;width: 0;height: 2px;background: white;border-bottom: 2px solid #555;opacity: .55;filter: alpha(opacity=55);z-index: 4;top: 0}
.ls-circle-timer{width: 16px;height: 16px;position: absolute;right: 10px;top: 10px;z-index: 4;opacity: .65;filter: alpha(opacity=65);display: none}
.ls-ct-half{background: white}
.ls-ct-center{background: #444}
.ls-ct-left, .ls-ct-right{width: 50%;height: 100%;overflow: hidden}
.ls-ct-left, .ls-ct-right{float: left;position: relative}
.ls-ct-rotate{width: 200%;height: 100%;position: absolute;top: 0}
.ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half{left: 0}
.ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half{right: 0}
.ls-ct-hider, .ls-ct-half{position: absolute;top: 0}
.ls-ct-hider{width: 50%;height: 100%;overflow: hidden}
.ls-ct-half{width: 200%;height: 100%}
.ls-ct-center{width: 50%;height: 50%;left: 25%;top: 25%;position: absolute}
.ls-ct-half, .ls-ct-center{border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px}
.ls-bottom-nav-wrapper{height: 0}.ls-bottom-slidebuttons{text-align: left}
.ls-bottom-nav-wrapper, .ls-below-thumbnails{position: absolute;bottom: 60px;left:0;right:0;z-index: 2;height: 0;text-align: center;margin: 0 auto}
.ls-below-thumbnails{display: none;z-index: 6}
.ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next{outline: none}
* .ls-bottom-nav-wrapper *, * .ls-bottom-nav-wrapper span *{direction: ltr !important}
.ls-bottom-slidebuttons{position: relative;z-index: 1000}.ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides{position: relative}
.ls-nothumb{text-align: center !important}.ls-vpcontainer{width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.ls-tn{display: none !important}
.ls-thumbnail-hover{display: none;position: absolute;left: 0}
.ls-thumbnail-hover-inner{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none}
.ls-thumbnail-hover-bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0}
.ls-thumbnail-hover-img{position: absolute;overflow: hidden}
.ls-thumbnail-hover img{max-width: none !important;position: absolute;display: inline-block;visibility: visible !important;left: 50%;top: 0}
.ls-thumbnail-hover span{left: 50%;top: 100%;width: 0;height: 0;display: block;position: absolute;border-left-color: transparent !important;border-right-color: transparent !important;border-bottom-color: transparent !important}
.ls-thumbnail-wrapper{position: relative;width: 100%;margin: 0 auto;z-index: 4}
.ls-thumbnail{position: relative;margin: 0 auto}
.ls-thumbnail-inner, .ls-thumbnail-slide-container{width: 100%}
.ls-thumbnail-slide-container{overflow: hidden !important;position: relative}
.ls-touchscroll{overflow-x: auto !important}
.ls-thumbnail-slide{text-align: center;white-space: nowrap;float: left;position: relative}
.ls-thumbnail-slide a{overflow: hidden;display: inline-block;width: 0;height: 0;position: relative}
.ls-thumbnail-slide img{max-width: none !important;max-height: 100% !important;height: 100%;visibility: visible !important}
.ls-shadow{display: none;position: absolute;z-index: 1;top: 100%;width: 100%;left: 0;overflow: hidden !important;visibility: hidden}
.ls-shadow img{width: 100% !important;height: auto !important;position: absolute !important;left: 0 !important;bottom: 0 !important}
.ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next{visibility: hidden}
.ls-wp-fullwidth-container{width: 100%;position: relative}
.ls-wp-fullwidth-helper{position: absolute}
.ls-overflow-hidden{overflow: hidden}
.ls-lt-tile{position: relative;float: left;perspective: 1000px;-o-perspective: 1000px;-ms-perspective: 1000px;-moz-perspective: 1000px;-webkit-perspective: 1000px}
.ls-lt-tile img{visibility: visible;display: inline-block}
.ls-curtiles{overflow: hidden}
.ls-curtiles, .ls-nexttiles{position: absolute;width: 100%;height: 100%;left: 0;top: 0}
.ls-curtile, .ls-nexttile{overflow: hidden;position: absolute;width: 100% !important;height: 100% !important;backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden}
.ls-curtile{left: 0;top: 0}
.ls-curtile img, .ls-nexttile img{position: absolute;filter: inherit}
.ls-fullscreen{position: absolute;z-index: 10;cursor: pointer;display: block}
html * .ls-nav-prev, html * .ls-nav-next, html * .ls-container img, html * .ls-bottom-nav-wrapper a, html * .ls-container .ls-fullscreen, body * .ls-nav-prev, body * .ls-nav-next, body * .ls-container img, body * .ls-bottom-nav-wrapper a, body * .ls-container .ls-fullscreen, #ls-global * .ls-nav-prev, #ls-global * .ls-nav-next, #ls-global * .ls-container img, #ls-global * .ls-bottom-nav-wrapper a, #ls-global * .ls-container .ls-fullscreen, html * .ls-thumbnail a, body * .ls-thumbnail a, #ls-global * .ls-thumbnail a{transition: none;-o-transition: none;-ms-transition: none;-moz-transition: none;-webkit-transition: none;line-height: normal;outline: none;padding: 0;border: 0}
html * .ls-slide > a, body * .ls-slide > a, #ls-global * .ls-slide > a, html * .ls-slide > h1, body * .ls-slide > h1, #ls-global * .ls-slide > h1, html * .ls-slide > h2, body * .ls-slide > h2, #ls-global * .ls-slide > h2, html * .ls-slide > h3, body * .ls-slide > h3, #ls-global * .ls-slide > h3, html * .ls-slide > h4, body * .ls-slide > h4, #ls-global * .ls-slide > h4, html * .ls-slide > h5, body * .ls-slide > h5, #ls-global * .ls-slide > h5, html * .ls-slide > p, body * .ls-slide > p, #ls-global * .ls-slide > p, html * .ls-slide > div, body * .ls-slide > div, #ls-global * .ls-slide > div, html * .ls-slide > span, body * .ls-slide > span, #ls-global * .ls-slide > span, html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide > *{transition: none;-o-transition: none;-ms-transition: none;-moz-transition: none;-webkit-transition: none}
html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide > *{margin: 0}
html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img{background: none !important;min-width: 0 !important;max-width: none !important;border-radius: 0;box-shadow: none;border: 0;padding: 0}
html * .ls-wp-container .ls-slide > *, body * .ls-wp-container .ls-slide > *, #ls-global * .ls-wp-container .ls-slide > *{line-height: normal;outline: none;padding: 0;margin: 0;border: 0}
html * .ls-wp-container .ls-slide > a > *, body * .ls-wp-container .ls-slide > a > *, #ls-global * .ls-wp-container .ls-slide > a > *{margin: 0}
html * .ls-wp-container .ls-slide > a, body * .ls-wp-container .ls-slide > a, #ls-global * .ls-wp-container .ls-slide > a{text-decoration: none}
.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-container, .ls-container *{box-sizing: content-box !important;-moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important}
html * .ls-yourlogo, body * .ls-yourlogo, #ls-global * .ls-yourlogo{margin: 0}
html * .ls-tn, body * .ls-tn, #ls-global * .ls-tn{display: none}
.site{overflow: visible !important}
.ls-oldiepnghack{filter: none !important}
.ls-gpuhack{width: 100% !important;height: 100% !important;left: 0px !important;top: 0px !important}
html * .ls-container .ls-webkit-hack, body * .ls-container .ls-webkit-hack, #ls-global * .ls-container .ls-webkit-hack{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1}

.ls-fullwidth .ls-bottom-slidebuttons a{position:relative;}
.ls-fullwidth .ls-bottom-slidebuttons a.ls-nav-active:before, 
.ls-fullwidth .ls-bottom-slidebuttons a:hover:before {
    content:'';
    position:absolute;
    top: 6px;
    left: 6px;
    height: 8px;
    width: 8px;
    background:#000;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.ls-bottom-nav-wrapper{
    position: absolute;
    bottom: 20px;
    left:0;
    right:0;
    height: 0;
    text-align: center;
    margin: 0 auto
    }

.banner-wrapper.plus-statistics .ls-bottom-nav-wrapper{
    bottom:80px;
    }*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Banner End*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Statistics Start*/
.statistics-wrapper {
    position: relative;
    z-index: 1;
}

    .statistics-wrapper .statistics-widget {
        background: #ffffff;
        margin: -100px 0 0 0;
        padding: 30px;
        -webkit-box-shadow: 0 -15px 15px 0 rgba(0,0,0,.25);
        box-shadow: 0 -15px 15px 0 rgba(0,0,0,.25);
    }

        .statistics-wrapper .statistics-widget .statistics {
            padding: 20px 15px;
            border-radius: 0;
        }

            .statistics-wrapper .statistics-widget .statistics h2 {
                font-size: 60px;
                font-weight: 300;
            }

            .statistics-wrapper .statistics-widget .statistics p {
                font-size: 24px;
                font-weight: 200;
            }

@media only screen and (max-width: 767px) {
    .statistics-wrapper .statistics-widget .statistics h2 {
        font-size: 36px;
    }

    .statistics-wrapper .statistics-widget .statistics p {
        font-size: 18px;
        font-weight: 300;
    }
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Statistics End*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Events Start*/
.events-list {
}

    .events-list .events-list-item {
    }

        .events-list .events-list-item + .events-list-item {
            margin-top: 20px;
        }

        .events-list .events-list-item .events-list-date {
            height: 90px;
            width: 90px;
            float: left;
            background-color: #007bff;
            text-align: center;
            text-transform: uppercase;
            padding: 18px 0;
            color: #ffffff;
        }

            .events-list .events-list-item .events-list-date span {
                font-size: 30px;
                line-height: 32px;
                font-weight: 500;
            }

                .events-list .events-list-item .events-list-date span label {
                    display: block;
                    font-size: 16px;
                    font-weight: 300;
                    line-height: 20px;
                    color: #ffffff;
                }

        .events-list .events-list-item .events-list-body {
            margin-left: 110px;
        }

            .events-list .events-list-item .events-list-body h3 {
                margin: 0;
                padding: 5px 0 5px;
                font-weight: 400;
                color: #00173f;
            }

            .events-list .events-list-item .events-list-body p {
                margin: 0;
                padding: 0 0 5px;
            }
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Events End*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Upcoming Events Start*/
.upcoming-events-recent-knowledge-badge-wrapper {
    background: url('/Areas/Public/Content/images/upcoming-events-recent-knowledge-base-bg.png') no-repeat center center;
    background-size: cover;
    background-color: #0f3557;
    overflow: hidden;
}

    .upcoming-events-recent-knowledge-badge-wrapper .upcoming-events-widget,
    .upcoming-events-recent-knowledge-badge-wrapper .recent-knowledge-badge-widget {
        height: 100%;
    }

    .upcoming-events-recent-knowledge-badge-wrapper .recent-knowledge-badge-widget {
        position: relative;
        z-index: 0;
    }

        .upcoming-events-recent-knowledge-badge-wrapper .recent-knowledge-badge-widget::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: -15px;
            z-index: -1;
            height: 100%;
            width: 1000%;
            background: #f3f7f9;
        }

@media only screen and (max-width: 767px) {
    .upcoming-events-recent-knowledge-badge-wrapper .recent-knowledge-badge-widget::before {
        left: -50%;
    }
}


/*Upcoming Events*/
.upcoming-events-widget {
    padding: 60px 15px 60px 0;
}

    .upcoming-events-widget .events-list .events-list-item {
        color: #fff;
    }

        .upcoming-events-widget .events-list .events-list-item .events-list-date {
            background: rgba(255, 255, 255, 0.1);
        }

        .upcoming-events-widget .events-list .events-list-item .events-list-body h3 {
            color: #fff;
        }

        .upcoming-events-widget .events-list .events-list-item .events-list-body p {
            color: #fff;
        }

/*Recent Knowledge Badge*/
.recent-knowledge-badge-widget {
    padding: 60px 0 60px 15px;
}

    .recent-knowledge-badge-widget .postpool .article-thumb img {
        height: 80px;
        width: 80px;
    }

    .recent-knowledge-badge-widget .postpool .post-excerpt {
        margin: 0px 0 0 100px;
    }

    .recent-knowledge-badge-widget .postpool .img-article::before {
        left: 40px;
    }
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Upcoming Events End*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Latest News Start*/
.latest-news-wrapper {
}

.latest-news {
}

    .latest-news .latest-news-item {
        min-height: 240px;
        -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
        box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    }

        .latest-news .latest-news-item .latest-news-image {
            height: 220px;
            position: relative;
        }

            .latest-news .latest-news-item .latest-news-image img {
                height: 100%;
                width: 100%;
            }

        .latest-news .latest-news-item .latest-news-date {
            position: absolute;
            right: 0px;
            top: 0px;
            height: 80px;
            width: 80px;
            background-color: #007bff;
            text-align: center;
            color: #ffffff;
            text-transform: uppercase;
            padding: 15px 0;
        }

            .latest-news .latest-news-item .latest-news-date span {
                font-size: 30px;
                line-height: 32px;
                font-weight: 500;
            }

                .latest-news .latest-news-item .latest-news-date span label {
                    display: block;
                    font-size: 16px;
                    font-weight: 300;
                    line-height: 20px;
                    color: #ffffff;
                }

        .latest-news .latest-news-item .latest-news-content {
            padding: 20px;
        }

            .latest-news .latest-news-item .latest-news-content h3 {
                padding: 0;
                margin: 5px 0 0;
                font-weight: 400;
                line-height: 30px;
                min-height: 60px;
                display: block;
            }

            .latest-news .latest-news-item .latest-news-content p {
                padding: 0;
                margin: 5px 0 10px 0;
                font-weight: normal;
                line-height: 20px;
                min-height: 85px;
            }

/*.latest-news .latest-news-item .latest-news-content a {
  text-transform: uppercase;
}*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Latest News End*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Detail Page Start*/
.detail-page {
}

    .detail-page .detail-page-heading h1 {
        font-size: 30px;
        padding: 0 0 10px 0;
        margin: 0;
        font-weight: 300;
        color: #00173f;
    }

    .detail-page .detail-page-post-by {
        padding: 5px 0px 5px 10px;
        background: #f3f7f9;
        font-size: 13px;
        margin: 0 0 20px;
    }

        .detail-page .detail-page-post-by span {
            margin: 0 0 0 0;
        }

            .detail-page .detail-page-post-by span i {
                margin: 0 5px 0 0;
            }

    .detail-page .detail-page-body {
    }

        .detail-page .detail-page-body img {
            max-width: 100%;
        }

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Detail Page Start*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Latest HSSELearning Start*/
.latest-news-wrapper {
}

.latest-HseLearning {
}

    .latest-HseLearning .latest-HseLearning-item {
        min-height: 240px;
        -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
        box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    }

.latest-news .latest-HseLearning-item .latest-HseLearning-image {
    height: 220px;
    position: relative;
}

.latest-HseLearning .latest-HseLearning-item .latest-HseLearning-image img {
    height: 100%;
    width: 100%;
}

.latest-HseLearning .latest-HseLearning-item .latest-HseLearning-date {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 80px;
    width: 80px;
    background-color: #007bff;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px 0;
}

    .latest-HseLearning .latest-HseLearning-item .latest-HseLearning-date span {
        font-size: 30px;
        line-height: 32px;
        font-weight: 500;
    }

        .latest-HseLearning .latest-HseLearning-item .latest-HseLearning-date span label {
            display: block;
            font-size: 16px;
            font-weight: 300;
            line-height: 20px;
            color: #ffffff;
        }

.latest-HseLearning .latest-HseLearning-item .latest-HseLearning-content {
    padding: 20px;
}

    .latest-HseLearning .latest-HseLearning-item .latest-HseLearning-content h3 {
        padding: 0;
        margin: 5px 0 0;
        font-weight: 400;
        line-height: 30px;
        min-height: 60px;
        display: block;
    }

    .latest-HseLearning .latest-HseLearning-item .latest-HseLearning-content p {
        padding: 0;
        margin: 5px 0 10px 0;
        font-weight: normal;
        line-height: 20px;
        min-height: 85px;
    }


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Latest HSSELearning End*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Footer Wrapper Start*/
.footer-wrapper {
    padding: 5px;
    background-color: #0f3557;
    color: #fff;
    text-align: center;
    padding-bottom: 0px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Footer Wrapper End*/

/*No data available*/
.grey_box_message {
    color: #999;
    font-size: 18px;
    font-style: italic;
    margin: 20px;
    font-weight: 300;
}

.ta-hidden-input {
    display: none;
}

/*Loader*/
.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 40%;
    z-index: 999999;
}

    .loader .loader_2 {
        left: 46.8%;
        z-index: 1051;
    }

.loader_2 {
    position: relative;
    left: 50%;
    width: 40px;
    height: 40px;
}

    .loader_2 img {
        display: block;
        bottom: 0px;
        width: 20px;
        height: 20px;
        position: absolute;
    }
/*SliderBanner*/
.slider-inner {
}

    .slider-inner .da-slider {
    }

        .slider-inner .da-slider .da-slide h2 a {
            color: #FFF;
            text-decoration: none;
        }

        .slider-inner .da-slider .da-arrows span {
            background: url(/Areas/Public/Content/images/sprit.png) no-repeat;
            height: 85px;
            width: 36px;
            margin-top: -22px;
        }

            .slider-inner .da-slider .da-arrows span.da-arrows-prev {
                left: 0px;
                background-position: -35px 29px;
                background-color: rgba(51,51,102,0.5);
            }

            .slider-inner .da-slider .da-arrows span.da-arrows-next {
                right: 0px;
                background-position: -61px 29px;
                background-color: rgba(51,51,102,0.5);
            }

    .slider-inner .da-slide .da-header-text {
        background-color: transparent;
        text-transform: none;
        font-weight: 100;
        font-size: 20px;
        line-height: normal;
    }

/*Round-BoxSection*/
.round-box-section {
    text-align: center;
}

    .round-box-section ul {
        margin: 0 auto;
        padding: 0;
    }

        .round-box-section ul li {
            width: 200px;
            height: 200px;
            -webkit-border-radius: 200px;
            -moz-border-radius: 200px;
            border-radius: 200px;
            display: inline-block;
            margin: 0 25px;
            text-align: center;
            vertical-align: middle;
        }

            .round-box-section ul li h2 {
                font-size: 40px;
                font-weight: 500;
                color: #FFF;
                margin: 0;
                padding: 0 0 5px;
            }

            .round-box-section ul li p {
                font-size: 16px;
                font-weight: 400;
                color: #FFF;
                line-height: 22px;
            }

            .round-box-section ul li h2 span {
                font-size: 15px;
                font-weight: normal;
                padding: 0 0 0 4px;
                display: inline-block;
            }

.green-box {
    background: #84ad32 /*#709f13*/;
    border: 5px solid #e1ebcd;
    padding: 20px 20px 0px;
}

.red-box {
    background: #d87055 /*#c23915*/;
    border: 5px solid #f2d5cd;
    padding: 20px 20px 0px;
}

.blue-box {
    background: #64a1a9 /*#0097aa*/;
    border: 5px solid #c9e9ed;
    padding: 20px 20px 0px;
}

.ta-hidden-input {
    display: none;
}

/*Latest News*/
.latest-news-warper {
    background: #FFF;
    padding: 20px 0 30px;
}

.latest-news-warper-inner {
    background: #ffffff;
    padding: 20px 0 30px;
}

.heading_2 {
    color: #000000;
    font-size: 18px;
    margin: 0;
    padding: 10px 0 10px;
    font-weight: 300;
}

    .heading_2:after {
        content: "";
        display: block;
        width: 70px;
        border-bottom: 2px solid #0f3557;
        margin: 20px 0 25px;
    }

.heading_center .heading_2 {
    text-align: left;
}

    .heading_center .heading_2:after {
        margin: 5px 5px 5px 0px;
    }

.latest-news-warper .heading_2 {
    color: #262629;
}

/*Home Page News*/
.home-news-box {
    background: #FFF;
    border: 1px solid #dedede;
    width: 100%;
    border-radius: 10px;
}

    .home-news-box .news-short-conent {
        padding: 10px 17px 15px;
    }

        .home-news-box .news-short-conent h2 {
            font-size: 18px;
            color: #333333;
            padding: 5px 0 5px 0;
            margin: 0;
            font-weight: normal;
            line-height: 22px;
            min-height: 55px;
        }

        .home-news-box .news-short-conent p {
            font-size: 14px;
            color: #333333;
            padding: 7px 0 10px 0;
            margin: 0;
            font-weight: normal;
            line-height: 22px;
            min-height: 85px;
        }

    .home-news-box .imgBox {
        height: 210px;
        position: relative;
        border-bottom: 1px solid #dedede;
    }

        .home-news-box .imgBox img {
            width: 100%;
            height: 100%;
        }

.home-ourpolicies-v-slider .home-news-box .imgBox {
    overflow: hidden !important;
}

    .home-ourpolicies-v-slider .home-news-box .imgBox img {
        height: auto !important;
    }

.home-news-box .news-date-box {
    position: absolute;
    width: 62px;
    height: 60px;
    background: #0f3557;
    color: #FFF;
    top: 0;
    left: 0;
    text-align: center;
    padding: 5px 8px;
    border-bottom-right-radius: 10px;
}

    .home-news-box .news-date-box .news-date {
        font-size: 24px;
        color: #FFF;
        padding: 0 0 4px 0;
        margin: 0;
        font-weight: bold;
        line-height: 22px;
    }

    .home-news-box .news-date-box .news-month {
        font-size: 10px;
        color: #FFF;
        padding: 3px 0 0px 0;
        font-weight: bold;
        text-transform: uppercase;
        background: #4b8fcb;
        border-radius: 3px;
    }

.home-news-box .news-short-conent .redmore-button {
    font-size: 13px;
    color: #666;
    margin: 0;
    display: inline-block;
    position: relative;
    font-weight: 600;
    padding: 8px 22px 8px 0px;
}

.redmore-button {
    color: #1279be !important;
    outline: none !important;
    cursor: pointer;
}

.home-news-box .news-short-conent .redmore-button:hover {
    padding: 8px 25px 8px 10px;
    text-decoration: none;
    color: #96c346;
}

    .home-news-box .news-short-conent .redmore-button:hover:after {
        color: #96c346;
    }

.view-all-news-buton {
    border: 1px solid #262629;
    text-align: center;
    color: #262629;
    text-transform: uppercase;
    background: #ffffff;
    padding: 7px 15px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none !important;
}

    .view-all-news-buton:hover, .view-all-news-buton:focus {
        text-decoration: none;
        color: #262629;
    }

    .view-all-news-buton i {
        font-size: 15px;
    }

/*Up Coming Events*/
.home-Upcomming-Events-wrapper {
    padding: 30px 0;
    text-align: center;
    background: #64a1a9;
}

    .home-Upcomming-Events-wrapper .heading_2 {
        color: #ffffff;
    }

    .home-Upcomming-Events-wrapper .Upcomming-Events-box {
        position: relative;
        background: #FFFFFF;
        text-align: center;
        padding: 60px 20px 30px 20px;
        border: 0;
        border-bottom: 4px solid #e4a330;
    }

        .home-Upcomming-Events-wrapper .Upcomming-Events-box .Events-date-box {
            position: absolute;
            width: 62px;
            height: 60px;
            background: #e4a330;
            color: #FFF;
            top: 0px;
            left: 0;
            text-align: center;
            padding: 5px 8px;
        }

            .home-Upcomming-Events-wrapper .Upcomming-Events-box .Events-date-box .news-date {
                font-size: 24px;
                color: #FFF;
                padding: 0 0 4px 0;
                border-bottom: 1px solid #FFF;
                margin: 0;
                font-weight: bold;
                line-height: 22px;
            }

            .home-Upcomming-Events-wrapper .Upcomming-Events-box .Events-date-box .news-month {
                font-size: 10px;
                color: #FFF;
                padding: 3px 0 0px 0;
                font-weight: bold;
                text-transform: uppercase;
            }

        .home-Upcomming-Events-wrapper .Upcomming-Events-box h2 {
            font-size: 18px;
            color: #000;
            line-height: 24px;
            padding: 3px 0 0px 0;
            font-weight: 600;
            min-height: 55px;
            margin: 0;
        }

        .home-Upcomming-Events-wrapper .Upcomming-Events-box p.Upcomming-Events-text {
            font-size: 14px;
            color: #666666;
            padding: 3px 0 30px 0;
            font-weight: normal;
            min-height: 80px;
            margin: 0;
        }

        .home-Upcomming-Events-wrapper .Upcomming-Events-box a {
            outline: none;
            background: #ffffff;
            font-size: 13px;
            color: #64a1a9;
            padding: 5px 10px;
            display: inline-block;
            border: 1px solid #64a1a9;
            border-radius: 3px;
            text-decoration: none;
        }

            .home-Upcomming-Events-wrapper .Upcomming-Events-box a:hover, .home-Upcomming-Events-wrapper .Upcomming-Events-box:focus {
                background: #64a1a9;
                color: #FFF;
                text-decoration: none;
            }

.view-all-event-wraper {
    background: #538d94;
    padding: 11px 0 11px;
    text-align: center;
}

.view-all-event-content {
    text-align: center;
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 24px;
    padding: 5px 0 0 0;
    display: inline-block;
    height: 36px;
    vertical-align: middle;
}

.view-all-event-buton {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    background: #ffffff;
    padding: 5px 15px 4px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0px 0 -3px 10px;
    line-height: 17px;
    float: inherit;
    outline: none !important;
}

    .view-all-event-buton:hover, .view-all-event-buton:focus {
        text-decoration: none;
        color: #FFF;
        background: #64a1a9;
    }

.event-listing .home-Upcomming-Events-wrapper .Upcomming-Events-box {
    border: 1px solid #dedede;
    border-bottom: 4px solid #e4a330;
}

.event-listing .home-Upcomming-Events-wrapper {
    background: #FFF;
}

.footer-wraper {
    background: #262629;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    padding: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.home_slider .caption {
    background: rgba(255, 255, 255, .9);
    padding: 10px;
    border-width: 4px;
    border-style: double;
    margin-right: 350px !important;
}

.home_slider h2.banner_heading {
    font-size: 28px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
    padding: 0 0 10px;
}

.home_slider p.bannertext {
    font-size: 16px;
    color: #000;
    line-height: normal;
    margin: 0;
    padding: 3px 0;
}

    .home_slider p.bannertext span:before { /*content:"\201C";display: inline-block; position: absolute;top:4px;left: 0;font-size:72px; font-family:Georgia, serif;*/
    }

.home_slider p.bannertext {
    position: relative;
    padding: 3px 40px;
}

    .home_slider p.bannertext::before,
    .home_slider p.bannertext::after {
        content: '';
        display: block;
        height: 32px;
        width: 32px;
        background-repeat: no-repeat;
        position: absolute;
    }

    .home_slider p.bannertext::before {
        top: 0;
        left: 0;
        background-image: url(../images/quote-left-ico.png);
    }

    .home_slider p.bannertext::after {
        bottom: 0;
        right: 0;
        background-image: url(../images/quote-right-ico.png);
    }


.home_slider #left-quote {
    margin-right: 36px;
}

.banner-short-description { /*float:left; margin-left:36px;*/
}


@media only screen and (max-width: 1920px) {
    .home_slider .caption {
        margin-right: 550px !important;
    }
}




@media only screen and (min-width: 1350px) and (max-width: 1580px) {
    .banner_1_h2 {
        margin-left: -10%;
    }

    .banner_1_p {
        margin-left: -10% !important;
    }
}

@media only screen and (max-width: 1280px) {
    .home_slider .caption {
        margin-right: 350px !important;
    }
}

@media only screen and (min-width: 1020px) and (max-width: 1349px) {
    .banner_1_h2 {
        margin-left: 0%;
    }

        .banner_1_h2 span {
            font-size: 30px;
        }

    .banner_1_p {
        overflow: auto;
        margin-left: 0% !important;
    }
}

@media only screen and (max-width: 1024px) {
    .home_slider .caption {
        margin-right: 300px !important;
    }
}

@media only screen and (min-width: 840px) and (max-width: 1019px) {
    .banner_1_h2 {
        margin-left: 5% !important;
    }

        .banner_1_h2 span {
            font-size: 28px;
        }

    .banner_1_p {
        overflow: auto;
        margin-left: 5% !important;
    }
}

@media only screen and (min-width: 700px) and (max-width: 839px) {
    .banner_1_h2 {
        margin-left: 5% !important;
    }

        .banner_1_h2 span {
            font-size: 40px;
        }

    .banner_1_p {
        overflow: auto;
        margin-left: 5% !important;
    }
}

@media only screen and (max-width: 768px) {
    .home_slider .caption {
        margin-left: 50px !important;
    }
}

@media only screen and (max-width: 699px) {
    .home_slider .caption {
        margin-top: 20px !important;
        margin-right: 210px !important;
    }

    .banner_1_h2 {
        line-height: 44px;
        font-size: 28px !important;
    }

        .banner_1_h2 span {
            font-size: 28px;
        }

    .banner_1_p {
        font-size: 15px !important;
        line-height: 24px !important;
        top: 0px;
        overflow: auto;
        margin-left: 5% !important;
        margin-top: -0% !important;
    }
}

@media (max-width:1200px) {
    .home-news-box .news-short-conent h2 {
        min-height: 80px;
    }

    .home-news-box .news-short-conent p {
        min-height: 105px;
    }

    .news_list_main .loop_list .home-news-box {
        min-height: 410px;
    }

    .news_list_main > .loop_list:nth-of-type(n) {
        clear: none;
    }

    .news_list_main > .loop_list:nth-of-type(2n+1) {
        clear: none;
    }

    .news_list_main > .loop_list:nth-of-type(3n+1) {
        clear: both;
    }
}

@media (min-width: 992px) {
    .news_list_main > .loop_list:nth-of-type(n) {
        clear: none;
    }

    .news_list_main > .loop_list:nth-of-type(2n+1) {
        clear: none;
    }

    .news_list_main > .loop_list:nth-of-type(3n+1) {
        clear: both;
    }
}

@media (max-width:991px) {
    .heading h2:before, .heading h2:after {
        width: 20%;
    }

    .home-news-box {
        margin-bottom: 20px;
    }

    .home-Upcomming-Events-wrapper .Upcomming-Events-box {
        margin-bottom: 20px;
    }

    .equal, .equal > div[class*='col-'] {
        display: block !important;
    }

    .header > .container {
        margin-bottom: 0;
    }

    .round-box-section ul li {
        width: 180px;
        height: 180px;
    }

    .home-news-box .news-short-conent h2 {
        min-height: 55px;
    }

    .home-news-box .news-short-conent p {
        min-height: 105px;
    }
}

@media (max-width:768px) {
    .header > .container {
        width: 100%;
    }

    .da-slide .da-img {
        display: none;
    }

    .custom-landing-page {
        right: 15px;
        top: 15px;
    }

    .header .logo {
        position: relative;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .home-news-box .news-short-conent h2 {
        min-height: inherit !important;
    }

    .home-news-box .news-short-conent p {
        min-height: inherit !important;
    }


    .Upcomming-Events-box h2 {
        min-height: inherit !important;
    }

    .Upcomming-Events-box p.Upcomming-Events-text {
        min-height: inherit !important;
    }

    .heading h2:before, .heading h2:after {
        width: 20%;
    }

    .round-box-section ul li {
        width: 200px;
        height: 200px;
        display: block;
        margin: 15px auto;
    }
}

@media (max-width:700px) {
    .home-news-box {
        margin-bottom: 20px;
    }

    .home-Upcomming-Events-wrapper .Upcomming-Events-box {
        margin-bottom: 20px;
    }
}

@media (max-width: 600px) {
    .custom-landing-page {
        right: 15px;
        top: 5px;
    }

    .header .logo {
        width: 150px;
        padding: 0px 10px;
        z-index: 2;
        position: relative;
        top: 0;
        left: 0;
    }

    .view-all-news-content {
        display: block;
        margin: 0 0 5px 0;
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .home-Upcomming-Events-wrapper .Upcomming-Events-box {
        margin-bottom: 20px;
    }

    .header .logo {
        width: 150px;
        padding: 0px 10px;
        z-index: 2;
        position: relative;
        top: 0;
        left: 0;
    }

    .view-all-news-content {
        display: block;
        margin: 0px 0 0px 0;
        font-size: 14px;
        line-height: 14px;
    }

    .view-all-news-buton {
        margin-bottom: 5px;
    }
}

/*Start Whats New and Employee*/
.home-whatsnew-employee-wrapper {
    background-color: #f8f8f8;
}

body .bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid #fff;
    background: none;
    margin-bottom: 0;
}

    body .bx-wrapper .bx-controls-direction a {
        width: 34px;
        height: 34px;
        border: 1px solid #cccccc;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }




        body .bx-wrapper .bx-controls-direction a:hover {
            border: 1px solid #1279be;
        }


/*Our Policies*/
.home-ourpolicies {
    padding: 0 25px 25px 0;
}

.home-ourpolicies-v-slider {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .home-ourpolicies-v-slider li {
        margin: 0;
        padding: 10px 0;
    }

        .home-ourpolicies-v-slider li a {
            display: block;
            font-size: 18px;
            line-height: 20px;
            color: #171616;
            font-weight: 600;
        }

.home-ourpolicies .btn-primary {
    border-color: #fff;
    margin-top: 15px;
}

body .home-ourpolicies .bx-wrapper .bx-prev {
    left: auto;
    top: -65px;
    background: url(../images/bx-next-pre-v-icon.png) no-repeat top left #ffffff !important;
    right: 40px;
}

body .home-ourpolicies .bx-wrapper .bx-next {
    right: 0px;
    top: -65px;
    background: url(../images/bx-next-pre-v-icon.png) no-repeat top right #ffffff !important;
}

.home-latestnews-h-slider p a {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
}



/*Whats New Start*/
.home-whatsnew {
    background-color: #fff;
    padding: 25px;
}

.home-whatsnew-v-slider {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .home-whatsnew-v-slider li {
        margin: 0;
        padding: 10px 0;
        border-bottom: 1px dashed #1279be;
    }

        .home-whatsnew-v-slider li .date {
            font-size: 16px;
            line-height: 12px;
            padding: 2px 4px;
            margin: 0 0 3px;
            display: inline-block;
            border-radius: 2px;
            color: #000;
        }

        .home-whatsnew-v-slider li a {
            display: block;
            font-size: 14px;
            line-height: 20px;
            color: #000;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-left: 5px;
        }

.home-whatsnew .btn-primary {
    border-color: #fff;
    margin-top: 15px;
}

body .home-whatsnew .bx-wrapper .bx-prev {
    left: auto;
    top: -90px;
    background: url(../images/bx-next-pre-v-icon.png) no-repeat top left #ffffff !important;
    right: 40px;
}

body .home-whatsnew .bx-wrapper .bx-next {
    right: 0px;
    top: -90px;
    background: url(../images/bx-next-pre-v-icon.png) no-repeat top right #ffffff !important;
}


/*home-employee*/
.home-employee {
    height: calc(100% - 25px);
    background-color: #ffffff;
    padding: 10px 10px 25px 10px;
    border: 1px solid #eee;
}

.home-employee-h-slider, .home-ourpolicies-v-slider {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .home-employee-h-slider li, .home-ourpolicies-v-slider li {
        margin: 0;
        padding: 0px;
        text-align: center;
    }

@media (min-width: 992px) {
    .home-whatsnew-employee-wrapper .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.home-employee-h-slider .home-employee-pic, .home-ourpolicies-v-slider .home-employee-pic {
    height: 300px;
    width: 100%;
    display: block;
    margin: 0 auto 0px;
    border: 2px solid #1279be;
    border-radius: 10px;
    overflow: hidden;
}

    .home-employee-h-slider .home-employee-pic img, .home-ourpolicies-v-slider .home-employee-pic img {
        height: 300px;
        width: 100%;
    }

.home-employee-h-slider li h5, .home-ourpolicies-v-slider li h5, .home-latestnews-h-slider li h5 {
    font-size: 18px;
    font-weight: 600;
}

.home-employee-h-slider li h6, .home-ourpolicies-v-slider li h6, .home-latestnews-h-slider li h6 {
    font-size: 16px;
    font-weight: 400;
}

.home-employee-h-slider li p, .home-ourpolicies-v-slider li p, .home-latestnews-h-slider li p {
    font-size: 14px;
}

.news_section {
    margin-top: 12px;
}

/*Margin*/
.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

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

.MBT_15px {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

.MR_T20px {
    margin-top: 20px;
}

.MR_TB20px {
    margin-top: 20px;
    margin-bottom: 20px;
}

.MR_B20px {
    margin-bottom: 20px;
}

.MR_T30px {
    margin-top: 30px;
}

.MR_B30px {
    margin-bottom: 30px;
}

.MR_TB30px {
    margin-bottom: 30px;
    margin-top: 30px;
}

.pt0px {
    padding-top: 0 !important;
}

/*Hide angular code at rendering time.*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/* Added by developer*/
.full-description img {
    display: block;
    max-width: 100%;
    height: auto;
}

.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 0 auto;
}

/*No data available*/
.grey_box_message {
    padding: 0 10px;
    position: relative;
    display: inline-block;
    line-height: 26px !important;
    color: #000;
    margin: 20px 0 10px 0;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

    .grey_box_message:before, .grey_box_message:after {
        content: ' ';
        width: 60%;
        top: 12px;
        position: absolute;
        border: 1px solid #a94025;
    }

    .grey_box_message:before {
        right: 100%;
    }

    .grey_box_message:after {
        left: 100%;
    }

.banner_button {
    background: #fff;
    font-weight: 600;
    margin: 20px 0 0 0;
    float: none;
    margin-left: 36px;
    padding: 13px 35px 12px;
    display: inline-block;
    font-size: 13px;
    color: #000;
    left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .banner_button:hover {
        text-decoration: none;
        background: #e0e0e0;
        color: #000;
    }

/* End Added by developer*/
.knowledge-desk-lower-box {
    border: 2px solid #2c77b9;
    background-color: #fff;
    width: 100%;
    border-radius: 10px;
    padding: 15px 15px 3px 15px;
    box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
}

.learning-section .knowledge-desk-lower-box {
    padding: 15px;
}

.heading_center {
    position: relative;
}

.heading_2 {
    float: left;
    padding-right: 15px;
}

.knowledge-count {
    position: absolute;
    margin-top: 6px;
    font-size: 16px;
    background-color: #0f3557;
    padding: 5px 10px;
    border-radius: 30px;
    color: #fff;
}

.knowledge-desk-card {
    background-color: #dff0ff;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    color: #0f3557;
    font-weight: 800;
    margin-bottom: 15px;
    float: left;
}

    .knowledge-desk-card h3 {
        margin: 0px;
        font-weight: 500;
        color: #0f3557;
    }

    .knowledge-desk-card h6 {
        margin-top: 5px;
        margin-bottom: 0px;
        color: #0f3557;
        display: -webkit-box;
        max-width: 100%;
        height: 25px;
        line-height: 1;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.knowledge-desk-btn {
    float: right;
    background-color: #0f3557;
    color: #fff;
    margin-top: 10px;
    font-weight: 600;
    padding: 0px 5px 0px 5px;
}

.knowledge-box-data {
    height: 242px;
    overflow-y: scroll;
    padding-right: 10px;
}

.home-whatsnew-employee-wrapper {
    width: 100%
}

    .home-whatsnew-employee-wrapper .left-box {
        background-color: #f8f8f8;
        padding: 30px 17px 30px 0px;
        padding-left: 8.333333%;
        float: left;
        width: 50%;
        height: 549.39px;
    }

    .home-whatsnew-employee-wrapper .right-box {
        background-color: #dff0ff;
        padding: 30px 0px 30px 17px;
        padding-right: 9.5%;
        float: right;
        width: 50%;
        height: 549.39px;
    }


body .bx-wrapper .bx-prev, .bx-prev:hover, .bx-prev:focus {
    left: -40px;
    background-image: url(../../../../Content/images/arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center center !important;
    background-size: 14px;
    background-color: #0f3557;
    border: none !important;
    border-radius: 30px;
}

body .bx-wrapper .bx-next, .bx-next:hover, .bx-next:focus {
    right: -40px;
    background-image: url(../../../../Content/images/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center center !important;
    background-size: 14px;
    background-color: #0f3557;
    border: none !important;
    border-radius: 30px;
}

.knowledge-desk-box .heading_2 {
    color: #0f3557;
}

.video-streaming-section .carousel-indicators {
    bottom: -3px;
}

    .video-streaming-section .carousel-indicators li {
        background-color: #2c77b9;
    }

    .video-streaming-section .carousel-indicators .active {
        background-color: #0f3557;
    }

.news-policy-section .knowledge-desk-box {
    width: 100%;
    background-color: #f8f8f8;
    float: left;
}

.content-lg-latest-news-section {
    padding-bottom: 20px;
    padding-top: 20px;
}

.latest-news-section .bx-wrapper .bx-pager.bx-default-pager a {
    background: #2c77b9 !important;
}

    .latest-news-section .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #0f3557 !important;
    }

.home-latestnews .bx-wrapper .bx-viewport .home-latestnews-h-slider .home-news-box .news-short-conent h3 {
    margin-top: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ourpolicy-section .bx-wrapper .bx-viewport .home-ourpolicies-v-slider .home-news-box .news-short-conent h3 {
    margin-top: 12px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ourpolicy-section .bx-wrapper .bx-viewport .home-ourpolicies-v-slider .home-news-box .news-short-conent .read-more-btn {
    text-align: left;
}

.video-streaming-section {
    padding-top: 10px;
    padding-bottom: 30px;
}

.login-btn {
    background-color: #0f3557 !important;
    border-color: #0f3557 !important;
    width: 120px;
    font-weight: 500;
}

.view-all-btn .view-all-btn-news-section {
    background-color: #fff !important;
    border-color: #0f3557 !important;
    border-bottom: 5px solid #0f3557;
    color: #0f3557;
    padding: 3px;
    font-weight: 900;
    border-radius: 45px;
    padding-left: 10px;
    padding-right: 8px;
}

.login-btn:hover, .login-btn:focus, .login-btn:not([disabled]):not(.disabled):active {
    color: #fff;
}

.hsse-logo-col .hsse-logo {
    float: right;
    display: table-cell;
    vertical-align: middle;
    line-height: 58px;
}

.login-btn-col, .hsse-logo-col {
    display: table !important;
    float: right;
}


.news-policy-section {
    background-color: #eff8ff;
    padding-top: 20px;
    padding-bottom: 50px;
}

.knowledge-desk-heading {
    color: #000000;
    font-size: 22px;
    margin: 0;
    padding: 10px 0 10px;
    font-weight: 300;
    text-align: center;
}

    .knowledge-desk-heading h2 {
        color: #fff;
        display: inline-block;
        font-size: 22px;
        margin: 0;
        padding: 10px 0 10px;
        font-weight: 300;
    }

        .knowledge-desk-heading h2:after {
            content: "";
            display: block;
            width: 160px;
            border-bottom: 2px solid #fff;
            margin: 5px 5px 5px 8px;
        }

.knowledge-desk-section {
    padding-bottom: 30px;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

    .knowledge-desk-section::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #0f3557;
    }

.learning-section, .procedure-section, .video-section {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 15px 15px 15px;
}

    .procedure-section .knowledge-desk-lower-box {
        padding: 0px;
    }

    .procedure-section .carousel-indicators .active, .video-section .carousel-indicators .active {
        background-color: #0f3557;
    }

    .procedure-section .carousel-indicators li, .video-section .carousel-indicators li {
        background-color: #4b8fcb;
    }

    .procedure-section .carousel-indicators {
        bottom: -9px;
    }

    .procedure-section .pdf-heading-text {
        text-align: center;
        font-weight: 600;
        font-size: 16px;
        color: #0f3557;
    }

.plant-selection {
    width: 160px;
    margin: 0px !important;
    margin-bottom: 10px !important;
    margin-right: 20px !important;
}

.page .header-wrapper .header .plant-selection .input-group .input-group-addon {
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 4%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
}

.plant-selection .form-control, .plant-selection .input-group-addon {
    background-color: #fff;
}

.video-section .form-control {
    font-size: 13px !important;
    font-weight: 800;
    color: #0f3557;
    border-color: #0f3557;
    border-width: 2px;
}

.input-group-addon {
    background-color: #f3f7f9;
    border: 1px solid #d5dbdd;
}


.page .header-wrapper .header .plant-selection .input-group .form-control {
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 4%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
}

select.form-control.input-sm:not([size]):not([multiple]) {
    height: auto;
}

select.form-control:not([size]):not([multiple]) {
    height: 2.2rem;
    box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 2%), 0 0.125rem 0.1875rem rgb(4 9 20 / 2%);
}

.navigation-menu ul .header-buttons a {
    padding: 5px 15px;
    margin-right: 20px;
    width: auto;
    color: #fff;
}

.btn-dashboard {
    padding: 5px 15px;
    margin-right: 10px !important;
    width: auto;
    color: #fff;
}


.news-policy-section .heading_2 {
    white-space: nowrap;
    width: auto;
    color: #0f3557;
}

@media (max-width: 992px) {
    .bx-wrapper .bx-pager {
        bottom: -5px !important;
    }

    .news-policy-section {
        padding-bottom: 20px;
    }
}

.hsse-e-learning .home-hsse-elearning-h-slider .home-news-box .news-short-conent h3 {
    margin-top: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.procedure-section.trainingmaterial-section {
    padding-bottom: 30px;
}

    .procedure-section.trainingmaterial-section .bx-pager {
        bottom: -22px;
    }

    .procedure-section.trainingmaterial-section .pdf-heading-text {
        padding: 10px 0px 10px 0px;
    }

    .procedure-section.trainingmaterial-section .pdf-open-box {
        padding: 0px 10px 10px 10px;
    }

.pdf-heading-text.video-heading {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #0f3557;
    padding: 10px 0px 10px 0px;
}

.video-section .knowledge-desk-lower-box {
    padding: 0px !important;
}

.video-section {
    padding-bottom: 30px;
}

    .video-section .knowledge-desk-lower-box .carousel-indicators {
        bottom: -36px;
    }

.videoplayer img {
    /*width: 100%;
    height: 100%;*/
    height: 270px;
}
/* Video Play for You Tube */
.video-player-section {
    border: 2px solid #2c77b9;
    padding: 10px;
    border-radius: 7px;
    margin-top: 10px;
    height: 240px;
}

.video-section-heading-row {
    height: 15%;
    min-height: 15%;
}

.video-section-heading-col {
    height: 100%;
    min-height: 100%;
}

.video-player-section .video-section-heading-row .video-section-heading-col h5 {
    margin-top: 0px;
    line-height: 25px;
    text-align: center;
    color: #0f3557;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-section-image-row {
    height: 85%;
    min-height: 85%;
}

.video-section-image-col {
    height: 100%;
    min-height: 100%;
}

.video-player-section .video-section-image-row .video-section-image-col .image-section-hover {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
}

    .video-player-section .video-section-image-row .video-section-image-col .image-section-hover img {
        /*width: 100%;
            height: 100%;*/
        height: 184px;
        text-align: center;
    }

.image-section-hover {
    position: relative;
    padding: 0px 0px 10px 0px;
    text-align: center;
}

    .image-section-hover a {
        position: relative;
        height: 100%;
        width: 100%;
        display: block;
        cursor: pointer;
    }

        .image-section-hover a:before {
            z-index: 2;
            width: 100%;
            height: 0;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: url('../../../../Content/images/video-icon.png') center center no-repeat;
            content: '';
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            cursor: pointer;
        }

        .image-section-hover a:after {
            z-index: 1;
            width: 100%;
            height: 100%;
            opacity: 0;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(2, 25, 90, 0.4);
            content: '';
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            cursor: pointer;
        }

        .image-section-hover a:hover:before {
            z-index: 2;
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: url('../../../../Content/images/video-icon.png') center center no-repeat;
            content: '';
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            cursor: pointer;
        }

        .image-section-hover a:hover:after {
            z-index: 1;
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(2, 25, 90, 0.5);
            content: '';
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            opacity: 1;
            cursor: pointer;
        }
/* End : Video Play for You Tube */


.videosize .videoplayer {
    height: 328px;
}

    .videosize .videoplayer .no-video-section {
        height: 100%;
        min-height: 100%;
        text-align: center;
        display: table;
        width: 100%;
        color: #0f3557;
        font-weight: 700;
    }

        .videosize .videoplayer .no-video-section span {
            display: table-cell;
            vertical-align: middle;
        }

/* .fancybox-inner iframe{
        pointer-events: none !important;
    }*/