/*font*/
@font-face {
    font-family: UTMColossalis;
    src: url(/Styles/fonts/UTMColossalis.ttf);
}

@font-face {
    font-family: 'utmNewtra';
    src: url('/Styles/fonts/UTM Neutra.ttf');
}


canvas {
    cursor: pointer;
    display: block;
    position: relative;
}

#body_web {
    /* position: absolute; */
    /* top: 0px; */
    /* left: 0px; */
    /* width: 100%; */
}

* {
    margin: 0;
    padding: 0;
}
a{
    text-decoration:none !important;
}
.clear {
    clear: both;
}

body {
    font-family: arial;
    font-size: 13px;
    background: #fff;
    width: 100%;
    overflow-x: hidden;
}
/*img*/
img {
    max-width: 100%;
    height: auto;
}
/* a*/
a, a:visited {
}

    a:hover {
    }
/*header*/
header {
    /* background: url(/images/bg-header.jpg) repeat-x 50% 100%; */
    min-height: 106px;
    position: relative;
    z-index: 22;
}
/*footer*/
footer {
    margin-top: 20px;
}
/*body*/
#body {
}
/*div_top*/
.divtop {
    text-align: right;
    background: #383838;
    height: 49px;
    padding-top: 10px;
    position: relative;
}

    .divtop input[type=text] {
        display: inline;
        border: 1px solid #99a0a0;
        border-radius: 15px;
        height: 30px;
        line-height: 20px;
        padding-left: 36px;
        width: 180px;
        color: #999;
        background: url(/images/iconsearch.png) no-repeat 16px 7px;
        float: right;
        margin-right: 15px;
    }

        .divtop input[type=text]:focus {
            outline: none;
            box-shadow: 0 0 5px #eb891c;
        }

    .divtop ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline;
        width: auto;
        float: right;
    }

        .divtop ul li {
            float: left;
            line-height: 30px;
        }

            .divtop ul li.sepa {
                display: inline-block;
                padding: 0 10px 0 9px;
                height: 30px;
                background: url(/images/bg-li-divtop.png) no-repeat 50% 7px;
            }

            .divtop ul li.lihotline {
                background: url(/images/iconhotline.png) no-repeat 0 4px;
                padding-left: 25px;
            }

            .divtop ul li a {
                color: #a3a0a0;
                font-weight: bold;
                /* text-transform: uppercase; */
            }

                .divtop ul li a:hover {
                    color: rgb(235, 137, 28);
                    text-decoration: none;
                }

            .divtop ul li ul {
                display: none;
                position: absolute;
                top: 29px;
                width: 200px;
                background: #fefefe;
                z-index: 2222;
                padding: 10px;
                box-shadow: 0 0 3px #ccc;
            }

            .divtop ul li.drdown {
                position: relative;
            }

                .divtop ul li.drdown:hover ul {
                    display: block;
                }

            .divtop ul li ul li {
                display: block;
                width: 100%;
                border-bottom: 1px solid #fafafa;
                text-align: left;
            }

                .divtop ul li ul li a {
                    text-transform: none;
                    font-weight: normal;
                }

            .divtop ul li.lang {
            }

                .divtop ul li.lang img {
                    box-shadow: 0 0 3px #ccc;
                }

                .divtop ul li.lang a.current_lang img {
                    box-shadow: 0 0 3px #eb891b;
                }
@media only screen and (max-width: 375px) {
.divtop ul li.phone{
    display:none;
}
}

.truycap {
    padding-left: 190px;
    color: #999;
    padding-top: 2px;
}

.tuvan_lapdat {
    /* margin-top: 11px; */
}

.hidden {
    display: none;
}

.responsive2 .slick-next {
    width: 33px;
    height: 56px;
    position: absolute;
    top: 100px;
    right: -44px;
    background: url(/images/right_btn.png) no-repeat center;
    /* border: 1px solid rgba(132, 128, 128, 0.49); */
    /* border-left: none; */
    transform: inherit;
    /* border-top-right-radius: 2px; */
    /* border-bottom-right-radius: 2px; */
    z-index: 50;
    transition: 0.3s;
    font-size: 0px;
    border: none;
}

    .responsive2 .slick-next:hover {
        background: url(/images/right_btn_1.png) no-repeat center;
        transition: 0.3s;
        border: none;
    }

.responsive2 .slick-prev {
    width: 33px;
    height: 56px;
    position: absolute;
    top: 100px;
    background: url(/images/left_btn.png) no-repeat center;
    left: -44px;
    /* border: 1px solid rgba(132, 128, 128, 0.49); */
    /* border-radius: 24px; */
    transform: inherit;
    /* background-size: 10px; */
    /* border-top-left-radius: 2px; */
    /* border-bottom-left-radius: 2px; */
    z-index: 50;
    transition: 0.3s;
    font-size: 0px;
    border: none;
}

    .responsive2 .slick-prev:hover {
        background: url(/images/left_btn_1.png) no-repeat center;
        transition: 0.3s;
    }

.responsive2 a:hover {
    /* border: none !important; */
    text-decoration: none !important;
}

.responsive2 .slick-next {
    right: 0px;
    top: 127px;
}

.responsive2 .slick-prev {
    left: 0px;
    top: 127px;
}

    .responsive2 .slick-next:active, .responsive2 .slick-prev:active, .responsive2 .slick-next:focus, .responsive2 .slick-prev:focus {
        outline: none !important;
    }

.sp_cllq {
}

.tb_banle td {
    border: 1px solid #ddd;
    padding: 11px;
    text-align: center;
}

.tb_banle {
    width: 100%;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .divtop {
        height: 50px;
        /* margin: 0 -15px 0px; */
        padding: 5px 0;
    }

        .divtop input[type=text] {
            width: 195px;
            margin-right: 5px;
            background: #fff url(/images/iconsearch.png) no-repeat 6px 7px;
            border-radius: 5px;
            padding-left: 26px;
            position: absolute;
            top: 57px;
            left: 5px;
            z-index: 223;
        }

        .divtop ul li.ligt {
            display: none;
        }

        .divtop ul li.lihotline, .divtop ul li.lang {
            display: block;
        }

        .divtop ul li.lihotline {
            display: none;
        }

        .divtop ul li.sepa {
            display: none;
        }
}
/*logo*/
.logo {
    float: left;
    z-index: 1;
    /* margin-top: -51px; */
    position: relative;
}

    .logo h1 {
    }

        .logo h1 img {
        }
        .logo img{
            max-width: 300px;
            padding: 4px 0;
            width: 96%;
        }
@media only screen and (max-width: 767px) {
    .logo {
        width: 165px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 3px;
        padding-top: 0;
        margin-top: 0;
        line-height: 45px;
        background: #fff;
    }

        .logo h1 img {
        }
        .divtop ul li a{
            float: left;
            line-height: 40px;
        }

    header {
        min-height: 95px;
        background: url(/images/bg-header.png) repeat-x 50% 100%;
    }
}
/*header-right"*/
.header-right {
    float: right;
    text-align: right;
    position: relative;
    z-index: 22;
}
/*menu*/
.menu {
    position: relative;
    z-index: 10;
}
/*menu-mobile*/
.menu-mobile {
    display: none;
}

.dl-menuwrapper button {
    background: #f0de7f;
    border: none;
    width: 33px;
    height: 28px;
}


    .dl-menuwrapper button:after {
        content: '';
        position: absolute;
        width: 68%;
        height: 3px;
        background: #fff;
        top: 7px;
        left: 16%;
        box-shadow: 0 6px 0 #fff, 0 12px 0 #fff;
    }
@media only screen and (max-width: 818px) {

    .menu-mobile {
        display: block;
        position: relative;
        z-index: 222;
    }

    .menu {
        display: none;
    }
}
@media only screen and (max-width: 767px) {

    .menu-mobile {
        display: block;
        position: relative;
        z-index: 222;
    }

    .menu {
        display: none;
    }
}
/*div ngon ngu*/
.ngonngu {
    position: relative;
    z-index: 223;
    color: #999;
    font-family: arial;
    padding: 13px 0;
    font-size: 13px;
}

    .ngonngu span {
        display: inline-block;
        padding-right: 10px;
        font-size: 13px;
    }

    .ngonngu ul {
    }

        .ngonngu ul li {
        }


            .ngonngu ul li a {
            }

                .ngonngu ul li a:hover {
                }

@media only screen and (max-width: 767px) {
    .ngonngu span {
        display: none;
    }
}
/* Dropdown Button */
.dropbtn {
    background: #f0de7f url(/images/bullet4.png) no-repeat 6px 8px;
    color: #333;
    padding: 3px 13px 3px 20px;
    /* font-size: 16px; */
    border: none;
    cursor: pointer;
    background-image: ur;
    text-transform: uppercase;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    color: #333;
    text-transform: uppercase;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 110px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 5px 16px;
        text-decoration: none;
        display: block;
        font-size: 13px;
        text-align: left;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #f0de7f;
}
/*nav - menu*/
.navbar-default {
    background: none;
    border: none;
    margin-bottom: 0;
}

    .navbar-default .navbar-nav > li {
        padding: 0 15px;
        background: url(/images/menu-bg.png) no-repeat 100% 23px;
    }

        .navbar-default .navbar-nav > li > a {
            color: #fff;
            line-height: 24px;
            font-family: times new roman;
            font-size: 16px;
            border: 3px solid transparent;
            padding: 16px 0px 0;
            font-weight: bold;
        }

            .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
                text-decoration: none;
                color: #fff;
                border-bottom: 3px solid #fff;
            }

    .navbar-default .navbar-nav li.noborder {
        background: none;
        padding: 0 4px;
    }
/* custome nivo slider*/
.theme-default .nivoSlider {
    margin-bottom: 0px !important;
    position: relative;
    z-index: 1;
}

.theme-default .nivo-controlNav {
    /* display: none; */
    background: url(/images/bg-slideshow.png) repeat-x 50% 100%;
    position: relative;
    height: 40px;
    margin-top: 0;
    z-index: 2;
    padding: 10px !important;
    padding-top: 100px;
}

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

    .theme-default .nivoSlider {
        /* display:none; */
    }
}
/*FooterContent*/
.footer1 {
    /* background: url(/images/bg-footer.jpg) no-repeat 30px 0,url(/images/bg-footer1.jpg) repeat 0px 0; */
    padding: 35px 0 0;
    min-height: 210px;
    line-height: 25px;
}

.footer1 {
    /* color: #fff; */
}

    .footer1 .footer1-content {
    }


    .footer1 a {
        color: #363636;
    }

        .footer1 a:hover {
            color: #f0de7f;
        }

