@charset "utf-8";
@import "modules.css";
@import "responsive.css";
@import "font-awesome.css";

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/roboto-v16-vietnamese_latin-regular.eot);
    src: local(Roboto), local(Roboto-Regular), url(fonts/roboto-v16-vietnamese_latin-regular.eot?#iefix) format("embedded-opentype"), url(fonts/roboto-v16-vietnamese_latin-regular.woff2) format("woff2"), url(fonts/roboto-v16-vietnamese_latin-regular.woff) format("woff"), url(fonts/roboto-v16-vietnamese_latin-regular.ttf) format("truetype"), url(fonts/roboto-v16-vietnamese_latin-regular.svg#Roboto) format("svg")
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    background: #fff;
    color: #222;
    font-size: 13px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif
}

    body::-webkit-scrollbar {
        width: 1.1em
    }

    body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.6)
    }

    body::-webkit-scrollbar-thumb {
        background-color: #C1C1C1;
        outline: 1px solid #D5A00F
    }

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

:focus {
    outline: 0 !important
}

figure {
    margin: 0;
    padding: 0
}

img[src*=".svg"] {
    height: 100%
}

iframe {
    border: none
}

::selection {
    background: #B4D5FF;
    color: #333
}

::-moz-selection {
    background: #B4D5FF;
    color: #333
}

* > p:last-child {
    margin-bottom: 0 !important
}

p a:hover {
    border-color: transparent
}

a:hover,
a:focus {
    text-decoration: none
}

