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

h1, h2, h3, h4, h5, h6 {
}

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

ol, ul {
    list-style: none;
}

a:focus {
}

a:hover, a:active {
}

a img {
    border: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.clr {
    clear: both;
}

.pd-lr0px {
    padding-left: 0px;
    padding-right: 0px;
}

.height30 {
    height: 30px;
}

.bd-left {
    border-left: 2px solid #156479;
}

.bd-right {
    border-right: 2px solid #156479;
}

#site-header {
    position: relative;
}

.logo-site {
}

    .logo-site img {
        height: 60px;
        width: auto;
        display: block;
    }

.nav-top {
    background: #1d9649;
    width: 100%;
}

#nav_main {
    margin-left: 60px;
}

    #nav_main ul {
        float: left;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        #nav_main ul li {
            float: left;
            position: relative;
        }

            #nav_main ul li a {
                display: block;
                color: #fff;
                padding-left: 20px;
                padding-right: 20px;
                font-size: 1.1em;
                line-height: 60px;
                letter-spacing: 0.7px;
                transition-duration: 0.3s;
                text-transform: uppercase;
                font-weight: bold;
            }

                #nav_main ul li a span {
                    color: #fff;
                    padding-left: 5px;
                    font-size: 0.6em;
                    line-height: 60px;
                }

                #nav_main ul li a:hover {
                    color: #e2ffed;
                    text-decoration: none;
                }

                #nav_main ul li a img.lan-img {
                    position: relative;
                    top: 6px;
                }

            #nav_main ul li:hover ul {
                display: block;
            }

            #nav_main ul li ul {
                display: none;
                position: absolute;
                z-index: 10000000;
                width: 270px;
                background: #1d9649;
                border-top: solid 1px #18a34b;
                transition-duration: 0.6s;
            }

                #nav_main ul li ul.language {
                    width: 135px !important;
                }

                    #nav_main ul li ul.language li {
                        text-align: center !important;
                    }

                        #nav_main ul li ul.language li a {
                            padding: 8px 0;
                            line-height: 30px;
                        }

                            #nav_main ul li ul.language li a:hover {
                                padding-left: 8px;
                            }

                            #nav_main ul li ul.language li a img {
                                vertical-align: middle;
                            }

                            #nav_main ul li ul.language li a span {
                                line-height: 20px !important;
                                font-size: inherit;
                                margin-left: 5px;
                                font-size: 0.85em;
                            }

                #nav_main ul li ul li {
                    padding: 0px;
                    border-bottom: solid 1px #18a34b;
                    width: 100%;
                }

                    #nav_main ul li ul li a {
                        color: #fff;
                        padding: 8px 15px;
                        text-transform: none;
                        font-size: 1em;
                        line-height: 30px;
                        display: block;
                        letter-spacing: 0.9px;
                        transition-duration: 0.3s;
                        text-transform: none;
                    }

                    #nav_main ul li ul li:hover {
                    }

                    #nav_main ul li ul li a:hover {
                        text-decoration: none;
                        color: #dedede;
                        padding-left: 17px;
                        background: #0f7c37;
                    }

.slide-navs {
    display: none;
}

.slider-home {
    position: relative;
}

/*Khối 3 nút*/
#block-3home {
    padding-top: 25px;
    padding-bottom: 25px;
}
/*---Block slider*/
.block-slider {
    width: 100%;
    /*background: #990100;*/
    /*opacity: 0.8;*/
}

    .block-slider .pd-lr {
        padding-left: 0px;
        padding-right: 0px;
    }

.box-1, .box-2, .box-3 {
    background: #1d9649;
}

/*    .box-1 .icon i {
        background: #fb7e04;
    }

    .box-2 .icon i {
        background: #0089fc;
    }

    .box-3 .icon i {
        background: #ff0f0f;
    }*/