.footer2 {
    background: #383838;
    line-height: 50px;
    color: #707070;
    font-family: arial;
}

    .footer2 a {
        color: #ebebeb;
    }

        .footer2 a:hover {
            color: #f0de7f;
        }

/*box2*/
.box2 {
    margin-bottom: 25px;
}

    .box2 .title {
        padding: 40px 0;
    }

        .box2 .title h2 {
            font-size: 18px;
            text-transform: uppercase;
            margin: 0;
        }

    .box2 .content {
    }
/*box1*/
.box1 {
}

    .box1 .title {
        padding: 20px 0 5px;
        background: none;
        border-bottom: 1px solid #eee;
        margin-bottom: 15px;
        position: relative;
    }

    .box1 .title_new {
        padding-left: 43px;
    }

    .box1 .title h1 {
        /* text-transform: uppercase; */
        color: #41110f;
        font-size: 20px;
        margin: 0;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        /* overflow: hidden; */
        /* display: -webkit-box; */
        line-height: 28px;
        font-weight: 600;
    }

    .box1 .title img {
        position: absolute;
        left: 0px;
        top: 8px;
        width: 56px;
    }

    .box1 .meta {
    }

    .box1 .content {
    }

    .box1 .content1 {
        padding: 20px;
    }

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

    .box1 .content1 {
        padding: 10px 0;
    }
}
/*tintucs*/
.tintucs {
}

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

        .tintucs .item:nth-child(3n+1) {
            clear: both;
        }

        .tintucs .item a.img {
            display: block;
        }

            .tintucs .item a.img img {
                /* height: 177px; */
                width: 100%;
                min-height: 215px;
                max-height: 215px;
            }

        .tintucs .item a.a_title {
            margin: 5px 0;
            display: block;
            font-weight: bold;
            color: #444;
            line-height: 23px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            display: -webkit-box;
            font-size: 13px;
            line-height: 22px;
            transition: 0.5s;
        }

            .tintucs .item a.a_title:hover {
                color:#eb891b;
                transition: 0.5s;
            }

        .tintucs .item .summary {
            color: #707070;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            display: -webkit-box;
        }
/*post-share */
.post-share {
    margin-bottom: 10px;
    font-weight: bold;
    color: #6a6a6a;
    display: table;
    width: 100%;
}

.post-share {
    /*margin:20px 0 -30px;*/
    /* border-top: 1px solid #d4d4d4; */
    padding-top: 13px;
}

    .post-share span {
        float: left;
        margin-right: 25px;
        line-height: 38px;
    }



.contact-info2 {
}

    .contact-info2 h4 {
        color: #555d5f;
        font-size: 24px;
        margin: 0px 0px 17px;
    }

.c-info2 {
    padding: 0px;
}

    .c-info2 li {
        font-size: 14px;
        font-weight: bold;
        color: #6a6a6a;
        list-style: none;
        margin-bottom: 15px;
    }

        .c-info2 li span {
            display: block;
            font-size: 14px;
            font-weight: 400;
            color: #6a6a6a;
        }

/*------------------------------------------------------------- 
                   CONTACT STYLES
--------------------------------------------------------------- */
/*
::-webkit-input-placeholder {
	color: #ddd;
	font-style: italic;
}

:-moz-placeholder { 
	color: #ddd;
	font-style: italic;
}

::-moz-placeholder { 
	color: #ddd;
	font-style: italic;
}

:-ms-input-placeholder {
	color: #ddd;
	font-style: italic;
}
*/
.contact-form {
}

    .contact-form input, .contact-form textarea {
        border: 1px solid #e6dcdc;
        background: #ffffff;
        border-radius: 0px;
    }

    .contact-form .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
        margin-bottom: 18px;
    }

    .contact-form .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        text-align: center;
        background: #f7f7f7;
        border: 1px solid #e6e6e6;
        border-radius: 0px !important;
    }

    .contact-form input:-moz-placeholder {
        color: #000 !important;
    }

    .contact-form input::-moz-placeholder {
        color: #000 !important;
    }

    .contact-form input:-ms-input-placeholder {
        color: #000 !important;
    }

    .contact-form input::-webkit-input-placeholder {
        color: #000 !important;
    }

    .contact-form textarea:-moz-placeholder {
        color: #000 !important;
    }

    .contact-form textarea::-moz-placeholder {
        color: #000 !important;
    }

    .contact-form textarea:-ms-input-placeholder {
        color: #000 !important;
    }

    .contact-form textarea::-webkit-input-placeholder {
        color: #000 !important;
    }

.c-btn {
    /*background: #4bd0ea !important;
    border-radius: 4px !important;
    padding: 7px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-top: -1px;
    border: none !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;*/
    padding: 12px 62px;
    padding-top: 24px;
    /* border: 1px solid #ea870f; */
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    /* background: #f38120; */
    background: url(/images/bg-btn-viewmore.png) no-repeat center;
    background-size:100% 100%;
    border:none;
}
.btn-default:hover{
    background-color:#FFF !important;
    border:none !important;
    border-color:none !important;
    color:#fff;
}
.space20 {
    margin-bottom: 20px;
}

.space40 {
    margin-bottom: 40px;
}

.space60 {
    margin-bottom: 60px;
}

/*------------------------------------------------------------- 
                   CONTACT SOCIAL STYLES
--------------------------------------------------------------- */

