:focus {
    outline: none;
}

body {
    /*font-family: Myriad Pro;*/
    font-family: 'SegoeUI';
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

ul, li, ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

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

p {
    margin: 0;
}                                                     

#wrapper {
    overflow: hidden;
    position: absolute;
    min-height: 100%;
    width: 100%;
    z-index: 1;
}

#wrapper-in {
    background-color: #fff;
    /*background: url(../images/header-bg.jpg) repeat center top;*/
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 99;
    overflow: hidden;
}

.clr {
    clear: both;
}

a:visited, a:focus {
    outline: none;
}

.dl-none {
    display: none !important;
}
/*========================header=================*/
#header {
    position: relative;
    width: 100%;
    z-index: 10;
}
/** header top **/
.header-top {
    height: 39px;
}

    .header-top .row {
        position: relative;
    }

    .header-top .pull-left ul li {
        float: left;
    }

        .header-top .pull-left ul li a {
            line-height: 39px;
            font-family: 'SegoeUI-Bold';
            font-size: 14px;
            color: #000;
            border-right: 1px solid #a5a5a5;
            padding: 0 11px;
            text-transform: uppercase;
            transition: all 0.5s ease;
        }

            .header-top .pull-left ul li a:hover {
                color: #06bcea;
            }

        .header-top .pull-left ul li:last-child a {
            border-right: 0;
        }

    .header-top .pull-right .main-search {
        position: relative;
        display: inline-block;
        vertical-align: top;
        height: 39px;
    }

#header .form-search {
    right: 0;
    bottom: 0;
    position: absolute;
    width: 200px;
    z-index: 100;
    height: 20px;
    top: 0;
    margin: auto;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    margin-right: 25px;
}

.desktop-showhide, .desktop-992 {
    display: block;
}

.form-search {
    overflow: hidden;
    width: 100%;
}

input.search-btn {
    background: url(../images/search.png) no-repeat center center;
    border: none;
    display: block;
    float: right;
    height: 18px;
    width: 18px;
}

.form-search .search-btn {
    background: url(../images/search.png) no-repeat center center;
    border: none;
    display: block;
    float: right;
    height: 18px;
    width: 18px;
}

.form-search .search-input {
    overflow: hidden;
}

.form-search .search-text {
    background-color: #fff;
    border: none;
    display: block;
    font-size: 13px;
    font-family: 'SegoeUI';
    color: #464646;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

#laguge {
    display: inline-block;
    height: auto;
    width: 35px;
    padding: 0 20px 0 40px;
    background: url(../images/earth.png) no-repeat left center;
}

.flag-curent {
    vertical-align: top;
    line-height: 39px;
}

.languge-wrap {
    position: relative;
    width: 100%;
}

    .languge-wrap .flag-curent {
        display: block;
        text-align: center;
        width: 100%;
    }

    .languge-wrap .list-languge {
        display: none;
        left: 0;
        top: 34px;
        position: absolute;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        z-index: 9;
    }

.list-languge a {
    display: block;
}

.list-languge img {
    display: block;
    margin: 0 auto;
}

/** header bot **/
.header-bot {
    position: relative;
}

.menu-df {
    background: rgba(0,50,94,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    z-index: 2;
}

    .menu-df .logo {
        width: 355px;
        float: left;
        margin-top: 23px;
    }

        .menu-df .logo a {
        }

    .menu-df #menu {
        float: right;
    }

        .menu-df #menu li {
            float: left;
            line-height: 90px;
        }

            .menu-df #menu li a {
                font-family: 'SegoeUI-Bold';
                font-size: 16px;
                color: #fff;
                text-transform: uppercase;
                padding: 0 14px;
                transition: all 0.5s ease;
            }

                .menu-df #menu li a:hover {
                    color: #06bcea;
                }

            .menu-df #menu li:last-child a {
                padding-right: 0;
            }

/** cate default **/
.cate-default {
    padding: 380px 0;
    background: #0095da url(../images/bg-cate-df.png) no-repeat center center;
    background-size: auto 100%;
}

    .cate-default .cate-items {
        width: 320px;
        height: 320px;
        background: url(../images/logo_bm.jpg) no-repeat center center;
        margin: 0 auto;
        position: relative;
        background-size: 100%;
    }

        .cate-default .cate-items .item {
            position: absolute;
        }

            .cate-default .cate-items .item:nth-child(1) {
                top: -260px;
                left: -56px;
            }

            .cate-default .cate-items .item:nth-child(2) {
                top: -180px;
                right: -205px;
            }

            .cate-default .cate-items .item:nth-child(3) {
                bottom: -90px;
                right: -260px;
            }

            .cate-default .cate-items .item:nth-child(4) {
                bottom: -260px;
                right: -55px;
            }

            .cate-default .cate-items .item:nth-child(5) {
                bottom: -180px;
                left: -205px;
            }

            .cate-default .cate-items .item:nth-child(6) {
                top: -90px;
                left: -260px;
            }

            .cate-default .cate-items .item .cate-df-img {
                width: 320px;
                height: 320px;
                border-radius: 50%;
                border: 5px solid #fff;
                overflow: hidden;
                position: relative;
                -webkit-transition: all 0.9s ease;
                -moz-transition: all 0.9s ease;
                -o-transition: all 0.9s ease;
                transition: all 0.9s ease;
            }

                .cate-default .cate-items .item .cate-df-img img {
                    min-width: 100%;
                    min-height: 100%;
                    /*position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                    -o-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);*/
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    -o-transition: all .5s;
                    transition: all .5s;
                    width: 100%;
                }

                .cate-default .cate-items .item .cate-df-img::before {
                    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
                    content: "";
                    display: block;
                    height: 200%;
                    left: -100%;
                    position: absolute;
                    top: -60%;
                    transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    width: 32%;
                    z-index: 2;
                    -webkit-transition: all 0.9s ease;
                    -moz-transition: all 0.9s ease;
                    -o-transition: all 0.9s ease;
                    transition: all 0.9s ease;
                    z-index: 1;
                }

                .cate-default .cate-items .item .cate-df-img:hover {
                    z-index: 9;
                }

                    .cate-default .cate-items .item .cate-df-img:hover::before {
                        left: 200%;
                    }

            .cate-default .cate-items .item:nth-child(1) .cate-df-img {
                box-shadow: -4px 0px 10px 0px rgba(51, 51, 51, 0.3);
            }

            .cate-default .cate-items .item:nth-child(2) .cate-df-img {
                box-shadow: -2px -3px 10px 0px rgba(51, 51, 51, 0.3);
            }

            .cate-default .cate-items .item:nth-child(3) .cate-df-img {
                box-shadow: -2px -5px 10px 0px rgba(51, 51, 51, 0.3);
            }

            .cate-default .cate-items .item:nth-child(4) .cate-df-img {
                box-shadow: 4px -3px 10px 0px rgba(51, 51, 51, 0.3);
            }

            .cate-default .cate-items .item:nth-child(5) .cate-df-img {
                box-shadow: 4px 3px 10px 0px rgba(51, 51, 51, 0.3);
            }

            .cate-default .cate-items .item:nth-child(6) .cate-df-img {
                box-shadow: 1px 5px 10px 0px rgba(51, 51, 51, 0.3);
            }

            .cate-default .cate-items .item .cate-df-tit {
                font-size: 24px;
                /*color: #3c3c3c;*/
                font-family: 'SegoeUI';
                font-style: italic;
                position: absolute;
                top: 0;
                width: 180px;
                height: 60px;
                line-height: 30px;
                bottom: 0;
                margin: auto;
                color: #fff;
                font-weight: bold;
            }

            .cate-default .cate-items .item:nth-child(1) .cate-df-tit {
                margin-right: 20px;
                text-align: right;
                right: 100%;
                top: -25px;
            }

            .cate-default .cate-items .item:nth-child(2) .cate-df-tit {
                margin-left: 20px;
                text-align: left;
                left: 100%;
            }

            .cate-default .cate-items .item:nth-child(3) .cate-df-tit {
                margin-left: 20px;
                text-align: left;
                left: 100%;
            }

            .cate-default .cate-items .item:nth-child(4) .cate-df-tit {
                margin-left: 20px;
                text-align: left;
                left: 100%;
                top: 60px;
            }

            .cate-default .cate-items .item:nth-child(5) .cate-df-tit {
                margin-right: 20px;
                text-align: right;
                right: 100%;
            }

            .cate-default .cate-items .item:nth-child(6) .cate-df-tit {
                margin-right: 20px;
                text-align: right;
                right: 100%;
            }

/** news-default **/
.news-default-bg {
    background: rgba(227,235,242,1);
    background: -moz-linear-gradient(top, rgba(227,235,242,1) 0%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,235,242,1)), color-stop(24%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(227,235,242,1) 0%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(227,235,242,1) 0%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(227,235,242,1) 0%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(227,235,242,1) 0%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ebf2', endColorstr='#ffffff', GradientType=0 );
    padding-top: 35px;
    padding-bottom: 45px;
}

    .news-default-bg h3 {
        text-align: center;
        color: #0058bb;
        font-size: 40px;
        font-family: 'SegoeUI-Bold';
        margin-top: 0;
        margin-bottom: 35px;
    }

.news-default .item {
    border-bottom: 1px solid #b2b2b2;
    padding: 0;
    padding-bottom: 15px;
}

    .news-default .item a img {
        max-width: 100%;
    }


    .news-default .item a p {
        color: #272727;
        font-size: 18px;
        font-family: 'SegoeUI';
        text-transform: uppercase;
        text-align: center;
        display: block;
        margin-top: 15px;
        height: 50px;
        line-height: 25px;
        overflow: hidden;
    }

.news-default .owl-prev {
    display: inline-block;
    font-size: 0;
    position: absolute;
    width: 40px;
    height: 40px;
    margin: auto;
    top: -75px;
    bottom: 0;
    left: 0;
}

.news-default .owl-next {
    display: inline-block;
    font-size: 0;
    position: absolute;
    width: 40px;
    height: 40px;
    margin: auto;
    top: -75px;
    bottom: 0;
    right: 0;
}

    .news-default .owl-next::before {
        position: absolute;
        content: "\f105";
        font-family: 'FontAwesome';
        font-size: 25px;
        padding: 9px 16px;
        background: #107ffc;
        color: #fff;
        top: 0;
        left: 0;
    }

.news-default .owl-prev::before {
    position: absolute;
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 25px;
    padding: 9px 16px;
    background: #107ffc;
    color: #fff;
    top: 0;
    left: 0;
}






/** distribution default (phân phối) **/
.distribution-default {
    background: url(../images/phanphoi-2.png) no-repeat right top;
    min-height: 1000px;
    padding-left: 80px;
    background-size: 100% auto;
}

    .distribution-default h1 {
        color: #0058bb;
        font-size: 48px;
        font-family: 'SegoeUI-Bold';
        margin: 0;
        padding-top: 125px;
        margin-bottom: 23px;
    }

        .distribution-default h1 span {
            display: block;
            margin-left: 100px;
        }

    .distribution-default p {
        width: 365px;
        font-size: 15px;
        color: #191919;
        font-family: 'SegoeUI';
    }

    .distribution-default .list-store a {
        background: #0058bb;
        font-size: 18px;
        color: #fff;
        font-family: 'SegoeUI';
        text-transform: uppercase;
        line-height: 33px;
        display: inline-block;
        position: relative;
        padding: 0 20px;
        margin-top: 31px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .distribution-default .list-store a:hover {
            /*-webkit-animation: jump-x 0.5s infinite linear;
    animation: jump-x 0.5s infinite linear;*/
            color: #ffe617;
        }
        /*@-webkit-keyframes jump-x {
    0% {padding-right: 20px;}
    50% {padding-right: 30px;}
    100% {padding-right: 30px;}
} 
@keyframes jump-x {
    0% {padding-right: 20px;}
    50% {padding-right: 30px;}
    100% {padding-right: 20px;}
}*/


        .distribution-default .list-store a::after {
            position: absolute;
            content: "";
            background: url(../images/arraw-store.png) no-repeat;
            width: 36px;
            height: 33px;
            right: -36px;
            top: 0;
        }

        .distribution-default .list-store a::before {
            position: absolute;
            content: "";
            background: url(../images/shadow-store.png) no-repeat;
            width: 10px;
            height: 77px;
            left: 0px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

/** representative project (dự án tiêu biểu) **/
.representative-project h1 {
    margin: 0;
    text-align: center;
    color: #0058bb;
    font-size: 48px;
    font-family: 'SegoeUI-Bold';
    margin-bottom: 20px;
}

.representative-project p {
    margin: 0 auto;
    text-align: center;
    color: #282828;
    font-size: 18px;
    font-family: 'SegoeUI';
    width: 73%;
    line-height: 25px;
    position: relative;
    margin-bottom: 50px;
}

    .representative-project p::before {
        position: absolute;
        content: "";
        background: url(../images/stick.png) no-repeat;
        width: 27px;
        height: 19px;
        left: -27px;
        top: 0;
    }

    .representative-project p::after {
        position: absolute;
        content: "";
        background: url(../images/stick-1.png) no-repeat;
        width: 27px;
        height: 19px;
        right: -27px;
        bottom: 0;
    }

.tab-project {
    height: 459px;
    background: #023e82;
    position: relative;
    overflow: hidden;
}

.tab-project-bor {
    width: calc(50% - 4px);
    display: inline-block;
    float: right;
    height: 459px;
    position: absolute;
    right: 0;
    z-index: 9;
}

.tab-project-slide {
    height: 83%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 477px;
}

    .tab-project-slide .items-tab {
        background: #197bea;
        width: 477px;
        padding: 20px;
        display: block;
        font-size: 18px;
        color: #fff;
        font-family: 'SegoeUI-Bold';
        cursor: pointer;
    }

        .tab-project-slide .items-tab.active {
            background: #e33226;
        }

    .tab-project-slide .slick-active.active .items-tab {
        background: #e33226;
    }

.tab-project-content {
    width: calc(50% + 15px);
    display: inline-block;
    height: 459px;
}

.tab-project-slide .slick-prev {
    background: url(../images/arraw-up.png) no-repeat center center;
    width: 50px;
    height: 20px;
    position: absolute;
    border: 0;
    top: -25px;
    right: 0;
    left: 0;
    margin: auto;
}

    .tab-project-slide .slick-prev:hover {
        background: url(../images/arraw-red.png) no-repeat center center;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.tab-project-slide .slick-next:hover {
    background: url(../images/arraw-red.png) no-repeat center center;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.tab-project-slide .slick-next {
    background: url(../images/arraw-up.png) no-repeat center center;
    width: 50px;
    height: 20px;
    position: absolute;
    border: 0;
    bottom: -25px;
    top: auto;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tab-project-bor .slick-list {
    padding-left: 10px;
}

.items-tab.active {
    position: relative;
}

.slick-active.active {
    position: relative;
}

    .slick-active.active::before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #e33226;
        top: 0;
        bottom: 0;
        margin: auto;
        left: -10px;
    }

.items-tab.active::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #e33226;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -10px;
}

.tab-project-content {
    position: relative;
}

    .tab-project-content .slick-slide {
        position: relative;
    }

    .tab-project-content .readmore {
        position: absolute;
        bottom: 61px;
        width: 130px;
        height: 35px;
        background: rgba(0,50,94,0.6);
        border: 1px solid #fff;
        left: 0;
        right: 0;
        margin: auto;
    }

        .tab-project-content .readmore a {
            display: block;
            text-align: center;
            font-size: 14px;
            text-transform: uppercase;
            font-family: 'Roboto-Regular';
            color: #fff;
            line-height: 35px;
        }

    .tab-project-content .tab-pane img {
        max-width: 100%;
        min-height: 459px;
    }



/** partner **/
.partner {
    width: 90%;
    margin: 0 auto;
    padding: 25px 0 10px;
}

    .partner.owl-carousel .owl-item img {
        width: auto;
        max-width: 80%;
        max-height: 100%;
        display: block;
        margin: 0 auto;
    }



/** footer **/
#footer {
    background: #0058bb;
    padding: 35px 0 0;
}

    #footer .info-cty img {
        margin-bottom: 15px;
    }

    #footer .info-cty ul {
        padding-left: 25px;
    }

        #footer .info-cty ul li {
            color: #fff;
            font-size: 14px;
            font-family: 'SegoeUI';
            position: relative;
            padding: 0px 0 5px 25px;
        }

            #footer .info-cty ul li:nth-child(1)::before {
                position: absolute;
                content: "\f041";
                width: 25px;
                color: #fff;
                font-size: 15px;
                top: 0;
                left: 0;
                font-family: 'FontAwesome';
            }

            #footer .info-cty ul li:nth-child(2)::before {
                position: absolute;
                content: "\f095";
                width: 25px;
                color: #fff;
                font-size: 15px;
                top: 0;
                left: 0;
                font-family: 'FontAwesome';
            }

            #footer .info-cty ul li:nth-child(3)::before {
                position: absolute;
                content: "\f1ac";
                width: 25px;
                color: #fff;
                font-size: 15px;
                top: 0;
                left: 0;
                font-family: 'FontAwesome';
            }

            #footer .info-cty ul li:nth-child(4)::before {
                position: absolute;
                content: "\f0e0";
                width: 25px;
                color: #fff;
                font-size: 15px;
                top: 0;
                left: 0;
                font-family: 'FontAwesome';
            }

            #footer .info-cty ul li a {
                color: #fff;
                font-size: 14px;
                font-family: 'SegoeUI';
                display: block;
            }

    #footer h2 {
        font-size: 18px;
        color: #fff;
        font-family: 'SegoeUI-Bold';
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 15px;
    }

    #footer ul li a {
        font-family: 'SegoeUI';
        font-size: 14px;
        color: #fff;
        padding: 0px 0 5px 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        #footer ul li a:hover {
            color: #ffe617;
        }

    #footer .info-cty {
        width: calc(395px - 4px);
        display: inline-block;
        vertical-align: top;
    }

    #footer .support {
        width: calc(275px - 4px);
        display: inline-block;
        vertical-align: top;
    }

    #footer .answer {
        width: calc(275px - 4px);
        display: inline-block;
        vertical-align: top;
    }

    #footer .contact-us {
        width: calc(215px - 4px);
        display: inline-block;
        vertical-align: top;
    }

        #footer .contact-us a {
            margin: 0 3px;
        }

    #footer .copyright {
        border-top: 1px solid #4d8ad0;
        margin-top: 25px;
    }

        #footer .copyright p {
            font-size: 12px;
            color: #fff;
            text-align: center;
            line-height: 40px;
        }