a {
    text-decoration: none;
    color: inherit;
    background-color: transparent;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

ul,
ol {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    margin: 0
}

h1 {
    font-size: 39px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 25px
}

h4 {
    font-size: 19px
}

h5 {
    font-size: 15px
}

h6 {
    font-size: 13px
}

ol {
    position: relative
}

ul {
    list-style: none
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.fl {
    float: left
}

.fr {
    float: right
}

.all {
    float: left;
    width: 100%
}

.pdl0 {
    padding-left: 0
}

.pdr0 {
    padding-right: 0
}

.pd10 {
    padding: 10px
}

.pd15 {
    padding: 15px
}

.pd20 {
    padding: 20px
}

.fRoboto {
    font-family: 'Roboto', arial
}

.image-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

    .image-responsive img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.image-responsive-16by9 {
    padding-bottom: 56.25%
}

.image-responsive-4by3 {
    padding-bottom: 75%
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.form-group {
    margin-bottom: 15px
}

.w-header {
    background: url(images/bg-header.png) no-repeat top center #fff;
    padding-bottom: 5px
}

.logo img {
    padding: 0 !important;
    margin-left: 10px;
    max-height: 100px;
    margin: auto;
    max-width: 180px
}

.slogan {
    float: right;
    width: 65%;
    margin-top: 30px
}

    .slogan .namecty {
        white-space: nowrap;
        font-size: 16px;
        color: #00854A;
        text-transform: uppercase;
        font-weight: 700;
        padding-top: 3px;
        text-align: center
    }

    .slogan p {
        color: #E28F26;
        text-align: center;
        line-height: 31px
    }

.mltv {
    float: left;
    margin-right: 4px
}

    .mltv a {
        height: 102px;
        display: block;
        padding-left: 15px;
        line-height: 110px;
        color: #007185;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 19px
    }

        .mltv a img {
            max-height: 100px
        }

.mltv_mobile {
    text-align: center;
    background: url(images/bg-header.png) no-repeat top center #fff;
    padding: 10px 0
}

.info-contact {
    width: 87%
}

ul.item-infoc {
    margin: 17px 0 12px
}

    ul.item-infoc li {
        float: right;
        margin: 0 0 0 5px
    }

    ul.item-infoc li {
        padding-left: 5px
    }

        ul.item-infoc li a {
            color: #E28F26;
            font-size: 12px;
            display: inline-block;
            font-weight: 700
        }

        ul.item-infoc li:last-child {
            border-left: none
        }

.whm-search {
    float: right;
    position: relative;
    margin-top: 65px
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group .form-control,
    .input-group-addon,
    .input-group-btn {
        display: table-cell
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

        .input-group .form-control:last-child,
        .input-group-addon:last-child,
        .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
        .input-group-btn:first-child > .btn:not(:first-child),
        .input-group-btn:last-child > .btn,
        .input-group-btn:last-child > .btn-group > .btn,
        .input-group-btn:last-child > .dropdown-toggle {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

            .input-group .form-control:first-child,
            .input-group-addon:first-child,
            .input-group-btn:first-child > .btn,
            .input-group-btn:first-child > .btn-group > .btn,
            .input-group-btn:first-child > .dropdown-toggle,
            .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
            .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px
    }

    .input-group-btn > .btn {
        position: relative
    }

.nav-btn-show {
    line-height: 60px;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 20%;
    color: #fff;
    font-size: 30px;
    background: #b18408;
    float: left;
    margin-left: -15px
}

    .nav-btn-show a {
        display: block
    }

@media (min-width:991px) {
    .wh-menu {
        background: #eceff1;
        z-index: 999999;
        position: relative
    }

        .wh-menu .container {
            padding: 0;
            width: 100%
        }

        .wh-menu ul.navmenu {
            display: table;
            width: 100%;
            border-top: 3px solid #00854A;
            background: #00854A
        }

        .wh-menu ul > li {
            float: left;
            position: relative;
            text-align: center;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            .wh-menu ul > li > a {
                line-height: 35px;
                color: #fff;
                font-weight: 500;
                padding: 0 20px;
                font-size: 16px;
                font-family: 'Roboto', arial;
                text-transform: uppercase;
                display: block
            }

            .wh-menu ul > li:hover > a,
            .wh-menu ul > li.active > a {
                color: #fff;
                background: #E28F26
            }

            .wh-menu ul > li:nth-child(2n):hover > a,
            .wh-menu ul > li:nth-child(2n).active > a {
                color: #fff;
                background: #E28F26
            }

    ul.submenu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 10000;
        float: left;
        min-width: 220px;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background: rgba(0, 133, 74, 0.7);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
    }

        ul.submenu li {
            width: 100%;
            display: block;
            border: none;
            text-align: left;
            position: relative;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            ul.submenu li a {
                font-size: 15px;
                padding: 0 10px 0 23px;
                line-height: 35px;
                text-transform: none
            }

    ul.submenu2 {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 10000;
        float: left;
        min-width: 220px;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background: rgba(6, 111, 132, 0.3);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
    }

    .wh-menu ul > li:hover ul.submenu,
    ul.submenu > li:hover ul.submenu2 {
        display: block
    }
}

.navmenu .fa-home {
    font-size: 30px;
    vertical-align: middle
}

.mm-menu.mm-theme-white .mm-navbar a {
    color: #b18408 !important;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700
}

.mm-menu.mm-theme-white .mm-navbar .mm-btn:before,
.mm-menu.mm-theme-white .mm-navbar .mm-btn:after {
    border-color: #b18408 !important
}

.mm-listview > li > a,
.mm-listview > li > span {
    color: #00854a !important;
    font-family: 'Roboto', arial
}

#load-content {
    background: #fff;
    background-size: cover
}

#slide {
    width: 100%;
    margin: auto
}

#wAdvPartner .container {
    padding: 0 7px
}

.list-insurrance .list-item {
    overflow: hidden;
    padding: 0 8px
}

    .list-insurrance .list-item .list-thumb {
        overflow: hidden;
        width: auto;
        position: relative
    }

        .list-insurrance .list-item .list-thumb img {
            width: 100%;
            height: auto;
            max-width: 100%
        }

.bginfo {
    background-color: rgba(0, 133, 74, 0.8);
    position: absolute;
    top: 14%;
    left: 0;
    width: 100%;
    text-align: center;
    height: 86%;
    padding-top: 20px;
    cursor: pointer;
    margin: 0;
    padding: 10px 0;
    z-index: 2;
    -webkit-transition: visibility 0 0.2s, opacity .2s linear;
    -ms-transition: visibility 0 0.2s, opacity .2s linear;
    -moz-transition: visibility 0 0.2s, opacity .2s linear;
    -o-transition: visibility 0 0.2s, opacity .2s linear;
    transition: visibility 0 0.2s, opacity .2s linear
}

    .bginfo span {
        display: block;
        padding: 0 15px
    }

.push-col_title {
    border-bottom: 1px solid #c1c1c1;
    margin: 0 0 10px;
    display: block;
    padding: 5px 0;
    position: absolute;
    background-color: rgba(0, 133, 74, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 14%;
    cursor: pointer;
    margin: 0;
    padding: 10px 0;
    z-index: 2;
    -webkit-transition: visibility 0 0.2s, opacity .2s linear;
    -ms-transition: visibility 0 0.2s, opacity .2s linear;
    -moz-transition: visibility 0 0.2s, opacity .2s linear;
    -o-transition: visibility 0 0.2s, opacity .2s linear;
    transition: visibility 0 0.2s, opacity .2s linear
}

    .push-col_title .text-link {
        vertical-align: middle;
        color: #fff;
        line-height: 20px;
        margin: 0;
        letter-spacing: .1em;
        text-transform: uppercase;
        font-size: 17px;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        font-family: 'Roboto', Arial, Helvetica, sans-serif
    }

.bginfo .push-text {
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    line-height: normal;
    font-family: 'Roboto', Arial, Helvetica, sans-serif
}

.bginfo .push-text_2 {
    text-align: justify;
    height: calc(100% - 80px);
    position: relative
}

.bginfo .more-button {
    letter-spacing: .1em;
    font-size: 11px;
    font-style: normal;
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 0
}

.list-item .icon {
    width: 80px;
    height: 80px;
    display: inline-block
}

.icon_0 {
    background: url(Icon/icon_car.png);
    background-size: 100%
}

.icon_1 {
    background: url(Icon/icon_xemay.png);
    background-size: 100%
}

.icon_2 {
    background: url(Icon/icon_nha_tu_nhan.png);
    background-size: 100%
}

.icon_3 {
    background: url(Icon/icon_suc_khoe.png);
    background-size: 100%
}

.icon_4 {
    background: url(Icon/icon_du_lich.png);
    background-size: 100%
}

.icon_5 {
    background: url(Icon/icon_hang_hoa.png);
    background-size: 100%
}

.icon_6 {
    background: url(Icon/crane.png);
    background-size: 100%
}

.icon_7 {
    background: url(Icon/icon_ky_thuat.png);
    background-size: 100%
}

.list-item:hover .bginfo {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    visibility: visible
}

.box-vni {
}

.title-vni {
    line-height: 28px;
    border-bottom: 3px solid #00854A;
    font-weight: 700;
    font-family: 'Roboto', arial;
    text-transform: uppercase;
    font-size: 15px;
    color: #e28f26;
    margin-bottom: 5px
}

    .title-vni a {
        display: block;
        font-family: 'Roboto', arial
    }

.list-km .item-km {
}

    .list-km .item-km img {
        width: 100%;
        max-height: 360px
    }

    .list-km .item-km .meta-km {
        line-height: 22px;
        margin-top: 10px;
        margin-bottom: 0;
        font-family: 'Roboto';
        font-size: 13px;
        height: 66px;
        overflow: hidden
    }

.list_menu_news {
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 0;
    font-family: 'Roboto';
    font-size: 13px;
    height: 66px;
    overflow: hidden
}

ul.list_menu_news li {
    width: 49%;
    float: left
}

    ul.list_menu_news li a {
        color: #00854A;
        font-size: 13px;
        font-weight: 600
    }

        ul.list_menu_news li a:hover {
            color: #e28f26
        }

.box-bottom {
    background-color: #f8f8f8;
    padding-right: 0;
    padding-left: 0;
    border-bottom: 2px solid #00854a;
    height: 130px
}

.CommonOnlineSupport {
}

    .CommonOnlineSupport > div {
        color: #E28F26;
        padding-left: 35px;
        position: relative;
        cursor: pointer
    }

        .CommonOnlineSupport > div p {
            text-transform: uppercase;
            color: #00854A;
            font-size: 13px;
            line-height: normal;
            margin-bottom: 5px;
            font-weight: 200;
            font-family: 'Roboto';
            white-space: nowrap
        }

        .CommonOnlineSupport > div.topHotline {
            float: left;
            margin-right: 15px;
            margin-left: 15px
        }

    .CommonOnlineSupport .topHotline:before {
        content: "\f095";
        font: normal normal normal 35px/1 FontAwesome;
        position: absolute;
        top: 0;
        left: 0;
        color: #E28F26
    }

    .CommonOnlineSupport > div.topCall {
        float: left
    }

    .CommonOnlineSupport .topCall:before {
        content: "\f025";
        font: normal normal normal 35px/1 FontAwesome;
        position: absolute;
        top: 0;
        left: 0;
        color: #E28F26
    }

    .CommonOnlineSupport > div .number {
        color: #E28F26;
        font-weight: 700;
        font-size: 15px;
        font-family: 'Roboto'
    }

.box-bottom .CommonOnlineSupport .topHotline,
.box-bottom .CommonOnlineSupport .topCall {
    margin-left: 35px
}

.search-box {
    margin-top: 7px;
    position: relative;
    float: right;
    width: 40%
}

    .search-box .form-control {
        background-color: #ecebeb;
        border-color: #D4D4D4;
        color: #333;
        padding-right: 30px;
        padding-top: 4px;
        padding-bottom: 4px;
        box-shadow: none;
        border-radius: 15px;
        font-size: 13px;
        font-style: italic
    }

    .search-box .postfix {
        position: absolute;
        color: #454040;
        top: 8px;
        right: 10px;
        font-size: 17px;
        cursor: pointer
    }

.consultantsregister .desc {
    color: #a19f9f;
    font-size: 12px;
    letter-spacing: -.5px;
    margin-bottom: 5px
}

.consultantsregister .desc_slogan {
    color: #d08522;
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 18px
}

.consultantsregister .input-group .form-control {
    background: #fff;
    box-shadow: none;
    font-family: 'Roboto', arial;
    height: 30px
}

.consultantsregister .input-group-btn > .btn {
    background: #d08522;
    border-left: none;
    height: 30px;
    color: #fff;
    font-family: 'Roboto', arial
}

.img-tvpl {
    height: 100%
}

    .img-tvpl img {
        width: 100%;
        height: 99%
    }

.icon-plant {
    background: url(images/plant.png);
    background-size: 100%;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline-block
}

ul.nav-title li {
    display: inline-block;
    padding: 0 3px;
    position: relative
}

    ul.nav-title li a,
    ul.nav-title li span {
        font-size: 15px;
        line-height: 30px;
        cursor: pointer;
        letter-spacing: -.5px;
        color: #ccc
    }

    ul.nav-title li.current a,
    ul.nav-title li:hover a,
    ul.nav-title li.current span,
    ul.nav-title li:hover span {
        color: #e28f26
    }

.tab-content-nav-title {
    position: relative;
    line-height: 17px;
    display: none
}

    .tab-content-nav-title.current {
        display: inherit
    }

.box-new-big {
}

    .box-new-big .img-big {
    }

        .box-new-big .img-big img {
            width: 100%
        }

            .box-new-big .img-big img:hover,
            .box-new-big .image-box-new-big img:hover {
                -webkit-transition: all .2s linear;
                -moz-transition: all .2s linear;
                transition: all .2s linear;
                -moz-transform: scale(1.02, 1.02);
                -webkit-transform: scale(1.02, 1.02);
                transform: scale(1.02, 1.02)
            }

.blogtitle {
    font-size: 15px;
    color: #555;
    display: block;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px
}

.blogtime {
    font-size: 13px;
    color: #78787a;
    margin-bottom: 5px;
    font-style: italic
}

    .blogtime span {
        border-left: 1px solid #afafaf;
        padding: 0 10px
    }

    .blogtime i.fa {
        padding-right: 6px
    }

    .blogtime span:first-child {
        border-left: 0;
        padding-left: 0
    }

.blogsummary {
    color: #555;
    font-size: 15px;
    padding-bottom: 15px;
    line-height: 22px
}

.box-new-big .blogtitle {
    font-family: 'Roboto';
    color: #00854A;
    line-height: 22px;
    overflow: hidden;
    padding-top: 6px
}

    .box-new-big .blogtitle:hover {
        color: #d08522
    }

.box-new-big .blogsummary {
    font-family: 'Roboto';
    font-size: 13px;
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: hidden;
    color: #777
}

    .box-new-big .blogsummary:hover {
        color: #d08522
    }

.tabs-vni {
    background: #00854A;
    line-height: 33px;
    font-family: 'Roboto', arial;
    font-size: 15px
}

    .tabs-vni li {
        margin-right: 5px;
        cursor: pointer;
        padding: 0 8px;
        color: #fff;
        text-transform: uppercase;
        display: inline-block
    }

        .tabs-vni li span {
            display: inline-block
        }

        .tabs-vni li.current span {
            border-bottom: 3px solid #00854A;
            margin: 0
        }

.tab-content-vni {
    position: relative;
    line-height: 17px;
    display: none;
    background: #00854A
}

    .tab-content-vni.current {
        display: inherit
    }

.box-tab-home {
    position: relative
}

.viewmore {
    font-family: 'Roboto', arial;
    font-size: 12px;
    color: #d5971f
}

    .viewmore:hover {
        color: #00854A
    }

.box-tab-home .viewmore {
    position: absolute;
    top: -26px;
    right: 7px;
    z-index: 99999;
    color: #fff
}

.box-tab-home .title-video {
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 18px;
    font-weight: 700;
    padding-top: 10px;
    width: 97%;
    margin: auto
}

.box-tab-home .viewmore_all {
    margin: auto;
    width: 97%;
    padding-bottom: 8px;
    color: #fff;
    font-size: 12px;
    position: relative
}

    .box-tab-home .viewmore_all .next {
        position: absolute;
        right: 0
    }

.box-tab-home .bigvideo {
    width: 97%;
    margin: auto
}

span.pic-icon {
    top: 50%;
    left: 50%;
    position: absolute;
    margin: -22px 0 0 -22px
}

    span.pic-icon i.fa {
        color: #fff;
        font-size: 45px
    }

span.time-video {
    bottom: 10px;
    left: 10px;
    right: 10px;
    position: absolute;
    background: rgba(0, 133, 74, 0.6);
    color: #fff;
    padding: 7px 18px;
    font-family: 'Roboto', arial;
    font-size: 12px
}

.list-video-slide,
.list-image-slide {
}

    .list-video-slide.owl-carousel,
    .list-image-slide.owl-carousel {
        padding: 8px 0;
        width: 97%;
        margin: auto
    }

    .list-video-slide .item-thumbs span.pic-icon,
    .list-image-slide .item-thumbs span.pic-icon {
        margin: 0;
        left: 7px;
        bottom: 5px;
        top: inherit
    }

        .list-video-slide .item-thumbs span.pic-icon i.fa {
            font-size: 25px
        }

        .list-image-slide .item-thumbs span.pic-icon i.fa {
            font-size: 20px
        }

    .list-video-slide .item-thumbs,
    .list-image-slide .item-thumbs {
        padding: 0 2px;
        overflow: hidden
    }

ul.list-new-home li {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 0 10px;
    position: relative
}

ul.list-new-home div.images-news {
    width: 100px;
    height: 74px;
    float: left;
    margin-right: 8px;
    padding: 1px
}

    ul.list-new-home div.images-news img {
        max-height: 100%
    }

    ul.list-new-home div.images-news a img {
        width: 100%;
        height: auto;
    }

    ul.list-new-home div.images-news img:hover {
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        transition: all .2s linear;
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

ul.list-new-home .title-news {
    font-family: 'Roboto', arial;
    line-height: 20px;
    color: #777;
    height: 70px;
    overflow: hidden;
    font-size: 13px
}

    ul.list-new-home .title-news:hover {
        color: #d08522
    }

.homebox-bg {
    background: #fff;
    padding: 20px 0;
    margin-top: 10px
}

.text-right .viewmore {
    color: #d08522;
    font-family: 'Roboto';
    padding-right: 10px
}

    .text-right .viewmore:hover {
        color: #00854a
    }

#partner {
    padding: 10px 0 5px;
    clear: both;
    position: relative
}

.slide-kh img {
    max-height: 80px
}

.title-parter {
    font-family: 'Roboto', arial;
    text-transform: uppercase;
    font-size: 15px;
    color: #e28f26;
    padding-bottom: 10px;
    font-weight: 700
}

ul.list-dm-ft {
    background: #f8f8f8;
    border-bottom: 2px solid #00854a
}

@media (min-width:979px) {
    ul.list-dm-ft > li {
        float: left;
        width: 15%
    }

        ul.list-dm-ft > li:last-child {
            width: 40%;
            float: right
        }
}

@media (max-width:979px) {
    ul.list-dm-ft > li {
        float: left;
        width: 49%;
        min-height: 220px
    }

        ul.list-dm-ft > li:nth-child(2n) {
            float: right;
            width: 49%
        }

        ul.list-dm-ft > li:last-child {
            width: 100%
        }
}

ul.list-dm-ft > li ul.level_0 {
}

    ul.list-dm-ft > li ul.level_0 li {
        clear: both;
        padding: 2px 0;
        white-space: nowrap;
        overflow: hidden
    }

        ul.list-dm-ft > li ul.level_0 li h3 {
            font-size: 13px
        }

        ul.list-dm-ft > li ul.level_0 li a {
            color: #777;
            line-height: 20px;
            letter-spacing: -.4px;
            font-family: 'Roboto', Arial, Helvetica, sans-serif
        }

            ul.list-dm-ft > li ul.level_0 li a:hover {
                color: #e28f26
            }

        ul.list-dm-ft > li ul.level_0 li.title a {
            color: #e28f26;
            font-family: 'Roboto', Arial, Helvetica, sans-serif;
            font-weight: 700;
            letter-spacing: -.4px;
            padding: 0;
            background: none;
            text-transform: uppercase
        }

.social {
    float: right;
    width: 100%;
    margin-top: 20px;
    text-align: right
}

    .social span {
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #00854A;
        text-transform: uppercase;
        margin-right: 7px;
        line-height: 33px
    }

    .social a {
        float: right
    }

    .social img {
        float: left;
        border-radius: 250px;
        margin-right: 7px;
        -webkit-transition: all 1s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
        width: 32px
    }

    .social a:hover img {
        border-radius: 250px;
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }

.list-dm-ft ul.item-infoc {
    margin: 10px 0
}

    .list-dm-ft ul.item-infoc li a {
        font-size: 11.5px
    }

ul.item-infoc li a:hover {
    color: #00854A
}

.slogan_botom .logo {
    margin-right: 10px;
    margin-top: 0
}

    .slogan_botom .logo img {
        max-width: 130px
    }

.slogan_botom .desc_slogan {
    color: #00854A;
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 18px
}

.copyRight {
    color: #555;
    line-height: 150%;
    font-family: 'Roboto', arial
}

.copyRight_text {
    padding: 10px;
    background: #f8f8f8
}

.copyRight h3 {
    font-weight: 700;
    font-family: 'Roboto', arial;
    text-transform: uppercase;
    font-size: 14px;
    color: #e28f26
}

.copyRight span,
.copyRight a {
    font-weight: 700;
    font-family: 'Roboto', arial;
    font-size: 13px;
    color: #e28f26
}

.banner_chan_trang {
    background-image: url(images/Chan-trang.jpg);
    height: 30px;
    background-size: 100%;
    color: #fff
}

    .banner_chan_trang .chan_trang1 {
        float: left;
        line-height: 30px
    }

    .banner_chan_trang .chan_trang2 {
        float: right;
        line-height: 30px
    }

.icon_map {
    background-image: url(images/Map.png);
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 4px
}

.breadcrumb {
    padding: 5px 10px;
    margin-bottom: 0;
    border-bottom: 3px solid #00854A;
    border-radius: 0
}

    .breadcrumb li {
        float: left;
        line-height: 27px;
        padding-right: 5px
    }

        .breadcrumb li a {
            color: #555;
            font-size: 14px;
            font-weight: 700
        }

        .breadcrumb li:last-child a {
            color: #00854a;
            font-weight: 600
        }

    .breadcrumb .fa-home {
        font-size: 20px
    }

    .breadcrumb > li + li::before {
        display: inline-block;
        font: normal normal normal 15px/1 FontAwesome;
        content: "\f105";
        color: #d08522;
        padding-right: 5px
    }

.category-wrap {
    padding: 10px 0 30px;
    overflow: hidden
}

.box-tab-new {
    border-bottom: 1px solid #EDEDED;
    margin: 0 0 20px;
    height: 38px
}

ul.tabs-new {
    color: #737270;
    font-weight: 700;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

    ul.tabs-new li {
        float: left;
        margin-right: 1%;
        cursor: pointer;
        background: #ededed;
        padding: 8px 10px;
        border-radius: 5px 5px 0 0;
        border: 1px solid #ddd;
        border-bottom: none;
        line-height: 20px
    }

        ul.tabs-new li span {
            display: inline-block;
            font-size: 13px
        }

        ul.tabs-new li.current {
            background: #fff;
            line-height: 21px
        }

            ul.tabs-new li.current span {
                margin: 0 0 -2px
            }

.tab-content-new {
    position: relative;
    line-height: 17px;
    overflow: hidden;
    display: none
}

    .tab-content-new.current {
        display: inherit
    }

ul.list-new-01 li {
    line-height: 25px;
    float: left;
    width: 100%;
    color: #666;
    font-size: 13px;
    font-family: 'Roboto', 'Roboto', arial
}

    ul.list-new-01 li label.date {
        display: inline-block;
        width: 18.6%;
        text-align: center;
        float: left;
        background: #eaeaea;
        padding: 5px 0
    }

    ul.list-new-01 li .text {
        display: inline-block;
        width: 81%;
        float: right;
        padding: 5px 10px;
        background: #eaeaea;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ul.list-new-01 li:nth-child(2n+2) label.date,
    ul.list-new-01 li:nth-child(2n+2) .text {
        background: #fff
    }

    ul.list-new-01 li .text:hover {
        color: #00854a;
        text-decoration: underline
    }

.viewall a {
    color: #d08522;
    font-weight: 700
}

.w-news-head {
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    background: url(images/bg_news_head.png) repeat-x left bottom
}

    .w-news-head h3 {
        font-size: 22px
    }

    .w-news-head span {
        color: #e28f26;
        display: block;
        padding: 3px 5px;
        font-weight: 700;
        min-width: 125px;
        position: relative;
        text-transform: uppercase
    }

ul.ulmenu {
}

    ul.ulmenu li {
        display: block;
        text-align: left;
        padding: 0;
        position: relative
    }

        ul.ulmenu li a {
            color: #00854A;
            font-weight: 700;
            display: block;
            line-height: 26px;
            font-size: 14px;
            padding: 2px 5px 2px 3px
        }

        ul.ulmenu li i.fa {
            padding-right: 5px
        }

    ul.ulmenu > li.active > a,
    ul.ulmenu > li:hover > a {
        color: #d08522
    }

ul.list-new-sidebox li {
    margin-bottom: 25px;
    overflow: hidden
}

    ul.list-new-sidebox li .blogtitle {
        font-size: 15px;
        color: #00854a;
        display: block;
        line-height: 24px;
        font-weight: 700;
        margin-bottom: 7px
    }

    ul.list-new-sidebox li .blogsummary {
        color: #555;
        font-size: 13px;
        line-height: 22px;
        max-height: 40px;
        overflow: hidden
    }

    ul.list-new-sidebox li .blogtime {
        font-size: 13px;
        color: #00854A;
        margin-bottom: 5px;
        font-style: italic
    }

.blogtime i.fa {
    padding-right: 6px
}

.content-center {
    float: right !important
}

.content-aside-left {
    float: left !important
}

ul.list-new-cate li {
    padding: 20px 0;
    float: left;
    width: 100%;
    border-bottom: 1px dashed #e5e5e5
}

    ul.list-new-cate li figure {
        position: relative;
        overflow: hidden;
        float: left
    }

        ul.list-new-cate li figure a {
            display: block
        }

        ul.list-new-cate li figure img {
            width: 100%
        }

            ul.list-new-cate li figure img:hover {
                -webkit-transition: all .2s linear;
                -moz-transition: all .2s linear;
                transition: all .2s linear;
                -moz-transform: scale(1.1, 1.1);
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

        ul.list-new-cate li figure .tie-news {
            width: 100%;
            height: 100%;
            position: absolute;
            background-color: rgba(0, 0, 0, .6);
            -moz-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            -webkit-transition: .3s ease-in-out;
            -ms-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            -ms-opacity: 0;
            opacity: 0;
            visibility: hidden;
            top: 0;
            left: 0;
            background-position: center center;
            background-repeat: no-repeat;
            font: normal normal normal 14px/1 FontAwesome
        }

            ul.list-new-cate li figure .tie-news:before {
                color: #fff;
                width: 30px;
                height: 30px;
                border: 2px solid #fff;
                border-radius: 100%;
                top: 50%;
                left: 50%;
                text-align: center;
                line-height: 30px;
                display: block;
                position: absolute;
                margin: -20px 0 0 -20px;
                -moz-transform: scale(0);
                -o-transform: scale(0);
                -ms-transform: scale(0);
                -webkit-transform: scale(0);
                transform: scale(0);
                -moz-transition: .4s ease-in-out;
                -o-transition: .4s ease-in-out;
                -webkit-transition: .4s ease-in-out;
                -ms-transition: .4s ease-in-out;
                transition: .4s ease-in-out;
                font-size: 15px;
                content: ''
            }

    ul.list-new-cate li:hover .tie-news {
        -ms-opacity: 1;
        opacity: 1;
        visibility: visible;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

        ul.list-new-cate li:hover .tie-news:before {
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            transform: scale(1);
            -moz-transition: .4s ease-in-out;
            -o-transition: .4s ease-in-out;
            -webkit-transition: .4s ease-in-out;
            -ms-transition: .4s ease-in-out;
            transition: .4s ease-in-out
        }

    ul.list-new-cate li .blogtitle {
        color: #00854a;
        line-height: 24px;
        max-height: 70px;
        overflow: hidden
    }

        ul.list-new-cate li .blogtitle:hover {
            color: #e28f26
        }

    ul.list-new-cate li .blogsummary {
        max-height: 65px;
        overflow: hidden
    }

.thumbnail-news-view {
    position: relative;
    font-size: 15px;
    overflow: hidden
}

    .thumbnail-news-view > h1,
    .thumbnail-news-view > h2 {
        font-size: 18px;
        font-weight: 700;
        color: #00854A;
        border-bottom: 2px solid #00854A;
        padding-top: 10px;
        padding-bottom: 2px;
        text-transform: uppercase
    }

        .thumbnail-news-view > h1.noborder,
        .thumbnail-news-view > h2.noborder {
            border-bottom: none
        }

.block_timer_share {
    padding: 10px 0 20px;
    width: 100%;
    overflow: hidden
}

.block_timer {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0 0
}

.block_share {
    padding-right: 10px
}

    .block_share a {
        width: 24px;
        height: 22px;
        display: block;
        margin-right: 7px;
        float: left;
        text-align: center;
        line-height: 22px;
        background-color: #999;
        color: #fff;
        text-decoration: none;
        font-size: 11px
    }

    .block_share .facebook {
        background-color: #3B5A9A
    }

    .block_share .google {
        background-color: #DF4B38
    }

    .block_share .twitter {
        background-color: #29A9E1
    }

    .block_share .email {
        background-color: #999
    }

    .block_share .print {
        background-color: #999
    }

.post_content {
    word-wrap: break-word
}

    .post_content p {
        line-height: 1.4em
    }

.other-news-detail {
    position: relative;
    padding: 0;
    margin-top: 20px
}

    .other-news-detail h2 {
        font-size: 18px;
        border-bottom: 1px solid #ccc;
        font-weight: 400;
        color: #005aab;
        margin-bottom: 20px;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 20px
    }

        .other-news-detail h2 span {
            background: #fff;
            padding-right: 10px;
            position: absolute;
            top: 8px;
            left: 0
        }

    .other-news-detail ul li {
        padding: 5px 0;
        display: block;
        position: relative
    }

        .other-news-detail ul li a {
            color: #333;
            text-decoration: none;
            font-size: 14px;
            display: block;
            padding-left: 18px
        }

            .other-news-detail ul li a:hover {
                text-decoration: underline
            }

        .other-news-detail ul li:before {
            content: "";
            position: absolute;
            top: 11px;
            left: 2px;
            width: 4px;
            height: 4px;
            background: #ccc
        }

.tags a {
    color: #d08522;
    text-decoration: underline
}

.contact-form p {
    margin-bottom: 10px
}

.contact-form .title {
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #005aab;
    margin-bottom: 30px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px
}

    .contact-form .title span {
        background: #fff;
        padding-right: 10px;
        position: absolute;
        top: 8px;
        left: 0
    }

.contact-form .form-control {
    min-height: 40px;
    outline: none
}

    .contact-form .form-control:focus {
        box-shadow: none
    }

.btn-send {
    text-transform: uppercase;
    color: #fff;
    line-height: 40px;
    display: inline-block;
    padding: 0 30px;
    background: #d08522;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    outline: none;
    cursor: pointer
}

    .btn-send:hover {
        background: #00854A
    }

.nav-title {
    display: block;
    clear: both
}

    .nav-title span.tl {
        font-size: 18px;
        color: #d08522;
        line-height: 37px;
        font-weight: 700
    }

        .nav-title span.tl label {
            font-size: 14px;
            color: #666;
            font-weight: 400
        }

ul.list-video > li {
    position: relative;
    overflow: hidden;
    padding-left: 0;
    margin-bottom: 15px;
    padding-bottom: 15px
}

    ul.list-video > li .title h3 {
        color: #00854a;
        margin-top: 7px;
        font-size: 15px;
        font-weight: 700;
        overflow: hidden;
        height: 45px;
        line-height: 22px
    }

ul.list-video-item li {
    float: left;
    margin-bottom: 7px;
    position: relative;
    width: 100%;
    padding: 5px
}

    ul.list-video-item li a {
    }

    ul.list-video-item li .thumb {
        width: 33.33333333%;
        float: left
    }

    ul.list-video-item li img {
        width: 100%
    }

    ul.list-video-item li h3 {
        line-height: 20px;
        font-size: 12px;
        float: right;
        font-weight: 600;
        color: #00854a;
        width: 66.66666667%;
        max-height: 60px;
        padding-left: 15px;
        overflow: hidden
    }

ul.fix-galary {
    height: 500px;
    overflow: auto
}

ul.fix-video {
    height: 300px;
    overflow: auto
}

.meta-video h1 {
    display: block;
    float: left;
    width: 100%;
    line-height: 1.3em;
    font-size: 20px;
    color: #00528b;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px
}

.fotorama {
    background: #00854a
}

.fotorama__fullscreen-icon {
    background-color: #d08522 !important;
    top: 0 !important;
    right: 0 !important
}

.contact-form .title-form,
.body-contact-info .title-form {
    color: #333;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px
}

.contact-form textarea.form-control {
    resize: none;
    padding: 10px;
    height: 100px;
    border-radius: 3px;
    border: 1px solid #ddd
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .radio label,
    .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -5px
    }

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px
    }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.radio.radio-inline {
    margin-top: 0
}

.radio {
    padding-left: 20px
}

    .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
        line-height: 20px
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #ccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border .15s ease-in-out;
            -o-transition: border .15s ease-in-out;
            transition: border .15s ease-in-out
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 4px;
            top: 4px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform .1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform .1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform .1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform .1s cubic-bezier(0.8, -0.33, 0.2, 1.33)
        }

    .radio input[type="radio"] {
        opacity: 0;
        z-index: 1
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1)
        }

        .radio input[type="radio"]:disabled + label {
            opacity: .65
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed
            }

    .radio.radio-inline {
        margin-top: 0
    }

.body-contact-info {
    line-height: 1.8;
    font-size: 14px;
    color: #333
}

    .body-contact-info .text {
        margin-bottom: 10px
    }

        .body-contact-info .text .fa {
            color: #005aab;
            margin-right: 5px
        }

    .body-contact-info .phone {
        color: #d52629;
        font-size: 2em;
        margin-top: -10px
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

.hr_title {
    font-weight: 500;
    font-size: 16px;
    padding: 0 10px;
    line-height: 29px;
    position: relative;
    text-align: center;
    margin: 15px 0
}

    .hr_title:before {
        content: "";
        background-color: #d7d7d7;
        bottom: 0;
        height: 1px;
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        margin: auto
    }

    .hr_title .text {
        position: relative;
        background: #fff;
        padding: 0 10px;
        font-weight: 700;
        font-size: 14px
    }

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0;
    border: none
}

    .btn-social > :first-child {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        line-height: 34px;
        font-size: 17px;
        text-align: center
    }

    .btn-social + .btn-social {
        margin-left: 5px
    }

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2)
}

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2)
}

    .btn-google-plus:hover,
    .btn-google-plus:focus,
    .btn-google-plus:active,
    .btn-google-plus.active,
    .open > .dropdown-toggle.btn-google-plus {
        color: #fff;
        background-color: #c23321;
        border-color: rgba(0, 0, 0, 0.2)
    }

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2)
}