.box-sl {
    width: 100%;
    height: 150px;
    text-align: center;
    transition-duration: 0.3s;
    position: relative;
    overflow: hidden;
}

    .box-sl:hover {
        cursor: pointer;
    }

    .box-sl:before, .box-sl:after {
        position: absolute;
        height: inherit;
        width: inherit;
        position: absolute;
        top: 0px;
        left: 0;
        transition: all 0.5s cubic-bezier(0.4, 0, 1, 1) 0s;
        content: "";
        z-index: 2;
    }

    .box-sl:before {
        background: rgba(11, 33, 47, 0.9);
        opacity: 0;
    }

    .box-sl:after {
        border: 2px solid #e16704;
        background: rgba(255, 255, 255, 0.3);
        opacity: 0;
        z-index: 1;
        transition: all 1s ease 0s;
        transform: skewX(45deg);
        content: "";
    }

    .box-sl:hover::after {
        left: 200%;
        opacity: 1;
        content: "";
    }

    .box-sl:hover:before {
        opacity: 0;
        content: "";
    }

    .box-sl:hover .box-ct-link {
        bottom: 0px;
    }

    .box-sl .icon {
        padding-top: 40px;
        font-size: 2.5em;
    }

        .box-sl .icon i {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 100%;
            outline: 5px;
            padding: 2px;
        }

    .box-sl .title {
        font-size: 1.1em;
        font-weight: bold;
        color: #fff;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }

.box-ct-link {
    position: absolute;
    background: #036f2a;
    width: 100%;
    height: 150px;
    bottom: -200px;
    left: 0px;
    z-index: 55;
    transition-duration: 0.5s;
}

    .box-ct-link .title {
        padding-top: 50px;
        font-size: 1.2em;
        font-weight: bold;
        color: #fff;
        letter-spacing: 0.6px;
        text-transform: uppercase;
    }

    .box-ct-link .link {
    }

        .box-ct-link .link a {
            padding: 7px;
            border-radius: 50%;
            background: #d44c02;
            font-size: 18px;
            color: #fff;
            transition: all 0.5s ease 0s;
        }

            .box-ct-link .link a i {
                font-size: 1.1em;
                color: #fff;
            }

            .box-ct-link .link a:hover {
                background: #fff;
            }

                .box-ct-link .link a:hover i {
                    color: #d44c02;
                }
/*Kết thúc block slider*/
/*Kết thúc khối 3 nút*/

/*Khối 1*/
#content-01 {
}

/*.content-01-h1 {
    text-align: center;
    padding: 20px 0;
}

    .content-01-h1 span {
        font-size: 1.4em;
        letter-spacing: 0.5px;
        border-bottom: 2px solid #fb7e04;
        padding: 0 30px 10px 30px;
        text-transform: uppercase;
        color: #fb7e04;
    }*/

.content-01-text1 {
    /*background: #f6f6f6 url('../Images/bg-01.png') right top no-repeat;*/
    background: rgb(246,246,246);
    background: linear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 50%, rgba(246,246,246,1) 100%);
    padding: 20px 0 10px 0;
}

.ct01-content {
    width: 50%;
    float: left;
}

    .ct01-content .content {
        /*padding: 20px 20px 20px 0;*/
    }

        .ct01-content .content .article {
            height: 350px;
            padding-right: 10px;
            overflow-y: auto;
        }

            .ct01-content .content .article::-webkit-scrollbar {
                width: 4px;
            }

            .ct01-content .content .article::-webkit-scrollbar-track {
                background: #0f7c37;
            }

            .ct01-content .content .article::-webkit-scrollbar-thumb {
                background: #04be48;
            }

                .ct01-content .content .article::-webkit-scrollbar-thumb:hover {
                    background: #ff9c00;
                }

        .ct01-content .content .view-all-home {
            text-align: right;
            margin-top: 10px;
            margin-bottom: 5px;
        }

            .ct01-content .content .view-all-home a {
                font-size: 1.15em;
                color: #006fd9;
                text-decoration: underline;
                font-weight: bold;
                font-style: italic;
                letter-spacing: 0.4px;
            }

                .ct01-content .content .view-all-home a i {
                    margin-left: 5px;
                    color: #006fd9;
                    font-style: italic;
                }

                .ct01-content .content .view-all-home a:hover {
                    color: #fb7e04;
                }
/*    .ct01-content, .ct01-content span, .ct01-content strong, .ct01-content em {
        color: #636060;
    }

        .ct01-content p, .ct01-content div {
            line-height: 25px;
        }*/
.ct01-avatar {
    width: 50%;
    float: right;
    text-align: right;
    padding-left: 25px;
    /*padding-top: 10px;*/
}

    .ct01-avatar .avatar {
        /*padding: 20px 0 20px 20px;*/
    }

/*        .ct01-avatar .avatar img {
            width: 100%;
            height: auto;
            transition-duration: 0.3s;
        }

            .ct01-avatar .avatar img:hover {
                opacity: 0.8;
                transform: scale(1.1);
            }*/

/*Kết thúc khối 1*/

