html, body {
    /*background-color: #ededed;*/
    /*background-image: linear-gradient(to bottom, #ffffff 50%, #3399ff 100%);*/
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.pright-15 {
    padding-right: 15px;
}

.mright-15 {
    margin-right: 15px;
}

.bg-wrap-boxes {
    background: #fff;
    -webkit-box-shadow: 0px 0 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0 10px 0px rgba(0,0,0,0.2);
    margin-bottom: 15px;
}

img {
    max-width: 100%;
}

/*  HEADER - BANNER */
.header-top {
    background: url(../images/home-banner-top.png) no-repeat center center;
    background-size: cover;
    min-height: 105px;
    padding-top: 10px;
}

    .header-top .company {
        /* padding-left: 10px; */
        display: flex;
        flex-direction: row;
        width: 100%;
    }

        .header-top .company .logo {
            background: url(../images/logo.png) no-repeat center center;
            background-size: 100%;
            width: 80px;
            height: 80px;
            margin-right: 10px;
            margin-left: 15px;
        }

        .header-top .company.in-mobile .logo {
            margin: auto;
        }

        .header-top .company .wrap-slogan {
            width: 454px;
            padding-top: 5px;
        }

        .header-top .company.in-mobile .wrap-slogan {
            width: 100%;
            text-align: center;
        }

        .header-top .company .wrap-slogan h1 {
            font-family: 'Oswald', sans-serif;
            font-weight: 800;
            font-size: 24px;
            color: #c71515;
            line-height: 35px;
        }

        .header-top .company.in-mobile .wrap-slogan h1 {
            font-size: 20px;
            line-height: 32px;
        }

        .header-top .company .wrap-slogan .slogan {
            font-size: 20px;
            margin-top: 5px;
            font-family: 'Quicksand', sans-serif;
            color: #009240;
            font-weight: 600;
        }

    .header-top .hotline {
        font-size: 25px;
        padding: 24px 20px 0px;
        width: 285px;
    }

        .header-top .hotline .hotline-number {
            font-family: 'Oswald', sans-serif;
            color: #c71515;
        }

/* HEADER MENU */
.header-menu {
    background-color: #009ee3;
}

.header-list-nav {
    margin: 0;
    list-style-type: none;
}

    .header-list-nav > li {
        /*border-right: 1px solid #fff;*/
        padding-right: 15px;
        line-height: 1.3;
        padding: 5px 17px;
        margin-right: -4px;
    }

    .header-list-nav li.active {
        /*background-color: red;*/
    }
        .header-list-nav li.active > a {
            color: #0d6efd;
        }
    .header-list-nav li:hover {
        /*background-color: #d23f3f;*/
    }
        .header-list-nav li:hover > a {
            /*background-color: #d23f3f;*/
            color: #0d6efd;
        }

    .header-list-nav li > a {
        font-family: 'Oswald', sans-serif;
        color: #fff;
        /*color: #0d6efd;*/
        font-size: 17px;
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none;
    }
/*  BODY */
.right-body {
    width: 270px;
}

.right-body-larger {
    width: 470px;
}

.hot-news {
    font-size: 15px;
    margin-top: 0px;
    padding-top:0px;
}

.hc-breadcrumb {
    border-left: 3px solid red;
    height: 24px;
}

.hc-breadcrumb-item {
    color: #dc1616;
    background-color: #D3D3D3;
    font-size: 13px;
    padding: 2px 10px;
    position: relative;
    z-index: 2;
    float: left;
    padding-bottom: 3px;
}

    .hc-breadcrumb-item > .hc-br-arrow {
        content: " ";
        position: absolute;
        top: 0;
        right: -14px;
        z-index: 1;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-left: 14px solid #D3D3D3;
        border-bottom: 12px solid transparent;
    }

    .hc-breadcrumb-item.first {
        z-index: 10;
        background-color: #eceeed;
        font-weight: 700;
    }

        .hc-breadcrumb-item.first > .hc-br-arrow {
            border-left-color: #eceeed;
        }

    .hc-breadcrumb-item.not-first {
        padding-left: 18px;
    }

.marquee-text {
    font-size: 13px;
    padding-top: 2px;
}

/* INTRO BODY */
.intro-body {
    /*margin: 0px;*/
    margin-top: 2px;
    padding:3px;
}

.box-border {
    border: 1px solid #d1d3d4;
    padding: 15px;
    padding-top: 10px;
}

.box-header {
    font-family: 'Oswald', sans-serif;
    text-align: center;
    width: 100%;
}

.box-header-title {
    /* To adjust the height as well */
    text-transform: uppercase;
    color: #c71515;
    font-size: 18px;
    padding-bottom: 5px;
    margin: auto;
}

p.line {
    padding-top: 10px;
    border-bottom: 2px solid red;
}

.box-content {
    font-size: 16px;
}

.box-slides {
}

    .box-slides .item a {
        margin: auto;
        display: block;
        position: relative;
        width: 100%;
        padding-top: calc(100% * 9/16);
    }

    .box-slides .slide-for .slick-list .slick-track .slick-slide a {
        display: block;
        width: 100%;
        height: calc(100% * 3/4);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: 50% 50% !important;
    }

    .box-slides .item a img {
        visibility: hidden;
        display: none;
    }

    .box-slides .item a .title {
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 1;
        color: #FFF;
        padding: 5px 10px;
    }

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.blk-video.slide-nav .slick-prev:before, .blk-video.slide-nav .slick-next:before {
    color: #009ee3;
}

.blk-video.slide-nav .item {
    height: 80px;
    overflow: hidden;
}

/*  NAV HELPER */
.box-helper {
    background-color: #ededed;
    padding: 15px;
    margin-top: 20px;
    padding-bottom: 0px;
}

.box-helper-item {
    border: 1px solid #d7d8d9;
    /* -webkit-box-shadow: 0px 0 5px 0px rgba(0,0,0,0.2);
	    -moz-box-shadow: 0px 0 5px 0px rgba(0,0,0,0.2);
	    box-shadow: 0px 0 10px 0px rgba(0,0,0,0.2); */
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(rgba(255,255,255,1) 5%, rgba(241,242,242,1) 43%);
    background: -o-linear-gradient(rgba(255,255,255,1) 5%, rgba(241,242,242,1) 43%);
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(241,242,242,1) 43%);
    /* width: 256px; */
    margin: auto;
    flex-wrap: nowrap;
    display: flex;
    height: 80px;
    flex-basis: 226px;
    max-width: 226px;
    margin-bottom: 15px;
}

    .box-helper-item .helper-box-icon {
        flex-grow: 3;
        padding: 10px 0;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .box-helper-item .helper-box-icon img {
            max-height: 100%;
        }

        .box-helper-item .helper-box-icon i.fa {
            font-size: 45px;
            /* font-size: 4.2vw; */
            position: absolute;
        }

    .box-helper-item .helper-box-text {
        flex-grow: 7;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        color: #009240;
        text-transform: uppercase;
        font-size: 17px;
        text-decoration: none
    }

        .box-helper-item .helper-box-text div:last-child {
            color: #c71515;
        }

.helper-box-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

/*  NEWS BODY */
.nav-news-body {
    border: 1px solid #3eab6e4f;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #009ee3;
    margin-bottom: 0px;
    background: -webkit-linear-gradient(rgba(239,249,254,1), white 42.63%);
    background: -o-linear-gradient(rgba(239,249,254,1), white 42.63%);
    background: -moz-linear-gradient(rgba(239,249,254,1), white 42.63%);
    background: linear-gradient(rgba(239,249,254,1), white 42.63%);
    margin-top: 20px;
    margin-bottom: 20px;
}

    .nav-news-body .news-body-title {
        background: #009ee3;
        border-top-right-radius: 35px !important;
        color: #fff;
        padding: 5px 20px;
        font-size: 17px;
        font-family: 'Tahoma';
        font-weight: bold;
        padding-right: 30px;
        margin: 0;
        display: inline-block;
    }

.right-news-body {
    width: 250px;
}

.box-single-news-image {
    height: 220px;
    overflow: hidden;
}

.box-single-title {
    font-weight: 700;
    color: #009240;
    padding-top: 10px;
    font-size: 18px;
    display: block;
    text-decoration: none;
}

.box-single-description {
    font-size: 15px;
}

.ul-news-list {
    list-style-type: none;
}

    .ul-news-list .item-news-list {
        position: relative;
        padding-bottom: 10px;
        padding-top: 5px;
        border-bottom: 2px dotted #575756;
        text-decoration:none;
    }

        .ul-news-list .item-news-list:before {
            content: " ";
            background-color: #3eab6e;
            width: 7px;
            height: 7px;
            position: absolute;
            top: 14px;
            left: -20px;
            border-radius: 50%;
        }

.item-news-list a {
    color: #575756;
    text-transform: lowercase;
    display: block;
    text-decoration: none;
}

    .item-news-list a:first-letter, .item-news-list a::first-letter {
        text-transform: uppercase;
    }

/* FOOTER */
#box-footer {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

    #box-footer .header-list-nav {
        margin: auto;
    }

    #box-footer .header-top {
        background: url(../images/home-banner-footer.png) no-repeat center center;
        /*-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;*/
        background-size: 100% 100%;
        height: 100%;
        padding: 20px 0;
    }

        #box-footer .header-top .company .wrap-slogan {
            width: unset;
        }

        #box-footer .header-top .company .logo {
            margin-left: 25px;
            margin: auto;
        }

    #box-footer .ul-list {
        list-style: none;
        margin-bottom: 0;
        font-family: 'Tahoma';
        font-size: 15px;
    }

        #box-footer .ul-list li {
            line-height: 20px;
        }

        #box-footer .ul-list label {
            font-weight: 700;
        }

    #box-footer .header-top .company > .row {
        width: 100%;
    }