ul.form-register li {
    margin-top: 10px;
    float: left;
    width: 100%;
    box-sizing: border-box
}

    ul.form-register li .table_left {
        float: left;
        width: 30%;
        color: #494949;
        text-align: right;
        padding-right: 10px
    }

        ul.form-register li .table_left label {
            padding-top: 7px;
            display: block;
            padding-bottom: 5px;
            color: #666
        }

    ul.form-register li .table_right {
        width: 70%;
        float: right
    }

    ul.form-register li .form-control {
        box-shadow: none;
        height: 30px;
        border-radius: 0;
        font-size: 13px;
        display: inline-block
    }

.search_net {
    background-color: #d08522;
    padding: 10px 0 10px 10px
}

.search_txt {
    font-size: 18px;
    color: #fff;
    line-height: 34px
}

.net_form {
}

    .net_form .form-group {
        margin: 0
    }

.scroll-net {
    height: 600px;
    overflow: auto
}

    .scroll-net .net_item {
        width: 100%;
        padding-left: 10px;
        clear: both;
        position: relative
    }

.net_item .title {
    background: url(images/logo-vni-small.png) no-repeat 0 0;
    font-weight: 700;
    font-size: 13px;
    padding-left: 45px;
    line-height: 25px;
    margin-bottom: 7px
}