/*Khối 2*/
/*#content-02 {
}

.bd-bottom-1 {
    border-bottom: 1px solid #fb7e04;
    margin-bottom: 20px;
}

.ct02-title {
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
    border-bottom: 5px solid #fc8506;
}

    .ct02-title h2 {
        font-size: 1.4em;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: #fb7e04;
    }

.ct02-content {
    width: 100%;
}

.video-lg {
    width: 60%;
    float: left;
}

.video-sm {
    width: 35%;
    float: right;
}

    .video-sm a {
        padding: 0 5px;
    }

.sm-thumb-video {
    max-height: 400px;
    overflow-y: auto;
}

    .sm-thumb-video::-webkit-scrollbar {
        width: 8px;
    }

    .sm-thumb-video::-webkit-scrollbar-track {
        background: #ededed;
    }

    .sm-thumb-video::-webkit-scrollbar-thumb {
        background: #f56100;
    }

        .sm-thumb-video::-webkit-scrollbar-thumb:hover {
            background: #ff9c00;
        }

    .sm-thumb-video ul {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

        .sm-thumb-video ul li {
            width: 100%;
            margin-bottom: 10px;
        }

            .sm-thumb-video ul li a {
            }

                .sm-thumb-video ul li a:hover {
                }

                .sm-thumb-video ul li a img {
                    width: 100%;
                    height: auto;
                }

                    .sm-thumb-video ul li a img:hover {
                    }

            .sm-thumb-video ul li .img {
                width: 50%;
                float: left;
            }

            .sm-thumb-video ul li .text {
                float: right;
                width: 47%;
            }

                .sm-thumb-video ul li .text a {
                    font-size: 1.2em;
                    color: #373737;
                    letter-spacing: 0.3px;
                    line-height: 27px;
                    padding: 0 10px;
                    display: block;
                    font-weight: bold;
                }

                    .sm-thumb-video ul li .text a:hover {
                        text-decoration: none;
                        color: #d44c02;
                    }

.mb-5, .my-5 {
    margin-bottom: 20px !important;
}

.video-sm img {
    width: 80px;
    height: 45px;
    border: solid 1px #ededed;
    padding: 3px;
    transition-duration: 0.3s;
}

    .video-sm img:hover {
        opacity: 0.8;
        transform: scale(1.05);
    }*/
/*Kết thúc khối 2*/

/*Ảnh trượt*/
/*#galeyry-home {
    background: #ededed;
    margin-top: 20px;
    padding: 20px 0 15px 0;
}*/
/*Kết thúc ảnh trượt*/

/*Khối 3*/
#content-03 {
    padding: 65px 0 25px 0;
    background: rgb(29,150,73);
    background: linear-gradient(169deg, rgba(29,150,73,1) 0%, rgba(20,184,80,1) 50%, rgba(29,150,73,1) 100%);
}

ul.lst-cm {
    margin: 0 auto;
    padding: 0px;
}

    ul.lst-cm li {
        float: left;
    }

.lst-home-2col {
    width: 100%;
}

    .lst-home-2col li {
        width: 33.33%;
    }

        .lst-home-2col li .b-img img {
            width: 210px !important;
            height: 210px !important;
        }

        .lst-home-2col li .b-title {
            width: 50% !important;
        }

.lst-home-3col {
    width: 100%;
    margin-top: -40px !important;
}

    .lst-home-3col li {
        width: 33%;
    }

.box-lst {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

    .box-lst .b-img {
    }

        .box-lst .b-img a {
        }

            .box-lst .b-img a img {
                transform: rotate(45deg);
                border: solid 10px #fff !important;
                border-radius: 25px;
                width: 180px;
                height: 180px;
                height: auto;
                transition-duration: 0.5s;
            }

                .box-lst .b-img a img:hover {
                    opacity: 0.7;
                    transform: scale(1.2);
                }

    .box-lst .b-title {
        margin: 0 auto;
        margin-top: 40px;
        width: 60%;
    }

        .box-lst .b-title a {
            font-size: 1.3em;
            color: #fff;
            letter-spacing: 0.5px;
            transition-duration: 0.3s;
            line-height: 25px;
        }

            .box-lst .b-title a:hover {
                text-decoration: none;
                color: #ffe5bd;
            }
/*Kết thúc khối 3*/

/*Khối 4*/
#content-04 {
    margin-bottom: 25px;
}

.ct04-content {
    background: rgb(247,247,247);
    background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(223,223,223,1) 100%);
}

#content-04 .ct02-title {
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
    /*border-bottom: 5px solid #fc8506;*/
}

    #content-04 .ct02-title h2 {
        font-size: 1.5em;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: #077830;
        font-weight: bold;
    }