/**============================
            SITE-SUB
    ========================**/
/** header **/
.header-sub-top {
    height: 85px;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(248,248,248,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(100%, rgba(248,248,248,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(248,248,248,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(248,248,248,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(248,248,248,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(248,248,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f8f8f8', GradientType=0 );
}

    .header-sub-top .logo {
        margin-top: 19px !important;
    }

    .header-sub-top #laguge {
        margin-top: 15px;
    }

    .header-sub-top .pull-right .main-search {
        position: relative;
        display: inline-block;
        vertical-align: top;
        height: 39px;
    }

#header .header-sub-top .form-search {
    position: static;
    border: 1px solid #ccc;
    padding: 5px;
    height: auto;
    border-radius: 3px;
    box-shadow: inset 4px 0px 7px -4px rgba(51, 51, 51, 0.7);
    margin-top: 17px;
    background: #f8f8f8;
}

    #header .header-sub-top .form-search .search-text {
        background-color: #fff;
        border: none;
        display: block;
        font-size: 13px;
        font-family: 'SegoeUI';
        color: #464646;
        height: 20px;
        line-height: 20px;
        vertical-align: top;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

.header-sub-top .pull-right .menu-top {
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
    margin-top: 25px;
}

    .header-sub-top .pull-right .menu-top li {
        display: inline-block;
    }

        .header-sub-top .pull-right .menu-top li a {
            border-right: 1px solid #a5a5a5;
            color: #494949;
            font-size: 13px;
            font-family: 'SegoeUI-Bold';
            text-transform: uppercase;
            padding: 0 13px;
        }

            .header-sub-top .pull-right .menu-top li a:hover {
                color: #df0e00;
            }
/** menu **/
.header-sub-bot {
    background: #055bbc;
    height: 49px;
    position: relative;
}

    .header-sub-bot::after {
        position: absolute;
        content: "";
        background: url(../images/shadow-menu.png);
        width: 100%;
        height: 7px;
        bottom: -7px;
        left: 0;
        z-index: 1;
    }

    .header-sub-bot #menu > li {
        display: inline-block;
        padding: 0 20px;
    }

        .header-sub-bot #menu > li > ul {
            display: none;
        }

        .header-sub-bot #menu > li:first-child {
            padding-left: 0;
        }

        .header-sub-bot #menu > li:last-child {
            padding-right: 0;
        }

        .header-sub-bot #menu > li a {
            color: #fff;
            font-size: 16px;
            font-family: 'Roboto-Regular';
            text-transform: uppercase;
            line-height: 49px;
            display: block;
        }

#header .header-sub-bot #menu > li {
    position: relative;
}

    #header .header-sub-bot #menu > li::after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-top: 9px solid #055bbc;
        bottom: -9px;
        left: 0;
        right: 0;
        margin: auto;
        height: auto !important;
        opacity: 0;
        z-index: 2;
    }

    #header .header-sub-bot #menu > li:hover::after, #header .header-sub-bot #menu > li.active::after {
        opacity: 1;
    }

/** price list **/
.price-list-bg {
    padding-top: 40px;
    background: url(../images/bang-gia.png) no-repeat right top;
}

.price-list > h1 {
    color: #055bbc;
    font-size: 36px;
    font-family: 'SegoeUI-Bold';
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
}

.price-list .items {
    margin-bottom: 35px;
}

    .price-list .items > h2 {
        color: #202020;
        font-size: 18px;
        font-family: 'SegoeUI';
        text-transform: uppercase;
        margin: 0;
        font-weight: bold;
    }

    .price-list .items > p {
        color: #5f5f5f;
        font-size: 14px;
        font-family: 'SegoeUI';
        margin: 0;
        font-style: italic;
        margin-bottom: 7px;
    }

.price-list {
    width: 843px;
}

    .price-list .items ul {
        width: 100%;
    }

        .price-list .items ul li {
            margin-bottom: 2px;
        }

            .price-list .items ul li:nth-child(2n+1) {
                background: #d8d8d8;
            }

            .price-list .items ul li:nth-child(2n) {
                background: #e4e4e4;
            }

        .price-list .items ul .price-content {
            width: calc(675px - 5px);
            border-right: 1px solid #fff;
            display: inline-block;
            line-height: 40px;
            padding-left: 38px;
            position: relative;
        }

            .price-list .items ul .price-content a::before {
                position: absolute;
                content: "";
                background: #0d5290;
                width: 5px;
                height: 5px;
                left: -15px;
                top: 0;
                bottom: 0;
                margin: auto;
            }

            .price-list .items ul .price-content a:hover::before {
                background: #df0e00;
            }

            .price-list .items ul .price-content a {
                color: #0753a9;
                font-family: 'SegoeUI';
                font-weight: bold;
                position: relative;
                display: block;
            }

                .price-list .items ul .price-content a:hover {
                    color: #df0e00;
                }

        .price-list .items ul .price-button {
            display: inline-block;
            width: calc(100% - 670px);
            float: right;
        }

            .price-list .items ul .price-button .read {
                width: calc(78px - 5px);
                border-right: 1px solid #fff;
                display: inline-block;
                line-height: 40px;
                text-align: center;
            }

                .price-list .items ul .price-button .read a {
                    padding-left: 20px;
                    position: relative;
                    font-size: 14px;
                    color: #0d5290;
                    font-weight: bold;
                    font-family: 'SegoeUI';
                }

                    .price-list .items ul .price-button .read a:hover {
                        color: #df0e00;
                    }

                    .price-list .items ul .price-button .read a::before {
                        position: absolute;
                        content: "";
                        background: url(../images/read.png) no-repeat;
                        left: 0;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                        width: 16px;
                        height: 10px;
                    }

            .price-list .items ul .price-button .down {
                width: calc(88px - 4px);
                display: inline-block;
                line-height: 40px;
                text-align: center;
            }

                .price-list .items ul .price-button .down a {
                    padding-left: 15px;
                    position: relative;
                    font-size: 14px;
                    color: #0d5290;
                    font-weight: bold;
                    font-family: 'SegoeUI';
                }

                    .price-list .items ul .price-button .down a:hover {
                        color: #df0e00;
                    }

                    .price-list .items ul .price-button .down a::before {
                        position: absolute;
                        content: "";
                        background: url(../images/down.png) no-repeat;
                        left: 0;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                        width: 12px;
                        height: 12px;
                    }

