body,
html {
    font-family: 'Times New Roman', sans-serif !important;
    font-size: 14px;
    color: #1a1a1a;
    background: #ffffff
}

.menu-mobile {
    display: none
}

header {
    background: #fff none repeat scroll 0 0;
    position: relative;
    z-index: 1000
}

#etalage li,
.right-etalage ul li {
    list-style: none;
}

.box-tt ul {
    padding: 0px;
}

.show-dc {
    transition: all .5s ease;
    display: block !important
}

.bgr-hover-js {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999
}

.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important
}

a {
    text-decoration: none !important
}

a:hover {
    color: #685531 !important
}

li {
    margin-bottom: 3px !important
}

ul {
    margin-bottom: 6px !important
}

.boxprice {
    height: 50px;
}

.about.text-center ul {
    list-style: initial;
    padding-left: 20px;
}

.about.text-center h1 {
    text-align: center;
}

.about.text-center {
    text-align: -webkit-auto !important;
}

.top-header {
    background: #685531;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 2.5px 0;
    width: 100%
}

.top-header a:hover {
    color: #1a1a1a !important
}

.top-header .col-sm-5>ul {
    display: flex;
    margin-bottom: 0;
    position: relative;
    vertical-align: middle
}

.top-header .col-sm-5>ul .local {
    background: rgba(0, 0, 0, 0) url("../images/img-local.png") no-repeat scroll left center;
    padding-left: 25px;
    line-height: 25px
}

.top-header .col-sm-5>ul>li {
    display: inline-block;
    padding: 0px 11px;
    vertical-align: middle
}

.top-header .col-sm-5>ul>li a {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase
}

.top-header .col-sm-7>ul {
    display: block;
    float: right;
    position: relative
}

.top-header .col-sm-7>ul li {
    display: inline-block;
    margin-left: 25px;
    vertical-align: middle
}

.top-header .col-sm-7>ul li a {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    padding: 2px 0px;
    text-transform: uppercase
}

.logo.text-center {
    display: block;
    padding: 0;
    position: relative;
    width: 100%
}

.logo.text-center>a {
    display: inline-block;
    margin: 0 auto
}

.menu {
    display: block;
    position: relative;
    width: 100%
}

.menu .search {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    position: absolute;
    vertical-align: middle
}

.menu .search input {
    border: medium none;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    display: none;
    margin-top: -5px;
    padding: 5px 10px;
    vertical-align: top;
    transition: all .5s ease
}

.menu .search button {
    background: transparent none repeat scroll 0 0;
    border: medium none
}

.menu .box-menu {
    text-align: center;
    width: 100%
}

.menu .box-menu>ul>li {
    display: inline-block;
    margin-right: 26px
}

.menu .box-menu>ul>li>a {
    color: #1a1a1a;
    display: block;
    padding: 0 0 15px;
    position: relative
}

.menu .box-menu>ul>li>a::after {
    background: url("../images/bgr-hv-menu.png") no-repeat;
    z-index: 9999999;
    background-size: 100%;
    bottom: -12px;
    content: "";
    height: 12px;
    left: auto;
    position: absolute;
    right: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .5s ease 0s;
    width: 100%
}

.menu .box-menu>ul>li>a:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .5s ease 0s
}

.menu .box-menu>ul>li .kid {
    border-top: 1px solid #f3f3f3;
    background: #fff;
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 99999
}

.menu .box-menu>ul>li .kid>li {
    border-right: 1px solid #f0f0f0;
    box-sizing: border-box;
    display: inline-block;
    padding-top: 30px;
    text-align: center;
    width: 16.4%
}

.menu .box-menu>ul>li .kid>li>a {
    color: #000000;
    display: block
}

.menu .box-menu>ul>li .kid>li>a>img {
    display: block;
    margin: 35px auto
}

.menu .box-menu>ul>li>li:last-child {
    border-right: 0 none
}

.slogan {
    background: #fff none repeat scroll 0 0;
    margin: 40px auto 30px
}

.slogan h1 {
    color: #4c4c4c;
    display: block;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1pt;
    margin: 0;
    padding: 9px 0
}

.title {
    margin-bottom: 20px;
    position: relative;
    text-align: center
}

.title::after {
    background: #b3b3b3 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: 0
}

.title h2,
.title h3 {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 0 10px;
    position: relative;
    text-align: center;
    z-index: 0
}

.image-gallery {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative
}

.pro {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    padding: 5px 15px;
    position: relative;
    text-align: center
}

.pro>a>img {
    display: block;
    height: 220px;
    position: relative;
    transition: all .5s ease 0s
}