ul.social2 {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

    ul.social2 li {
        float: left;
        margin: 5px 20px 11px 0px;
        border: none;
        list-style: none;
    }

.twitter1 a,
.gplus1 a,
.dribbble1 a,
.flickr1 a,
.pinterest1 a,
.linkedin1 a,
.facebook1 a {
    float: left;
    background: url(images/social2.png) no-repeat left bottom;
    text-indent: 8000px;
    width: 28px;
    height: 26px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .twitter1 a:hover,
    .gplus1 a:hover,
    .dribbble1 a:hover,
    .flickr1 a:hover,
    .pinterest1 a:hover,
    .linkedin1 a:hover,
    .facebook1 a:hover {
        background: url(images/social2.png) no-repeat left top;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.facebook1, .facebook1 a {
    background-position: 9px top;
}

    .facebook1 a:hover {
        background-position: 9px bottom;
    }

.pinterest1, .pinterest1 a {
    background-position: -37px top;
}

    .pinterest1 a:hover {
        background-position: -37px bottom;
    }

.gplus1, .gplus1 a {
    background-position: -92px top;
}

    .gplus1 a:hover {
        background-position: -92px bottom;
    }

.dribbble1, .dribbble1 a {
    background-position: -137px top;
}

    .dribbble1 a:hover {
        background-position: -137px bottom;
    }

.linkedin1, .linkedin1 a {
    background-position: -185px top;
}

    .linkedin1 a:hover {
        background-position: -185px bottom;
    }

.twitter1, .twitter1 a {
    background-position: -239px top;
}

    .twitter1 a:hover {
        background-position: -239px bottom;
    }

.flickr1, .flickr1 a {
    background-position: -287px top;
}

    .flickr1 a:hover {
        background-position: -287px bottom;
    }

/*------------------------------------------------------------- 
                    GOOGLE MAP STYLES
--------------------------------------------------------------- */

.map {
    width: 100%;
    height: 500px;
    position: relative;
    display: block;
}

.map-wrap {
}

.gmap {
    padding: 0px;
    height: 500;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
}

    .gmap div {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

.map p {
    margin: 10px;
    color: #fff;
}

.gmap img {
    max-width: none !important;
    vertical-align: baseline !important;
}

.gmap_marker {
    margin-top: 19px;
    font-size: 13px;
}
/*box_contact1*/
.box_contact1 {
}

    .box_contact1 .box_contact1_left {
        width: 706px;
        float: left;
        background: #f8f8f8;
        padding: 0 30px 20px;
    }

    .box_contact1 .box_contact1_right {
        width: 426px;
        float: right;
    }

    .box_contact1 .box_contact1_left .title {
        line-height: 50px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        color: #771e1b;
    }

    .box_contact1 .box_contact1_left .content {
    }

        .box_contact1 .box_contact1_left .content .btnsend {
            background: #771e1b;
            border-radius: 3px;
            display: block;
            float: right;
            padding: 3px 10px 5px;
            color: #f0de7f;
            line-height: 25px;
            font-size: 14px;
            font-weight: bold;
        }

            .box_contact1 .box_contact1_left .content .btnsend:hover {
            }

    .box_contact1 .box_contact1_right img {
    }

@media only screen and (max-width: 767px) {
    .box_contact1 .box_contact1_left {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }


    .box_contact1 .box_contact1_right {
        width: 100%;
        float: none;
    }

        .box_contact1 .box_contact1_right img {
            width: 100%;
        }
}
/*box-datphongks*/
.box-datphongks {
    position: relative;
    z-index: 21;
}

    .box-datphongks .form-datphong {
        width: 228px;
        height: 350px;
        /* background: url(/images/form-datphong-bg.png); */
        position: absolute;
        margin-top: -339px;
    }

        .box-datphongks .form-datphong.nomargin {
            margin-top: 0;
            height: 50px;
        }

        .box-datphongks .form-datphong .form-datphong-content {
            background: rgb(250, 254, 231);
            padding: 15px 15px 15px;
        }

            .box-datphongks .form-datphong .form-datphong-content .text {
                margin-top: 14px;
            }

                .box-datphongks .form-datphong .form-datphong-content .text input {
                    height: 31px;
                    line-height: 31px;
                    border: 1px solid #b7b7b7;
                    background: #f5fdd0;
                    font-size: 13px;
                    width: 100%;
                    color: #707070;
                    padding-left: 3px;
                }

                    .box-datphongks .form-datphong .form-datphong-content .text input::-webkit-input-placeholder {
                        color: #707070 !important;
                    }

                    .box-datphongks .form-datphong .form-datphong-content .text input:-moz-placeholder {
                        color: #707070 !important;
                    }

                    .box-datphongks .form-datphong .form-datphong-content .text input::-moz-placeholder {
                        color: #707070 !important;
                    }

                    .box-datphongks .form-datphong .form-datphong-content .text input:-ms-input-placeholder {
                        color: #707070 !important;
                    }

            .box-datphongks .form-datphong .form-datphong-content .select {
                margin-top: 14px;
            }

                .box-datphongks .form-datphong .form-datphong-content .select select {
                    height: 31px;
                    line-height: 32px;
                    border: 1px solid #ccc;
                    background: #f5fdd0;
                    font-size: 13px;
                    width: 100%;
                    color: #707070;
                }

        .box-datphongks .form-datphong .btndatphong {
            float: left;
            /* background: #f7edb6; */
            color: #f7edb6;
            margin-top: 11px;
            font-size: 15px;
            font-weight: bold;
            padding: 0 10px 3px;
            line-height: 25px;
        }

        .box-datphongks .form-datphong .btndatphong1 {
            float: right;
            background: #f7edb6;
            color: #731e1c;
            margin-top: 11px;
            font-size: 15px;
            font-weight: bold;
            padding: 0 10px 3px;
            line-height: 25px;
        }

        .box-datphongks .form-datphong .btndatphong:hover {
        }

    .box-datphongks .box-datphongks-footer {
        text-align: right;
        background: #731e1c;
        height: 50px;
        color: #fff;
        line-height: 50px;
        font-size: 15px;
    }

        .box-datphongks .box-datphongks-footer span {
            display: inline-block;
            padding-right: 8px;
            float: right;
            padding-left: 37px;
            background: url(/images/icon-callme.png) no-repeat 0px 15px;
        }

        .box-datphongks .box-datphongks-footer a {
            color: #f0de7f;
            font-size: larger;
            font-weight: bold;
            float: right;
        }

            .box-datphongks .box-datphongks-footer a:hover {
            }


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

    .box-datphongks {
        background: #f1f1f1;
        padding-top: 8px;
    }



        .box-datphongks .form-datphong {
            position: relative;
            margin: 0 auto;
            height: auto;
            text-align: left;
        }

            .box-datphongks .form-datphong .btndatphong {
                color: #731e1c;
                margin: 0;
                /* text-align: left; */
            }

            .box-datphongks .form-datphong .btndatphong1 {
            }


        .box-datphongks .box-datphongks-footer {
            margin-top: 10px;
        }
}

/*formdatphong1*/
.formdatphong1 {
}

.formdatphong1 {
    width: 350px;
    max-width: 100%;
    /* height: 350px; */
    /* background: url(/images/form-datphong-bg.png); */
    /* position: absolute; */
    /* margin-top: -311px; */
}

    .formdatphong1 .form-datphong .form-datphong-content {
        background: rgb(196, 223, 155);
        padding: 15px 15px 26px;
    }

    .formdatphong1 .form-datphong-content .text {
        margin-top: 14px;
    }

        .formdatphong1 .form-datphong-content .text input {
            height: 31px;
            line-height: 31px;
            border: 1px solid #b7b7b7;
            background: #fff;
            font-size: 13px;
            width: 100%;
            color: #707070;
            padding-left: 3px;
        }

        .formdatphong1 .form-datphong-content .text textarea {
            height: 100px;
            line-height: 22px;
            border: 1px solid #b7b7b7;
            background: #fff;
            font-size: 13px;
            width: 100%;
            color: #707070;
            padding-left: 3px;
        }

        .formdatphong1 .form-datphong-content .text input::-webkit-input-placeholder {
            color: #707070 !important;
        }

        .formdatphong1 .form-datphong-content .text input:-moz-placeholder {
            color: #707070 !important;
        }

        .formdatphong1 .form-datphong-content .text input::-moz-placeholder {
            color: #707070 !important;
        }

        .formdatphong1 .form-datphong-content .text input:-ms-input-placeholder {
            color: #707070 !important;
        }

    .formdatphong1 .form-datphong-content .select {
        margin-top: 14px;
    }

        .formdatphong1 .form-datphong-content .select select {
            height: 31px;
            line-height: 32px;
            border: 1px solid #ccc;
            background: #fff;
            font-size: 13px;
            width: 100%;
            color: #707070;
        }

    .formdatphong1 .divbtn a {
        float: left;
        background: #731e1c;
        color: #f7edb6;
        margin-top: 11px;
        font-size: 15px;
        font-weight: bold;
        padding: 0 10px 3px;
        line-height: 25px;
    }

        .formdatphong1 .divbtn a :hover {
        }

/*gallery*/
.gallery {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .gallery li {
    }

        .gallery li:nth-child(4n+1) {
            clear: both;
        }

        .gallery li a {
            display: block;
        }

            .gallery li a span {
                display: block;
                text-align: center;
                margin-top: 5px;
            }

                .gallery li a span:hover {
                }

    .gallery .box_anhchitiet {
        width: 100%;
        height: 150px;
        display: flex;
        box-shadow: 0 0 5px #ccc;
        padding: 8px;
    }

    .gallery li a img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        margin: auto;
    }

    .gallery .title_anhchitiet {
        text-align: center;
        font-weight: bold;
        height: 64px;
        color: #333;
        margin-top: 10px;
    }
/*galleries*/
.galleries {
}

    .galleries .item {
        margin-bottom: 28px;
        height: 194px;
    }

        .galleries .item:nth-child(4n+1) {
            /* clear: both; */
        }

        .galleries .item a {
            display: block;
        }

        .galleries .item img {
            /* width: 100%; */
            /* display: block; */
            /* box-shadow: 0 0 5px #ccc; */
        }

        .galleries .item span {
            display: block;
            margin-top: 10px;
            text-align: center;
            color: #000;
        }

            .galleries .item span:hover {
            }
/*box-trangchu1*/
.box-trangchu1 {
    padding: 26px 0 60px;
    position: relative;
    z-index: 2;
}

    .box-trangchu1 .item {
        margin-bottom: 15px;
    }

        .box-trangchu1 .item a {
        }

        .box-trangchu1 .item img {
        }

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

    .box-trangchu1 {
        padding: 15px 0px;
        background: none;
    }
}
/*box-trangchu11*/
.box-trangchu11 {
    padding: 80px 0 30px;
    background: url(/images/box-trangchu11-bg.png) no-repeat 50% 100%;
    /* min-height: 500px; */
    margin-top: -60px;
    position: relative;
    z-index: 1;
}

    .box-trangchu11 .item1 {
        margin-bottom: 15px;
        text-align: center;
    }

    .box-trangchu11 .item2 {
        margin-bottom: 15px;
    }

        .box-trangchu11 .item2 h2 {
            margin: 0;
            text-transform: uppercase;
            color: #eb891b;
            line-height: 40px;
            font-size: 22px;
            font-weight: bold;
            margin: 20px 0 10px;
        }

        .box-trangchu11 .item2 ul {
        }

            .box-trangchu11 .item2 ul li {
                list-style: none;
                background: url(/images/iconkhoa.png) no-repeat 0 8px;
                display: block;
                margin-bottom: 14px;
                padding-left: 35px;
                line-height: 30px;
                transition: 1s;
            }

                .box-trangchu11 .item2 ul li a {
                    font-size: 14px;
                    color: #333;
                }

                .box-trangchu11 .item2 ul li:hover {
                    background: url(/images/iconkhoa.png) no-repeat 15px 8px;
                    padding-left: 50px;
                }

                    .box-trangchu11 .item2 ul li:hover a {
                    }

.tai_file_mobile {
    display: none;
}

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

    .box-trangchu11 {
        padding: 39px 0 30px;
        background: none;
    }
}
/*box-trangchu12*/
.box-trangchu12 {
    background: url(/images/box-trangchu12-bg.jpg) no-repeat 0 0;
    height: 237px;
    margin-top: 50px;
    margin-bottom: 80px;
}

    .box-trangchu12 .img1 {
        position: absolute;
        left: 0;
        margin-top: -50px;
    }

    .box-trangchu12 .img2 {
        position: relative;
        left: 70%;
        margin-top: 60px;
    }

@media only screen and (max-width: 767px) and (max-height: 768px) {
    .box-trangchu12 {
    }

        .box-trangchu12 .img1 {
        }

        .box-trangchu12 .img2 {
        }
}
/*box-trangchu3*/
.box-trangchu3 {
    /* background: url(/images/bg-trangchu2.png) no-repeat 0 0; */
    /* min-height: 510px; */
    padding: 15px 0;
}

    .box-trangchu3 .title {
        text-align: center;
        color: #eb891b;
        text-transform: uppercase;
        font-size: 25px;
        font-weight: bold;
        text-shadow: 0 0 3px #fff;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .box-trangchu3 .item {
        background: #fff;
    }


        .box-trangchu3 .item .itemcontent {
        }

            .box-trangchu3 .item .itemcontent:hover {
            }

        .box-trangchu3 .item a.img {
            display: block;
            text-align: center;
        }

            .box-trangchu3 .item a.img img {
                height: 229px;
                width: 100%;
                border-radius: 15px;
            }

@media only screen and (max-width: 767px) {
    .box-trangchu3 .item a.img img {
        height: auto;
        width: 100%;
        max-width: 300px;
    }
}

.box-trangchu3 .item .detail {
    padding: 10px 2px;
}

.box-trangchu3 .item a.a_title {
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
    color: #777;
    line-height: 23px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    font-size: 16px;
    line-height: 22px;
}

    .box-trangchu3 .item a.a_title:hover {
        color:#f48120;
        transition: 0.5s;
    }


.box-trangchu3 .item a.readmore {
    float: right;
    padding-right: 25px;
    background: url(/images/iconreadmore.png) no-repeat 95% 6px;
    color: #eb891b;
    transition: .5s;
    line-height: 25px;
}

hr.hr1 {
    padding: 0;
    margin: 8px 0px;
}

.box-trangchu3 .item a.readmore:hover {
    text-decoration: none;
    color: #ee891b;
    background: url(/images/iconreadmore.png) no-repeat 100% 6px;
}

.box-trangchu3 .item .summary {
    color: #898989;
    /* padding: 0 10px; */
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    line-height: 22px;
    height: 84px;
}

.box-trangchu3 .item .datetime {
    color: #898989;
    font-size: 12px;
    line-height: 25px;
    background: url(/images/icondate.png) no-repeat 0px 3px;
    padding-left: 20px;
    display: block;
    float: left;
}
/*box-trangchu4*/
.box-trangchu4 {
    padding: 45px 0 25px;
}

    .box-trangchu4 .item {
        /* background: #eb891b; */
        padding: 0 15px;
        min-height: 316.63px;
        margin-bottom: 15px;
        position: relative;
        overflow: hidden;
    }

        .box-trangchu4 .item.item1 {
            /* background: #f1f1f1; */
        }

        .box-trangchu4 .item .title {
            height: 54px;
            line-height: 50px;
            font-weight: bold;
            /* text-transform: uppercase; */
            font-size: 19px;
            color: #fff;
        }


        .box-trangchu4 .item.item1 .title {
            color: #fff;
        }

        .box-trangchu4 .item .title a {
            color: #fff;
        }

        .box-trangchu4 .item.item1 .title a:hover {
            text-decoration: none;
            color: #ca2027;
        }

        .box-trangchu4 .item .content {
            /* padding-bottom: 15px; */
            line-height: 22px;
            /* color: #fff; */
            /* position: relative; */
        }

/*show_video*/
.show_video {
    /* position: relative; */
    /* width: 95%;     margin: 0 auto; */
}

    .show_video iframe {
        width: 100%;
        height: 235px;
    }

    .show_video .showvideo_item {
        /* position: absolute; */
        /* top: 0; */
        /* left: 0; */
        width: 100%;
        /* height: 100%; */
    }

.show_video2 {
    text-align: center;
    margin-bottom: 50px;
}

    .show_video2 iframe {
        width: 100%;
        height: 500px;
    }

.title_videotc {
    text-align: center;
    font-weight: bold;
    margin-bottom: 7px;
    line-height: 21px;
}

    .title_videotc a, .title_videotckhac a {
        color: #eb891b;
    }

.title_videotckhac i {
    padding-right: 7px;
}

.xemthem_video {
    text-align: right;
    background: url(/images/iconreadmore.png) no-repeat right 6px;
    padding-right: 25px;
    position: absolute;
    bottom: 6px;
    right: 15px;
}

    .xemthem_video a {
        color: #eb891b;
    }

.xemthem_video_left {
    bottom: 3px;
}

.title_videotckhac {
    line-height: 20px;
}

.img_video {
    width: 100%;
    height: 182px;
    display: flex;
}

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

.title_video {
    height: 43px;
    text-align: center;
    font-weight: bold;
    color: #333;
}
/*box-trangchu2*/
.box-trangchu2 {
    margin: 15px 0;
    margin-bottom: 80px;
}


    .box-trangchu2 .title {
        color: #ff7500;
        text-align: center;
        font-size: 35px;
        font-weight: bold;
        line-height: 60px;
        /* text-transform: uppercase; */
    }

    .box-trangchu2 .content {
    }
/*.box-product*/
.box-product {
    border: 1px solid #e9e9e9;
    text-align: left;
    padding-bottom: 15px;
    margin-bottom: 25px;
    margin-top: 10px;
    border-radius: 10px;
}

    .box-product:hover {
        box-shadow: 0 0 10px #ccc;
    }

    .box-product a {
    }

        .box-product a.img {
            position: relative;
            z-index: 1;
            text-align: center;
        }

            .box-product a.img .anh_sp {
                width: 100%;
                height: 300px;
                display: flex;
            }


                .box-product a.img .anh_sp img {
                    width: auto;
                    height: auto;
                    max-width: 100%;
                    max-height: 100%;
                    margin: auto;
                    border-radius: 10px;
                }

        .box-product a.a_title {
            text-transform: uppercase;
            font-weight: bold;
            color: #eb891b;
            padding-left: 15px;
            display: block;
            margin-bottom: 5px;
            font-size: 14px;
        }

            .box-product a.a_title:hover {
            }

    .box-product .gia {
        line-height: 35px;
        padding-left: 15px;
        float: left;
        font-weight: bold;
    }

        .box-product .gia .sp1 {
        }

        .box-product .gia .sp2 {
            color: #d23700;
            font-weight: bold;
        }

    .box-product .btngiohang {
        float: right;
        margin-right: 7px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
        text-align: center;
        color: #f2b26b;
        font-size: 16px;
        transition: 1s;
    }

        .box-product .btngiohang i {
        }

        .box-product .btngiohang:hover {
            background: #f2b26b;
            color: #fff;
        }

    .box-product .btnlike {
        float: right;
        margin-right: 15px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
        text-align: center;
        color: #f2b26b;
        font-size: 16px;
        transition: .4s;
    }

        .box-product .btnlike i {
        }

        .box-product .btnlike:hover {
            background: #f2b26b;
            color: #fff;
        }

    .box-product .isnewest {
        width: 26px;
        height: 53px;
        position: absolute;
        z-index: 20;
        background: url(/images/icon_new.png) no-repeat 0 0;
        margin-left: 10px;
    }

    .box-product .isbestbuy {
    }

    .box-product .ishot {
        width: 26px;
        height: 53px;
        position: absolute;
        z-index: 20;
        background: url(/images/icon_hot1.png) no-repeat 0 0;
        margin-left: 41px;
        /* top: 10px; */
    }
/*listproducts*/
.listproducts {
}

    .listproducts .item {
    }

        .listproducts .item:nth-child(3n+1) {
            clear: both;
        }

@media only screen and (max-width: 767px) {
    .box-product .gia {
        width: 100%;
        float: none;
    }
}
/*popup_giohang*/
.popup_giohang {
    overflow-x: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-y: auto;
    background: rgba(181, 181, 181, 0.72);
}

    .popup_giohang .popup_giohang_content {
        margin: 0;
        position: relative;
        z-index: 20;
        overflow-y: visible;
        width: 800px;
        margin: 60px auto 0;
        background: #fff;
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 6px;
    }

    .popup_giohang a.close {
        background: url(/images/close-button1.png) no-repeat;
        width: 31px;
        height: 31px;
        z-index: 2;
        position: absolute;
        top: -13px;
        right: -12px;
        opacity: .7;
    }

        .popup_giohang a.close:hover {
            opacity: 1;
        }

    .popup_giohang .title {
        line-height: 40px;
        height: 40px;
        font-weight: bold;
        padding-left: 45px;
        font-size: larger;
        background: url(/images/icon_cart.png) no-repeat 15px 9px;
    }

    .popup_giohang .content {
    }

        .popup_giohang .content ul {
            list-style: none;
        }

            .popup_giohang .content ul li {
            }

                .popup_giohang .content ul li.li_title {
                    background: #ebebeb;
                    line-height: 30px;
                    height: 30px;
                    text-transform: uppercase;
                    font-weight: bold;
                }

                .popup_giohang .content ul li .tensp {
                    width: 365px;
                    position: relative;
                    float: left;
                }

                .popup_giohang .content ul li .giatien {
                    width: 150px;
                    text-align: right;
                    float: left;
                }

                .popup_giohang .content ul li .sl {
                    width: 120px;
                    text-align: right;
                    float: left;
                }

                .popup_giohang .content ul li .thanhtien {
                    width: 144px;
                    text-align: right;
                    float: left;
                }

                .popup_giohang .content ul li div {
                    padding: 0 15px;
                }

                .popup_giohang .content ul li.li_item {
                    padding: 15px 0;
                    border-bottom: 1px solid #eee;
                }

                    .popup_giohang .content ul li.li_item .tensp a.del {
                        position: absolute;
                        width: 19px;
                        height: 19px;
                        top: -10px;
                        left: 6px;
                        background: url(/images/btndel.png) no-repeat 0 0;
                    }

                        .popup_giohang .content ul li.li_item .tensp a.del:hover {
                        }

                    .popup_giohang .content ul li.li_item .tensp a.sp {
                    }

                        .popup_giohang .content ul li.li_item .tensp a.sp img {
                            width: 84px;
                            height: 84px;
                            float: left;
                            margin-right: 15px;
                        }

                        .popup_giohang .content ul li.li_item .tensp a.sp span {
                            display: block;
                            margin-top: 10px;
                            font-weight: bold;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                            display: -webkit-box;
                        }

                        .popup_giohang .content ul li.li_item .tensp a.sp:hover span {
                        }

                    .popup_giohang .content ul li.li_item .giatien {
                        padding-top: 4px;
                    }

                        .popup_giohang .content ul li.li_item .giatien .giaban {
                            display: block;
                            font-weight: bold;
                        }

                        .popup_giohang .content ul li.li_item .giatien .giathitruong {
                            display: block;
                            color: #777;
                            text-decoration: line-through;
                        }

                        .popup_giohang .content ul li.li_item .giatien .saleoff {
                            display: block;
                            color: #ca2027;
                        }

                    .popup_giohang .content ul li.li_item .sl {
                    }

                        .popup_giohang .content ul li.li_item .sl input {
                            width: 63px;
                            text-align: center;
                        }

                            .popup_giohang .content ul li.li_item .sl input::-webkit-inner-spin-button,
                            .popup_giohang .content ul li.li_item .sl input::-webkit-outer-spin-button {
                                opacity: 1;
                            }

                    .popup_giohang .content ul li.li_item .thanhtien {
                        font-weight: bold;
                    }

                .popup_giohang .content ul li.li_foot {
                    list-style: none;
                }

                .popup_giohang .content ul li.li_foot {
                    text-align: right;
                    position: relative;
                    padding: 10px 15px 5px;
                    border-top: 1px solid #eee;
                }

                    .popup_giohang .content ul li.li_foot a.a_tieptucmua {
                        color: #707070;
                        text-decoration: underline;
                        position: absolute;
                        left: 15px;
                        top: 70px;
                        transition: .5s;
                    }

                        .popup_giohang .content ul li.li_foot a.a_tieptucmua:hover {
                            text-decoration: none;
                            color: #0C9DE4;
                        }

                    .popup_giohang .content ul li.li_foot .tt {
                        font-weight: bold;
                        display: block;
                    }

                        .popup_giohang .content ul li.li_foot .tt span {
                            font-size: larger;
                            color: #ca2027;
                        }

                    .popup_giohang .content ul li.li_foot .vat {
                        color: #707070;
                        font-size: 12px;
                        display: block;
                    }

                    .popup_giohang .content ul li.li_foot a.btntt {
                        background: #ca2027;
                        padding: 6px 18px;
                        border-radius: 4px;
                        font-weight: bold;
                        color: #fff;
                        display: inline-block;
                        margin-top: 8px;
                        transition: .5s;
                    }

                        .popup_giohang .content ul li.li_foot a.btntt:hover {
                            background: #9a181e;
                        }

            .popup_giohang .content ul.items {
                max-height: 345px;
                overflow-y: scroll;
                margin: 0;
                margin-bottom: -1px;
            }

@media only screen and (max-width: 991px) {
    .popup_giohang .popup_giohang_content {
        width: 90%;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .popup_giohang .content ul li .tensp {
        width: 230px;
    }
}

@media only screen and (max-width: 767px) {
    .popup_giohang .content ul li.li_title {
        text-transform: none;
    }

    .popup_giohang .content ul li .tensp {
        width: 95px;
        padding: 0 5px;
    }

    .popup_giohang .content ul li .sl {
        width: 70px;
        padding: 0 5px;
    }

    .popup_giohang .content ul li .thanhtien {
        width: 95px;
        padding: 0 5px;
    }

    .popup_giohang .content ul li .giatien {
        display: none;
    }

    .popup_giohang .content ul li.li_item .tensp a.sp img {
        display: none;
    }

    .popup_giohang .content ul li.li_item .tensp a.sp span {
        text-transform: lowercase;
        margin-top: 0;
    }
}
/*p_giohang*/
.p_giohang {
    /* border: 1px solid #d7d7d7; */
    /* border-radius: 5px; */
}

    .p_giohang .title {
        line-height: 40px;
        height: 40px;
        font-weight: bold;
        padding-left: 45px;
        font-size: larger;
        background: url(/images/icon_cart.png) no-repeat 15px 9px;
    }

    .p_giohang .content {
    }

        .p_giohang .content .tongtien {
            color: #ca2128;
            font-weight: bold;
            font-size: larger;
        }

        .p_giohang .content .vat {
            display: block;
            color: #777;
            font-size: 13px;
        }

        .p_giohang .content .btnthanhtoan {
            background: #c92025;
            color: #fff;
            height: 33px;
            line-height: 33px;
            border-radius: 5px;
            padding: 0 15px;
            display: inline-block;
            font-weight: bold;
            margin: 4px 0 10px;
        }

            .p_giohang .content .btnthanhtoan:hover {
            }

        .p_giohang .content .a_muathem {
        }

            .p_giohang .content .a_muathem:hover {
            }

        .p_giohang .content a.del {
            position: absolute;
            width: 19px;
            height: 19px;
            top: 10px;
            left: 6px;
            background: url(/images/btndel.png) no-repeat 0 0;
        }
/*tinylink*/

.tinylink1 {
    background: #fafafa;
    box-shadow: 0 0 3px #ccc;
}

.tinylink {
    padding: 7px 0;
}

    .tinylink a {
        margin: 0 3px;
        line-height: 22px;
        height: 22px;
        color: #444;
        font-size: 13px;
    }

a.tiny-root {
    display: inline-block;
    padding-left: 10px;
    background: url(/images/bullet4.png) no-repeat 0px 9px;
}

.tinylink .separator {
    display: inline-block;
    width: 13px;
    height: 10px;
    background: url(/images/bullet-a_menu_sanpham.png) no-repeat 4px 3px;
}

/*side-widget*/

.side-widget {
    margin-bottom: 30px;
    display: table;
    width: 100%;
    background: #efefef;
    margin-top: 15px;
    padding: 0 10px;
}

    .side-widget h6 {
        font-size: 16px;
        color: #eb891b;
        padding: 0;
        background: none;
        border-bottom: 1px solid #fff;
        /* margin-bottom: 15px; */
        margin: 3px 0 14px 0;
        background: #efefef;
        line-height: 33px;
        font-weight: normal;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
    }

    .w-left .side-widget {
    margin-bottom: 0px;
    display: table;
    width: 100%;
    background: #fff;
    margin-top: 15px;
    padding: 0 10px;
    border: 1px solid #f38120;
    border-radius: 15px;
    /* background: url('/images/bg-title-block-bottom.png') no-repeat bottom center; */
}

    .w-left .side-widget h6 {
        font-size: 16px;
        color: #fff;
        padding: 11px;
        padding-top: 7px;
        background: none;
        border-bottom: 1px solid #fff;
        /* margin-bottom: 15px; */
        margin: 3px 0 0px 0;
        /*background: #efefef;*/
        background: url('/images/bg-title-block.png') no-repeat center;
        background-size: 100% 100%;
        line-height: 33px;
        font-weight: normal;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        position: relative;
        top: -18px;
    }
/*- - - - - - - - - - - - - - - - - - - - 
		  CATEGORY LIST
- - - - - - - - - - - - - - - - - - - - */

.category-list {
    padding: 0px;
    padding-bottom: 15px;
}

    .category-list li {
        list-style: none;
    }

        .category-list li a {
            background: url(/images/bl_pro.png) no-repeat 5px 11px;
            display: block;
            width: 100%;
            padding: 5px 0px 5px 20px;
            /* background-position: 0px 50%; */
            font-size: 14px;
            color: #5b5b5b;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            font-weight: 300;
        }

        .category-list li.has-sub > a > span {
            display: block;
            background: url(/images/icon_plus.png) no-repeat 100% 1px;
            padding-right: 20px;
        }

        .category-list li.active.has-sub > a > span {
            background: url(/images/icon_minus.png) no-repeat 100% 1px;
        }

        .category-list li a:hover {
            background-color: #eee;
            text-decoration: none;
        }

    .category-list > li > ul {
        display: none;
    }

    .category-list li ul li {
    }

        .category-list li ul li a {
            padding: 5px 10px 5px 30px;
            background: url(/images/bl_pro.png) no-repeat 15px 11px;
        }

            .category-list li ul li a:hover {
            }

    .category-list > li > ul > li > ul {
        display: none;
    }

    .category-list li ul li ul li {
    }

        .category-list li ul li ul li a {
            padding: 5px 10px 5px 40px;
        }

        .category-list li ul li ul li ul {
        }

            .category-list li ul li ul li ul li {
            }

                .category-list li ul li ul li ul li a {
                    padding: 5px 10px 5px 50px;
                }


/*- - - - - - - - - - - - - - - - - - - - 
		   TAGS LIST
- - - - - - - - - - - - - - - - - - - - */

.tags-list {
    padding: 0px;
    margin-top: 25px;
}

    .tags-list li {
        list-style: none;
        display: table;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .tags-list li a {
            background: #5b5b5b;
            display: table;
            font-size: 14px;
            color: #fff;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            font-weight: 300;
            padding: 3px 10px 7px;
        }

            .tags-list li a:hover {
                background: #4bd0ea;
                color: #fff;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

/*map_canvas*/
.map_canvas {
    width: 100%;
    height: 400px;
}

.ghichu {
    font-style: italic;
    display: block;
}

/*map*/
#map {
    width: 100%;
    height: 500px;
}
/*div_hethongphanphoi*/
.div_hethongphanphoi {
    border: 1px solid #ccc;
}

    .div_hethongphanphoi .div_hethongphanphoi_left {
        width: 80%;
        float: left;
    }

        .div_hethongphanphoi .div_hethongphanphoi_left .title {
            height: 35px;
            line-height: 35px;
            background: #f1f1f1;
            padding-left: 10px;
            font-weight: bold;
            border-bottom: 1px solid #ccc;
        }

        .div_hethongphanphoi .div_hethongphanphoi_left .content {
        }

.div_hethongphanphoi_right {
    border-left: 1px solid #ccc;
    float: left;
    width: 20%;
}

    .div_hethongphanphoi_right .title {
        height: 35px;
        line-height: 35px;
        background: #f1f1f1;
        padding-left: 10px;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        /* border-left: 1px solid #ccc; */
    }

    .div_hethongphanphoi_right .content {
        overflow-y: scroll;
        height: 500px;
    }

        .div_hethongphanphoi_right .content .item {
            margin: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #ccc;
            font-size: 12px;
        }

            .div_hethongphanphoi_right .content .item:last-child {
                border-bottom: none;
            }

            .div_hethongphanphoi_right .content .item .name {
                font-weight: bold;
                font-size: 13px;
                color: #f6880b;
                margin-bottom: 6px;
            }

            .div_hethongphanphoi_right .content .item .address {
            }

            .div_hethongphanphoi_right .content .item .phonenumber {
            }

            .div_hethongphanphoi_right .content .item span {
                font-weight: bold;
            }

@media only screen and (max-width: 991px) {
    .div_hethongphanphoi .div_hethongphanphoi_left {
        width: 70%;
        float: left;
    }

    .div_hethongphanphoi_right {
        border-left: 1px solid #ccc;
        float: left;
        width: 30%;
    }
}

@media only screen and (max-width: 767px) {
    #map {
        width: 100%;
        height: 400px;
    }

    .div_hethongphanphoi .div_hethongphanphoi_left {
        width: 100%;
        float: none;
    }

    .div_hethongphanphoi_right {
        border-left: none;
        float: none;
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .hethongphanphoi_search select {
        width: 100%;
        margin-bottom: 5px;
    }

    .hethongphanphoi_search input[type=text] {
        width: 100%;
    }
}


/*searchbox*/
.searchbox {
    padding: 0px 0px 20px;
    background: #fff;
}

    .searchbox input[type=text] {
        height: 25px;
        border: 1px solid #ccc;
        padding: 3px;
    }

    .searchbox select {
        height: 25px;
        border: 1px solid #ccc;
        padding: 3px;
    }
/*a_giohangcount*/
.a_giohangcount {
    position: relative;
}

    .a_giohangcount i {
    }

    .a_giohangcount span {
        color: #fff;
        font-size: 11px;
        height: 16px;
        width: 16px;
        display: block;
        position: absolute;
        background: rgba(100,100,100,0.6);
        border-radius: 8px;
        text-align: center;
        line-height: 16px;
        font-weight: normal;
        top: 18px;
        left: 3px;
    }
/*li_like*/
.li_like {
}

    .li_like a.a_likecount {
    }

        .li_like a.a_likecount i {
        }

        .li_like a.a_likecount span {
            color: #fff;
            font-size: 11px;
            height: 16px;
            width: 16px;
            display: block;
            position: absolute;
            background: rgba(100,100,100,0.6);
            border-radius: 8px;
            text-align: center;
            line-height: 16px;
            font-weight: normal;
            top: 18px;
            left: 3px;
        }

    .li_like ul {
        width: 220px;
        position: absolute;
        border: 1px solid #ebebeb;
        /* padding: 7px; */
        box-shadow: 0 0 8px 0px #ccc;
        z-index: 22;
        background: #fff;
        right: 0;
        top: 46px;
        padding: 0;
        margin: 0;
        display: none;
    }

        .li_like ul:before {
            bottom: 100%;
            right: 10%;
            border: solid transparent;
            content: ' ';
            height: 0;
            width: 0;
            position: absolute;
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 8px;
            margin-right: -8px;
        }

    .li_like:hover ul {
        display: block;
        visibility: visible;
        right: 0;
        left: inherit;
        background: rgba(235, 137, 27, 0.81);
    }

        .li_like:hover ul li {
            position: relative;
            list-style: none;
            clear: both;
            padding: 0;
            border-bottom: 1px dotted #f1f1f1;
        }

            .li_like:hover ul li a {
                font-size: 13px;
                width: 100%;
            }

            .li_like:hover ul li:hover {
                background: rgba(238, 238, 238, 0.25);
            }

                .li_like:hover ul li:hover a {
                    border: none;
                    width: 100%;
                    display: block;
                }

                    .li_like:hover ul li:hover a:hover {
                        border: none;
                    }

            .li_like:hover ul li .del {
                position: absolute;
                display: none;
            }

            .li_like:hover ul li a img {
                width: 60px;
                height: 60px;
                float: left;
                margin-right: 5px;
            }

            .li_like:hover ul li a .title {
                font-size: 12px;
                line-height: 22px;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                display: -webkit-box;
                text-align: left;
            }

            .li_like:hover ul li .xemthem {
                display: block;
                width: 100%;
                font-size: 13px;
                text-align: center;
                background: #a7320e;
                text-transform: uppercase;
            }

/*menulv2*/
.menulv2 {
    /* width: 100%; */
    /* border: 1px solid #ebebeb; */
    /* margin-top: 6px; */
    /* background: #efefef; */
    /* box-shadow: 0 0px 5px #ddd; */
    margin-bottom: 0px;
    display: table;
    width: 100%;
    background: #fff;
    margin-top: 15px;
    padding: 0 10px;
    border: 1px solid #f38120;
    border-radius: 15px;
}

    .menulv2 .title {
        /* line-height: 30px; */
        /* height: 30px; */
        /* padding-left: 15px; */
        /* border-bottom: 1px solid #ccc; */
        /* background: #eee; */
        /* font-weight: bold; */
    }

        .menulv2 .title h2 {
            /* font-size: 14px; */
            /* text-transform: uppercase; */
            /* margin: 0; */
            /* line-height: inherit; */
            /* font-weight: bold; */
            font-size: 16px;
            color: #fff;
            padding: 11px;
            padding-top: 7px;
            background: none;
            border-bottom: 1px solid #fff;
            /* margin-bottom: 15px; */
            margin: 3px 0 0px 0;
            /* background: #efefef; */
            background: url(/images/bg-title-block.png) no-repeat center;
            background-size: 100% 100%;
            line-height: 33px;
            font-weight: normal;
            text-transform: uppercase;
            text-align: center;
            font-weight: bold;
            position: relative;
            top: -18px;
        }

    .menulv2 .dotted-row {
        padding: 0 15px;
    }

        .menulv2 .dotted-row hr {
            margin: 0;
            border-top: 1px dotted #ccc;
        }

    .menulv2 .ul_mn2 {
        list-style: none;
        /* width: 200px; */
    }

    .menulv2 .ul_mn2 {
        list-style: none;
        /* width: 200px; */
        margin: 0;
        padding: 5px 15px;
    }

        .menulv2 .ul_mn2 li {
            line-height: 22px;
            /* padding-left: 13px; */
            /* background: url(/images/bullet.png) no-repeat 0 12px; */
            display: block;
            margin-bottom: 10px;
            /* padding-bottom: 4px; */
            font-size: 13px;
        }

            .menulv2 .ul_mn2 li a {
                display: block;
            }

                .menulv2 .ul_mn2 li a input {
                    display: inline-block;
                    margin: 4px 5px 0 0;
                    float: left;
                }

                .menulv2 .ul_mn2 li a span {
                    color: #333;
                }

            .menulv2 .ul_mn2 li.current a {
                font-weight: bold;
                color: #c00;
            }
/*end menulv2*/

.level2_cat_list {
    /* margin-top:10px; */
    /* border-radius: 5px; */
}

    .level2_cat_list .list {
        background: #fff;
        /* border: 1px #ebebeb solid; */
        position: relative;
        /*z-index:9998;*/
        /* box-shadow: 0 1px 5px #eee; */
        /* border-top: 2px solid #1a9fda; */
        background: #f3f3f3;
        padding: 0 15px;
    }

        .level2_cat_list .list h2 {
            font-size: 16px;
            color: #eb891b;
            padding: 10px 0 0;
            /* background: none; */
            border-bottom: 1px solid #eee;
            /* margin-bottom: 15px; */
            margin: 0px 0 15px;
            /* background: #fafafa; */
            line-height: 43px;
            font-weight: normal;
            text-transform: uppercase;
        }

            .level2_cat_list .list h2 i {
                display: inline-block;
                margin-right: 5px;
                color: #1A9FDA;
            }

        .level2_cat_list .list ul {
            list-style: none;
            padding: 0px 0 10px;
            margin: 0;
        }

            .level2_cat_list .list ul li.l1 {
                /* border-bottom: 1px #e0e0e0 dotted; */
                font-size: 12px;
                font-weight: bold;
                /* padding-left: 16px; */
                /* padding-right: 15px; */
                position: relative;
                z-index: 997;
            }

                .level2_cat_list .list ul li.l1.l2 {
                    padding-left: 15px;
                }

                .level2_cat_list .list ul li.l1.l3 {
                    padding-left: 30px;
                }

                .level2_cat_list .list ul li.l1.l4 {
                    padding-left: 70px;
                }

                .level2_cat_list .list ul li.l1 h3 {
                    margin: 0;
                }

                .level2_cat_list .list ul li.l1 a {
                    /* background: url(../images/bgsprite.gif) -287px -5px no-repeat; */
                    color: #333;
                    line-height: 22px;
                    display: block;
                    font-size: 14px;
                    font-weight: normal;
                    *
					width: 198px;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    text-decoration: none;
                    background: url(/images/bl_pro.png) no-repeat 5px 11px;
                    display: block;
                    width: 100%;
                    padding: 5px 10px 5px 20px;
                }

                    .level2_cat_list .list ul li.l1 a i {
                        font-size: smaller;
                        color: #ccc;
                        display: inline-block;
                        margin-right: 5px;
                    }

            .level2_cat_list .list ul li.l2 a i, .level2_cat_list .list ul li.l3 a i, .level2_cat_list .list ul li.l4 a i {
                display: none;
            }

            .level2_cat_list .list ul li.l1 a:hover {
                /* background: none; */
                color: #eb891b;
            }

            .level2_cat_list .list ul li.l1:hover {
                /* background: #ebebeb; */
            }

                .level2_cat_list .list ul li.l1:hover #navsubcat {
                    display: block;
                    position: absolute;
                    top: -20px;
                    left: 222px;
                }

                .level2_cat_list .list ul li.l1:hover a {
                    /* background: none; */
                    color: #eb891b;
                    padding: 5px 10px 5px 25px;
                    background-position: 10px 11px;
                }

.box1 .title h1 span.itemcount {
    font-size: 13px;
    color: #999;
    text-transform: none;
    line-height: inherit;
    padding-left: 5px;
    font-weight: normal;
    display: inline-block;
    border-left: 1px solid #ccc;
    line-height: 16px;
    margin-left: 14px;
    padding-left: 15px;
}
/*select_sx*/
.select_sx {
    position: absolute;
    top: 13px;
    right: 15px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
    color: #333;
    font-weight: normal;
}

/*phantrang*/
.phantrang {
    /* border-top: 1px solid #e0e0e0; */
    /* border-bottom: 1px solid #e0e0e0; */
    padding: 5px;
    /* background: #f3f3f3; */
    overflow: hidden;
    font-size: 11px;
    line-height: 18px;
}

    .phantrang .span1 {
        float: left;
    }

    .phantrang .spe {
        display: inline-block;
        padding: 0 10px;
        float: left;
    }

    .phantrang .trang {
        /* float: left; */
        text-align: center;
        display: block;
    }

        .phantrang .trang .currentpage {
            color: #fff;
            display: inline-block;
            padding: 0 5px;
            font-weight: bold;
            background: #ca2027;
            width: 25px;
            height: 25px;
            text-align: center;
            line-height: 25px;
            border: 1px solid #ca2027;
            border-radius: 3px;
            /* float: left; */
            margin-right: 3px;
        }

        .phantrang .trang .normalpage, .phantrang .trang .firstlast {
            color: #333;
            display: inline-block;
            height: 25px;
            width: 25px;
            text-align: center;
            line-height: 25px;
            border: 1px solid #eee;
            border-radius: 3px;
            /* float: left; */
            margin-right: 3px;
        }

    .phantrang .sx {
        display: inline-block;
        float: right;
    }

        .phantrang .sx select {
            display: inline-block;
            margin-left: 4px;
            font-size: 11px;
        }

    .phantrang .ht {
        display: inline-block;
        float: right;
        padding-right: 25px;
    }

        .phantrang .ht select {
            display: inline-block;
            margin-left: 4px;
            margin-right: 4px;
            font-size: 11px;
            border-radius: 3px;
        }
/*end phantrang*/

/*mb_div_gh_yt*/
.mb_div_gh_yt {
    position: absolute;
    right: 40px; /* min-width: 100px; */
    top: 60px;
    z-index: 224;
    font-size: 18px;
}

    .mb_div_gh_yt a {
        color: #fff;
        position: relative;
        margin-right: 10px;
    }

        .mb_div_gh_yt a:first-child {
            margin-right: 10px;
        }

        .mb_div_gh_yt a i {
        }

        .mb_div_gh_yt a span {
            top: -7px;
            left: 8px;
            color: #fff;
            font-size: 11px;
            height: 16px;
            width: 16px;
            display: block;
            position: absolute;
            background: rgba(100,100,100,0.6);
            border-radius: 8px;
            text-align: center;
            line-height: 16px;
            font-weight: normal;
        }
/*slidesgiaithuong */
.giaithuong_doitac {
    /*position: absolute;
    bottom: 10px;*/
}

.img_giaithuongtc {
    /*padding:5px !important;*/
    width: 100% !important;
    height: 137px !important;
    display: flex !important;
}

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

.slidedoitac img {
    padding: 0 5px;
}
/*socials*/
.socials {
    padding: 8px 0 7px 40px;
    float: left;
}

    .socials span {
        float: left;
        padding-right: 15px;
        line-height: 35px;
        font-weight: bold;
        text-transform: uppercase;
        color: #999;
    }

    .socials a {
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        border: 1px solid #aaa;
        border-radius: 50%;
        display: block;
        float: left;
        margin-right: 5px;
        color: #999;
        font-size: 17px;
        transition: .5s;
    }

        .socials a:hover {
            background: #fff;
            color: #333;
        }

        .socials a i {
        }
/*email_subscription*/
.email_subscription {
}

    .email_subscription input[type=text] {
        height: 30px;
        line-height: 30px;
        width: 166px;
        padding-left: 3px;
        background: #b7b7b7;
        float: left;
        border: none;
        margin-right: 3px;
    }

    .email_subscription a {
        color: #fff;
        background: #eb891b;
        line-height: 30px;
        height: 30px;
        float: left;
        padding: 0 3px;
    }

        .email_subscription a:hover {
            background: #eb891b;
        }

.back-to-top {
    background: #eb891b url(/images/toTop.png) no-repeat;
    background-size: 100%;
    bottom: 85px;
    display: block;
    height: 50px;
    position: fixed !important;
    right: 15px;
    width: 50px;
    z-index: 9999;
    cursor: pointer;
    box-shadow: 1px 1px 3px #888;
    border-radius: 1000px;
}

/*pagination*/
.pagination {
    display: block;
    text-align: center;
}

    .pagination span.currentpage,
    .pagination span a {
        position: relative;
        /* float: left; */
        padding: 6px 12px;
        margin: 0px 3px;
        line-height: 1.428571429;
        text-decoration: none;
        background-color: #5b5b5b;
        border: none;
        font-family: Bitter;
        font-weight: bold;
        color: #fff;
        border-radius: 4px;
    }

        .pagination span.currentpage,
        .pagination span a:hover {
            background-color: #eb891b;
        }

    .pagination span.trang {
        /* float: left; */
        margin: 0 auto;
        line-height: 30px;
        display: block;
    }
/*menungang*/
.menungang {
}

    .menungang ul {
        margin: 0;
        padding: 0;
    }

        .menungang ul li {
            list-style: none;
            float: left;
        }

    .menungang > ul > li > a {
        padding: 17px 19px !important;
        color: #383838;
        text-decoration: none;
        /* text-transform: uppercase; */
        text-align: left;
        font-size: 16px;
        /* font-family: times new roman; */
        line-height: 48px;
        font-weight: bold;
        /* background: url(/images/menu-bg.png) no-repeat 100% 23px; */
        display: block;
    }
    .menungang > ul > li.lang > a{
        padding: 17px 0px !important;
    }
    .menungang > ul > li > a:hover{
        color: #e9870f;
         transition: .5s;
         /*background: url(/images/bg-line.jpg) repeat-x center 15px;*/
    }
    .menungang > ul > li.active > a {
        color: #ea870e;
        /*background: url(/images/bg-line.jpg) repeat-x center 15px;*/
    }

    .menungang > ul > li.noborder > a {
        background: none;
    }

    .menungang > ul > li > a.a_giohangcount, .menungang > ul > li > a.a_likecount {
        position: relative;
        z-index: 1;
        padding: 17px 7px;
    }

    .menungang ul li ul {
        display: none;
        position: absolute;
        top: 64px;
        background: #fafafa;
        padding: 14px;
        box-shadow: 0 0 3px #aaa;
        max-width: 286px;
        /* left: -50px; */
    }

        .menungang ul li ul.ullarge {
            max-width: 520px;
            padding: 20px;
            -webkit-column-width: 220px;
            -moz-column-width: 220px;
            column-width: 220px;
            -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
            -moz-column-gap: 0px; /* Firefox */
            column-gap: 0px;
            -moz-column-fill: auto; /* Firefox */
            column-fill: auto;
            height: 400px;
        }

        .menungang ul li ul.ullarge2 {
            max-width: 520px;
            padding: 20px;
            -webkit-column-width: 220px;
            -moz-column-width: 220px;
            column-width: 220px;
            -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
            -moz-column-gap: 0px; /* Firefox */
            column-gap: 0px;
            -moz-column-fill: auto; /* Firefox */
            column-fill: auto;
            height: 548px;
        }

        .menungang ul li ul.ullarge3 {
            max-width: 756px;
            padding: 20px;
            -webkit-column-width: 220px;
            -moz-column-width: 220px;
            column-width: 220px;
            -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
            -moz-column-gap: 0px; /* Firefox */
            column-gap: 0px;
            -moz-column-fill: auto; /* Firefox */
            column-fill: auto;
            height: 548px;
        }

    .menungang ul li:hover > ul {
        display: block;
    }

    .menungang ul li ul li {
        /* display: block; */
        width: 100%;
        min-height: 30px;
        line-height: 30px;
        text-align: left;
        /* float: left; */
        /* width: 220px; */
        position: relative;
    }

        .menungang ul li ul li img {
            position: absolute;
            right: 0px;
            top: -3px;
            width: 50px;
        }

        .menungang ul li ul li.li_lv3 {
            padding-left: 10px;
            background: url(/images/bullet3-1.png) no-repeat 0px 11px;
        }

        .menungang ul li ul li:hover a {
            color: #eb891b;
        }

        .menungang ul li ul li a {
            display: block;
            color: #000;
            text-decoration: none;
        }

        .menungang ul li ul li a {
            line-height: 20px;
            padding: 5px 0;
            display: block;
        }

        .menungang ul li ul li.li_lv2 a {
            font-weight: bold;
        }

        .menungang ul li ul li.li_lv3 a {
        }
/*form_lh*/
.form_lh {
    font-size: 12px;
}

    .form_lh .item {
        padding: 0 7px;
    }

    .form_lh input[type=text] {
        border: 1px solid #eee;
        background: transparent;
        padding: 3px;
        height: 26px;
        margin-bottom: 7px;
        width: 100%;
    }

        .form_lh input[type=text]:focus {
            outline: none;
        }

        .form_lh input[type=text].txtmaxacnhan {
            width: 83px;
            float: left;
        }

    .form_lh textarea {
        border: 1px solid #eee;
        background: transparent;
        padding: 3px;
        height: 66px;
        /* margin-bottom: 7px; */
        width: 100%;
    }

        .form_lh textarea:focus {
            outline: none;
        }

    .form_lh a {
        float: right;
        color: #fff;
        background: #d23700;
        padding: 0 5px;
        height: 22px;
        line-height: 22px;
        margin-bottom: 10px;
        margin-left: 5px;
        border-radius: 3px;
        transition: .5s;
    }

        .form_lh a:hover {
            text-decoration: none;
            background: #eb1b1b;
        }


/*box3*/
.box3 {
    margin-top: 15px;
}

    .box3 .item {
        /* background: #eb891b; */
        padding: 15px;
        margin-bottom: 15px;
        position: relative;
        border: 1px solid #eb891b;
        border-radius: 15px;
        overflow: hidden;
    }

        .box3 .item .title {
            height: 58px;
            line-height: 58px;
            font-weight: bold;
            /* text-transform: uppercase; */
            font-size: 17px;
            color: #fff;
        }


            .box3 .item .title a {
                color: #fff;
            }

                .box3 .item .title a:hover {
                    text-decoration: none;
                    color: #ca2027;
                }

        .box3 .item .content {
            padding-bottom: 15px;
            line-height: 23px;
            color: #fe801b;
        }
/*fr*/
.fr {
    float: right;
}

/*marqueecontainer2*/

#marqueecontainer {
    position: relative;
    width: 100%; /*marquee width */
    height: 400px; /*marquee height */
    overflow: hidden;
}
/*productcatlist*/
.productcatlist {
    padding-top: 30px;
}

    .productcatlist .item {
        padding-bottom: 30px;
    }

        .productcatlist .item:nth-child(4n+1) {
            clear: both;
        }

        .productcatlist .item .itemcontent {
            border: 1px solid #ffffff;
            border-bottom: 3px solid #fff;
            text-align: left;
            padding-bottom: 15px;
            margin-bottom: 25px;
            border-radius: 20px;
            box-shadow: 0px 10px 10px 4px #eee;
            transition: 0.5s
        }

            .productcatlist .item .itemcontent:hover {
                box-shadow: 0 0 10px #ccc;
                border-bottom: 3px solid #eb891b;
                transition: 0.5s
            }

    .productcatlist a.img {
        display: block;
    }

        .productcatlist a.img div {
            width: 100%;
            height: 300px;
            display: flex;
        }

            .productcatlist a.img div img {
                max-width: 100%;
                max-height: 100%;
                width: auto;
                height: auto;
                margin: auto;
                border-radius: 20px;
            }

    .productcatlist a.a_title {
        display: block;
        margin-top: 10px;
        color: #eb891b;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        transition: .5s;
    }

        .productcatlist a.a_title:hover {
            text-decoration: none;
            color: #ca2027;
        }


@media only screen and (max-width: 767px) {
    .productcatlist .item:nth-child(2n+1) {
        clear: both;
    }
}
/*ho tro lap dat*/
.quick_order_other {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    /* display: none; */
}

    .quick_order_other .wap {
        position: relative;
        /* width: 283px; */
        display: none;
    }

    .quick_order_other .pheader {
        position: absolute;
        top: 23px;
        left: 128px;
        height: 32px;
        width: 218px;
        cursor: pointer;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px;
    }

    .quick_order_other .text_note {
        font-size: 11px;
        position: absolute;
        top: 63px;
        left: 130px;
        width: 216px;
        text-align: center;
    }

        .quick_order_other .text_note a {
            color: #333;
        }

.title_hotro {
}

#quick_order {
    position: absolute;
    bottom: 21px;
    left: 136px;
    width: 163px;
    height: 22px;
    color: #a9a9a9;
    font-size: 11px;
    padding: 2px 4px;
    font-size: 11px;
    border: 1px solid #ddd;
}

    #quick_order.hastext {
        font-weight: bold;
        color: #333;
    }

    #quick_order:focus {
        outline: none;
    }