/* NEWS DETAIL */
.news-body {
    padding: 5px 0;
}

.box-news-body-title {
    padding-bottom: 0px;
    text-align: left;
    /*text-decoration: underline;*/
    color: #0d6efd;
}

    .box-news-body-title h2 {
        font-size: 30px;
        color: #0d6efd;
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
    }

    .box-news-body-title h3 {
        font-size: 25px;
        color: #0d6efd;
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
    }

    .box-news-body-title h4 {
        font-size: 20px;
        /*text-decoration: underline;*/
        color: #0d6efd;
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
    }

.box-news-list {
    margin: 15px 0;
    font-family: Arial-bold;
    margin-top: 30px;
}

    .box-news-list.service .box-item-title {
        background: -webkit-linear-gradient(white 21%,rgba(72,161,211,0.12));
        background: -o-linear-gradient(white 21%,rgba(72,161,211,0.12));
        background: -moz-linear-gradient(white 21%,rgba(72,161,211,0.12));
        background: linear-gradient(white 21%,rgba(72,161,211,0.12) );
        padding: 10px;
        color: #009240;
        font-family: 'Tahoma';
        font-weight: bold;
        border: 1px solid #d4edfc;
        font-size: 14px;
    }

    .box-news-list.service .box-item-description {
        padding: 10px 25px;
        border: 1px solid #c5f8dc96;
        border-top: none;
    }

    .box-news-list .box-item {
        padding: 10px;
        margin-bottom: 20px;
    }

    .box-news-list.news .box-item .box-image {
        flex-basis: 160px;
        padding-right: 10px;
        max-height: 90px;
        overflow: hidden;
    }

        .box-news-list.news .box-item .box-image img {
            max-width: 100%;
        }

    .box-news-list.news .box-item .box-text {
        flex-grow: 1;
        width: 100%;
    }

    .box-news-list.news .box-item {
        padding: 0;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
    }

        .box-news-list.news .box-item .box-text-title {
            font-weight: 600;
            font-size: 18px !important;
            padding-bottom: 10px;
            text-decoration:none;
        }