.pro .name {
    border-top: 1px solid #e5e5e5;
    color: #1a1a1a;
    display: block;
    font-size: 16px;
    padding: 20px 0;
    text-align: center
}

.pro .name:hover {
    color: #685531
}

.pro:hover>a>img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all .5s ease 0s
}

.pro>a:nth-child(1) {
    display: block;
    margin-bottom: 20px;
    overflow: hidden
}

.collection {
    margin-bottom: 30px
}

.collection img {
    width: 100%
}

.news {
    margin-bottom: 30px;
    position: relative
}

.news .uu-dai {
    background: #fff none repeat scroll 0 0;
    padding: 15px 30px
}

.news .uu-dai>h2 {
    border-bottom: 1px solid #ebebeb;
    font-size: 20px;
    margin: 0 0 15px;
    padding-bottom: 20px;
    text-align: center
}

.news .uu-dai>a>img {
    display: block;
    height: 240px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.news .box-news>ul>li {
    display: block;
    margin-bottom: 7px !important;
    position: relative
}

.news .box-news>ul>li>i {
    font-size: 20px;
    margin-right: 0px;
    vertical-align: bottom
}

.news .box-news>ul>li>a {
    color: #4c4c4c;
    display: initial;
    font-size: 15px;
    width: 90%;
}

.news .box-news>ul>li>p {
    color: #808080;
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 34px
}

.news .box-news>ul>li:hover i,
.news .box-news>ul>li:hover a {
    font-weight: 600
}

.videos {
    display: block;
    margin-bottom: 40px;
    position: relative;
    width: 100%
}

.videos .yt_holder embed {
    width: 100%;
    height: 360px
}

.videos .box-videos {
    height: 360px;
    overflow: scroll
}

.videos .box-videos>h4 {
    background: #685531 none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    margin: 0;
    overflow: hidden;
    padding: 17px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#tenvideoac {
    background: #685531 none repeat scroll 0 0;
    color: #fff;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    padding: 17px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.videos .box-videos .demo1>li {
    list-style: none;
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    padding: 7px;
    position: relative;
    margin-left: 0px;
}

.videos .box-videos .demo1>li:hover {
    background: #e6e6e6 none repeat scroll 0 0
}

.videos .box-videos .demo1>li::after {
    clear: both;
    content: "";
    display: table
}

.videos .box-videos .demo1 .vide-img {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 20%
}

.videos .box-videos .demo1>li:hover a {
    color: #0d0d0d !important
}

.videos .box-videos .demo1 .box-right-video {
    display: block;
    float: right;
    width: 80%
}

.videos .box-videos .demo1 .box-right-video>a {
    color: #0d0d0d;
    display: block;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.videos .box-videos .demo1 .box-right-video>p {
    color: #808080;
    font-size: 10px;
    margin-bottom: 0;
    margin-top: 5px
}

.footer-top {
    background: #685531 none repeat scroll 0 0;
    color: #fff;
    padding: 25px 0 40px
}

.footer-top .box-tt {
    padding-left: 19%
}

.footer-top .box-tt>h4 {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto 10px;
    padding-bottom: 11px;
    position: relative
}

.footer-top .box-tt>h4::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 115px
}

.footer-top .box-tt li {
    margin-bottom: 5px !important;
    list-style: none;
}

.footer-top .box-tt li a {
    color: #fff;
    font-size: 18px
}

.footer-top .box-tt li a:hover {
    color: #1a1a1a !important
}

.footer-top .box-tt li:last-child {
    margin-bottom: 0 !important
}

.footer-middle {
    background: #ffffff none repeat scroll 0 0;
    padding: 20px 0 10px
}

.footer-middle .box-kn>h4 {
    font-size: 16px;
    letter-spacing: .6pt;
    margin: 0 auto 15px;
    text-align: center;
    font-weight: 600;
    color: #1a1a1a;
}

.footer-middle .box-kn.ht p {
    color: #4d4d4d;
    font-size: 12px
}

.footer-middle .box-kn.text-center p {
    color: #4d4d4d;
    font-size: 15px
}

.footer-middle .box-kn.text-center>input {
    border: 1px solid #d2d2d2;
    color: black;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-right: 15px;
    padding: 15px 17px;
    width: 150px
}

.footer-middle .box-kn.text-center .csstell {
    width: 250px
}

.footer-middle .box-kn.text-center a>input[type="button"] {
    background: #685531 none repeat scroll 0 0;
    width: 125px;
    padding: 11px 17px;
    border: medium none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.footer-middle .box-kn.one li {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    margin-bottom: 10px !important;
    width: 50%
}

.footer-middle .box-kn.one li>i {
    background: #000000 none repeat scroll 0 0;
    border-radius: 30%;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    padding: 3px 5px
}

.footer-middle .box-kn.one li a {
    color: #4d4d4d;
    font-size: 15px
}

.footer-bottom {
    background: #685531 none repeat scroll 0 0;
    padding: 14px 0 1px
}

.footer-bottom>h4 {
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .6pt;
    margin-bottom: 5px;
    margin-top: 0
}

.footer-bottom>p {
    color: #ffffff;
    font-size: 11px;
    letter-spacing: .6pt;
    font-weight: 300;
}

.box-kn.one {
    position: relative
}

.box-kn.one::after {
    clear: both;
    content: "";
    display: table
}

.brecum {
    margin: 23.5px auto
}

.brecum a {
    color: #0d0d0d;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase
}

#etalage {
    float: left;
    width: 70%
}

#etalage img {
    height: 350px !important;
    width: 100% !important;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.right-etalage {
    float: left;
    margin-left: 7px;
    position: relative;
    height: 351px;
    overflow-y: auto;
}

.right-etalage .img-responsive {
    display: block;
    height: 115px;
    margin-bottom: 6px;
    width: 115px;
    cursor: pointer
}

.profile>h1 {
    font-size: 20px;
    margin: 0 auto 20px;
    font-weight: bold;
}

.profile>p {
    color: #4c4c4c;
    font-size: 13px;
    margin-bottom: 20px
}

.profile .box-code-product {
    border-bottom: 1px solid #e6e5e0;
    border-top: 1px solid #e6e5e0;
    padding: 15px 0
}

/* nut dat mua chi tiet san pham.profile .box-code-product td{color:#1a1a1a;font-size:16px;padding:1px 3px}.profile .box-price{padding:15px 0;position:relative}.profile .box-price .price-contanct{color:#0d0d0d;display:block;font-size:18px;margin-bottom:7px}.profile .box-price>p{color:#1a1a1a;font-size:13px;margin-bottom:7px}.profile .box-price a input{background:#685531 none repeat scroll 0 0;border:medium none;bottom:17%;color:#fff;padding:10px 15px;position:absolute;right:0}.left-sigle{background:#fff none repeat scroll 0 0;padding:15px 45px}.left-sigle h1.text-center{font-size:20px;letter-spacing:1pt;margin-bottom:20px;margin-top:0}.left-sigle .box-chi-tiet{border-top:1px solid #e5e5e5;padding:15px 0}*/

.profile .box-code-product td {
    color: #1a1a1a;
    font-size: 16px;
    padding: 1px 3px
}

.profile .box-price {
    padding: 15px 0;
    position: relative
}

.profile .box-price .price-contanct {
    color: #0d0d0d;
    display: block;
    font-size: 18px;
    margin-bottom: 7px
}

.profile .box-price>p {
    color: #1a1a1a;
    font-size: 13px;
    margin-bottom: 7px
}

.profile .box-price a input {
    background: #685531 none repeat scroll 0 0;
    border: medium none;
    bottom: 17%;
    color: #fff;
    padding: 10px 15px;
    position: absolute;
    right: 0
}

.left-sigle {
    background: #fff none repeat scroll 0 0;
    padding: 15px 45px
}

.left-sigle h1.text-center {
    font-size: 20px;
    letter-spacing: 1pt;
    margin-bottom: 20px;
    margin-top: 0
}

.left-sigle .box-chi-tiet {
    border-top: 1px solid #e5e5e5;
    padding: 15px 0
}

.left-sigle .box-chi-tiet h2.text-center {
    color: #4c4c4c;
    font-size: 28px;
    margin-bottom: 40px;
    margin-top: 0;
    font-weight: bold;
}

.left-sigle .box-chi-tiet>h4:nth-child(2) {
    text-align: center
}

.left-sigle .box-chi-tiet>h4 {
    color: #4c4c4c;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 0
}

.left-sigle .box-chi-tiet>p {
    color: #4c4c4c;
    font-size: 13px;
    margin-bottom: 10px
}

.left-sigle .box-chi-tiet img {
    width: 15px;
    display: block;
    margin: 0 auto 40px;
    text-align: center;
    max-width: 100%
}

.sigle-top {
    margin-bottom: 40px
}

.sigle {
    margin-bottom: 40px
}

.right-sigle {
    background: #fff none repeat scroll 0 0;
    margin-right: 15px;
    padding: 15px;
    text-align: center
}

.right-sigle>h2 {
    margin-top: 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 20px;
    padding-bottom: 20px;
    text-align: center
}

.right-sigle .box-sp-cung-loai {
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 0
}

.right-sigle .box-sp-cung-loai>a>img {
    display: block;
    height: 210px;
    margin: 0 auto 20px;
}

.right-sigle .box-sp-cung-loai>a.name {
    color: #0d0d0d;
    font-size: 17px
}

.right-sigle .box-sp-cung-loai:last-child {
    border: medium none;
    margin-bottom: 0;
    padding-bottom: 0
}

.banner img {
    width: 100%
}

.about {
    padding: 30px 0
}

.about h2 {
    font-size: 16px;
    margin: 0 auto 15px;
    letter-spacing: .6pt
}

.about p {
    font-size: 14px;
    margin-top: 10px;
}

.products1 {
    margin-bottom: 40px;
    display: block;
    width: 100%
}

.products1 .box-nhan-cuoi {
    position: relative;
    margin-bottom: 40px;
    background: #fff
}

.products1 .box-nhan-cuoi>h2 {
    border-bottom: 2px solid #f0f0f0;
    font-size: 16px;
    margin: 0 30px;
    padding: 15px 0
}

.products1 .box-slide-nhan-cuoi {
    display: block;
    padding: 20px 55px;
    position: relative;
    width: 100%
}

.products1 .box-slide-nhan-cuoi .navition i {
    color: #d7d7d7;
    font-size: 50px
}

.products1 .box-slide-nhan-cuoi .navition .nextt {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 3%;
    top: 35%
}

.products1 .box-slide-nhan-cuoi .navition .privew {
    cursor: pointer;
    display: block;
    left: 3%;
    position: absolute;
    top: 35%
}

.products1 .box-slide-nhan-cuoi .pro>a:nth-child(1) {
    margin-bottom: 0
}

/* nut dat mua hang .products1 .box-slide-nhan-cuoi .pro .name{border:medium none;font-size:16px;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}.products1 .box-slide-nhan-cuoi .pro .price{font-size:14px;font-weight:600;margin-bottom:10px}.products1 .box-slide-nhan-cuoi .pro a input{background:#685531 none repeat scroll 0 0;border:medium none;border-radius:4px;color:#fff;padding:10px 15px}.products1 .box-slide-nhan-cuoi .pro>input:hover{color:#0d0d0d !important}.products1 .navi{margin-top:20px}.products1 .navi li{display:inline-block;margin-right:8px}.products1 .navi a{background:#b3b3b3 none repeat scroll 0 0;border-radius:3px;color:#fff;display:block;font-size:16px;padding:5px 10px}.products1 .navi a:hover{color:#0d0d0d !important}.products1 .navi li.active a{background:#685531 none repeat scroll 0 0;border-radius:3px;color:#fff;display:block;font-size:16px;padding:5px 10px}.box-product2 .box-slide-nhan-cuoi{padding:35px 55px}.box-product2 .box-slide-nhan-cuoi .pro{margin:5px 5px 35px;overflow:hidden;padding:0;height: 400px}.box-product2 .box-slide-nhan-cuoi .pro>a:nth-child(1){margin-bottom:0}.box-product2 .box-slide-nhan-cuoi .pro>a:nth-child(1) img{height:220px;width:100%}.about.products2 h2{color:#b3b3b3}.tit{border-bottom:1px solid #f0f0f0;font-size:20px;margin:0 auto 20px;padding-bottom:20px;text-align:center}.news-left{background:#fff none repeat scroll 0 0;padding:15px 40px 25px}.news-left .box-content-news{font-size:13px;padding:0 45px}.news-left .box-content-news>h4{color:#000;margin-bottom:40px;margin-top:20px;text-align:center}.news-left*/

.products1 .box-slide-nhan-cuoi .pro .name {
    border: medium none;
    font-size: 16px;
    padding-bottom: 10px
}

.products1 .box-slide-nhan-cuoi .pro .price {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.products1 .box-slide-nhan-cuoi .pro a input {
    background: #685531 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    padding: 10px 15px
}

.products1 .box-slide-nhan-cuoi .pro>input:hover {
    color: #0d0d0d !important
}

.products1 .navi {
    margin-top: 20px
}

.products1 .navi li {
    display: inline-block;
    margin-right: 8px
}

.products1 .navi a {
    background: #b3b3b3 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 5px 10px
}

.products1 .navi a:hover {
    color: #0d0d0d !important
}

.products1 .navi li.active a {
    background: #685531 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 5px 10px
}

.box-product2 .box-slide-nhan-cuoi {
    padding: 35px 55px
}

.box-product2 .box-slide-nhan-cuoi .pro {
    margin: 5px 5px 35px;
    overflow: hidden;
    padding: 0;
    height: autop
}

.box-product2 .box-slide-nhan-cuoi .pro>a:nth-child(1) {
    margin-bottom: 0
}

.box-product2 .box-slide-nhan-cuoi .pro>a:nth-child(1) img {
    height: 220px;
    width: 100%
}

.about.products2 h2 {
    color: #b3b3b3
}

.tit {
    border-bottom: 1px solid #f0f0f0;
    font-size: 20px;
    margin: 0 auto 20px;
    padding-bottom: 20px;
    text-align: center
}

.news-left {
    background: #fff none repeat scroll 0 0;
    padding: 15px 40px 25px
}

.news-left .box-content-news {
    font-size: 13px;
    padding: 0 45px
}

.news-left .box-content-news>h4 {
    color: #000;
    margin-bottom: 40px;
    margin-top: 20px;
    text-align: center
}

.news-left .box-content-news strong {
    /*display:block;margin-bottom:30px*/
}

.news-left .box-content-news>p {
    margin-bottom: 15px
}

.news-left .box-content-news img {
    margin-bottom: 20px;
    max-width: 100%;
    object-fit: contain;
}

.news-left .box-content-news .description-image-news {
    color: #808080;
    font-size: 11px;
    margin-bottom: 25px
}

.news-right {
    background: #fff none repeat scroll 0 0;
    margin-right: 15px;
    padding: 15px 40px;
    text-align: center
}

.news-right .box-news-right {
    border-bottom: 1px solid #f0f0f0;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%
}

.news-right .box-news-right>a>img {
    display: block;
    margin-bottom: 25px;
    width: 100%;
}

.news-right .box-news-right .name {
    color: #0d0d0d;
    font-size: 16px
}

.news-right .right-down {
    border: 1px solid #685531;
    border-radius: 50%;
    color: #685531;
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px
}

.news-right .right-down i {
    font-size: 25px
}

.news-right .hidden-new-right {
    margin-top: 25px;
    display: none
}

.left-blog .box-danh-muc {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 15px 20px
}

.left-blog .box-danh-muc .tit {
    border-bottom: 1px solid #f0f0f0;
    font-size: 20px;
    margin: 0 auto 20px;
    padding-bottom: 20px;
    text-align: center
}

.left-blog .box-danh-muc li {
    display: block;
    padding: 3px 0
}

.left-blog .box-danh-muc li a {
    color: #555;
    font-size: 13px;
    letter-spacing: .6pt;
    margin-left: 5px
}

.left-blog .quang-cao {
    display: block;
    margin-bottom: 20px;
    width: 100%
}

.left-blog .quang-cao img {
    width: 100%
}

.left-blog .box-news-new {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 15px 20px
}

.left-blog .box-news-new .items-news {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 10px
}

.left-blog .box-news-new .items-news>a {
    color: #0d0d0d;
    display: block;
    letter-spacing: .6pt
}

.left-blog .box-news-new .items-news>p {
    color: #777;
    font-size: 11px;
    font-style: italic
}

.left-blog .blog-news-hot {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 15px 20px
}

.left-blog .blog-news-hot>a>img {
    display: block;
    margin-bottom: 10px;
    width: 100%
}

.left-blog .blog-news-hot .box-items-hot {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 10px
}

.left-blog .blog-news-hot .box-items-hot>a>img {
    display: block;
    margin-bottom: 10px;
    width: 100%
}

.left-blog .blog-news-hot .box-items-hot>.name-items-hot {
    color: #0d0d0d;
    display: block;
    font-size: 15px
}

.left-blog .blog-news-hot .box-items-hot>p {
    color: #777;
    font-size: 13px;
    font-style: italic;
    font-weight: bold
}

.left-blog .blog-news-hot .box-items-hot:last-child {
    border-bottom: 0 none;
    margin-bottom: 0
}

.right-blog {
    background: #fff none repeat scroll 0 0;
    display: block;
    margin-bottom: 20px;
    margin-right: 15px;
    padding: 15px 20px;
    position: relative
}

.right-blog .box-new-right-blog {
    border-bottom: 1px solid #f0f0f0;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative
}

.right-blog .box-new-right-blog:last-child {
    border: medium none;
    margin-bottom: 0
}

.right-blog .box-new-right-blog::after {
    clear: both;
    content: "";
    display: table
}

.right-blog .box-new-right-blog>a {
    box-sizing: border-box;
    float: left;
    width: 30%
}

.right-blog .box-new-right-blog .right-text-blog {
    box-sizing: border-box;
    float: left;
    padding-left: 15px;
    width: 70%
}

.right-blog .box-new-right-blog .right-text-blog>h2 {
    margin: 0 auto 15px
}

.right-blog .box-new-right-blog .right-text-blog>h2 a {
    color: #0d0d0d;
    font-size: 20px
}

.right-blog .box-new-right-blog .right-text-blog>p {
    color: #777;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
}

.videos .box-videos .demo1 .box-right-video {
    padding-left: 10px;
}

.title h2,
.title h3 {
    text-transform: uppercase;
}

.box-tt h4 a {
    color: #fff !important;
    text-transform: uppercase;
}

.menu .box-menu>ul>li .kid>li>a>img {
    display: block;
    height: 200px;
    margin: 5px auto;
    width: 200px;
}

.search:hover input {
    display: block;
    transition: all 0.5s ease 0s;
}

.menu .box-menu>ul>li .kid>li {
    vertical-align: top;
}

/*phantrang*/
.menu .box-menu>ul>li .kid>li {
    border-right: 1px solid #f0f0f0;
    box-sizing: border-box;
    display: inline-block;
    padding-top: 10px;
    text-align: center;
    width: 16.4%;
}

h2 {
    margin-bottom: 10px !important;
}

.tablePaging {
    border-color: RGB(0, 61, 121);
    font-family: 'Times New Roman', Times, serif !important;
    font-size: 12px;
    margin: 5px auto;
}

.tablePaging td a {
    border: 1px solid #dfe0df;
    background: #ffffff;
    padding: 4px 7px;
    margin: 2px;
    color: #5aa9de;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.tablePaging td a:hover {
    background: #63aede;
    color: #fff;
    border: 1px solid #1f79b4;
}

p.priceNY {
    text-decoration: line-through;
}

.tablePaging td span {
    border: 1px solid #1f79b4;
    background: #5aa9de url(../images/bg_pager.png) repeat-x;
    padding: 4px 7px;
    margin: 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
}

.cartlist_button span {
    width: auto;
    color: #FFF;
    border-radius: 3px;
    padding: 0 35px 0 15px;
    background: #98854D;
    display: inline-block;
    margin: 10px;
}

.box-content-news ul {
    list-style: unset !important;
    margin-left: 25px;
    text-align: center;
    padding-top: 15px;
}

.rbox-header {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 43px;
    background: url(../images/bgg.png) 7px 7px no-repeat #98854D;
    text-transform: uppercase;
    font-size: 15px;
    position: relative;
    color: #FFF;
    float: left;
}

.cart-list {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin: -1px 0 0;
    border-left: 1px solid #91BEE8;
    border-right: 1px solid #91BEE8;
    border-bottom: 1px solid #91BEE8;
}

table {
    max-width: 100%;
    background-color: transparent;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.cart-list th {
    font-weight: inherit;
    padding: 5px;
}

.cart-list td,
.cart-list th {
    border: 1px solid #E1E1E1;
}

table th,
table td {
    text-align: left;

}

.box-cart td {
    text-align: center;
}

.cart-list td,
.cart-list th {
    border: 1px solid #E1E1E1;
}

.button-order,
.next-buy,
ul.online li icon {
    float: right;
}

.button-email {
    border: 0;
    cursor: pointer;
    margin: 10px 0 0;
    overflow: visible;
    vertical-align: middle;
    background: #98854d;
    color: #fff;
    height: 40px;
    padding: 0 10px;
}

.products1 .box-nhan-cuoi::after {
    content: "";
    display: table;
    clear: both;
}

.container .search a img {
    height: auto;
}

.item .pro a img {
    /* height: auto; */
    width: 100% !important;
    max-width: 100% !important;
    object-fit: contain;
}

.box-new-right-blog a img {
    height: auto;
}

.quang-cao a img {
    height: auto;
}

.tablePaging td span {
    background: #685531 none repeat scroll 0 0;
    border: 0 none !important;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: 17px;
    margin: 2px;
    padding: 5px 10px;
    width: 100%;
}

.box-footermobile {
    display: none;
}

.menu .box-menu>ul>li .kid>li>a {

    font-weight: bold;
}

.products1 .box-nhan-cuoi h2 a {
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
    margin: 0 30px;
    padding: 15px 0;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
}

.about h2 {
    font-size: 16px;
    margin: 0 auto 15px;
    letter-spacing: .6pt;
    text-transform: uppercase;
    font-weight: bold;
}

.uu-dai h2 a {
    color: black;
}

.tagtindau {
    font-weight: 600;
    font-size: 16px !important;
    color: #1a1a1a !important;
}

.tit {
    font-weight: bold;
    text-transform: uppercase;
}

.news-left .box-content-news>h4 {
    font-weight: bold;
    font-size: 25px;
}

.news-left .box-content-news>h3 {
    line-height: unset;
    margin-bottom: 10px;
    font-size: 15px;
}

.news-left .box-content-news>h2 {
    font-size: 19px;
}

.news-left .box-content-news h3 strong {
    font-size: 15px;
}

.left-blog .box-danh-muc .tit {
    text-transform: uppercase;
}

.news .box-news>ul>li>i {
    width: 3%;
}

.menu .menu-pro:hover>ul.kid {
    display: block!important;
}

.box-news,
.videos .box-videos,
.box-tt>ul,
.box-kn.ht>ul,
.footer-bottom>p,
.box-kn>ul {
    font-family: "Times New Roman" !important;
}

.title h2,
.title h3 {
    font-family: "Times New Roman" !important;
    font-weight: normal;
}

.videos .box-videos .demo1 .box-right-video>a {
    font-size: 12px;
    color: #323232;
}

.footer-middle .box-kn.text-center p,
.footer-middle .box-kn.one li a {
    color: #4d4d4d;
    font-size: 16px;
}

.news .box-news>ul>li>a {
    font-size: 13px;
}

.box-kn.ht span {
    color: #4d4d4d;
}

.footer-middle .box-kn.ht p {
    color: #4d4d4d;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
}

.box-kn.text-center li {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 70%;
}

.slogan h1 {
    font-family: "Times New Roman" !important;
    font-weight: normal;
}

.menu .box-menu,
.title h2,
.title h3 {
    font-family: "Times New Roman" !important;
    font-weight: 600;
}

.uu-dai h2 a {
    font-family: "Times New Roman" !important;
}

.menu .box-menu>ul>li>a,
.menu .box-menu>ul>li .kid>li>a {
    text-transform: uppercase;
    font-weight: normal !important;
    font-size: 14px !important;
}

.news .box-news>ul>li>p {
    font-size: 12px;
    font-weight: 300 !important;
}

.html5-video-player a {
    color: #fff !important;
    font-family: 'Times New Roman', sans-serif !important;
    font-size: 16px;
}

.box-kn.ht span {
    color: #323232 !important;
    font-size: 11px;
    font-weight: 400;
}

.footer-middle .box-kn.text-center>input {
    border: 1px solid #d2d2d2;
    color: #808080;
    float: left;
    font-size: 9px;
    margin-right: 15px;
    padding: 11px 17px;
    width: 150px;
    font-weight: 300;
    letter-spacing: 0.4pt;
}

.logo .img-responsive {}

#owl1 .img-responsive {
    height: 400px;
}

.news-right>.tit {
    margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
    #etalage {
        float: left;
        height: 350px !important;
        width: 350px !important;
    }
}

.box-product2 .box-slide-nhan-cuoi .pro>a:nth-child(1) img {
    height: 235px;
    width: 270px !important;
}

@media screen and (max-width: 480px) {
    #subiz_desktop {
        display: block !important
    }

    .mail-pc,
    .ten-ho-tro-pc {
        display: none !important
    }

    #cfacebook a.chat_fb {
        width: 125px !important;
    }

    .footer-top .col-xs-12.col-sm-6.col-md-3 {
        width: 50%;
        height: 220px;
    }

    .box-footerpc {
        display: none;
    }

    .box-footermobile {
        display: block;
    }

    .box-footermobile .box-tt {
        box-sizing: border-box;
        display: inline-block;
        float: left;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left;
        width: 50%;
        padding-left: 21px !important;
    }

    .footer-top .box-tt>h4::after {
        background: transparent none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 115px;
    }

    .footer-top .box-tt>h4 {
        border-bottom: 1px solid #fff;
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        margin: 0 auto 10px;
        padding-bottom: 11px;
        position: relative;
    }

    .box-menu0,
    .box-menu1 {
        clear: both;
        margin-bottom: 15px;
    }

    .box-menu0::after,
    .box-menu1::after {
        clear: both;
        content: "";
        display: table;
    }

    .box-tt h4 a {
        color: #fff !important;
        font-size: 12px;
    }

    .profile>h1 {
        font-size: 19px !important;
    }
}