#btn_quick_order {
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 21px;
    right: 18px;
    width: 35px;
    height: 22px;
    background: #EB891A;
    border: none;
    font-size: 12px;
}

.quick_order_other .error {
    position: absolute;
    bottom: 4px;
    left: 138px;
    font-size: 10px;
    color: #df280a;
    font-weight: bold;
}

.quick_order_other .min_quick_order {
    width: 201px;
    cursor: pointer;
    margin-left: 8px;
    background: url(/images/min-quick-order.png) no-repeat;
    padding-left: 40px;
    padding-top: 6px;
    height: 30px;
    color: #fff;
    font-weight: bold;
    /* text-transform: uppercase; */
    /* font-size: 13px; */
}

.htld {
    position: absolute;
    bottom: 47px;
    left: 137px;
    width: 196px;
    height: 22px;
    font-size: 11px;
    padding: 2px 3px;
    /* text-align: center; */
    font-weight: normal;
    color: rgb(169, 169, 169);
    font-size: 11px;
    border: 1px solid #ddd;
}

    .htld.hastext {
        color: #333;
    }

.sdt {
    bottom: 18px;
}

.img_tt {
    width: 100%;
    height: 222px;
    display: flex;
    border: 1px solid #ddd;
    padding: 2px;
}

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

@media only screen and (max-width: 767px) {
    .quick_order_other {
        display: none;
    }
}
/*popup*/
#backgroundPopup, #backgroundPopup_email {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 1199;
}