#content-04 .bd-bottom-1 {
    /*border-bottom: 1px solid #fb7e04;*/
    margin-bottom: 20px;
}

#content-04 .bd {
    width: 100px;
    height: 5px;
    margin: 0 auto;
    background: #077830;
}

#content-04 .prev-arrow1 {
    left: -40px;
    top: 30%;
    position: absolute;
}

#content-04 .next-arrow1 {
    right: -40px;
    top: 30%;
    position: absolute;
}

#content-04 .arrow1 {
    padding: 10px 20px;
    z-index: 10;
    cursor: pointer;
}

    #content-04 .arrow1:hover {
    }

    #content-04 .arrow1 i {
        font-size: 3em;
        color: #dedede;
    }

.slider {
    width: 100%;
}

.slick-slide {
    /*margin: 0px 10px;*/
}

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

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-slide {
    transition: all ease-in-out .3s;
}

.slick-active {
}

.slick-current {
}

.bl-hnews {
    padding: 15px;
}

    .bl-hnews .n-img {
    }

        .bl-hnews .n-img a {
            outline: none;
        }

            .bl-hnews .n-img a img {
                background: #fff;
                padding: 3px;
                transition-duration: 0.5s;
                width: 365px;
                height: 230px;
            }

                .bl-hnews .n-img a img:hover {
                    opacity: 0.8;
                    transform: scale(1.02,1.02);
                }

    .bl-hnews .n-title {
        margin: 10px 0;
        height: 45px;
    }

        .bl-hnews .n-title a {
            font-size: 1.1em;
            letter-spacing: 0.3px;
            color: #2d2d2d;
            line-height: 22px;
            transition-duration: 0.3s;
            outline: none;
            font-weight: bold;
        }

            .bl-hnews .n-title a:hover {
                text-decoration: none;
                color: #1d9649;
                text-decoration: underline;
            }

    .bl-hnews .n-des {
        color: #4d4d4d;
        line-height: 25px;
        height: 100px;
    }

    .bl-hnews .n-more {
        text-align: center;
        margin-top: 10px;
    }

        .bl-hnews .n-more a {
            background: #1d9649;
            padding: 10px 25px;
            color: #fff;
            text-transform: uppercase;
            display: block;
            letter-spacing: 0.4px;
        }

            .bl-hnews .n-more a i {
                color: #fff;
                margin-left: 5px;
            }

            .bl-hnews .n-more a:hover {
                text-decoration: none;
                background: #087a31;
                color: #fccb7e;
            }

/*Kết thúc khối 4*/
/*Khối 5*/
#content-05 {
    padding: 0 0 20px 0;
    background: linear-gradient(to right,#fefdfd,#f6f6f6,#f6f6f6,#eeeeee,#f6f6f6,#f6f6f6,#fefdfd);
    border-top: solid 1px #ededed;
}

.ct05-title {
    text-align: center;
    width: 100%;
}

    .ct05-title h2.title {
        margin: 20px 0 10px 0;
        padding: 0px;
        display: inline-flex;
    }

        .ct05-title h2.title span {
            background: #00481a;
            color: #fff;
            padding: 10px 40px;
            border-radius: 5px;
            font-size: 1.2em;
            letter-spacing: 0.6px;
        }

    .ct05-title .year {
        margin: 10px 0 20px 0;
    }

        .ct05-title .year a {
            background: #676767;
            padding: 3px 10px;
            margin: 0 5px;
            color: #fff;
            border-radius: 3px;
            transition-duration: 0.3s;
        }

            .ct05-title .year a:hover {
                text-decoration: none;
                background: #6b6b6b;
                color: #eaeaea;
            }

.bl-hgalery {
    margin-left: 10px;
    margin-right: 10px;
}

    .bl-hgalery .g-img {
    }

        .bl-hgalery .g-img a {
        }

            .bl-hgalery .g-img a img {
                box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
                border-radius: .25rem !important;
                background-color: #fff !important;
                padding: 1rem !important;
                transition-duration: 0.3s;
            }

                .bl-hgalery .g-img a img:hover {
                    transform: scale(1.03);
                    opacity: 0.8;
                }

    .bl-hgalery .g-title {
        text-align: center;
        margin-top: 10px;
    }

        .bl-hgalery .g-title a {
            line-height: 22px;
            font-size: 1em;
            letter-spacing: 0.5px;
            color: #2b2b2b;
            font-weight: bold;
            transition-duration: 0.3s;
            outline: none;
        }

            .bl-hgalery .g-title a:hover {
                text-decoration: none;
                color: #fb7e04;
            }