ul.list-net-item li {
    margin: 0;
    padding: 0 0 4px
}

    ul.list-net-item li a {
        font-weight: 700;
        color: #0372A0;
        cursor: pointer;
        text-transform: uppercase;
        line-height: 25px;
        display: block;
        padding-left: 5px
    }

        ul.list-net-item li a:hover {
            color: #e28f26
        }

ul.meta-net {
    list-style: inherit;
    padding: 7px 0;
    display: none
}

    ul.meta-net li {
        list-style-type: circle;
        margin-left: 20px
    }

        ul.meta-net li a {
            text-transform: none;
            font-weight: 300;
            color: #aaa
        }

            ul.meta-net li a:hover {
                color: #e28f26;
                font-size: 14px
            }

.net_item .store_num {
    width: 100%;
    float: left;
    text-align: center
}

.net_item .net_item_info {
    margin-top: -2px;
    position: relative;
    margin-bottom: 10px
}

    .net_item .net_item_info h2 {
        font-size: 16px;
        line-height: 22px;
        color: #444;
        font-weight: 700
    }

        .net_item .net_item_info h2 > a {
            line-height: 22px;
            color: #444
        }

    .net_item .net_item_info p {
        font-size: 13px;
        line-height: 23px;
        color: #444
    }

        .net_item .net_item_info p span.fa {
            font-size: 18px;
            line-height: 28px;
            color: #f36f21;
            padding-right: 6px
        }