#popupContact, #popupContact_email {
    display: block;
    z-index: 9999;
    position: absolute;
    _position: absolute; /* hack for internet explorer 6*/
    padding: 7px;
    font-size: 13px;
    z-index: 9999;
    top: 77.5px;
    width: 100%;
    text-align: center;
    color: #fff;
}

    #popupContact img {
        padding: 0px;
        background: none;
    }

.img_poup {
    max-width: 100%;
    margin: auto;
    text-align: center;
}

#popupContact h1 {
    text-align: left;
    color: #FFFFFF;
    font-size: 25px;
    font-weight: bold;
    border-bottom: 1px dotted #D3D3D3;
    padding-bottom: 2px;
    margin-bottom: 20px;
}

#popupContactClose {
    font-size: 14px;
    line-height: 14px;
    /* float: right; */
    color: #FFF;
    font-weight: bold;
    display: block;
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    top: -9px;
}

#popupContact_email {
    top: 200px;
}

    #popupContact_email .img_poup {
        width: 392px;
        margin: auto;
        background: #fff;
        color: #333;
        height: 175px;
        border-radius: 12px;
    }

    #popupContact_email #popupContactClose {
        font-size: 13px;
        line-height: 29px;
        float: none;
        color: #fff;
        font-weight: bold;
        display: block;
        background: #EB891C;
        padding: 7px 0;
        text-align: right;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        padding-right: 9px;
        margin-bottom: 22px;
        background: #EB891C url("/images/logo-khoaviettiep.png") no-repeat 3px 2px;
        height: 49px;
        background-size: 146px;
    }