.view-all {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .view-all a {
        border: solid 1px #1b9c4a;
        border-radius: 5px;
        transition-duration: 0.3s;
        padding: 10px 25px;
        color: #01491b;
        background: linear-gradient(to right,#fefdfd,#f6f6f6,#f6f6f6,#eeeeee,#f6f6f6,#f6f6f6,#fefdfd);
    }

        .view-all a:hover {
            border: solid 1px #00481a;
            background: #1d9649;
            color: #fff;
            text-decoration: none;
        }

            .view-all a:hover i {
                color: #fff;
            }

        .view-all a i {
            color: #01491b;
            transition-duration: 0.3s;
        }

.regular1 .slick-prev {
    right: 50px !important;
    top: -20px !important;
    left: initial !important;
}

.regular1 .slick-next {
    right: 20px !important;
    top: -20px !important;
}
/*Kết thúc khối 5*/


/*Khối 6*/
#content-06 {
    padding: 20px 0;
}

    #content-06 .col-md-6 {
    }

    #content-06 .adsl {
        padding-left: 0px;
        padding-right: 10px;
    }

    #content-06 .adsr {
        padding-left: 10px;
        padding-right: 0px;
    }
/*.h-map {
    padding: 0 20px;
}*/
.h-ads1 {
    padding: 0 0 0 0;
}

    .h-ads1 a img {
        width: 100%;
        height: auto;
        margin: 10px 0;
    }
/*Kết thúc 6*/
/*Khối 07*/
#content-07 {
    padding: 10px 0 30px 0;
    background: #fcfcfc;
/*    border-top: 2px solid #f2f2f2;*/
}

.ct07-left {
    /*float: left;*/
    padding-left: 0px;
    padding-right: 0px;
}

    .ct07-left h2.title span, .ct07-right h2.title span {
        font-size: 1.1em;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: #585857;
        font-weight: bold;
        border-bottom: solid 1px #ffac2a;
        padding-bottom: 5px;
        padding-right: 5px;
    }

    .ct07-left .bd-bottom, .ct07-right .bd-bottom {
        height: 20px;
    }

    .ct07-left h2.title {
        margin: 20px 0;
    }

    .ct07-left .content {
    }

        .ct07-left .content a {
        }

            .ct07-left .content a.pd-left {
                padding-left: 20px;
                padding-right: 20px;
            }

            .ct07-left .content a img {
            }

.ct07-right {
    /*float: right;*/
    padding-left: 0px;
    padding-right: 0px;
}

    .ct07-right h2.title {
        margin: 20px 0;
    }

    .ct07-right .content {
    }

        .ct07-right .content .slick-slide {
            padding-right: 10px !important;
        }

        .ct07-right .content .slick-list {
            height: 76px !important;
        }

        .ct07-right .content a {
            padding-right: 50px;
            outline: none;
        }

            .ct07-right .content a img {
            }
/*Kết thúc khối 07*/

/*Chân trang*/
#footer {
    padding: 30px 0 0 0;
    background: #1d9649;
}

.info-contact, .info-contact p, .info-contact div, .info-contact span, .info-contact a, .info-contact i, .info-contact strong {
    color: #f2f2f2;
}

.f-text {
    color: #f2f2f2;
    margin-bottom: 10px;
}

.bo-cong-thuong {
    text-align: center;
}

#copyright {
    text-align: center;
    background: #06722d;
    padding: 5px 0;
    font-size: 1em;
    color: #0c973e;
    letter-spacing: 0.8px;
}
/*Kết thúc chân trang*/

/*Breadcrumb-box*/
#breadcrumbs {
    /*background: #ff9c00;*/
    position: absolute;
    top: 150px;
    left: 40%;
}

    #breadcrumbs .name-cate {
        text-align: center;
        font-size: 1.5em;
        color: #b0b0b0;
        letter-spacing: 0.5px;
    }

.breadcrumb-box {
    padding: 10px 0;
}

.bl-cate {
    color: #fff;
    letter-spacing: 0.5px;
    border-bottom: solid 1px #ededed;
    position: relative;
}

    .bl-cate::after {
        content: '';
        width: 80px;
        height: 3px;
        background-color: #076b2b;
        position: absolute;
        left: 0;
        bottom: -2px;
    }

    .bl-cate span {
        color: #262525;
        letter-spacing: 0.5px;
        line-height: 40px;
        font-size: 1.1em;
        font-weight: bold;
    }