.row-fillter {
    padding: 8px 0
}

.viewall2 {
    background-color: #fff;
    border: 3px solid #e1e1e1;
    display: inline-block;
    font-family: arial;
    font-size: 11px;
    font-weight: 400;
    line-height: 24px !important;
    padding: 0 10px !important;
    text-transform: uppercase;
    zoom: 1;
    color: #2d82c4;
    border-radius: 3px;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

    .viewall2:hover {
        background-color: #2d82c3;
        border-color: #2d82c3;
        color: #fff !important;
        color: #fff
    }

.block-item {
    color: #333;
    position: relative;
    list-style: none
}

    .block-item a {
        font-weight: 700;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        font-size: 13px
    }

    .block-item .author a {
        color: #898989;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 12px
    }

    .block-item a:hover {
        color: #00854a
    }

ul.list-pro li:hover img {
    -webkit-box-shadow: 0 6px 42px -8px rgba(0, 0, 0, 0.61);
    -moz-box-shadow: 0 6px 42px -8px rgba(0, 0, 0, 0.61);
    box-shadow: 0 6px 42px -8px rgba(0, 0, 0, 0.61);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

ul.list-pro .list-item {
    overflow: hidden;
    margin-bottom: 10px
}

    ul.list-pro .list-item .list-thumb {
        overflow: hidden;
        min-width: 240px;
        min-height: 240px;
        position: relative
    }

        ul.list-pro .list-item .list-thumb img {
            width: 100%;
            height: auto;
            max-width: 100%
        }

            ul.list-pro .list-item .list-thumb img:hover {
                -webkit-transition: all .2s linear;
                -moz-transition: all .2s linear;
                transition: all .2s linear;
                -moz-transform: scale(1.1, 1.1);
                -webkit-transform: scale(1.1, 1.1);
                transform: scale(1.1, 1.1)
            }

        ul.list-pro .list-item .list-thumb .title {
            position: absolute;
            background: rgba(10, 133, 74, 0.7);
            bottom: 0;
            display: block;
            width: 100%;
            left: 0;
            padding: 5px;
            height: 50%
        }

            ul.list-pro .list-item .list-thumb .title h4 {
                color: #fff;
                font-size: 16px;
                max-height: 55px;
                text-align: center;
                white-space: nowrap;
                text-transform: uppercase;
                line-height: 30px;
                overflow: hidden;
                font-weight: 500;
                text-overflow: ellipsis;
                font-family: 'Roboto';
                margin-bottom: 5px
            }

        ul.list-pro .list-item .list-thumb .insurrance-content {
        }

            ul.list-pro .list-item .list-thumb .insurrance-content a {
                border: 1px solid #fff;
                color: #fff;
                font-style: italic;
                font-size: 13px
            }

                ul.list-pro .list-item .list-thumb .insurrance-content a:nth-child(2) {
                    float: right
                }

.tab-bh-fix {
    z-index: 99999
}

ul.nav-tabs-bh {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    z-index: 99999;
    padding-bottom: 5px
}

    ul.nav-tabs-bh li {
        display: inline-block;
        padding: 0 5px;
        background: transparent
    }

        ul.nav-tabs-bh li + li {
            border-left: 0 solid #116144
        }

        ul.nav-tabs-bh li span {
            position: relative;
            display: inline-block;
            font-size: 15px;
            font-weight: 500;
            color: #777;
            padding: 5px 0 0 10px;
            line-height: 20px;
            text-align: center;
            -moz-border-radius: 18px;
            cursor: pointer
        }

        ul.nav-tabs-bh li:hover span,
        ul.nav-tabs-bh li.current span {
            color: #e28f26
        }

.tab-content-bh {
    position: relative;
    line-height: 20px;
    overflow: hidden;
    padding: 20px 0
}

.border-bottom {
    border-bottom: 2px solid #00854A
}

.tab-content-bh.current {
    display: inherit
}

.tab-content-bh ul {
    margin-left: 20px;
    list-style: initial
}

ul.ulmenu ul {
    display: none;
    padding-left: 10px
}

ul.ulmenu > .has-sub > .a-open-down {
    height: 30px;
    position: absolute;
    right: 0;
    width: 31px;
    padding: 0;
    padding-top: 3px;
    cursor: pointer
}

    ul.ulmenu > .has-sub > .a-open-down::before {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: rgba(0, 0, 0, 0.75) -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.75);
        border-image: none;
        border-style: solid none none solid;
        border-width: 2px medium medium 2px;
        content: "";
        display: inline-block;
        float: right;
        height: 6px;
        margin-right: 13px;
        margin-top: 5px;
        transform: rotate(135deg);
        transition: all .2s ease-in 0;
        width: 6px
    }

ul.ulmenu > li.open > .a-open-down::before {
    margin-top: 4px;
    transform: rotate(225deg)
}

ul.ulmenu ul li a {
    font-size: 13px;
    line-height: 23px
}

#click_bar {
    position: fixed;
    width: 35px;
    height: 35px;
    padding: 4px 0;
    background: #ebae1f;
    color: #fff;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    top: 190px;
    right: 0;
    z-index: 99999999;
    display: none
}