#backgroundPopup_email {
    display: block;
}

#contactArea {
    padding: 5px;
    margin: 0 auto;
    text-align: center;
}

#button {
    text-align: center;
    margin: 100px;
}

.thongbao_traglienhe #popupContact_email {
    top: -450px;
}

    .thongbao_traglienhe #popupContact_email .img_poup {
        margin-left: 100px;
    }

.map_lh iframe {
    width: 100%;
    height: 442px;
}

.ttlienhe {
    /* padding-left: 15px; */
    margin: 35px 0;
    padding-bottom:30px;
    background:url('/images/bg-contact-line.jpg') repeat-x bottom center;
}

@media only screen and (max-width: 645px) {
    .footer1 {
        padding: 12px 0 41px;
    }

    .footer2 {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    .guimail_footer {
        display: none;
    }

    .show_video2 iframe {
        height: 250px;
    }

    #spchitiet_huongdansudung iframe {
        display: none;
    }

    .tai_file_mobile {
        display: block;
    }
}

.summary {
    margin-top: 10px;
}


/*timecountdown*/
.timecountdown {
    position: absolute;
    top: 236px;
    /* width: 100px; */
    /* height: 100px; */
    margin: 0 0 0 -360px;
    left: 50%;
    font-family: 'utmNewtra';
    z-index: 10000;
}

    .timecountdown .sp1 {
        display: block;
        float: left;
        width: 139px;
        /* height: 100px; */
        color: #fff;
        margin-right: 56px;
        font-size: 93px;
        font-style: italic;
        text-shadow: -1px 4px 0px #cf400d;
        line-height: 66px;
    }

    .timecountdown .sp2 {
        display: block;
        float: left;
        width: 130px;
        /* height: 100px; */
        color: #fff;
        margin-right: 66px;
        font-size: 93px;
        font-style: italic;
        text-shadow: -1px 4px 0px #cf400d;
        line-height: 66px;
    }

    .timecountdown .sp3 {
        display: block;
        float: left;
        width: 129px;
        /* height: 100px; */
        color: #fff;
        margin-right: 66px;
        font-size: 93px;
        font-style: italic;
        text-shadow: -1px 4px 0px #cf400d;
        line-height: 66px;
    }

    .timecountdown .sp4 {
        display: block;
        float: left;
        width: 128px;
        /* height: 100px; */
        color: #fff;
        font-size: 93px;
        font-style: italic;
        text-shadow: -1px 4px 0px #cf400d;
        line-height: 66px;
    }