/** distribution **/
.menu-distribution {
    height: 49px;
    background: #0058bb;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 999;
}

    .menu-distribution .logo {
        float: left;
        margin-top: 7px;
    }

    .menu-distribution .menu-scroll li {
        float: left;
        line-height: 49px;
        color: #fff;
        font-size: 18px;
        font-family: 'Roboto-Regular';
        text-transform: uppercase;
        padding: 0 15px;
        cursor: pointer;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

        .menu-distribution .menu-scroll li:hover {
            color: yellow;
        }

        .menu-distribution .menu-scroll li:last-child {
            padding-right: 0;
        }



.distribution {
    padding: 30px 100px 0;
    width: 100%;
}

    .distribution .distribution-default {
        padding-top: 200px;
        padding-left: 0;
    }

.items-table.first {
    float: left;
    width: 100%;
}

.items-table {
    margin-bottom: 25px;
}

    .items-table .table {
        width: 452px;
    }

    .items-table.first table:nth-of-type(1) {
        float: left;
    }

    .items-table.first table:nth-of-type(2) {
        float: right;
    }

    .items-table h1 {
        font-size: 24px;
        color: #055bbc;
        font-family: 'SegoeUI-Bold';
        text-transform: uppercase;
        margin-bottom: 15px;
        margin-top: 0;
    }

    .items-table .table th {
        background: #0ab8f8;
        color: #fff;
        border-right: 1px solid #d0d0d0;
        font-size: 17px;
        font-family: 'SegoeUI-Bold';
    }

        .items-table .table th:nth-child(2n+1) {
            text-align: center;
        }

        .items-table .table th:last-child {
            border-right: 0;
        }

.table > thead > tr > th {
    border-bottom: 0;
}

.items-table .table tbody {
    border: 1px solid #d0d0d0;
    border-top: 0;
}

    .items-table .table tbody tr td {
        border-right: 1px solid #d0d0d0;
    }

        .items-table .table tbody tr td:last-child {
            border-right: 0;
        }

    .items-table .table tbody tr:nth-child(2n+1) {
        background: #f5f3f3;
    }

    .items-table .table tbody tr:nth-child(2n) {
        background: #e3e3e3;
    }

    .items-table .table tbody tr td:nth-child(2n+1) {
        text-align: center;
        font-size: 14px;
        font-family: 'SegoeUI';
        color: #202020;
    }

    .items-table .table tbody tr td:nth-child(2n) {
        font-size: 15px;
        font-family: 'SegoeUI';
        color: #0d5290;
        font-weight: bold;
    }

/** answer **/
.id-answer {
    position: relative;
    padding-bottom: 10px;
}

    .id-answer h1 {
        font-size: 36px;
        color: #0d5290;
        font-family: 'SegoeUI-Bold';
        margin-top: 0;
        padding-left: 650px;
        line-height: 60px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .id-answer .box-bg {
        position: absolute;
        top: -170px;
        left: -60px;
        z-index: 1;
        -webkit-transform: rotate(29deg);
        -moz-transform: rotate(29deg);
        -o-transform: rotate(29deg);
        transform: rotate(29deg);
    }

        .id-answer .box-bg img {
        }

    .id-answer > ul {
        padding-left: 504px;
    }

        .id-answer > ul li {
            line-height: 40px;
            position: relative;
            margin-bottom: 2px;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

            .id-answer > ul li:hover {
                background: #e00e01 !important;
            }

            .id-answer > ul li::before {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
            }

            .id-answer > ul li:hover::before {
                background: #e00e01 !important;
            }

            .id-answer > ul li::after {
                position: absolute;
                content: "";
                background: url(../images/arraw-hd.png) no-repeat;
                width: 19px;
                height: 14px;
                right: 5%;
                top: 0;
                bottom: 0;
                margin: auto;
            }

            .id-answer > ul li a {
                color: #feffff;
                font-size: 16px;
                text-transform: uppercase;
                display: block;
            }

            .id-answer > ul li:nth-child(1) {
                background: #003e83;
                padding-left: 154px;
            }

            .id-answer > ul li:nth-child(2) {
                background: #004796;
                padding-left: 132px;
            }

            .id-answer > ul li:nth-child(3) {
                background: #004ea6;
                padding-left: 110px;
            }

            .id-answer > ul li:nth-child(4) {
                background: #0058bb;
                padding-left: 88px;
            }

            .id-answer > ul li:nth-child(5) {
                background: #0165d5;
                padding-left: 66px;
            }

            .id-answer > ul li:nth-child(6) {
                background: #0382f5;
                padding-left: 44px;
            }

            .id-answer > ul li:nth-child(7) {
                background: #2798fe;
                padding-left: 22px;
            }

            .id-answer > ul li:nth-child(8) {
                background: #52acfd;
            }
            .id-answer > ul li:nth-child(9) {
                background: #52acfd;
            }


            .id-answer > ul li:nth-child(10) {
                background: #52acfd;
            }


            /***/
            .id-answer > ul li::before {
                position: absolute;
                content: "";
                width: 50%;
                height: 100%;
                right: 100%;
                top: 0;
            }

            .id-answer > ul li:nth-child(8)::before {
                background: #52acfd;
            }   
            .id-answer > ul li:nth-child(9)::before {
                background: #52acfd;
            }
   .id-answer > ul li:nth-child(10)::before {
                background: #52acfd;
            }
            .id-answer > ul li:nth-child(7)::before {
                background: #2798fe;
            }

            .id-answer > ul li:nth-child(6)::before {
                background: #0382f5;
            }

            .id-answer > ul li:nth-child(5)::before {
                background: #0165d5;
            }

.content-answer {
    position: relative;
    z-index: 9;
}

.button-answer {
    text-align: right;
}

.list-answer .item {
    margin-bottom: 42px;
}

    .list-answer .item .item-id {
        border-bottom: 2px solid #e5e3e5;
        margin-bottom: 15px;
    }

    .list-answer .item h2 {
        color: #0d5290;
        font-size: 28px;
        padding-left: 28px;
        background: url(../images/bg-aswerli.png)no-repeat left center;
        font-family: 'SegoeUI';
        font-weight: bold;
        margin: 0;
        border-bottom: 2px solid #0d5290;
        display: inline-block;
        padding-bottom: 8px;
        position: relative;
        bottom: -2px;
    }

    .list-answer .item ul {
        padding: 0 45px;
    }

        .list-answer .item ul li {
            background: url(../images/li-answer.png) no-repeat left center;
            padding: 13px 0;
            padding-left: 37px;
            border-bottom: 1px dotted #b5b5b5;
        }

            .list-answer .item ul li a {
                color: #202020;
                font-size: 15px;
                font-family: 'SegoeUI';
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
            }

                .list-answer .item ul li a:hover {
                    color: #e00e01;
                }

.button-answer img {
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .button-answer img:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
/** popup **/
.popup {
}

#overlay-screen-active {
    position: fixed;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
}

.popup .popup-content {
    width: 830px;
    height: 565px;
    padding: 45px 10px 0;
    background: #fff url(../images/form-answer-img.png) no-repeat left bottom;
    background-size: auto 100%;
    border-radius: 10px;
    position: fixed;
    top: -250%;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 9999;
    box-shadow: 0px 0px 15px 0px #333;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .popup .popup-content .popup-btn-close {
        position: absolute;
        top: -15px;
        right: -15px;
        cursor: pointer;
    }

    .popup .popup-content h1 {
        display: inline-block;
        color: #0391fd;
        font-size: 35px;
        font-family: 'SegoeUI-Bold';
        text-transform: uppercase;
        position: absolute;
        top: 0;
        bottom: 0;
        height: 35px;
        left: 15px;
        margin: auto;
    }

    .popup .popup-content .form-popup {
        width: 50%;
        float: right;
    }

        .popup .popup-content .form-popup p {
            color: #e33226;
            font-family: 'SegoeUI';
            font-size: 15px;
            margin-bottom: 5px;
        }

        .popup .popup-content .form-popup span {
            color: #484848;
            font-family: 'SegoeUI';
            font-size: 14px;
        }

        .popup .popup-content .form-popup .wrap-send .contact-w .contact-input label {
            width: 95px;
            display: inline-block;
            color: #484848;
            font-size: 14px;
            vertical-align: top;
            font-weight: normal;
            font-family: 'SegoeUI';
        }

        .popup .popup-content .form-popup .wrap-send .contact-w .contact-input input {
            width: calc(100% - 100px);
            display: inline-block;
            height: 26px;
            border: 1px solid #cbc9c9;
            margin-bottom: 8px;
            background: #fff;
        }

        .popup .popup-content .form-popup .wrap-send .contact-w .contact-input textarea {
            width: calc(100% - 100px);
            display: inline-block;
            height: 105px;
            border: 1px solid #cbc9c9;
            background: #fff;
        }

            .popup .popup-content .form-popup .wrap-send .contact-w .contact-input input::-webkit-input-placeholder,
            .popup .popup-content .form-popup .wrap-send .contact-w .contact-input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                opacity: 0;
            }

            .popup .popup-content .form-popup .wrap-send .contact-w .contact-input input::-moz-placeholder,
            .popup .popup-content .form-popup .wrap-send .contact-w .contact-input textarea::-moz-placeholder { /* Firefox 19+ */
                opacity: 0;
            }

            .popup .popup-content .form-popup .wrap-send .contact-w .contact-input input:-ms-input-placeholder,
            .popup .popup-content .form-popup .wrap-send .contact-w .contact-input textarea:-ms-input-placeholder { /* IE 10+ */
                opacity: 0;
            }

            .popup .popup-content .form-popup .wrap-send .contact-w .contact-input input:-moz-placeholder,
            .popup .popup-content .form-popup .wrap-send .contact-w .contact-input textarea:-moz-placeholder { /* Firefox 18- */
                opacity: 0;
            }



.button-btn-1 {
    background-color: #ea0000;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    height: 40px;
    padding: 0 15px;
    min-width: 115px;
    font-family: 'SegoeUI';
    border-radius: 40px;
}

.contact-btn-1 {
    text-align: left;
    padding-left: 100px;
    margin-top: 15px;
}
/** end popup **/
.mgt-50 {
    margin-top: 50px;
}

.list-answer .item-answer .item-id {
    border-bottom: 2px solid #e5e3e5;
    margin-bottom: 15px;
}

.list-answer .item-answer h2 {
    color: #0d5290;
    font-size: 28px;
    padding-left: 28px;
    background: url(../images/bg-aswerli.png)no-repeat left center;
    font-family: 'SegoeUI';
    font-weight: bold;
    margin: 0;
    border-bottom: 2px solid #0d5290;
    display: inline-block;
    padding-bottom: 8px;
    position: relative;
    bottom: -2px;
}

.list-answer .item-answer .question {
    padding: 0 45px;
}

    .list-answer .item-answer .question .question-tit {
        background: url(../images/li-answer.png) no-repeat left center;
        padding: 17px 0;
        padding-left: 37px;
        border-bottom: 1px dotted #b5b5b5;
        color: #e33226;
        font-size: 15px;
        font-family: 'SegoeUI';
        margin-bottom: 20px;
    }

    .list-answer .item-answer .question .answer-question {
        background: url(../images/traloi.png) no-repeat left top;
        padding-left: 37px;
        border-bottom: 1px dotted #b5b5b5;
        color: #202020;
        font-size: 15px;
        font-family: 'SegoeUI';
        padding-bottom: 35px;
    }

        .list-answer .item-answer .question .answer-question p {
            margin-bottom: 5px;
            text-align: justify;
        }

.list-answer .comment {
    padding: 0 95px;
    padding-top: 40px;
}

    .list-answer .comment > p {
        font-size: 18px;
        color: #464848;
        font-family: 'SegoeUI';
        margin-bottom: 15px;
        font-weight: bold;
    }

    .list-answer .comment .comment-input input {
        width: 188px;
        display: inline-block;
        margin-bottom: 11px;
        margin-right: 8px;
        padding: 0 10px;
        font-size: 13px;
        height: 26px;
        border: 1px solid #dadada;
        border-radius: 5px;
    }

    .list-answer .comment .comment-input textarea {
        width: 100%;
        border: 1px solid #dadada;
        font-size: 13px;
        border-radius: 5px;
        padding: 0 10px;
        min-height: 120px;
        max-height: 120px;
    }

    .list-answer .comment .comment-item .item {
        margin-bottom: 25px;
    }

        .list-answer .comment .comment-item .item h3 {
            font-size: 15px;
            color: #484848;
            font-family: 'SegoeUI-Bold';
        }

        .list-answer .comment .comment-item .item p {
            font-size: 14px;
            color: #484848;
            font-family: 'SegoeUI';
        }

    .list-answer .comment .pager {
        text-align: left;
        padding-bottom: 35px;
    }

        .list-answer .comment .pager a {
            padding: 0 11px;
            height: 27px;
            text-align: center;
            line-height: 27px;
            border-radius: 4px;
            background: #eeeeee;
            color: #464848;
            display: inline-block;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

            .list-answer .comment .pager a.active {
                background: #cccccc;
                color: #464848;
            }

            .list-answer .comment .pager a:hover {
                background: #cccccc;
                color: #464848;
            }

.list-answer .comment {
    position: relative;
}

    .list-answer .comment::before {
        position: absolute;
        content: "";
        height: 1px;
        background: #e5e5e5;
        width: 10000%;
        right: 0%;
        bottom: 0;
    }

    .list-answer .comment::after {
        position: absolute;
        content: "";
        height: 1px;
        background: #e5e5e5;
        width: 10000%;
        left: 0%;
        bottom: 0;
    }

/** contact(page) **/
.contact-left {
    width: 420px;
    display: inline-block;
}

    .contact-left h1 {
        color: #e33226;
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'SegoeUI';
        font-weight: bold;
        background: url(../images/tick.png) no-repeat left center;
        padding: 5px 0 5px 35px;
        margin-bottom: 15px;
    }

    .contact-left h2 {
        color: #202020;
        font-size: 17px;
        font-family: 'SegoeUI';
        font-weight: bold;
        margin-top: 25px;
        text-transform: uppercase;
        margin-bottom: 0;
        margin-bottom: 10px;
    }

    .contact-left p {
        color: #202020;
        font-size: 15px;
        font-family: 'SegoeUI';
        font-style: italic;
        line-height: 17px;
        margin-bottom: 10px;
    }

    .contact-left ul li {
        position: relative;
        margin-bottom: 7px;
    }

        .contact-left ul li span {
            color: #0058bb;
            font-size: 17px;
            width: 25px;
            text-align: center;
        }

        .contact-left ul li.mail::before {
            position: absolute;
            content: "\f0e0";
            width: 25px;
            color: #0058bb;
            font-size: 17px;
            top: 0;
            left: 0;
            font-family: 'FontAwesome';
            text-align: center;
        }

    .contact-left ul li {
        color: #202020;
        font-size: 15px;
        font-family: 'SegoeUI';
        display: block;
    }

        .contact-left ul li a {
            color: #202020;
            font-size: 15px;
            font-family: 'SegoeUI';
            display: block;
            padding-left: 25px;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

            .contact-left ul li a:hover {
                color: red;
            }

.content-contact {
    padding-left: 20px;
}

.contact-right {
    width: 690px;
    display: inline-block;
    float: right;
}

    .contact-right > img {
        max-width: 100%;
        margin: 0 auto;
        display: block;
        margin-bottom: 8px;
        border: 1px solid #1d6bc3;
    }

    .contact-right > iframe {
        border: 1px solid #1d6bc3 !important;
    }








/*= logo =*/





/*= menu pc =*/



/*========================= Slideshow ========================*/
.carousel-inner {
    /*min-height: 612px;*/
}

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        width: 100%;
        /*min-height: 100%;*/
    }

.carousel-control.left {
    left: 5%;
    background: url(../images/arraw-prev.png) no-repeat !important;
    width: 38px;
    height: 38px;
}

.carousel-control.right {
    right: 5%;
    background: url(../images/arraw-next.png) no-repeat !important;
    width: 38px;
    height: 38px;
}

.carousel-control.left, .carousel-control.right {
    background: none;
    z-index: 11;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
}

/* introduce items */

/*==================== effectslide tm & dv==============*/

/*===== home content =====*/


/*============================
            FOOTER
    ============================*/


/*map*/
.map-wrap {
    background-color: #fff;
    overflow: hidden;
    height: 480px;
    width: 100%;
}

#mapwrap {
    height: 500px;
    width: 100%;
}

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

    #map .box {
        width: 340px;
    }

        #map .box, #map .box a {
            color: #282828;
            font-size: 14px;
            line-height: 22px;
        }

            #map .box .title-2 {
                color: #297db3;
                font-weight: 700;
                margin-bottom: 10px;
            }

            #map .box p {
                margin: 0;
                position: relative;
            }

            #map .box .title-2 {
                background: none;
                padding-bottom: 0;
            }

    #map .ml {
        margin-left: 15px;
    }

    #map .box .glyphicon {
        color: #b1b1b1;
        height: 18px;
        line-height: 18px;
        width: 16px;
    }

    #map .box .iconl {
        display: block;
        left: 0;
        top: 0;
        position: absolute;
    }


/*=========== breadcrumbs ==========*/
.corner {
    margin: 0;
    /*height: 38px;*/
    background: #dedede;
    position: relative;
    z-index: 2;
}

    .corner a > i.fa-home {
        color: #0f487e;
        font-size: 20px;
        line-height: 37px;
    }

    .corner span {
        padding: 0 5px;
        line-height: 37px;
        color: #df0e00;
        font-size: 12px;
        font-family: 'SegoeUI';
    }

    .corner a {
        padding: 0 10px;
        line-height: 37px;
        color: #202020;
        font-size: 12px;
        font-family: 'SegoeUI';
    }

        .corner a:first-child {
            padding-left: 0;
        }
/*=========== scroll to top ==========*/
.scroll-to-top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 10px;
    display: none;
    background: #0f487e;
    z-index: 9;
    border-radius: 10px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

    .scroll-to-top i {
        font-size: 30px;
        color: #fff;
        line-height: 35px;
    }

/*=========== page giới thiệu ==========*/



/*======== page contact ========*/
/*======== page contact ========*/
.wrap-contact h4 {
    background: url(../images/line-2.gif) no-repeat left bottom;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.wrap-node {
    margin: 30px 0;
    width: 100%;
}

.address-contact p, .address-contact p a {
    margin-bottom: 5px;
    color: #464648;
}

    .address-contact p > .fa, #map .box .fa {
        color: #464648;
        display: inline-block;
        width: 30px;
    }

.wrap-send .row {
    margin-left: -8px;
    margin-right: -8px;
}

.wrap-send .col-xs-6 {
    padding-left: 8px;
    padding-right: 8px;
}

.contact-w {
    overflow: hidden;
    padding: 8px 0;
    width: 100%;
}

    .contact-w .contact-input {
        overflow: hidden;
        margin-bottom: 10px;
    }