#close {
    position: absolute;
    width: 35px;
    height: 35px;
    padding: 5px;
    text-align: center;
    background: #dc2121;
    color: #fff;
    right: 0;
    top: -35px;
    cursor: pointer;
    font-size: 20px
}

.box_khuyen_mai {
    position: relative
}

    .box_khuyen_mai .carousel-control.left,
    .box_khuyen_mai .carousel-control.right {
        top: 40%;
        opacity: 0
    }

    .box_khuyen_mai:hover .carousel-control.left,
    .box_khuyen_mai:hover .carousel-control.right {
        opacity: 1
    }

.bg-wrap {
    background: #eee !important
}

.title-wrap {
    padding: 10px 0 0;
    overflow: hidden;
    color: #e28f26;
    font-weight: 700;
    font-size: 20px
}

.title-sub {
    padding-left: 10px
}

.bg-wrap .category-wrap {
    padding: 10px 0 0;
    overflow: hidden
}

    .bg-wrap .category-wrap .container .row-main,
    .bg-wrap .breadcrumbs .container .breadcrumb {
        background-color: #fff;
        margin-right: 0;
        margin-left: 0
    }

    .bg-wrap .category-wrap .container .row-main {
        padding: 10px;
        border-radius: 10px 10px 0 0
    }

.back-to-top {
    position: fixed;
    right: 2px;
    bottom: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    color: #fff;
    display: inline;
    z-index: 999999;
    cursor: pointer
}