.breadcrumb-box ul {
    margin: 0px;
    padding: 0px;
}

    .breadcrumb-box ul li {
        float: left;
        padding-right: 5px;
    }

        .breadcrumb-box ul li a, .breadcrumb-box ul li {
            font-size: 1.1em !important;
            color: #fff;
            letter-spacing: 0.5px;
        }

            .breadcrumb-box ul li a {
                text-transform: uppercase;
            }
/*Kết thúc breadcrumb-box*/
/*Tin tức*/
.wrap-content {
    padding: 20px 0;
}

.media-left {
    padding-right: 25px;
}

    .media-left a {
    }

        .media-left a img {
            width: 250px;
            height: auto;
            border: solid 1px #ededed !important;
            padding: 3px;
        }

.media-body {
    font-size: 1em;
    line-height: 25px;
}

.hr-news {
    text-align: right;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: solid 1px #ededed;
    position: relative;
}

    .hr-news:after {
        border-bottom: solid 2px #127034;
        position: absolute;
        right: 0px;
        bottom: -1px;
        width: 130px;
        height: 3px;
        content: '';
    }

    .hr-news a {
        font-size: 1em;
        letter-spacing: 0.5px;
        color: #fff;
        padding: 5px 20px;
        background: #1d9649;
        transition-duration: 0.3s;
        display: inline-block;
    }

        .hr-news a:hover {
            text-decoration: none;
            background: #076b2b;
        }

        .hr-news a i {
            margin-left: 10px;
            color: #fff;
        }

.media-heading {
    margin-bottom: 10px;
}

    .media-heading a {
        font-size: 1.3em;
        letter-spacing: 0.4px;
        color: #076b2b;
        line-height: 25px;
    }

        .media-heading a:hover {
        }

.ad-title-dt {
}

    .ad-title-dt a {
        font-size: 1.4em;
        color: #ff0e0d !important;
        line-height: 25px;
        letter-spacing: 0.5px;
    }

        .ad-title-dt a:hover {
        }

.ad-date {
    margin-bottom: 5px;
}

    .ad-date span {
        font-size: 0.8em;
        letter-spacing: 0.5px;
        color: #6d6d6d;
    }

.ad-des {
    font-weight: bold;
}

.ad-content-dt {
}

    .ad-content-dt p, .ad-content-dt div, .ad-content-dt h1, .ad-content-dt h2, .ad-content-dt h3, .ad-content-dt h4 {
        margin: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 25px;
    }

    .ad-content-dt h2 {
        font-weight: bold;
        font-size: 1.3em;
    }

    .ad-content-dt h3 {
        font-weight: bold;
        font-size: 1.2em;
    }

.lst-n-other {
    margin-top: 10px;
}

    .lst-n-other h3.md-title {
        background: #ff0e0d;
        padding: 10px 0 10px 15px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        font-size: 1em;
        letter-spacing: 0.5px;
    }

    .lst-n-other ul.md-list {
        margin: 0px;
        padding: 0px;
    }

        .lst-n-other ul.md-list li {
            background: url(../images/arow_li.png) no-repeat left center;
            padding: 5px 0 5px 15px;
        }

            .lst-n-other ul.md-list li a {
                line-height: 25px;
                color: #303030;
            }

                .lst-n-other ul.md-list li a:hover {
                }

            .lst-n-other ul.md-list li span {
                color: #7a7a7a;
                font-size: 0.8em;
                margin-left: 5px;
                font-style: italic;
            }
/*Kết thúc tin tức*/

/*CSS Phân trang*/
.paging {
    text-align: right;
    font-size: 13px;
    color: #000;
    font-family: Arial;
    margin-top: 20px;
}

    .paging span {
    }

        .paging span a, .paging span b {
            font-size: 1em;
            color: #000;
            letter-spacing: 0.5px;
            padding: 5px 10px;
            margin: 0 5px;
            border-radius: 5px;
        }

        .paging span a {
            background: #e6e6e6;
        }

        .paging span b {
            background: #bababa;
        }
/*End CSS Phân trang*/