.contact-input .contact-textbox {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

.contact-input .contact-textbox, .contact-input .contact-area {
    background-color: #f4f4f4;
    border: solid 1px #ddd;
    color: #222;
    display: block;
    font-size: 13px;
    width: 100%;
}

.contact-input .contact-area {
    padding: 10px;
    height: 160px;
    line-height: 20px;
    resize: none;
}

.contact-btn {
    text-align: center;
}

.button-btn {
    background-color: #ea0000;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    padding: 0 15px;
    min-width: 180px;
}

/** contact **/
.banner-contact {
    position: relative;
}

    .banner-contact::after {
        position: absolute;
        content: "";
        background: url(../images/contact-shadow.png) no-repeat;
        width: 931px;
        height: 41px;
        bottom: -40px;
        left: 0;
        right: 0;
        margin: auto;
        background-size: 100%;
    }

    .banner-contact > img {
        width: 100%;
    }

.tabs-contact {
    margin-top: 55px;
}

    .tabs-contact .nav-tabs li {
        width: calc(20% - 2px);
        text-align: center;
        margin-right: 2px;
    }

        .tabs-contact .nav-tabs li:last-child {
            margin-right: 0px;
        }

        .tabs-contact .nav-tabs li a {
            margin-right: 0;
        }

        .tabs-contact .nav-tabs li a {
            font-size: 14px;
            color: #fff;
            text-transform: uppercase;
            font-family: 'SegoeUI-Bold';
            background: #0058bb;
        }

    .tabs-contact .nav-tabs > li.active > a, .tabs-contact .nav-tabs > li.active > a:hover, .tabs-contact .nav-tabs > li.active > a:focus {
        border: 0;
        background: #e33226;
        color: #fff;
    }

    .tabs-contact .nav-tabs > li > a {
        border: 0;
        border-radius: 5px 0 0 0;
        display: block;
    }

        .tabs-contact .nav-tabs > li > a:hover {
            color: #fff;
        }

    .tabs-contact .nav-tabs > li {
        position: relative;
    }

        .tabs-contact .nav-tabs > li::after {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-top: 10px solid #e33226;
            left: 0;
            right: 0;
            bottom: -10px;
            margin: auto;
            opacity: 0;
            /*-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;*/
        }

        .tabs-contact .nav-tabs > li:hover a {
            background: #e33226;
        }

        .tabs-contact .nav-tabs > li:hover::after {
            opacity: 1;
        }

        .tabs-contact .nav-tabs > li.active::after {
            opacity: 1;
        }

    .tabs-contact .tab-content {
        padding: 50px 20px;
        border: 1px solid #e5e5e5;
        border-top: 0;
    }



/*============ page thương mại ===========*/

/*aside*/

/*** colcontent ***/


/*======= chi tiet thuong mai ======*/

/** table **/


/**=========== Dịch vụ ===========**/

/* bang gia */



/*============= menu (*style css cho menu*) ==================*/

/*========================menu mobile (*style css toggle menu(nút nhấp hiện menu)*) ==========================*/
.menu-mo {
    color: #0f487e;
    display: block;
    float: right;
    font-size: 15px;
    text-transform: uppercase;
    margin-left: 12px;
    line-height: 40px;
}

    .menu-mo span {
        color: #0f487e;
        display: block;
        float: left;
        font-size: 26px;
        line-height: 40px;
        padding-right: 5px;
    }

    .menu-mo:hover, .menu-mo:visited, .menu-mo:focus {
        color: #0f487e;
        text-decoration: none;
    }
/*========= (*style menu mobile*) ==========*/
.mobile-panel {
    background-color: #fff;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 240px;
    /*z-index: 9999;*/
    opacity: 0;
    filter: alpha(opacity=0);
}

    .mobile-panel .menu-in {
        overflow: hidden;
        height: 100%;
        position: relative;
        width: 100%;
        z-index: 1;
    }

.mask-panel, #mask-left, #mask-right /* mask khi click ra ngoài menu thì đóng menu */ {
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 100%;
    width: 100%;
    z-index: 9998;
}

.mobile-panel p {
    padding: 0;
    margin: 0;
}
/** nút close ở menu **/
.close-menu {
    background-color: #009ed6;
    top: 0;
    position: absolute;
    overflow: hidden;
    height: 30px;
    width: 30px;
    z-index: 10;
}

    .close-menu a {
        color: #fff;
        display: block;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        height: 100%;
        width: 100%;
    }

        .close-menu a:hover {
            text-decoration: none;
        }

#menumobile .close-menu {
    right: -30px;
}

#mobileRight .close-menu {
    left: -30px;
}

.mobile-panel .menu-mobile {
    position: relative;
    padding: 15px;
    z-index: 1;
}

.overflow {
    overflow: hidden;
}
/*===========================*/
/*================ transition menu =================*/
.panel-reveal {
    -ms-transform: none; /* IE 9 */
    -webkit-transform: none; /* Chrome, Safari, Opera */
    transform: none;
}

    .panel-reveal .mobile-panel {
        -ms-transform: none; /* IE 9 */
        -webkit-transform: none; /* Chrome, Safari, Opera */
        transform: none;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE8+*/
        filter: alpha(opacity=0); /* IE7 and lower */
        z-index: -1;
    }

    .panel-reveal .mobilep-left {
        -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15) inset; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15) inset; /* Firefox 3.5 - 3.6 */
        box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15) inset; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
        /*left: -100%;*/
    }

    .panel-reveal .mobilep-right {
        -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15) inset; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15) inset; /* Firefox 3.5 - 3.6 */
        box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15) inset; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    }
    /*================== translate3d đẩy menu ra ========================*/
    .panel-reveal .open-in {
        z-index: 1000;
    }

    .panel-reveal .mobilep-right {
        left: auto;
        right: 0;
    }

    .panel-reveal #wrapper-in {
        -ms-transition: transform 300ms ease 0s; /* IE 9 */
        -webkit-transition: transform 300ms ease 0s; /* Chrome, Safari, Opera */
        transition: transform 300ms ease 0s;
    }

.mobile-active-left #wrapper-in {
    -ms-transform: translate3d(240px, 0px, 0px); /* IE 9 */
    -webkit-transform: translate3d(240px, 0px, 0px); /* Chrome, Safari, Opera */
    transform: translate3d(240px, 0px, 0px);
}

.mobile-active-left .mask-panel {
    left: 240px;
}

.mobile-active-right #wrapper-in {
    -ms-transform: translate3d(-240px, 0px, 0px); /* IE 9 */
    -webkit-transform: translate3d(-240px, 0px, 0px); /* Chrome, Safari, Opera */
    transform: translate3d(-240px, 0px, 0px);
}

.mobile-active-right .mask-panel {
    left: auto;
    right: 240px;
}
/*====================================*/
.menu-mobile .title {
    color: #000;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 24px;
}
/*================= style menu lúc responsive ===================*/
.menu-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .menu-nav > li {
        padding-top: 1px;
    }

        .menu-nav > li > a {
            background-color: #0f487e;
            color: #fff;
            display: block;
            font-size: 15px;
            font-weight: 700;
            line-height: 24px;
            padding: 7px 25px 7px 10px;
            text-transform: uppercase;
            position: relative;
        }

    .menu-nav .iconar {
        display: block;
        font-size: 22px;
        text-align: right;
        height: 30px;
        line-height: 30px;
        right: 5px;
        top: 6px;
        position: absolute;
        width: 30px;
        opacity: 0.8;
        color: #fff;
    }

    .menu-nav a:hover {
        text-decoration: none;
    }

    .menu-nav > li > a:hover, .menu-nav > li:hover > a, .menu-nav > li.active > a {
        background-color: #de0004;
    }

    .menu-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .menu-nav > li > ul {
        background-color: #fff;
    }

    .menu-nav ul li {
        padding-top: 1px;
    }

    .menu-nav ul a {
        background-color: #636363;
        color: #fff;
        display: block;
        font-size: 15px;
        line-height: 22px;
        padding: 5px 10px;
        position: relative;
        text-transform: capitalize;
    }

    .menu-nav ul a {
        padding-left: 20px;
    }

    .menu-nav ul ul a {
        font-size: 14px;
        line-height: 20px;
        padding-left: 30px;
    }

    .menu-nav ul ul ul a {
    }

        .menu-nav ul ul ul a .iconl {
            display: none;
        }

    .menu-nav ul .iconl {
        display: block;
        height: 20px;
        line-height: 18px;
        left: 10px;
        top: 6px;
        position: absolute;
        width: 14px;
        color: #fff;
    }

    .menu-nav ul ul .iconl {
        left: 20px;
    }

    .menu-nav ul li > a:hover, .menu-nav ul li:hover > a, .menu-nav ul li.active > a {
        color: #fef738;
    }

.menu-mobile .title {
    font-size: 16px;
}

#menuProduct > li > a {
    font-size: 15px;
}

#menuProduct ul li a {
    padding-left: 20px;
}
/*=================*/
.menu-mobile .logo {
    background-color: #fff;
    float: none;
    /*margin: 0 auto 15px;*/
    padding: 0;
    /*width: 180px;*/
    width: 210px;
    padding-left: 0;
}
/*================*/

/*================================footer=====================================*/

/*================================main-content================================*/

/*================================responsive=================================*/
.ipadmo-992 { /* ẩn nút menu */
    display: none;
}

@media screen and (max-width: 1199px) {
}

@media (min-width: 993px) and (max-width: 1199px) {
}

@media (max-width: 992px) {
    .ipadmo-992 { /* hiện menu đt */
        display: block;
    }

    .desktop-992 { /* ẩn menu pc */
        display: none;
    }
}

@media screen and (max-width: 991px) {
}

@media screen and (max-width: 970px) {
}

@media screen and (max-width: 820px) {
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 992px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 639px) {
}

@media screen and (max-width: 549px) {
}

@media screen and (max-width: 479px) {
}

@media screen and (max-width: 320px) {
}


/****======================= 
        page tin tức 
    =======================****/
/*#main-content {
    background: rgba(231,231,231,1);
    background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,231,231,1)), color-stop(58%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=0 );
}*/
.news-wrapper {
    border-bottom: 1px solid #e5e5e5;
}

.news-id h2 {
    color: #0058bb;
    font-size: 28px;
    padding-left: 28px;
    background: url(../images/bg-aswerli.png)no-repeat left center;
    font-family: 'SegoeUI-Light';
    margin: 24px 0 19px 0;
    text-transform: uppercase;
    display: inline-block;
}

.main-news {
    padding-bottom: 33px;
    border-bottom: 1px dotted #b5b5b5;
}

.main-news-left {
    width: 561px;
    display: inline-block;
    padding-right: 29px;
    vertical-align: top;
}

    .main-news-left .news-image {
        position: relative;
        margin-bottom: 20px;
    }

        .main-news-left .news-image::after {
            position: absolute;
            content: "";
            background: url(../images/shadow-main-news.png) no-repeat;
            max-width: 100%;
            width: 532px;
            height: 26px;
            bottom: -26px;
            left: 0;
            right: 0;
            margin: auto;
            background-size: 100%;
        }

        .main-news-left .news-image img {
            max-width: 100%;
            width:532px;
        }

    .main-news-left .main-title a {
        font-size: 20px;
        color: #0058bb;
        font-family: 'SegoeUI';
        font-weight: bold;
        margin-bottom: 12px;
        display: block;
    }

    .main-news-left .main-title p {
        font-size: 14px;
        color: #282828;
        font-family: 'SegoeUI';
        line-height: 17px;
    }

.main-news-right {
    width: calc(100% - 565px);
    display: inline-block;
    padding: 0 33px;
    vertical-align: top;
    border-left: 1px solid #d7d6d7;
}

    .main-news-right .news-thumb .item {
        margin-bottom: 10px;
    }

        .main-news-right .news-thumb .item .thumb-img::after {
            position: absolute;
            content: "";
            background: url(../images/shadow-main-news.png) no-repeat;
            max-width: 100%;
            height: 7px;
            bottom: -7px;
            left: 0;
            right: 0;
            margin: auto;
            background-size: 100%;
        }

        .main-news-right .news-thumb .item .thumb-img {
            vertical-align: top;
            width: 133px;
            display: inline-block;
            position: relative;
        }

            .main-news-right .news-thumb .item .thumb-img img {
                max-width: 100%;
            }

        .main-news-right .news-thumb .item .thumb-tit {
            vertical-align: top;
            width: calc(100% - 152px);
            display: inline-block;
            margin-left: 15px;
        }

            .main-news-right .news-thumb .item .thumb-tit a {
                color: #202020;
                font-size: 14px;
                font-family: 'SegoeUI';
                line-height: 17px;
            }

.thumb-items {
    padding-top: 30px;
}

    .thumb-items .item {
        width: 50%;
        float: left;
        padding-right: 35px;
        margin-bottom: 40px;
    }

        .thumb-items .item .item-wrap {
            float: left;
            width: 100%;
        }

        .thumb-items .item .img {
            width: 265px;
            float: left;
            margin-right: 15px;
            position: relative;
            margin-bottom: 5px;
        }

            .thumb-items .item .img::after {
                position: absolute;
                content: "";
                background: url(../images/shadow-main-news.png) no-repeat;
                max-width: 100%;
                height: 10px;
                bottom: -10px;
                left: 0;
                right: 0;
                margin: auto;
                background-size: 100%;
            }

            .thumb-items .item .img img {
                max-width: 100%;
            }

        .thumb-items .item .title {
        }

            .thumb-items .item .title a {
                font-size: 20px;
                color: #202020;
                font-family: 'SegoeUI';
                font-weight: bold;
                display: block;
                margin-bottom: 14px;
            }

            .thumb-items .item .title p {
                font-size: 15px;
                color: #282828;
                font-family: 'SegoeUI';
            }

/*pager*/
.pager {
    text-align: right;
}

    .pager > span > a, .pager > span > span {
        background: #fff;
        color: #282828;
        border: 1px solid #d3d3d3;
        display: inline-block;
        font-size: 14px;
        vertical-align: top;
        text-align: center;
        height: 28px;
        line-height: 28px;
        padding: 0 5px;
        min-width: 28px;
    }

    .pager a.prev, .pager a.next, .pager a.last {
        border: 0;
    }

    .pager a.next, .pager a.last, .pager .first, .pager .prev {
        width: 14px;
        min-width: 14px;
        background-color: transparent !important;
        color: #333 !important;
    }

        .pager a.prev:hover, .pager a.next:hover, .pager a.last:hover {
            background: none;
            color: #0e5291;
        }

    .pager .first, .pager .last, .pager .prev, .pager .next {
        padding: 0;
        background: none;
        border: 0;
    }

    .pager .first, .pager .last {
        font-size: 12px;
    }

    .pager a:hover, .pager a.current, .pager span.current {
        background-color: #fff;
        color: #333;
        text-decoration: none;
    }

    .pager span span {
        background-color: #0058bb !important;
        color: #fff !important;
    }