.icon-backtop {
    background: url(Icon/Len-dau-trang.png);
    background-size: 100%;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: inline-block
}

.bxselect .form-control {
    height: 30px;
    box-shadow: none;
    color: #016e8a;
    font-weight: 700
}

.prddt-wrap {
    margin-top: 20px;
    clear: both
}

    .prddt-wrap > ul > li {
        margin-bottom: 4px;
        position: relative;
        clear: both
    }

        .prddt-wrap > ul > li .prddt-name {
            border-left: 7px solid #ec980e;
            background: #016e8a;
            height: 30px;
            line-height: 30px;
            cursor: pointer;
            position: relative
        }

            .prddt-wrap > ul > li .prddt-name .name {
                color: #fff;
                font-weight: 700;
                padding-left: 10px;
                text-transform: uppercase
            }

            .prddt-wrap > ul > li .prddt-name .open-icon {
                background: url(images/show.png) no-repeat;
                width: 17px;
                height: 17px;
                display: block;
                position: absolute;
                top: 7px;
                right: 10px
            }

        .prddt-wrap > ul > li .prddt-desc {
            padding: 10px;
            display: none
        }

        .prddt-wrap > ul > li .prddt-name.active .open-icon {
            background: url(images/hide.png) no-repeat;
            width: 17px;
            height: 17px;
            display: block;
            position: absolute;
            top: 7px;
            right: 10px
        }

.prddt-wrap02 > ul > li .prddt-name {
    height: auto;
    border-left: 0;
    line-height: 20px;
    padding: 10px 22px 10px 10px
}

    .prddt-wrap02 > ul > li .prddt-name .name {
        font-weight: 400;
        text-transform: none;
        font-size: 13px
    }

    .prddt-wrap02 > ul > li .prddt-name .open-icon {
    }

    .prddt-wrap02 > ul > li .prddt-name.active .open-icon {
    }

    .prddt-wrap02 > ul > li .prddt-name.active {
        background: #E28F26
    }

.note-ht {
    line-height: 22px
}

    .note-ht p.title {
        color: #d18521;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase
    }

    .note-ht ul {
        list-style: inherit;
        padding-left: 30px
    }

        .note-ht ul li {
            list-style-type: decimal
        }

.tab-content-bh h1,
.post_content h1 {
    font-size: inherit;
    font-weight: inherit
}

#map {
    width: 100%;
    height: 600px
}

.tab-bh {
    position: relative;
    border-bottom: 2px solid #00854A
}

    .tab-bh i {
        position: absolute;
        top: 5%;
        z-index: 99999;
        font-size: 25px;
        color: #e28f26;
        cursor: pointer
    }

    .tab-bh .fa-angle-left {
        left: 0
    }

    .tab-bh .fa-angle-right {
        right: 0
    }

.fixed {
    width: 100%;
    position: fixed !important;
    top: 0 !important;
    z-index: 8001
}

.dealer_finder .searchbox {
    background: #f3f3f3;
    border: 1px solid #ccc;
    color: #999;
    font-size: 11px;
    line-height: 200%;
    padding: 5px 11px 4px;
    float: left;
    width: 100%
}

    .dealer_finder .searchbox .form-control {
        box-shadow: none;
        height: 30px;
        font-size: 13px
    }

.display {
    display: block !important
}

.HotlineLeft {
    margin-top: 10px;
    padding: 5px 10px;
    background: #00854a;
    font-size: 16px;
    color: #fff
}

    .HotlineLeft .number {
        font-weight: 700;
        font-size: 20px
    }

.Hotline {
    position: relative;
    padding-left: 55px
}

    .Hotline:before {
        content: "\f095"
    }

.CSKH {
    position: relative;
    padding-left: 55px
}

    .CSKH:before {
        content: "\f025"
    }

.MangLuoi {
    position: relative;
    padding-left: 55px
}

    .MangLuoi:before {
        content: "\f1e0"
    }

.HotlineLeft:hover {
    background: #e28f26
}

.HotlineLeft .Hotline:before,
.HotlineLeft .CSKH:before,
.HotlineLeft .MangLuoi:before {
    font: normal normal normal 42px/1 FontAwesome;
    position: absolute;
    top: 0;
    left: 5px
}

.border_mang_luoi {
    border-top: 2px solid #00854A
}

.htbt_mang_luoi {
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 700
}

h3.title {
    line-height: 30px;
    font-weight: 700;
    font-family: 'Roboto', arial;
    font-size: 17px;
    color: #e28f26
}

.htbt_mang_luoi .Hotline:before,
.htbt_mang_luoi .CSKH:before,
.htbt_mang_luoi .MangLuoi:before {
    font: normal normal normal 35px/1 FontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    color: #e28f26
}

.htbt_mang_luoi .number {
    font-weight: 700;
    font-size: 18px;
    color: #e28f26
}

.htbt_mang_luoi .Hotline,
.htbt_mang_luoi .CSKH,
.htbt_mang_luoi .MangLuoi {
    padding-left: 40px
}

.htbt_mang_luoi col-md-4 {
    padding-left: 0;
    padding-right: 0
}

.lienheboithuong {
    margin-top: 10px;
    padding: 10px;
    background: #00854a;
    font-size: 20px;
    color: #fff;
    font-weight: 700
}

.lienhetuyendung:hover {
    background: #e28f26
}