/*Khối bên phải*/
.caption-video {
    background: #076b2b;
    color: #fff;
    line-height: 45px;
    text-align: center;
    /*margin-bottom: 10px;*/
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.content-video {
}

.module-ads-right {
    margin-top: 10px;
}

    .module-ads-right img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
/*Kết thúc khối bên phải*/

/*Trang liên hệ*/
.contact_form {
    border-top: 1px solid #ededed;
    padding-top: 15px;
}

.bg_one {
}

.bg_trow {
}

.title_contact {
    padding: 10px 0;
    font-weight: bold;
    color: #6b6b6b;
}

.cmd-refresh {
    color: #fff;
    border: none;
    background: #ff9c00;
    padding: 5px 10px;
}

.cmd-send {
    padding: 7px 25px;
    color: #fff;
    background: #d44c02;
    border: none;
    margin-top: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

    .cmd-send:hover {
        background: #f2600b;
    }
/*Kết thúc trang liên hệ*/

/*Slider ảnh*/
#custCarousel {
    width: 100%;
    text-align: center;
}

.carousel-inner {
    width: 100%;
}

    .carousel-inner img {
        width: 100%;
        height: 100%;
    }

#custCarousel .carousel-indicators {
    clear: both;
    margin-top: 10px;
    margin-bottom: 50px;
    position: relative;
}

    #custCarousel .carousel-indicators > li {
        width: 100px;
    }

    #custCarousel .carousel-indicators li img {
        display: block;
        opacity: 0.5;
        height: 60px;
        width: auto;
    }

    #custCarousel .carousel-indicators li.active img {
        opacity: 1;
    }

    #custCarousel .carousel-indicators li:hover img {
        opacity: 0.75;
    }

.carousel-item img {
    width: 100%;
}
/*Kết thúc slider ảnh*/

/*Trang video*/
ul.l-page-video {
    margin: 0px;
    padding: 0px;
}

    ul.l-page-video li {
        float: left;
        width: 50%;
    }

        ul.l-page-video li.l-video {
            text-align: left;
        }

        ul.l-page-video li.r-video {
            text-align: right;
        }

        ul.l-page-video li .v-avatar {
        }

            ul.l-page-video li .v-avatar a {
            }

                ul.l-page-video li .v-avatar a img {
                    width: 90%;
                    max-height: 200px;
                    overflow-y: hidden;
                }

        ul.l-page-video li .v-title {
            text-align: center;
            margin-bottom: 15px;
            margin-top: 10px;
        }

            ul.l-page-video li .v-title a {
                font-size: 1.2em;
                letter-spacing: 0.5px;
                color: #fb7e04;
            }

                ul.l-page-video li .v-title a:hover {
                    text-decoration: none;
                    color: #ffac2a;
                }

.md-other-content {
}

    .md-other-content h1 {
        text-align: center;
        font-size: 1.3em;
        letter-spacing: 0.5px;
        margin: 15px 0;
    }

.md-other-title {
    line-height: 45px;
    background: #ff9c00;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 1.1em;
    padding-left: 15px;
    margin-bottom: 10px;
}
/*Kết thúc trang video*/

/*Gian hàng*/
ul.lst_proc {
    margin: 0px;
    padding: 0px;
}

    ul.lst_proc li {
    }

        ul.lst_proc li .obj-name {
            font-weight: bold;
            letter-spacing: 0.5px;
            font-size: 1.1em;
        }

        ul.lst_proc li .obj-info {
            color: #4f4f4f;
        }

            ul.lst_proc li .obj-info i {
                margin-right: 10px;
                color: #ff0a0a;
            }

        ul.lst_proc li .obj-image {
            text-align: right;
        }

            ul.lst_proc li .obj-image img {
                height: 115px;
                width: auto;
                border: solid 1px #ededed;
                margin: 0 5px;
                margin-bottom: 10px;
            }

        ul.lst_proc li .obj-bold {
            font-weight: bold;
            margin-top: 15px;
        }

ul.ghang-lst {
    margin: 0px;
    padding: 0 0 0 20px;
}

    ul.ghang-lst li {
        padding: 10px 0;
    }

        ul.ghang-lst li i {
            color: #fb7e04;
            margin-right: 8px;
        }

        ul.ghang-lst li a {
            letter-spacing: 0.4px;
        }

            ul.ghang-lst li a.current {
                font-weight: bold;
            }

            ul.ghang-lst li a:hover {
                color: #f56100;
                text-decoration: none;
            }