/*end pager*/
.news-details-wrap {
    padding-bottom: 25px;  
    text-align: justify;
}

    .news-details-wrap .date-time {
        color: #525252;
        font-size: 14px;
        font-family: 'SegoeUI';
        position: relative;
    }

        .news-details-wrap .date-time::after {
            position: absolute;
            content: "";
            background: #bdbdbd;
            height: 1px;
            width: 25px;
            bottom: -10px;
            left: 0;
        }

    .news-details-wrap > h1 {
        color: #e33226;
        font-size: 24px;
        font-family: 'SegoeUI';
        font-weight: bold;
    }

    .news-details-wrap span {
        color: #282828;
        font-size: 15px;
    }

    .news-details-wrap img {
        display: block;
        margin: auto;
        max-width: 100%;
    }

.more-doc {
}

    .more-doc h2 {
        font-size: 20px;
        color: #202020;
        font-weight: bold;
        font-family: 'SegoeUI';
    }

    .more-doc .price-list .items ul li {
        background: #eaeaea;
    }

        .more-doc .price-list .items ul li a::before {
            position: absolute;
            content: "";
            background: #e33226;
            width: 5px;
            height: 5px;
            left: -15px;
            top: 0;
            bottom: 0;
            margin: auto;
        }

.more-news {        
    clear: both;
    padding-top: 1px;
}

    .more-news h2 {
        font-size: 20px;
        color: #202020;
        font-weight: bold;
        font-family: 'SegoeUI';
    }

    .more-news ul li {
        padding: 3px 0 3px 30px;
    }

        .more-news ul li a {
            color: #0d5290;
            font-size: 14px;
            font-family: 'SegoeUI';
            font-weight: bold;
            position: relative;
        }

            .more-news ul li a:hover {
                color: #e33226;
            }

            .more-news ul li a::before {
                position: absolute;
                content: "";
                background: #e33226;
                width: 5px;
                height: 5px;
                left: -15px;
                top: 0;
                bottom: 0;
                margin: auto;
            }


/****======================= 
        page sản phẩm
    =======================****/
.products-cate-wrap .arraw-pro-cate {
    position: fixed;
    top: 176px;
    left: 0; /* 268 */
    z-index: 100;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.products-cate-wrap .arraw-pro-cate-active {
    left: 268px; /*  */
}

.products-cate-actice {
    left: 0px !important;
}

.products-cate {
    width: 270px;
    background: #fff;
    border-right: 2px solid #0058bb;
    padding-right: 27px;
    padding-bottom: 30px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    position: fixed;
    top: 180px;
    z-index: 99;
    max-height: calc(99% - 210px);
    left: -270px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


    .products-cate h1 {
        color: #505050;
        font-size: 18px;
        font-family: 'SegoeUI-Bold';
        text-transform: uppercase;
        padding-top: 18px;
        padding-bottom: 20px;
        padding-left: 21px;
        position: relative;
        margin: 0;
    }

        .products-cate h1::after {
            position: absolute;
            content: "";
            background: url(../images/bor-pro-cate.png) repeat-x;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 13px;
        }

    .products-cate ul {
    }

        .products-cate ul li {
            position: relative;
        }

            .products-cate ul li a {
                padding-top: 9px;
                padding-bottom: 18px;
                padding-left: 21px;
                position: relative;
                margin: 0;
                padding-right: 20px !important;
            }

                .products-cate ul li a::after {
                    position: absolute;
                    content: "";
                    background: url(../images/bor-pro-cate.png) repeat-x;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 13px;
                }

        .products-cate ul.first-sub > li > a {
            padding-left: 30px;
            color: #df0e00;
            font-family: 'SegoeUI';
            font-weight: bold;
        }

        .products-cate ul.second-sub > li > a {
            padding-left: 40px;
            color: #202020;
            font-family: 'SegoeUI';
            font-weight: bold;
        }

        .products-cate ul.third-sub > li > a::after {
            display: none;
        }

        .products-cate ul.third-sub > li > a {
            color: #0a79ac;
            font-family: 'SegoeUI';
            font-weight: bold;
            padding: 10px 0 10px 50px;
            border-bottom: 1px dotted #dad9d9;
        }

        .products-cate ul.fourth-sub > li > a::after {
            display: none;
        }

        .products-cate ul.fourth-sub > li > a {
            color: #0a79ac;
            font-family: 'SegoeUI';
            font-weight: bold;
            padding: 10px 0 10px 50px;
            border-bottom: 1px dotted #dad9d9;
        }

        .products-cate ul li a {
            color: #0058bb;
            font-size: 14px;
            font-family: 'SegoeUI-Bold';
            position: relative;
            line-height: 15px;
            display: block;
        }

        .products-cate ul li.active a {
            color: red;
        }

.first-sub-arraw {
    position: absolute;
    right: 0;
    top: 15px;
    cursor: pointer;
}

    .first-sub-arraw i {
        color: #0058bb;
        text-align: center;
        line-height: 14px;
        display: block;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        width: 16px;
        height: 16px;
        border: 1px solid #0058bb;
    }

.second-sub-arraw {
    position: absolute;
    right: 0;
    top: 8px;
    cursor: pointer;
}

    .second-sub-arraw i {
        color: #df0e00;
        text-align: center;
        line-height: 14px;
        display: block;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        width: 16px;
        height: 16px;
        border: 1px solid #df0e00;
    }

.third-sub-arraw {
    position: absolute;
    right: 0;
    top: 8px;
    cursor: pointer;
}

    .third-sub-arraw i {
        color: #626262;
        text-align: center;
        line-height: 14px;
        display: block;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        width: 16px;
        height: 16px;
        border: 1px solid #626262;
    }

.fourth-sub-arraw {
    position: absolute;
    right: 0;
    top: 8px;
    cursor: pointer;
}

    .fourth-sub-arraw i {
        color: #2295ce;
        text-align: center;
        line-height: 14px;
        display: block;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        width: 16px;
        height: 16px;
    }

        .fourth-sub-arraw i.fa-plus:before {
            font-size: 9px;
        }

.fa-plus-active:before {
    content: "\f068" !important;
}

.products-cate ul.first-sub, .products-cate ul.second-sub,
.products-cate ul.third-sub, .products-cate ul.fourth-sub {
    display: none;
}

.product-wrapper {
    border-bottom: 1px dotted #b5b5b5;
    padding-bottom: 25px;
}

.product-id h1 {
    color: #456790;
    font-size: 28px;
    font-family: 'SegoeUI-Bold';
    /*text-transform:uppercase;*/
    margin-top: 37px;
    margin-bottom: 10px;
}

.product-id img {
    width: 100%;
}

.pro-cate-items .item .product-circle {
    border-radius: 50%;
    border: 7px solid #fff;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
    width: 320px;
    height: 320px;
    overflow: hidden;
}

.pro-cate-items .item .product-circle {
    border-radius: 50%;
    border: 7px solid #fff;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
    width: 320px;
    height: 320px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    margin-bottom: 15px;
}

    .pro-cate-items .item .product-circle img {
        min-height: 100%;
    }

    .pro-cate-items .item .product-circle::before {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
        content: "";
        display: block;
        height: 200%;
        left: -100%;
        position: absolute;
        top: -60%;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        width: 32%;
        z-index: 2;
        -webkit-transition: all 0.9s ease;
        -moz-transition: all 0.9s ease;
        -o-transition: all 0.9s ease;
        transition: all 0.9s ease;
        z-index: 1;
    }

    .pro-cate-items .item .product-circle:hover::before {
        left: 200%;
    }

    .pro-cate-items .item .product-circle:hover {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
    }

.pro-cate-items .item {
    width: calc(33.33333333% - 4px);
    display: inline-block;
    text-align: center;
    margin-bottom: 40px;
}

    .pro-cate-items .item a p {
        color: #414141;
        font-size: 22px;
        text-transform: uppercase;
        font-family: 'SegoeUI-Bold';
        text-align: center;
    }

/****============================================== 
      page danh mục (cha) sản phẩm (products-cate)
    ==============================================****/
.list-pro-cate .col-md-4 .item > a > img {
    width: 100%;
}

.list-pro-cate .col-md-4 .item .title {
    background: #19a8ec;
    float: left;
    width: 100%;
}

    .list-pro-cate .col-md-4 .item .title > a {
        width: 300px;
        background: url(../images/danhmuc.png) no-repeat;
        background-size: 100% 100%;
        float: left;
        padding: 11px 0;
        padding-left: 30px;
        font-size: 15px;
        color: #fffefe;
        font-family: 'SegoeUI-Bold';
        text-transform: uppercase;
        position: relative;
    }
    /*.list-pro-cate .col-md-4 .item .title > a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    border-top: 44px solid #055bbc;
    top: 0;
    right: -20px;
    z-index: 2;
}*/
    .list-pro-cate .col-md-4 .item .title > .read-more {
        width: calc(100% - 300px);
        float: left;
        position: relative;
    }

        .list-pro-cate .col-md-4 .item .title > .read-more img {
            position: absolute;
            width: 20px;
            height: 20px;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
        }
/****============================================== 
                    page list-products
    ==============================================****/
.list-products {
    padding-bottom: 15px;
}

.product-wrapper .pager {
    border-top: 2px solid #eaeaea;
    padding-top: 20px;
}

.list-products .item {
    position: relative;
    margin-bottom: 30px;
}

    .list-products .item::before {
        position: absolute;
        content: "";
        background: url(../images/box-shadow.png) no-repeat;
        top: -6px;
        left: -7px;
        width: 105.5%;
        height: 109px;
        background-size: 100%;
        z-index: 1;
    }

    .list-products .item::after {
        position: absolute;
        content: "";
        background: url(../images/box-shadow-1.png) no-repeat;
        bottom: -12px;
        left: -7px;
        width: 105.5%;
        height: 109px;
        background-size: 100%;
        z-index: 1;
    }

    .list-products .item .list-img {
        position: relative;
        z-index: 2;
        border: 1px solid #eee;
        border-bottom: 0;
    }

        .list-products .item .list-img img {
            max-width: 100%;
            width: 100%;
        }

    .list-products .item .list-tit {
        background: #19a8eb;
        position: relative;
        z-index: 2;
    }

        .list-products .item .list-tit a {
            color: #fff;
            padding: 10px 0;
            font-size: 16px;
            font-family: 'SegoeUI';
            font-weight: bold;
            display: block;
            text-align: center;
        }
/****============================================== 
                  page products-details
    ==============================================****/
.product-dt-id {
    color: #456790;
    font-size: 28px;
    font-family: 'SegoeUI-Bold';
    text-align: center;
    margin: 45px 0 20px 0;
}

.sp-carousel {
    width: 1024px;
    margin: 0 auto;
    position: relative;
    height: 515px;
    overflow: hidden;
    padding-left: 23px;
}

    .sp-carousel .main-dt {
        width: 785px;
        display: inline-block;
        vertical-align: top;
    }

        .sp-carousel .main-dt .slick-slide img {
            max-width: 100%;
        }

    .sp-carousel .thumb-dt {
        width: calc(100% - 789px);
        display: inline-block;
        margin-top: 50px;
        position: relative;
        overflow: hidden;
    }

    .sp-carousel .main-dt::before {
        position: absolute;
        content: "";
        background: url(../images/shadow-left.png) no-repeat;
        left: -23px;
        bottom: -36px;
        width: 415px;
        height: 537px;
        z-index: -1;
    }

    .sp-carousel .main-dt::after {
        position: absolute;
        content: "";
        background: url(../images/shadow-right.png) no-repeat;
        right: -23px;
        bottom: -36px;
        width: 416px;
        height: 537px;
        z-index: -1;
    }

    .sp-carousel .thumb-dt .slick-slide {
        width: 171px;
        padding: 10px;
    }

        .sp-carousel .thumb-dt .slick-slide.slick-current img {
            border: 1px solid #055bbc;
        }

        .sp-carousel .thumb-dt .slick-slide img {
            width: 100%;
            border: 1px solid #cacaca;
        }

.sp-tabs {
    margin-top: 50px;
}

    .sp-tabs .nav-tabs {
        border-bottom: 3px solid #055bbc;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background: #055bbc;
    border: 0;
    cursor: default;
}

.nav-tabs > li > a {
    border: 0;
    background: #278cff;
    color: #fff;
    font-size: 15px;
    font-family: 'SegoeUI-Bold';
}

    .nav-tabs > li > a:hover {
        border: 0;
    }

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #055bbc;
}

.sp-tabs .tab-content {
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 30px;
    background: #fff;
}
/* table */
#tbl_sp thead tr td {
    font-size: 13px;
    font-weight: normal;
    padding: 4px;
    background: #b9c9fe;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.art-postcontent p {
    margin: 12px 0 12px 0;
}

#tbl_sp {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
}

    #tbl_sp td {
        padding: 4px;
        border-bottom: 1px solid #fff;
        color: #669;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        background: #e8edff;
    }

.pro-MainPage img {
    max-width: 100%;
}
/* end table */
h1.note-tit {
    font-size: 18px;
    color: #055bbc;
    font-family: 'SegoeUI-Bold';
    margin-top: 30px;
    margin-bottom: 15px;
}

ul.note li {
    position: relative;
    padding: 5px 0;
    padding-left: 30px;
    font-size: 14px;
    color: #202020;
}

    ul.note li::before {
        position: absolute;
        content: "";
        background: #b8b8b8;
        width: 5px;
        height: 5px;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 10px;
    }

.more-sp h1 {
    font-size: 22px;
    color: #646464;
    font-weight: bold;
    margin-bottom: 25px;
}