.lienheboithuong:hover {
    color: #e28f26
}

.lienhetuyendung {
    margin-top: 10px;
    background: #00854a;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

    .lienhetuyendung h3 {
        font-size: 15px;
        padding: 7px 0;
        border-bottom: 2px solid #fff
    }

    .lienhetuyendung .contact-phone {
        padding: 7px 0;
        font-size: 19px;
        line-height: 30px
    }

        .lienhetuyendung .contact-phone .phone:before {
            content: "";
            background: url(Icon/Hot-line-tuyen-dung.png);
            background-size: 100%;
            width: 40px;
            height: 40px;
            border-radius: 4px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle
        }

.huongdantuyendung {
    border: 2px solid #00854a;
    margin-top: 10px;
    padding: 10px
}

    .huongdantuyendung h3 {
        line-height: 30px;
        font-weight: 700;
        font-family: 'Roboto', arial;
        font-size: 17px;
        color: #e28f26
    }

    .huongdantuyendung .infor {
        line-height: 19px;
        color: #00854a;
        font-weight: 400
    }

    .huongdantuyendung a {
        text-decoration: underline;
        color: blue;
        font-weight: 500
    }

.fixed-nav-tabs-bh {
    background-color: #00854a
}

    .fixed-nav-tabs-bh .thumbnail-news-view > h1,
    .fixed-nav-tabs-bh .thumbnail-news-view > h2 {
        color: #fff;
        text-align: center
    }

    .fixed-nav-tabs-bh ul.nav-tabs-bh li span {
        color: #fff
    }

    .fixed-nav-tabs-bh .tab-bh i {
        color: #fff
    }

    .fixed-nav-tabs-bh ul.nav-tabs-bh li:hover span,
    .fixed-nav-tabs-bh ul.nav-tabs-bh li.current span {
        color: #e28f26
    }

.nav-tabs-bh .owl-item {
    width: auto !important;
    float: left
}

ul.menu-lv1 li a.a-lv1 {
    color: #e28f26;
    font-size: 16px;
    text-transform: uppercase
}

ul.menu-lv1 li:hover a.a-lv1 {
    color: #00854A
}

ul.menu-lv2 li a.a-lv2 {
    font-size: 16px
}

ul.menu-lv3 li a.a-lv3,
ul.menu-lv4 li a.a-lv4 {
    color: #aaa;
    font-weight: 300
}

ul.menu-lv3 li:hover a.a-lv3,
ul.menu-lv4 li:hover a.a-lv4,
ul.menu-lv3 li.active a.a-lv3,
ul.menu-lv4 li.active a.a-lv4 {
    color: #e28f26;
    text-decoration: none;
    font-size: 14px
}

.list-pro span {
    display: block;
    padding: 0 7px
}

.list-pro .push-text {
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    line-height: normal;
    font-family: 'Roboto', Arial, Helvetica, sans-serif
}

.list-pro .push-text_2 {
    text-align: justify;
    position: relative
}

.list-pro .more-button {
    letter-spacing: .1em;
    font-size: 11px;
    font-style: normal;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0
}

span.icon-new-hot {
    vertical-align: middle
}

    span.icon-new-hot i.fa {
        color: #fff;
        font-size: 45px
    }

    span.icon-new-hot i:before {
        content: "";
        background: url(images/new.gif);
        background-size: 100%;
        width: 40px;
        display: block;
        height: 15px
    }

span.icon-new-hot-small {
    top: 0;
    left: 3px;
    position: absolute
}

    span.icon-new-hot-small i:before {
        content: "";
        background: url(images/new.gif);
        background-size: 100%;
        width: 40px;
        display: block;
        height: 15px
    }

.post_content a {
    color: #00854A;
    font-size: 14px
}

.box-promotion {
    background: url(images/box_overlay.png) repeat scroll 0 0 transparent;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 999999
}

    .box-promotion .box-promotion-item {
        height: 342px;
        left: 427px;
        position: absolute;
        top: 40px;
        width: 500px
    }

        .box-promotion .box-promotion-item .box-banner {
            position: absolute;
            z-index: 97
        }

        .box-promotion .box-promotion-item a.box-promotion-close {
            background: url(images/delete-large.png) no-repeat scroll 0 0 transparent;
            position: absolute;
            z-index: 98;
            right: -29px;
            cursor: pointer;
            top: -13px;
            width: 72px;
            height: 72px
        }

.box-promotion-active {
    display: block;
    vertical-align: middle;
    bottom: 0;
    position: fixed;
    right: 0
}

.w-news-head h1 {
    font-size: 22px
}

.list-video-slide .autoHeight {
    height: 85px !important;
}


.package-inner {
    padding: 0 5px;
}

.package-item {
    position: relative;
    text-align: center;
    padding-bottom: 65px;
    margin-bottom: 15px;
    cursor: pointer;
}

    .package-item.active::before {
        content: "";
        width: 0px;
        height: 0px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #1f7387;
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -12.5px;
    }

.package-img {
    overflow: hidden;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 4%), 0 4px 8px 0 rgb (0 0 0 / 20%);
}

    .package-img img {
        width: auto;
    }

.package-info {
    height: 65px;
    width: 100%;
    top: unset;
    bottom: 0;
    opacity: 1;
    position: absolute;
    padding: 10px;
    color: #444;
    text-align: center;
    overflow: hidden;
    background: #fff;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    border-bottom: 3px solid #00854A;
}

.package-item.active .package-info,
.package-item:hover .package-info {
    opacity: 1;
    width: 100%;
    visibility: visible;
    transform: translate(0, 0);
    top: unset;
    bottom: 0;
    height: 140px;
    background: rgb(0 108 129 / 80%);
}

.package-item.active .package-info__top h3,
.package-item.active .package-info__top p,
.package-item:hover .package-info__top h3,
.package-item:hover .package-info__top p {
    color: #fff;
}

.package-info__top h3 {
    font-size: 20px;
    color: #00854A;
    font-weight: bold;
    margin: 0 0 5px;
}

.package-info__top p {
    color: #d08522;
    font-size: 18px;
    margin: 0;
    font-weight: bold;
}



.package-info__bottom h3 {
    font-size: 20px;
    margin: 0;
    color: #fff;
    font-weight: bold;
}

.package-info__bottom p {
    font-size: 18px;
    margin: 0 0 5px;
    color: #fff;
}

.package-item.active .package-info__bottom,
.package-item:hover .package-info__bottom {
    bottom: 25px !important;
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.package-info__bottom {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 100;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) scale(0.5);
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
}

.package-table {
    padding: 10px;
}

    .package-table img {
        display: block;
        margin: auto;
    }

.goi-bao-hiem {
    padding: 0 30px;
}

    .goi-bao-hiem .owl-prev {
        left: -30px;
    }

    .goi-bao-hiem .owl-next {
        right: -30px;
    }

    .goi-bao-hiem .owl-prev:after {
        content: "\f053";
        font: normal normal normal 42px/1 FontAwesome;
        display: inline-block;
    }

    .goi-bao-hiem .owl-next:after {
        content: "\f054";
        font: normal normal normal 42px/1 FontAwesome;
        display: inline-block;
    }


    .goi-bao-hiem .owl-prev,
    .goi-bao-hiem .owl-next {
        color: #00854A;
        font-size: 0px;
        text-align: center;
        border-radius: 0;
        position: absolute;
        top: 50%;
        z-index: 9;
        transition: all 0.35s ease-out 0s;
        -webkit-transition: all 0.35s ease-out 0s;
    }