/*Khối bên trái*/
.mdl-cate {
}

    .mdl-cate h3.title {
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #1777fe;
        font-size: 1.1em;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: #fff;
        margin: 0px;
    }

        .mdl-cate h3.title i {
            margin-right: 8px;
            color: #fff;
        }

    .mdl-cate div.li-content {
    }

        .mdl-cate div.li-content ul {
            margin: 0px;
            padding: 0px;
        }

            .mdl-cate div.li-content ul li {
                position: relative;
                padding: 5px 0;
                border-bottom: solid 1px #f4f4f4;
                cursor: pointer;
            }

                .mdl-cate div.li-content ul li.cat-parent a {
                }

                .mdl-cate div.li-content ul li a {
                    line-height: 35px;
                    padding: 0 15px 0 20px;
                    font-size: 0.97em;
                    letter-spacing: 0.4px;
                }

                    .mdl-cate div.li-content ul li a span {
                        font-size: 0.8em;
                        margin-right: 5px;
                        color: #bdbdbd;
                    }

.has-sub span {
    color: #e85933 !important;
    font-weight: bold;
}

a.current-cat {
    font-weight: bold;
}

li.current-cat-root ul {
    display: block !important;
}

.mdl-cate div.li-content ul li a:hover {
}

.mdl-cate div.li-content ul li i {
    position: absolute;
    right: 10px;
    top: 5px;
    line-height: 25px;
    font-size: 0.8em;
}

.mdl-cate div.li-content ul li ul {
    display: none;
    margin: 5px 0;
}

    .mdl-cate div.li-content ul li ul li {
        padding: 0px;
        border-bottom: none;
    }

        .mdl-cate div.li-content ul li ul li a {
            padding-left: 40px !important;
            display: block;
            line-height: 30px;
            color: #5e5c5c;
        }

            .mdl-cate div.li-content ul li ul li a span {
                font-size: 0.8em;
                color: #bdbdbd;
                margin-right: 5px;
            }

            .mdl-cate div.li-content ul li ul li a:hover {
            }
/*Form đăng ký*/
.form-ctr {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background: #ededed;
    width: 100%;
    padding: 20px;
}

    .form-ctr ul {
        padding: 0px;
        margin: 0 auto;
        list-style: none;
        width: 100%;
    }

        .form-ctr ul li {
            float: left;
            padding-top: 5px;
            padding-bottom: 5px;
        }

            .form-ctr ul li p {
                color: #505050;
            }

                .form-ctr ul li p span {
                    color: #e92759;
                    font-weight: bold;
                }

            .form-ctr ul li.lst-w0 {
                width: 100%;
            }

            .form-ctr ul li.lst-w1 {
                width: 50%;
                padding-right: 10px;
            }

            .form-ctr ul li.lst-w2 {
                width: 50%;
                padding-left: 10px;
            }

.textbox {
    width: 100%;
}

.wr-button {
    text-align: center;
}

.button {
    background: #fb7e04;
    padding: 7px 20px;
    border: none;
    font-size: 1.2em;
    color: #fff;
    letter-spacing: 1.1px;
    transition: 0.6s;
}

    .button:hover {
        background: #d44c02;
        color: #ffab00;
    }
/*Kết thúc form đăng ký*/


/*Nút hotline*/
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
}

.hotline-phone-ring-zalo {
    position: fixed;
    bottom: 60px;
    left: 0;
    z-index: 999999;
}

.hotline-phone-ring-face {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999999;
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}

.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}

.hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle, .hotline-zalo-ring-img-circle {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotline-zalo-ring-img-circle {
    background-color: #0baeff !important;
}

.hotline-zalo-ring-img-circle {
    width: 45px;
    height: 45px;
    top: 30px;
    left: 30px;
}

.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .hotline-phone-ring-img-circle .pps-btn-img img {
        width: 20px;
        height: 20px;
    }

.hotline-bar {
    position: absolute;
    background: rgba(230, 8, 8, 0.75);
    height: 40px;
    width: 180px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    /* width: 175px !important; */
    left: 33px;
    bottom: 37px;
}

    .hotline-bar > a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        font-weight: bold;
        text-indent: 50px;
        display: block;
        letter-spacing: 1px;
        line-height: 40px;
        font-family: Arial;
    }

        .hotline-bar > a:hover,
        .hotline-bar > a:active {
            color: #fff;
        }

.text-hotline {
    color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@media (max-width: 768px) {
    .hotline-bar {
        display: none;
    }
}
/*Kết thúc hotline*/
/*Nút top*/
#topscroll {
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding: 0 10px;
    background: #ffab00;
    display: none;
}

    #topscroll span {
        font-size: 2.8em;
        color: #fff;
    }

    #topscroll:hover {
        cursor: pointer;
    }
/*Kết thúc nút top*/