.box-content a.box-text-title {
    color: #000;
    text-decoration: none;
    text-transform: lowercase;
    display: block;
}

    .box-content a.box-text-title:first-letter {
        text-transform: uppercase !important;
    }

    .box-content a.box-text-title::first-letter {
        text-transform: uppercase !important;
    }

    .box-content a.box-text-title:hover {
        color: #009240
    }

.box-news-list.news .box-item .box-text-description {
    line-height: 20px;
    font-size: 16px;
}

.left-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 260px;
    min-height: 100%;
    background: #33b1e8;
    z-index: 9999;
    color: #fff;
    padding-left: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    left: -270px;
}

    .left-sidebar.show {
        left: 0;
    }

    .left-sidebar .company-name {
        text-transform: uppercase;
        padding: 40px 10px;
        background: #009ee3;
        font-family: 'Oswald', sans-serif;
        font-weight: 800;
        font-size: 30px;
        line-height: 32px;
        text-align: center;
        color: #f9f6f6;
        /* background: url(../images/home-banner-top.png) no-repeat center center;*/
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
        margin-bottom: 10px;
    }

    .left-sidebar > li {
        padding-left: 15px;
    }

        .left-sidebar > li > a {
            font-family: 'Oswald', sans-serif;
            color: #fff;
            font-size: 20px;
            width: 100%;
            height: 100%;
            display: block;
            text-decoration: none;
            padding: 5px 0;
        }

        .left-sidebar > li.active {
            background-color: #009ee3ad;
            background: unset;
        }

            .left-sidebar > li.active > a {
                color: #009240;
            }

.overlay {
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    background: #0c0c0cad;
    top: 0;
    left: 0;
    z-index: 8888;
    display: none;
}

#box-footer .header-list-nav.in-mobile {
    margin: initial
}