@media screen and (max-width: 640px) {
    #cfacebook {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        bottom: 0;
        box-shadow: 6px 6px 6px 10px rgba(0, 0, 0, 0.2);
        height: auto;
        left: 0;
        overflow: hidden;
        position: fixed;
        right: auto;
        width: 250px;
        z-index: 2147483647;
    }

    .profile>h1 {
        font-size: 19px !important;
    }
}

@media screen and (max-width:640px) {
    .top-header .hidden-xs.col-sm-7 {
        clear: both;

    }

    .profile>h1 {
        font-size: 19px !important;
    }

    #subiz_desktop {
        display: block !important
    }

    .mail-pc,
    .ten-ho-tro-pc {
        display: none !important
    }

    #cfacebook a.chat_fb {
        width: 125px !important;
    }
}

#subiz_desktop {
    display: none;
    z-index: 1;
}

.local {
    position: relative;
    display: inline-block;
}

.local .add {
    visibility: hidden;
    width: 269px;
    background-color: #685531;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 18px 0;
    top: 46px;
    left: -17px;
    position: absolute;
    z-index: 1;
}

.local:hover .add {
    visibility: visible;
}

.top-header .container {
    width: 100%;
}

li.hotro pre {
    background: #685531;
    color: #fff;
    font-family: 'Times New Roman', Times, serif !important;
    font-size: 12px;
    margin-top: 5px;
}