.a_link_to_fanpage {
    display: block;
    position: absolute;
    z-index: 10000;
    top: 500px;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-style: italic;
    font-size: 27px;
    line-height: 20px;
    font-weight: bold;
    left: 0;
    font-family: 'utmNewtra';
}

    .a_link_to_fanpage:hover {
        text-decoration: none;
        color: #fff;
    }

@media only screen and (max-width: 767px) {
    /*timecountdown*/
    .timecountdown {
        position: absolute;
        top: 91px;
        /* width: 100px; */
        /* height: 100px; */
        margin: 0px 0 0 -133px;
        left: 50%;
        font-family: 'utmNewtra';
    }

        .timecountdown .sp1 {
            display: block;
            float: left;
            width: 52px;
            /* height: 100px; */
            color: #fff;
            margin-right: 20px;
            font-size: 33px;
            font-style: italic;
            text-shadow: -1px 4px 0px #cf400d;
            line-height: 29px;
        }

        .timecountdown .sp2 {
            display: block;
            float: left;
            width: 50px;
            /* height: 100px; */
            color: #fff;
            margin-right: 20px;
            font-size: 33px;
            font-style: italic;
            text-shadow: -1px 4px 0px #cf400d;
            line-height: 29px;
        }

        .timecountdown .sp3 {
            display: block;
            float: left;
            width: 52px;
            /* height: 100px; */
            color: #fff;
            margin-right: 20px;
            font-size: 33px;
            font-style: italic;
            text-shadow: -1px 4px 0px #cf400d;
            line-height: 29px;
        }

        .timecountdown .sp4 {
            display: block;
            float: left;
            width: 52px;
            /* height: 100px; */
            color: #fff;
            font-size: 33px;
            font-style: italic;
            text-shadow: -1px 4px 0px #cf400d;
            line-height: 29px;
        }

    #contactArea {
        width: 306px;
        margin: 0 auto;
    }

    #popupContact img {
        width: 296px;
        margin: 0 auto;
    }

    .a_link_to_fanpage {
        display: block;
        position: relative;
        z-index: 10000;
        top: -30px;
        text-align: center;
        width: 100%;
        color: #ffffff;
        font-style: italic;
        font-size: 11px;
        line-height: 20px;
        font-weight: bold;
        font-family: 'utmNewtra';
    }

        .a_link_to_fanpage:hover {
            text-decoration: none;
            color: #fff;
        }
}
.icon-social .fa{
    padding: 5px;
    border: 1px solid;
    border-radius: 50%;
    margin-right: 5px;
    width: 25px;
    height: 25px;
}
.w-btn-viewmore{
    margin: 0 auto;
    text-align: center;
    max-width:300px;
}
.w-btn-viewmore a.btn-viewmore{
    padding: 12px 62px;
    padding-top: 24px;
    /* border: 1px solid #ea870f; */
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    /*background: #f38120;*/
    background:url('/images/bg-btn-viewmore.png') no-repeat center;
    /* border-radius: 10px; */
}
.w-btn-viewmore span{
    font-size: 28px;
    font-weight: 600;
    color: #f3760c;
    padding-top: 15px;
    background: url('/images/bg-line.jpg') no-repeat top center;
}