/**** page map phan phoi ****/
.map-head {
    height: 48px;
    background: #4d6a79;
    border-top: 2px solid #9a9a9a;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

    .map-head .pull-left h1 {
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        font-family: 'SegoeUI-Bold';
        margin: 0;
        line-height: 48px;
        padding-left: 45px;
    }

    .map-head .pull-right {
        padding-right: 45px;
    }

        .map-head .pull-right a {
            margin-right: 15px;
            display: inline-block;
        }

            .map-head .pull-right a i.fa-share-alt:before {
                font-size: 22px;
                color: #fff;
                margin: 0;
                line-height: 46px;
            }

        .map-head .pull-right img {
            cursor: pointer;
            vertical-align: middle;
            margin-top: -9px;
        }

.map-info {
    position: relative;
}

.table-distribution .head-table .pull-left h1 {
    font-size: 24px;
    color: #278bff;
    text-transform: uppercase;
    font-family: 'SegoeUI-Bold';
}

.table-distribution .head-table .pull-right {
    margin-top: 25px;
}

    .table-distribution .head-table .pull-right span {
        font-size: 15px;
    }

    .table-distribution .head-table .pull-right select {
        width: 192px;
    }

.table-distribution .table thead {
    background: #278bff;
}

    .table-distribution .table thead tr th {
        color: #fff;
        border-right: 1px solid #d0d0d0;
        font-weight: bold;
    }

        .table-distribution .table thead tr th:last-child {
            border-right: 0;
        }

.table-distribution .table tbody {
    border: 1px solid #d0d0d0;
    border-top: 0;
}

    .table-distribution .table tbody tr td {
        border-right: 1px solid #d0d0d0;
        font-weight: bold;
    }

        .table-distribution .table tbody tr td:first-child {
            text-align: center;
        }

        .table-distribution .table tbody tr td:last-child {
            border-right: 0;
        }

    .table-distribution .table tbody tr:nth-child(2n+1) {
        background: #f5f3f3;
    }

    .table-distribution .table tbody tr:nth-child(2n) {
        background: #e3e3e3;
    }

.table-distribution .table {
    margin-bottom: 0;
}

.input-group {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.distribution-tb tr:hover {
    color: #0058bb;
}

.page-table {
    background: #d0d0d0;
    height: 45px;
    padding: 8px 20px;
}

    .page-table .pager {
        margin: 0;
    }

.pull-left, .pull-right {
    margin-top: 0 !important;
}

.table-distribution .head-table .pull-right {
    margin-top: 25px !important;
}
/****============================================== 
                  page support
    ==============================================****/
.aside-support {
    width: 216px;
    display: inline-block;
    position: relative;
    padding: 25px 0 35px;
    margin-top: 20px;
}

    .aside-support::before {
        position: absolute;
        content: "";
        background: url(../images/shadow.png) repeat-y;
        width: 20px;
        height: 100%;
        left: 0;
        top: 0;
        background-size: auto 100%;
    }

    .aside-support ul li {
        background: url(../images/support-cate.png) no-repeat;
        background-size: 100% 100%;
        margin-bottom: 8px;
        position: relative;
    }

        .aside-support ul li::after {
            position: absolute;
            content: "";
            background: url(../images/shadow-sp.png) no-repeat;
            height: 11px;
            width: 100%;
            left: 0;
            bottom: -11px;
        }

        .aside-support ul li:hover, .aside-support ul li.active {
            background: url(../images/support-cate-hover.png) no-repeat;
            background-size: 100% 100%;
        }

        .aside-support ul li a {
            padding: 8px 15px 11px 15px;
            display: block;
            font-size: 15px;
            color: #fff;
            text-transform: uppercase;
            font-family: 'SegoeUI-Bold';
            line-height: 17px;
        }

.main-support-wrap {
    width: calc(100% - 220px);
    display: inline-block;
    float: right;
    padding-left: 30px;
    margin-top: 20px;
    margin-bottom: 100px;
}

.support-id {
    border-bottom: 2px solid #0058bb;
}

    .support-id h2 {
        color: #0058bb;
        font-size: 28px;
        padding-left: 28px;
        background: url(../images/bg-aswerli.png)no-repeat left center;
        font-family: 'SegoeUI-Light';
        margin: 24px 0 10px 0;
        text-transform: uppercase;
    }

.banner-support {
    position: relative;
    margin-top: 20px;
    margin-bottom: 35px;
}

    .banner-support::after {
        position: absolute;
        content: "";
        /*background: url(../images/shadow-sp-1.png) no-repeat;*/
        height: 31px;
        width: 100%;
        bottom: -31px;
        left: 0;
    }

    .banner-support img {
        max-width: 100%;
    }

.support-news {
    border-top: 1px dotted #c9c9c9;
}

    .support-news .item {
        padding: 30px 0;
        border-bottom: 1px dotted #c9c9c9;
    }

        .support-news .item .items-img {
            width: 295px;
            display: inline-block;
            position: relative;
            vertical-align: top;
        }

            .support-news .item .items-img::after {
                position: absolute;
                content: "";
                background: url(../images/shadow-main-news.png) no-repeat;
                width: 100%;
                height: 10px;
                bottom: -10px;
                background-size: 100% 100%;
                left: 0;
            }

        .support-news .item .items-tit {
            width: calc(100% - 299px);
            display: inline-block;
            position: relative;
            padding-left: 20px;
            vertical-align: top;
        }

            .support-news .item .items-tit a {
                font-size: 20px;
                color: #0d5290;
                font-weight: bold;
                margin: 15px 0;
                display: block;
                line-height: 17px;
            }

            .support-news .item .items-tit p {
                font-size: 15px;
                color: #282828;
                line-height: 20px;
            }

.sp-dt-content > h2 {
    font-size: 30px;
    color: #0d5290;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 20px;
}

.sp-dt-content {
    font-size: 15px;
    color: #282828;
}

    .sp-dt-content p {
        font-size: 15px;
        color: #282828;
        margin: 15px 0;
    }

    .sp-dt-content span {
        font-size: 15px;
        color: #0d5290;
        font-weight: bold;
        padding-left: 35px;
    }

    .sp-dt-content iframe {
        max-width: 100%;
        margin: 20px auto;
        display: block;
    }

.more-video {
    margin-top: 45px;
}

    .more-video h2 {
        color: #202020;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        text-transform: uppercase;
        padding-left: 15px;
    }

    .more-video .item {
        width: calc(33.33333% - 4px);
        display: inline-block;
        padding: 0 15px;
    }

        .more-video .item .video-img {
            position: relative;
        }

            .more-video .item .video-img::before {
                position: absolute;
                width: 100%;
                content: "";
                background: rgba(0,0,0,0.2);
                height: 100%;
                top: 0;
                left: 0;
            }

            .more-video .item .video-img::after {
                position: absolute;
                width: 43px;
                content: "";
                background: url(../images/play.png)no-repeat;
                height: 43px;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
            }

            .more-video .item .video-img img {
                max-width: 100%;
            }

        .more-video .item a {
            color: #0d5290;
            font-size: 16px;
            font-weight: bold;
            line-height: 19px;
            display: block;
            margin-top: 7px;
        }

.more-news h2 {
    color: #202020;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding-left: 15px;
}

.more-news-dt {
    padding: 0 15px;
}

    .more-news-dt .owl-nav {
        position: absolute;
        top: -40px;
        right: 15px;
    }

    .more-news-dt .owl-prev {
        display: inline-block;
        font-size: 0;
        position: relative;
        width: 34px;
        height: 34px;
        margin: 0 1px;
    }

        .more-news-dt .owl-prev::before {
            position: absolute;
            content: "\f104";
            font-family: 'FontAwesome';
            font-size: 25px;
            padding: 6px 13px;
            background: #107ffc;
            color: #fff;
            top: 0;
            left: 0;
        }

    .more-news-dt .owl-next {
        display: inline-block;
        font-size: 0;
        position: relative;
        width: 34px;
        height: 34px;
        margin: 0 1px;
    }

        .more-news-dt .owl-next::before {
            position: absolute;
            content: "\f105";
            font-family: 'FontAwesome';
            font-size: 25px;
            padding: 6px 13px;
            background: #107ffc;
            color: #fff;
            top: 0;
            left: 0;
        }

.bor-y {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px;
}

.congbo .col-md-4 h2 {
    font-size: 18px;
    color: #202020;
    font-weight: bold;
    text-transform: uppercase;
}

.congbo .col-md-4 .btn-model img {
    width: 283px;
    max-width: 100%;
    border: 1px solid #b7b7b7;
    cursor: pointer;
}

.model {
    opacity: 0;
    z-index: -1;
    position: fixed;
}

.model-active {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 999;
    top: 0;
    left: 0;
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
}

.model-content {
    width: 925px;
    margin: 45px auto;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    position: relative;
}

    .model-content .btn-close {
        position: absolute;
        top: -12px;
        right: -12px;
        cursor: pointer;
    }

    .model-content .model-ct-left {
        width: calc(100% - 704px);
        display: inline-block;
        vertical-align: top;
    }

        .model-content .model-ct-left .item {
            margin-bottom: 15px;
        }

            .model-content .model-ct-left .item.active img {
                border: 1px solid #055bbc;
            }

            .model-content .model-ct-left .item img {
                width: 121px;
                border: 1px solid #bababa;
            }

    .model-content .model-ct-right {
        width: 700px;
        display: inline-block;
        padding: 0 25px;
    }

        .model-content .model-ct-right img {
            border: 1px solid #055bbc;
            max-width: 100%;
        }

/** page catalogue **/
.catalogue {
}

    .catalogue .item {
        width: 25%;
        float: left;
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        vertical-align: top;
    }

        .catalogue .item:nth-of-type(4), .catalogue .item:nth-of-type(8), .catalogue .item:nth-of-type(12),
        .catalogue .item:nth-of-type(16), .catalogue .item:nth-of-type(20), .catalogue .item:nth-of-type(24) {
            border-right-color: transparent;
        }

        .catalogue .item:last-child {
            border-right-color: transparent;
        }

        .catalogue .item > a {
            margin-bottom: 15px;
            display: block;
            color: #0d5290;
            font-size: 16px;
        }

        .catalogue .item .item-img {
            position: relative;
        }

            .catalogue .item .item-img a {
                position: relative;
                display: inline-block;
            }

                .catalogue .item .item-img a::after {
                    position: absolute;
                    content: "";
                    background: url(../images/shadow-main-news.png) no-repeat;
                    background-size: 100% 100%;
                    bottom: -10px;
                    height: 10px;
                    width: 95%;
                    left: 0;
                }

            .catalogue .item .item-img img {
                max-width: 100%;
            }
        /*.catalogue .item .item-img::after{
    position:absolute;
    content:"";
    background:url(../images/shadow-main-news.png) no-repeat;
    background-size:100% 100%;
    bottom:-10px;
    height:10px;
    width:95%;
    left:0;
}*/
        .catalogue .item .btn {
            float: left;
            width: 100%;
            padding: 0;
            margin-top: 17px;
        }

            .catalogue .item .btn .btn-read {
                width: 94px;
                float: left;
                line-height: 30px;
                border: 1px solid #0058bb;
                margin-right: 5px;
                -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
                filter: grayscale(100%);
            }

                .catalogue .item .btn .btn-read:hover, .catalogue .item .btn .btn-down:hover {
                    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
                    filter: grayscale(0%);
                }

                .catalogue .item .btn .btn-read a {
                    display: block;
                    color: #0d5290;
                    font-family: 'SegoeUI-Bold';
                    background: url(../images/s.png) no-repeat 15px center;
                    padding-left: 10px;
                }

            .catalogue .item .btn .btn-down {
                width: 94px;
                float: left;
                line-height: 30px;
                border: 1px solid #0058bb;
                -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
                filter: grayscale(100%);
            }

                .catalogue .item .btn .btn-down a {
                    display: block;
                    color: #0d5290;
                    font-family: 'SegoeUI-Bold';
                    background: url(../images/d.png) no-repeat 15px center;
                    padding-left: 10px;
                }

/** page quan hệ cổ đông **/
.support-news .item .items-tit span {
    color: #0076b9;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 5px;
}

    .support-news .item .items-tit span::after {
        position: absolute;
        content: "";
        background: #0076b9;
        height: 1px;
        width: 25px;
        bottom: 0;
        left: 0;
    }

.support-news .item .items-tit a h3 {
    font-size: 20px;
    color: #202020;
    font-weight: bold;
    margin: 15px 0;
    display: block;
    line-height: 22px;
}

.main-support-content span.date-time {
    margin-top: 35px;
    font-size: 14px;
    color: #525252;
    display: block;
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 5px;
}

    .main-support-content span.date-time::after {
        position: absolute;
        content: "";
        background: #525252;
        height: 1px;
        width: 25px;
        bottom: 0;
        left: 0;
    }

.main-support-content > h2 {
    color: #0d5290;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}

.main-support-content > img {
    display: block;
    margin: 0 auto;
    border: 1px solid #0058bb;
}

.dieule .pdf {
    float: right;
    margin-bottom: 15px;
    background: url(../images/pdf.png) no-repeat left center;
    padding-left: 25px;
}

.dieule table {
    border: 1px solid #d7d7d7;
}

    .dieule table td, .dieule table tr {
        border-top: 0 !important;
    }

    .dieule table td {
        border-left: 1px solid #d7d7d7;
    }

        .dieule table td:last-child {
            border-right: 0;
            font-weight: bold;
        }

        .dieule table td:first-child {
            position: relative;
            padding-left: 30px;
            vertical-align: middle;
        }

            .dieule table td:first-child::before {
                position: absolute;
                content: "";
                background: #0d5290;
                width: 5px;
                height: 5px;
                left: 15px;
                top: 0;
                bottom: 0;
                margin: auto;
            }

        .dieule table td a {
            color: #0d5290;
        }

    .dieule table tr:nth-child(2n+1) {
        background: #f2f2f2;
    }

    .dieule table tr:nth-child(2n+2) {
        background: #fff;
    }

.til p {
    color: #0d5290;
    font-size: 16px;
    text-transform: uppercase;
}

.til span {
    color: #e33226;
    font-size: 32px;
    text-transform: uppercase;
    font-family: 'SegoeUI-Bold';
}

.catalogue .pager {
    margin-top: 25px;
}

/** tai ve **/
.down-bg {
    padding-top: 40px;
    background: url(../images/taive-1.png) no-repeat right top;
    background-size: 100%;
    position: relative;
}

    .down-bg::before {
        position: absolute;
        content: "";
        background: url(../images/taive.png) no-repeat;
        width: calc(100% - 900px);
        background-size: 100%;
        height: 376px;
        left: 0;
        top: 40px;
    }

    .down-bg .price-list {
        float: right;
    }

        .down-bg .price-list .items > h2 {
            margin-bottom: 20px;
        }
/** page pic-video **/
.pic-year.nav-tabs {
    border-bottom: 0;
}

.pic-year {
    width: 90%;
    margin: auto;
    position: relative;
}

    .pic-year.owl-carousel .owl-stage-outer {
        padding-bottom: 10px;
    }

    .pic-year::after {
        position: absolute;
        content: "";
        background: #ccc;
        height: 1px;
        width: 50%;
        right: -46px;
        top: calc(50% - 9px);
        z-index: -1;
    }

    .pic-year::before {
        position: absolute;
        content: "";
        background: #ccc;
        height: 1px;
        width: 50%;
        left: -40px;
        top: calc(50% - 9px);
        z-index: -1;
    }

    .pic-year .owl-nav {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .pic-year .owl-item .li {
        background: #fff;
        line-height: 39px;
        border: 1px solid #ccc;
        /*border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;*/
        display: block;
        text-align: center;
        position: relative;
    }

        .pic-year .owl-item .li::after {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #e33226;
            bottom: -7px;
            opacity: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

        .pic-year .owl-item .li a {
            color: #484848;
            font-size: 15px;
            font-weight: bold;
            display: block;
            position: relative;
        }

    .pic-year .owl-item:first-child .li {
        /*border-left:1px solid #ccc;*/
    }

    .pic-year .owl-prev {
        position: absolute;
        top: 0;
        left: -5%;
        font-size: 0;
    }

        .pic-year .owl-prev::before {
            position: absolute;
            content: "\f104";
            font-family: 'FontAwesome';
            font-size: 15px;
            color: #ccc;
            font-weight: bold;
            top: 30%;
        }

    .pic-year .owl-next {
        position: absolute;
        top: 0;
        right: -5%;
        font-size: 0;
    }

        .pic-year .owl-next::before {
            position: absolute;
            content: "\f105";
            font-family: 'FontAwesome';
            font-size: 15px;
            color: #ccc;
            font-weight: bold;
            top: 30%;
        }

        .pic-year .owl-prev:hover::before, .pic-year .owl-next:hover::before {
            color: #333;
        }

    .pic-year .owl-item .li.active {
        background: #e33226;
        border-color: #e33226;
    }

        .pic-year .owl-item .li.active a, .pic-year .owl-item .li:hover a {
            color: #fff;
        }

    .pic-year .owl-item .li:hover {
        background: #e33226;
        border-color: #e33226;
    }

        .pic-year .owl-item .li:hover::after {
            opacity: 1;
        }

    .pic-year .owl-item .li.active::after {
        opacity: 1;
    }
/* content tabs pic */
.pic-content {
    border-bottom: 1px dotted #ccc;
}

    .pic-content h2 {
        padding-left: 15px;
        color: #484848;
        font-size: 24px;
        text-transform: uppercase;
    }

    .pic-content .item {
        position: relative;
        margin-bottom: 25px;
        vertical-align: top;
    }

        .pic-content .item a > img {
            max-width: 100%;
        }

        .pic-content .item .ha-tit {
            position: absolute;
            bottom: 0;
            width: 100%;
            background: rgba(0,0,0,0.5);
            padding: 15px;
        }

            .pic-content .item .ha-tit a {
                font-size: 15px;
                color: #fefefe;
            }

.video-content h2 {
    padding-left: 15px;
    color: #484848;
    font-size: 25px;
    text-transform: uppercase;
}

.video-content .item {
    margin-bottom: 25px;
}

    .video-content .item .ha-img img {
        border-radius: 10px;
        max-width: 100%;
    }

    .video-content .item .ha-img {
        position: relative;
    }

        .video-content .item .ha-img::before {
            position: absolute;
            content: "";
            background: rgba(0,0,0,0.5);
            width: 100%;
            height: 100%;
            border-radius: 10px;
        }

        .video-content .item .ha-img::after {
            position: absolute;
            content: "";
            background: url(../images/play.png) no-repeat;
            width: 43px;
            height: 43px;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }

    .video-content .item .ha-tit a {
        color: #484848;
        font-size: 16px;
        line-height: 17px;
        display: block;
        margin-top: 5px;
    }

.pic-detail {
    padding-bottom: 30px;
    border-bottom: 1px dotted #c9c9c9;
}

    .pic-detail h2 {
        font-size: 24px;
        color: #0d5290;
        font-weight: bold;
        text-align: center;
        text-transform: inherit;
        margin-bottom: 20px;
    }

.pic-detail-carousel {
    width: 800px;
    margin: auto;
}

.pic-main {
    width: 667px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 405px;
}

    .pic-main .slick-slide .main-pic {
        position: relative;
        height: 420px;
    }

        .pic-main .slick-slide .main-pic img {
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
            left: 50%;
        }

        .pic-main .slick-slide .main-pic p {
            position: absolute;
            width: 100%;
            background: rgba(0,0,0,0.5);
            padding: 10px 25px;
            bottom: 0;
            left: 0;
            color: #fefefe;
            font-style: italic;
            line-height: 15px;
        }

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

.pic-thumb {
    width: 110px;
    display: inline-block;
    vertical-align: top;
    margin-top: 35px;
    margin-left: 15px;
}

.project-caption h1 {
    font-size: 24px;
    color: #484848;
    font-weight: bold;
    text-transform: inherit;
    margin-bottom: 20px;
    text-align: center;
}

.project-caption p, .project-content {
    font-size: 15px;
    color: #484848;
    padding-left: 15px;
}

.pic-thumb .slick-slide {
    position: relative;
    height: 74px;
    overflow: hidden;
}

    .pic-thumb .slick-slide img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .pic-thumb .slick-slide::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        left: 0;
        top: 0;
        opacity: 1;
    }

    .pic-thumb .slick-slide.slick-current::after {
        opacity: 0;
    }

.pic-thumb .slick-next {
    background: url(../images/arr.png) no-repeat;
    width: 18px;
    height: 18px;
    top: -25px;
    right: 0;
    left: 0;
    margin: auto;
    bottom: auto;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

.pic-thumb .slick-prev {
    background: url(../images/arr.png) no-repeat;
    width: 18px;
    height: 18px;
    bottom: -25px;
    top: auto;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

    .pic-thumb .slick-prev:hover, .pic-thumb .slick-next:hover {
        -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
        filter: grayscale(0%);
    }

.more-pic h2 {
    font-size: 24px;
    color: #484848;
    font-weight: bold;
    text-transform: inherit;
    margin-bottom: 20px;
}

.tab-pane .price-list {
    padding-top: 35px;
}

    .tab-pane .price-list h1 {
        font-weight: bold;
        font-size: 24px;
        color: #0d5290;
        font-family: 'SegoeUI';
    }

    .tab-pane .price-list .items h2 {
        margin-bottom: 15px;
    }

    .tab-pane .price-list .items ul li:nth-child(2n+1), .tab-pane .price-list .items ul li:nth-child(2n) {
        background: #eaeaea;
    }

    .tab-pane .price-list .items ul .price-content a {
        color: #484848;
    }

        .tab-pane .price-list .items ul .price-content a:hover {
            color: #df0e00;
        }

/** page Thành Tích **/
.achievement > h1 {
    font-size: 40px;
    color: #004696;
    text-transform: uppercase;
    font-family: 'SegoeUI-Bold';
    text-align: center;
    margin-top: 40px;
}

.achievement > p {
    color: #282828;
    font-size: 15px;
    width: 750px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    margin-bottom: 25px;
}

.head-achievement {
    padding-bottom: 35px;
    border-bottom: 1px dotted #989898;
}

    .head-achievement .item {
        display: inline-block;
        width: calc(33.33333% - 4px);
        padding: 0 18px;
    }

        .head-achievement .item .it-img {
            position: relative;
            width: 100%;
        }

            .head-achievement .item .it-img img {
                max-width: 100%;
            }

            .head-achievement .item .it-img::after {
                position: absolute;
                content: "";
                background: url(../images/contact-shadow.png) no-repeat;
                width: 100%;
                height: 10px;
                bottom: -10px;
                left: 0;
                background-size: 100%;
            }

        .head-achievement .item > p {
            font-size: 17px;
            color: #3a3a3a;
            font-weight: bold;
            width: 210px;
            margin: 0 auto;
            max-width: 100%;
            text-align: center;
            line-height: 17px;
            margin-top: 15px;
        }

.stickytooltip {
    width: 300px !important;
    border-width: 2px;
    border-color: #2E3841 !important;
    box-shadow: none !important;
}

    .stickytooltip .head-tip h2 {
        font-size: 15px;
        font-family: 'SegoeUI-Bold';
        text-transform: uppercase;
        color: #fff;
        background: #2E3841;
        padding: 7px 15px;
        line-height: 17px;
        margin: 0;
    }

    .stickytooltip .content-tip {
        padding: 10px;
    }

        .stickytooltip .content-tip span {
            font-size: 14px;
            color: #000;
        }

.bot-achievement {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .bot-achievement .item {
        width: calc(25% - 4px);
        display: inline-block;
        vertical-align: top;
        margin-bottom: 35px;
    }

        .bot-achievement .item .it-img {
            width: 238px;
            height: 238px;
            margin: 0 auto;
            border: 1px solid #d6d6d6;
            border-radius: 50%;
            position: relative;
            overflow: hidden;
        }

            .bot-achievement .item .it-img a {
                display: block;
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

            .bot-achievement .item .it-img img {
                position: absolute;
                max-width: 90%;
                max-height: 90%;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }

        .bot-achievement .item > p {
            color: #282828;
            font-size: 15px;
            width: 205px;
            margin: 0 auto;
            max-width: 100%;
            text-align: center;
            line-height: 20px;
            font-weight: bold;
            margin-top: 20px;
        }


.partner-bg {
    background: #fff;
}

/*** page so do to chuc ***/
#main-content .container {
    position: relative;
}

.aside-support-absolute {
    width: 216px;
    display: inline-block;
    position: absolute;
    padding: 25px 0 35px;
    margin-top: 20px;
    top: 0;
    left: 0;
    z-index: 99;
}

    .aside-support-absolute::before {
        position: absolute;
        content: "";
        background: url(../images/shadow.png) repeat-y;
        width: 20px;
        height: 100%;
        left: 0;
        top: 0;
        background-size: auto 100%;
    }

    .aside-support-absolute ul li {
        background: url(../images/support-cate.png) no-repeat;
        background-size: 100% 100%;
        margin-bottom: 8px;
        position: relative;
    }

        .aside-support-absolute ul li::after {
            position: absolute;
            content: "";
            background: url(../images/shadow-sp.png) no-repeat;
            height: 11px;
            width: 100%;
            left: 0;
            bottom: -11px;
        }

        .aside-support-absolute ul li:hover {
            background: url(../images/support-cate-hover.png) no-repeat;
            background-size: 100% 100%;
        }

        .aside-support-absolute ul li a {
            padding: 8px 15px 11px 15px;
            display: block;
            font-size: 15px;
            color: #fff;
            text-transform: uppercase;
            font-family: 'SegoeUI-Bold';
            line-height: 17px;
        }

.main-support-full {
    position: relative;
    width: 100%;
}

    .main-support-full > h1 {
        position: absolute;
        right: 0;
        top: 45px;
        font-size: 40px;
        color: #004696;
        text-transform: uppercase;
        font-family: 'SegoeUI-Bold';
    }

        .main-support-full > h1 span {
            display: block;
            font-size: 24px;
            font-family: 'SegoeUI';
            margin-left: 75px;
        }

.img-full {
    max-width: 100%;
}

/***** page lịch sử hình thành và phát triển *****/
.timeline {
    position: relative;
    width: 100%;
    padding-bottom: 50px;
    float: left;
}

    .timeline > h1 {
        position: absolute;
        left: 0;
        top: 100px;
        font-size: 27px;
        color: #004696;
        text-transform: uppercase;
        font-family: 'SegoeUI';
    }

        .timeline > h1 span {
            display: block;
            font-size: 40px;
            margin-left: 75px;
            font-family: 'SegoeUI-Bold';
        }

.head-timeline {
    float: left;
    width: 100%;
}
    /* direction */
    .head-timeline .timeline-ul li:nth-of-type(2n+1) .direction {
        float: right;
    }

    .head-timeline .timeline-ul li:nth-of-type(2n+2) .direction {
        float: left;
    }

.center-timeline .timeline-ul li:nth-of-type(2n+1) .direction {
    float: left;
}

.center-timeline .timeline-ul li:nth-of-type(2n+2) .direction {
    float: right;
}

.bot-timeline .timeline-ul li:nth-of-type(2n+1) .direction {
    float: right;
}

.bot-timeline .timeline-ul li:nth-of-type(2n+2) .direction {
    float: left;
}

.last-timeline .timeline-ul li:nth-of-type(2n+1) .direction {
    float: right;
}

.last-timeline .timeline-ul li:nth-of-type(2n+2) .direction {
    float: left;
}
/* end direction */
.head-timeline .timeline-ul {
    position: relative;
    width: 100%;
    margin: 0 auto;
    float: left;
    list-style-type: none;
}
    /* ống */
    .head-timeline .timeline-ul:before {
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        display: block;
        width: 56px;
        height: 100%;
        margin-left: -3px;
        background: url(../images/bot-tl.png) no-repeat;
        z-index: 5;
        right: 0;
        margin: auto;
    }

.head-timeline:after {
    position: absolute;
    left: 0;
    top: 200px;
    content: '';
    display: block;
    width: 56px;
    height: 1000000%;
    margin-left: -3px;
    background: url(../images/timeline.png) repeat;
    z-index: -1;
    right: 0;
    margin: auto;
}

.head-timeline .timeline-ul::after {
    position: absolute;
    content: "";
    background: url(../images/head-tl.png) no-repeat;
    width: 56px;
    height: 74px;
    left: 0;
    right: 0;
    top: -74px;
    margin: auto;
    bottom: auto;
    z-index: 4;
}
/* end ống */
.timeline-ul li {
    width: 100%;
    float: left;
}

    .timeline-ul li .direction {
        width: 405px;
        position: relative;
    }

    .timeline-ul li .direction {
        width: 405px;
        position: relative;
        float: left;
    }

.head-timeline {
    position: relative;
    padding-top: 100px;
}

    .head-timeline > p {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 0;
        font-size: 20px;
        color: #0d5290;
        font-family: 'RobotoCondensed-Regular';
        text-transform: uppercase;
    }
    /* năm */
    .head-timeline .timeline-ul li:nth-of-type(2n+1) .direction .time-wrapper {
        position: absolute;
        left: -73px;
        z-index: 99;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .head-timeline .timeline-ul li:nth-of-type(2n+2) .direction .time-wrapper {
        position: absolute;
        right: -76px;
        z-index: 99;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.center-timeline .timeline-ul li:nth-of-type(2n+1) .direction .time-wrapper {
    position: absolute;
    right: -76px;
    z-index: 99;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.center-timeline .timeline-ul li:nth-of-type(2n+2) .direction .time-wrapper {
    position: absolute;
    left: -73px;
    z-index: 99;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bot-timeline .timeline-ul li:nth-of-type(2n+1) .direction .time-wrapper {
    position: absolute;
    left: -73px;
    z-index: 99;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bot-timeline .timeline-ul li:nth-of-type(2n+2) .direction .time-wrapper {
    position: absolute;
    right: -76px;
    z-index: 99;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.last-timeline .timeline-ul li:nth-of-type(2n+1) .direction .time-wrapper {
    position: absolute;
    left: -73px;
    z-index: 99;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.last-timeline .timeline-ul li:nth-of-type(2n+2) .direction .time-wrapper {
    position: absolute;
    right: -76px;
    z-index: 99;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* end năm */

/* gạch nối hình tròn */
.head-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img::before {
    position: absolute;
    content: "";
    background: #cfdce9;
    height: 3px;
    left: -35px;
    width: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}

.head-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img::before {
    position: absolute;
    content: "";
    background: #cfdce9;
    height: 3px;
    right: -35px;
    width: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}

.center-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img::before {
    position: absolute;
    content: "";
    background: #cfdce9;
    height: 3px;
    right: -35px;
    width: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}

.center-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img::before {
    position: absolute;
    content: "";
    background: #cfdce9;
    height: 3px;
    left: -35px;
    width: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}

.bot-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img::before {
    position: absolute;
    content: "";
    background: #cfdce9;
    height: 3px;
    left: -35px;
    width: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}

.bot-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img::before {
    position: absolute;
    content: "";
    background: #cfdce9;
    height: 3px;
    right: -35px;
    width: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}

.last-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img::before {
    position: absolute;
    content: "";
    background: #cfdce9;
    height: 3px;
    left: -35px;
    width: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}

.last-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img::before {
    position: absolute;
    content: "";
    background: #cfdce9;
    height: 3px;
    right: -35px;
    width: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}
/* end gạch nối hình tròn */
.direction .time-wrapper .time {
    color: #feffff;
    font-size: 20px;
    font-family: 'RobotoCondensed-Regular';
}

.direction .desc .desc-img {
    width: 141px;
    height: 141px;
    border-radius: 50%;
    border: 3px solid #cfdce9;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .direction .desc .desc-img img {
        width: 135px;
        height: 135px;
        border-radius: 50%;
        border: 5px solid #fff;
    }

li.outer-li {
    margin: 15px 0;
}

    li.outer-li .direction {
        margin-left: -215px;
        width: 620px;
    }

.direction .desc {
    position: relative;
    float: left;
    width: 100%;
}

    .direction .desc .desc-tit {
        text-align: justify;
        width: calc(100% - 170px);
        display: inline-block;
        margin-left: 15px;
        font-size: 14px;
        line-height: 22px;
        word-spacing: 1px;
        color: #484848;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.head-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img {
    float: left;
}

.head-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-tit {
    float: right;
    text-align: justify;
}

.head-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img {
    float: right;
}

.head-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-tit {
    float: left;
    text-align: justify;
}

.center-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-img {
    float: right;
}

.center-timeline .timeline-ul li:nth-of-type(2n+1) .direction .desc .desc-tit {
    float: right;
    text-align: justify;
}

.center-timeline .timeline-ul li:first-child,
.bot-timeline .timeline-ul li:first-child,
.last-timeline .timeline-ul li:first-child {
    margin-top: 0;
}

.center-timeline .timeline-ul li, .bot-timeline .timeline-ul li, .last-timeline .timeline-ul li {
}

    .bot-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img {
        float: right;
    }

    .bot-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-tit {
        float: right;
        text-align: justify;
    }

    .last-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-img {
        float: right;
    }

    .last-timeline .timeline-ul li:nth-of-type(2n+2) .direction .desc .desc-tit {
        float: right;
        text-align: justify;
    }

/** out timeline **/
/* vi tri out timeline */
.center-timeline .out-timeline li .direction {
    float: right;
}

.bot-timeline .out-timeline li .direction {
    float: right;
    width: 390px;
}

.last-timeline .out-timeline li .direction {
    float: left;
}

/* vi tri duong gach */
.center-timeline .out-timeline .desc-img::before {
    position: absolute;
    content: "";
    background: #cfdce9;
    height: 3px;
    left: -110px;
    width: 110px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}

.bot-timeline .out-timeline .desc-img::before {
    position: absolute;
    content: "";
    background: #cfdce9;
    height: 3px;
    left: -50px;
    width: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}

.last-timeline .out-timeline .desc-img::before {
    position: absolute;
    content: "";
    background: #cfdce9;
    height: 3px;
    right: -110px;
    width: 110px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -2;
}
/***/
.bot-timeline .out-timeline li .direction .desc .desc-img {
    float: left;
}

.bot-timeline .out-timeline li .direction {
    position: relative;
}

    .bot-timeline .out-timeline li .direction .time-wrapper {
        position: absolute;
        left: -90px;
        z-index: 99;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .bot-timeline .out-timeline li .direction .desc .desc-tit {
        float: right;
        text-align: left;
    }

.last-timeline .out-timeline li .direction .desc .desc-img {
    float: right;
}

.last-timeline .out-timeline li .direction .desc .desc-tit {
    float: right;
    text-align: right;
}
/* ====== */
.out-timeline {
    float: left;
    width: 100%;
}

    .out-timeline li {
        float: left;
        width: 100%;
        padding: 1em 0;
    }

        .out-timeline li .direction {
            float: left;
            width: 325px;
        }

    .out-timeline .desc-img {
        position: relative;
    }
/** page quan ly moi truong **/
.wrapper-envi {
    background: url(../images/qlmt.png) no-repeat;
    background-size: 100%;
}

.head-envi {
    margin-bottom: 45px;
}

.envi-id h1 {
    font-size: 30px;
    color: #004696;
    text-transform: uppercase;
    margin-top: 50px;
}

    .envi-id h1 span {
        font-size: 40px;
        color: #004696;
        text-transform: uppercase;
        font-family: 'SegoeUI-Bold';
        margin-left: 40px;
        display: block;
    }

.envi-cate {
    margin-top: 45px;
}

    .envi-cate .item {
        width: calc(16.66667% - 4px);
        display: inline-block;
        vertical-align: top;
    }

        .envi-cate .item .item-bor {
            width: 179px;
            height: 179px;
            border-radius: 50%;
            position: relative;
        }

            .envi-cate .item .item-bor::after {
                position: absolute;
                content: "";
                background: url(../images/shadow-cate.png) no-repeat;
                width: 146px;
                height: 30px;
                left: 0;
                right: 0;
                margin: auto;
                bottom: -40px;
            }

        .envi-cate .item:nth-of-type(1) .item-bor {
            background: #00397a;
        }

        .envi-cate .item:nth-of-type(2) .item-bor {
            background: #004696;
        }

        .envi-cate .item:nth-of-type(3) .item-bor {
            background: #0156b8;
        }

        .envi-cate .item:nth-of-type(4) .item-bor {
            background: #0065da;
        }

        .envi-cate .item:nth-of-type(5) .item-bor {
            background: #0076ff;
        }

        .envi-cate .item:nth-of-type(6) .item-bor {
            background: #4fa0ff;
        }

        .envi-cate .item .item-bor .item-content {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            text-align: center;
            width: 100%;
        }

            .envi-cate .item .item-bor .item-content p {
                color: #fff;
                font-size: 22px;
                font-family: 'SegoeUI-Bold';
                text-transform: uppercase;
                margin-bottom: 7px;
            }

            .envi-cate .item .item-bor .item-content span {
                color: #fff;
                font-size: 17px;
                line-height: 17px;
                display: block;
            }

.bot-envi {
    padding-top: 50px;
}

.bot-envi-left {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}

    .bot-envi-left img {
        width: 100%;
    }

.bot-envi-right {
    width: calc(50% - 4px);
    display: inline-block;
    border-left: 2px solid #dcdcdc;
    padding-bottom: 20px;
}

    .bot-envi-right > h2 {
        font-size: 30px;
        color: #339618;
        text-transform: uppercase;
        margin: 0;
        position: relative;
        top: -40px;
        left: -30px;
    }

        .bot-envi-right > h2 span {
            font-size: 40px;
            color: #339618;
            font-family: 'SegoeUI-Bold';
            display: block;
            margin-left: 50px;
        }

    .bot-envi-right > p {
        padding-left: 20px;
        color: #404040;
        font-size: 15px;
        margin-top: -30px;
        margin-bottom: 40px;
    }

    .bot-envi-right .envi-ul {
        margin-bottom: 30px;
    }

        .bot-envi-right .envi-ul > p {
            font-size: 18px;
            color: #fff;
            font-weight: bold;
            padding: 10px 20px;
            display: inline-block;
            position: relative;
            background: #339618;
            text-transform: uppercase;
        }

            .bot-envi-right .envi-ul > p::after {
                position: absolute;
                content: "";
                width: 0;
                height: 0;
                border-left: 0px solid transparent;
                border-right: 20px solid transparent;
                border-top: 42px solid #339618;
                top: 0;
                right: -20px;
            }

        .bot-envi-right .envi-ul ul {
            margin-top: 20px;
        }

            .bot-envi-right .envi-ul ul > li {
                background: url(../images/li-bg.png) no-repeat 20px center;
                padding-left: 40px;
                line-height: 20px;
                margin: 15px 0;
                font-size: 15px;
                color: #404040;
            }

/* pop-up default */
/** popup **/
.popup-df .main-popup {
    padding: 15px;
}

#overlay-screen-active-df {
    position: fixed;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
}

.popup-df .popup-content {
    width: 480px;
    height: 480px;
    background: #fff;
    border-radius: 10px;
    position: fixed;
    top: -350%;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 9999;
    box-shadow: 0px 0px 15px 0px #333;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .popup-df .popup-content .popup-btn-close {
        position: absolute;
        top: -15px;
        right: -15px;
        cursor: pointer;
    }
/** end popup **/

@media screen and (max-width:640px) {
    .popup-df {
        display: none !important;
    }

    #overlay-screen-active-df {
        display: none !important;
    }
}

/* them */
.kdcl-item .item {
    width: calc(25% - 4px);
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    text-align: center;
}

    .kdcl-item .item a {
        display: block;
        color: #333;
        transition: all 0.5s ease;
    }

        .kdcl-item .item a:hover {
            color: #e33226;
        }

    .kdcl-item .item img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

.tab-content > .tab-pane {
    display: block !important;
    height: 0 !important;
    overflow: hidden !important;
}

.tab-content > .active {
    height: auto !important;
}

.back-btn {
    position: absolute;
    top: 140px;
    left: 0;
    z-index: 10;
}


/* height tab bootstrap */
.tab-content > .tab-pane {
    display: block !important;
    height: 0 !important;
    overflow: hidden !important;
}

.tab-content > .active {
    height: auto !important;
}

/** treeview **/
.treeview {
    width: 390px;
    max-width: 100%;
    margin: 20px auto;
}

    .treeview ul {
        margin-left: 25px;
    }

    .treeview > ul > li > ul {
        display: block;
    }

    .treeview ul ul {
        display: block;
    }

    .treeview > ul > li > a {
        color: #c60d0d;
        font-weight: bold;
    }

    .treeview > ul > li > ul > li > a {
        font-weight: bold;
    }

    .treeview li {
        list-style: none;
    }

        .treeview li a {
            /*text-transform: uppercase;*/
            color: #000;
        }

    .treeview .parentLi {
        position: relative;
    }

        .treeview .parentLi i {
            position: absolute;
            top: 6px;
            left: -20px;
            font-size: 8px;
            color: #fff;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #000;
            text-align: center;
            line-height: 10px;
            cursor: pointer;
        }

            .treeview .parentLi i:hover {
                background: red;
            }

.fa-plus:before {
    content: "\f067";
}

.header-scroll {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index:99999;
}

.header-sub-bot.header-scroll::after {
    display: none;
}

#menuMobiles .menuA2 {
    display: none !important;
}

#menuMobiles li {
    position: relative;
}

#menuMobiles > li > ul {
    display: none;
}

.menuHotro {
    display: none !important;
}

#menuMobiles .menuHotro {
    display: block !important;
}

form.gsc-search-box {
    border: none;
    padding-top: 5px;
    display: block !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
    position: relative;
    min-height: 100%;
    padding: 0 !important;
    height: auto;
    width: 100%;
}

.gsc-search-box .gsst_b a, .gsc-results-close-btn {
    display: none !important;
}

.gsc-control-cse .gsc-input-box {
    height: auto;
    overflow: hidden !important;
}

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

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 5px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    display: block;
    height: 30px !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    background-color: #0058BB !important;
    border: none !important;
    display: block;
    padding: 5px !important;
    margin: 0 !important;
    height: 30px !important;
    width: 33px !important;
}

#colContent .gsc-results-wrapper-overlay {
    border: none !important;
    position: relative !important;
    left: 0;
    top: 0;
    margin-top: 15px;
    padding: 0 !important;
    height: auto !important;
    overflow: visible !important;
    box-shadow: none !important; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    -moz-box-shadow: none !important; /* Firefox */
    -webkit-box-shadow: none !important; /* Safari and Chrome */
    width: 100%;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    box-shadow: none !important; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    -moz-box-shadow: none !important; /* Firefox */
    -webkit-box-shadow: none !important; /* Safari and Chrome */
}

.gsc-modal-background-image-visible {
    display: none !important;
}

.gsc-overflow-hidden {
    overflow: auto !important;
}

#colContent .gsc-selected-option-container {
    width: 90px !important;
}

.gsc-control-cse .gsc-option-menu {
    top: 100% !important;
}

table.gsc-branding, table.gcsc-branding {
    /*display: none !important;*/
}

.gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open {
    /*padding-left: 200px !important;*/
}

#wraper-page .gs-web-image-box-portrait img.gs-image, #wraper-page .gs-web-image-box-landscape img.gs-image {
    width: 200px !important;
    max-height: none !important;
}

.gsc-results .gsc-cursor-box {
    text-align: center !important;
    word-spacing: 20px;
}

    .gsc-results .gsc-cursor-box .gsc-cursor-page {
        font-size: 18px !important;
        padding-right: 15px;
    }

#gsc-i-id1 {
    background: none !important;
}

.gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
    margin-right: 90px !important;
}

.gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
    width: 150px !important;
    height: 150px !important;
    overflow: hidden;
    margin-right: 10px !important;
}

.gs-web-image-box-portrait img.gs-image, .gs-web-image-box-landscape img.gs-image {
    max-width: 150px !important;
    max-height: 150px !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border: 1px solid #4D8AD0 !important;
    background-color: #FFFFFF !important;
    padding: 4px 9px !important;
    color: #0000CC !important;
    text-decoration: none;
}

    .gsc-results .gsc-cursor-box .gsc-cursor-page:hover, .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
        font-weight: bold !important;
        color: #fff !important;
        background-color: #df0e00 !important;
        border: 1px solid #df0e00 !important;
        text-decoration: none;
    }

.gs-result .gs-title, .gs-result .gs-title * {
    text-decoration: none !important;
}

.gsc-input-box {
    height: 30px !important;
}