@media screen and (min-width:1px) and (max-width:479px) {
    .top-header .col-sm-5>ul {
        display: block !important;
        position: relative;
        vertical-align: middle;
    }

    .cloimg-item a img {
        width: 100% !important;
        height: auto !important;
    }

    .box-body.center.quangcaovong img {
        width: 100% !important;
        height: auto !important;
    }

    .clodoitac img {
        width: 100% !important;
        height: auto !important;
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .top-header .col-sm-5>ul {
        display: block !important;
        position: relative;
        vertical-align: middle;
    }

    .box-body.center.quangcaovong img {
        width: 100% !important;
        height: auto !important;
    }

    .cloimg-item a img {
        width: 100% !important;
        height: auto !important;
    }

    .clodoitac img {
        width: 100% !important;
        height: auto !important;
    }
}

@media screen and (min-width:768px) and (max-width:1000px) {

    .top-header .col-sm-5>ul {
        display: block !important;
        position: relative;
        vertical-align: middle;
    }

    .cloimg-item a img {
        width: 100% !important;
        height: auto !important;
    }

    .box-body.center.quangcaovong img {
        width: 100% !important;
        height: auto !important;
    }

    .clodoitac img {
        width: 100% !important;
        height: auto !important;
    }
}

@media screen and (min-width:640px) and (max-width:767px) {
    .top-header .col-sm-5>ul {
        display: block !important;
        position: relative;
        vertical-align: middle;
    }

    .cloimg-item a img {
        width: 100% !important;
        height: auto !important;
    }

    .box-body.center.quangcaovong img {
        width: 100% !important;
        height: auto !important;
    }

    .clodoitac img {
        width: 100% !important;
        height: auto !important;
    }
}

.Noidunghomepage {
    margin: 0 auto;
    width: 1170px;
    padding: 0 15px;
}

.box-body.center.quangcaovong img {
    width: 100%
}

.slide img {
    margin: 0 auto;
    height: 499px !important;
    object-fit: cover;
}



.boxa {
    width: 50%;
    padding-top: 20px;
    margin-left: 50%;
}

.boxa .box-author-name {
    border-bottom: 1px solid black;
    height: 30px;
    margin-bottom: 15px;
}

.boxa .box-author-name h3 {
    text-align: center;
    text-transform: uppercase;
    color: black;
    font-weight: 700;
}

.boxa .box-author-name h3:before {
    content: "";
    width: 110px;
    height: 0px;
    background: black;
    position: absolute;
    margin-top: 29px;
}

.left-sigle .box-chi-tiet .boxa .box-img,
.news-left .box-content-news .boxa .box-img {

    width: 93px;
    height: 93px !important;
    border-radius: 50%;
    border: 1px solid #f25a29;
    object-fit: contain;
    margin-left: 36%;
}

.boxa .box-content h3 {
    display: none;
    margin: 0 0 5px 0;
}

.left-sigle .box-chi-tiet .boxa .foo-social {
    text-align: center;
    padding: 20px 0px 5px 0px;
    margin: 0 !important;
    list-style: none;
}

.left-sigle .box-chi-tiet .boxa .foo-social li,
.news-left .box-content-news .boxa .foo-social li {
    display: inline-block;
    margin: 0 5px 0 0 !important;
}

.left-sigle .box-chi-tiet .boxa img,
.news-left .box-content-news .boxa img {
    width: 15px;
    margin-bottom: 0;
}

.left-sigle .box-chi-tiet h3 {
    line-height: unset;
    margin-bottom: 10px;
}

div#subiz_desktop {
    display: none !important;
}

.ctrlq.fb-button {
    width: 50px !important;
    height: 50px !important;
    background-size: 70% !important;
}

.fb-livechat .sbubble-msg {
    display: none !important;
}


.bubble {
    width: 0px !important;
}

.foo-social li:nth-child(4) {
    display: none !important;
}

.foo-social li:nth-child(5) {
    display: none !important;
}