@media (min-width: 1200px){
    .container {
    /* width: 1359px; */
}
}
.title.product span{
    padding:0 25px;
    padding-bottom: 10px;
    background: url('/images/bg-line.jpg') no-repeat bottom center;
}
.title.product >a >span{
    color:#999;
    /*transition: 0.5s;*/
    text-decoration:none;
    background: none;
}
.title.product >a >span:hover{
    color:#ff7500;
    /*transition: 0.5s;*/
    background: url('/images/bg-line.jpg') no-repeat bottom center;
    
}
.w-adw{
    margin-bottom:60px;
}
.w-adw .item-block{
    border: 1px solid #ff7500;
    border-radius: 5px 25px 5px 25px;
    padding:10px; 
}
.block-news .items{
    padding:15px;
}
.block-news .items:hover{
    /*border: 1px solid #eee;*/
    border-radius: 20px;
    box-shadow: 0px 5px 10px 8px #eee;
    transition:0.5s;
}
.box-trangchu3 .items:hover .item a.a_title {
        color:#f48120;
        transition: 0.5s;
    }
/*.w-contact socials*/
.w-contact{
    padding-bottom:0px;
}
.w-contact .socials {
    padding: 30px 0 7px 0px;
    float: left;
}

 .w-contact   .socials span {
        float: left;
        padding-right: 15px;
        line-height: 35px;
        font-weight: bold;
        text-transform: uppercase;
        color: #999;
    }

.w-contact    .socials a {
        width: 55px;
        height: 55px;
        text-align: center;
        line-height: 55px;
        border: 1px solid #f37409;
        border-radius: 50%;
        display: block;
        float: left;
        margin-right: 5px;
        color: #f3760c;
        font-size: 26px;
        transition: .5s;
    }

.w-contact        .socials a:hover {
            background: #fff;
            color: #ff5a00;
            font-size: 30px;
            transition: .5s;
        }

  .w-contact      .socials a i {
        }
  .w-map{
      width: 100%;
    border-top: 3px solid #f3760c;
  }
  .sub{
      margin: 0 auto;
      max-width: 50%;
      position: relative;
      top: 28px;
  }
  .sub .view-more{
      border: 2px solid #f15b29;
      border-radius: 10px;
      padding: 11px 20px;
      color: #f15b29;
      font-weight: 600;
      width: 100%;
      margin: 0 -4px 2px 0px;
  }
.sub .btn.view-more {
    border: 1px solid #f15b29 !important;
    border-radius: 0 10px 10px 0!important;
    padding: 14px 20px;
    color: #fff !important;
    font-weight: 600;
    background: #f15b29 !important;
    margin-top: 0px;
    right: 4px;
    position: absolute;
    max-width: 100px;
}
.w-left{
    margin-top:15px;
}
.w-box{
    background: url(/images/bg-title-block-bottom.png) no-repeat bottom center;
    padding-bottom: 5px;
    margin-bottom: 40px;
}
.spchitiet-right{
    background: url(/images/bg-title-block-bottom.png) no-repeat bottom center;
    padding-bottom: 5px;
    margin-bottom: 40px;
    margin-top: 40px;
}
.menungang > ul > li.lang > a > img{
    padding: 10px 5px;
    border-top: 1px solid #f4822c;
    border-bottom: 1px solid #f4822c;
}
.menungang > ul > li.lang.first > a > img{
    padding-left: 5px;
    border-left: 1px solid #f4822c;
    border-radius: 5px 0 0 5px;
}
.menungang > ul > li.lang:last-child > a > img{
    padding-right: 5px;
    border-right: 1px solid #f4822c;
    border-radius: 0px 5px 5px 0;
}
ul.dl-menu li.lang a{
    float: left;
    padding:8px;
    
}
ul.dl-menu li.lang a::after{
    content: none;
}