/* CSS Document */
@font-face {
font-family:roboto-r;
src:url("font/roboto1/Roboto-Regular.ttf");
font-display: swap;
}
@font-face {
font-family:roboto-b;
src:url("font/roboto1/Roboto-Bold.ttf");
font-display: swap;
}
html, body{font-family:roboto-r;font-size: 16px;color: #333;width: 100%;height: 100%;line-height: 1.5;background: #fff;}
.owl-theme .owl-dots .owl-dot span{width: 15px;height: 15px;}
.owl-theme .owl-dots .owl-dot span{background: #c1bfbf;}
.clear{clear:both;height: 0;}
.hiden{display:none;}
h6{font: 16px/26px roboto-b} 
img{max-width: 100%;}
a{color: #333;}
a:hover{text-decoration: none;color: #fe9b4b;}
button:focus{    outline:none;}
td, th {
    padding: 5px;text-align: left;
}
table{max-width: 100%;}
.mg-30t{margin:30px 0;}
.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}
.img-responsive{max-width: 100%;}
.pdr-0{padding-right: 0;}
.ul-none{margin: 0;padding: 0;list-style: none;}
.header{    background-color: #2c2c2c;padding: 10px 0;position: relative;}
.head-l{float: left;}
.head-r{float: right;}
.logo a{position: relative;
    display: inline-block;
    padding: 10px;
    border: 3px solid #CDB28F;}
.logo img{max-width: 200px;}
.menu{float: left;}
.menu-lv1{display: inline-block;    padding: 10px 10px 10px 0;position: relative;}
.menu-lv1 h2 a{font: 500 14px/60px roboto-r;color: #fff;text-transform: uppercase;display: block;}
.menu-lv1 h2 a:hover{color: #ccb28d}
.menu-lv1 h2{padding: 0 10px;margin:0;}
.menu-lv1 h2 i{margin-left: 5px;}
.menu-lv1 h2:hover > a{text-decoration: none;}
.menu-lv1 ul{position: absolute;top: 100%;background: #fff;display:none; z-index: 69;     padding: 10px 0;
  border-top: 2px solid #ccb28d;box-shadow: 0px 4px 13px -3px #808080;}
.menu-lv1 ul a{display: block;position: relative;padding: 0 20px; line-height: 32px;white-space: nowrap;
 font-size: 14px;font-family:roboto-r;min-width: 200px;color: #666666;}
.menu-lv1 ul a:hover{color: #ccb28d;text-decoration: none;}  
.menu-lv1 > .fas{display: none;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    width: 55px;
    height: 55px;line-height: 55px;
    text-align: center;}
.slider{position: relative;padding: 0;}
.owl-carousel .owl-wrapper-outer {
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.slider .owl-pagination{position: absolute;bottom: 15px;width: 100%;}
.slider li img{width: 100%;}
.dis-img{position: absolute;top: 50%;left: 50%;margin-right: 10px;margin-top: -70px; max-width: 450px;}
.dis-img h3{    font-size: 48px;
    color: #000000;
    font-weight: 300;}
.dis-img p{    font-size: 16px;line-height: 26px;
    margin-bottom: 0;margin-bottom: 20px;
    color: #777777;}
.b-slide{padding: 8px 30px;
    background: #202020;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 400;}
.b-slide:hover{background: #ccb28d;}
.owl-pagination{text-align: center;}
.owl-page{display: inline-block;margin: 0 5px}
.owl-page span{width: 18px;height: 18px;border-radius: 50%;background: #e2e2e2;
display: inline-block;}
.owl-page.active span{background: #CDB28F;}
.search-cart{float: right;}
.cart, .search{    
        float: right;
    color: #fff;
    position: relative;
    margin-left: 15px;
    margin-top: 30px;}
.cart > .fa-shopping-cart, .click-se{font-size: 16px;cursor: pointer;}
.box-se {
    position: absolute;
    top: 120%;
    right: -8px;
}
.text-height{height: 70px;}
.form-se{position: relative;}
.form-se input{width: 230px;
    padding-right: 30px;
    border-radius: 0;}
.icon-search{position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    text-align: center;
    line-height: 34px;
    color: #2c2c2c;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    background: no-repeat;
    height: 34px;}
.icon-cart{cursor: pointer;}
.cart-inf{position: absolute;top: 100%;display: none;    background-color: #2c2c2c;    padding: 15px;padding-top: 60px;    
right: 0; width: 350px;    z-index: 68;}
.img-b{display: block;}
.sp-cart1{padding-right: 15px;}
.sp-cart1 h3{font-size: 16px;margin-bottom: 10px;margin-top: 0; line-height: 22px;}
.sp-cart1 p{margin-bottom: 5px;}
.del-cart{position: absolute;top: 3px;right: 15px;cursor: pointer;}
.li-cart{padding-bottom: 10px;margin-bottom: 15px;    border-bottom: 1px solid #CDB28F; }
.more-cart{float: left;display: block;background: #bd8c4d;line-height: 34px;padding: 0 10px;color: #fff;}
.tong-cart{float: right;line-height: 34px; color: #fff;font-size: 16px;}
.cart:hover .cart-inf{display: block;}
.more-cart:hover{color: #fff;text-decoration: none;background: #e28308;}
.sp-moi{margin:30px 0;}
.a-imgsp{display: block;position: relative;   background: #eee;height: 270px;}
.a-imgsp img{position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
.a-imgsp:hover .img1{    visibility: hidden;
    transition: all 0.2s ease-in-out;}
.a-imgsp .img2{    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;}
.a-imgsp:hover .img2{display: block;    visibility: visible;
    opacity: 1;}
.sp{    margin: 0 0 30px 0;}
.sp h3{    text-align: center;    margin: 10px 0;height: 27px;overflow: hidden;}
.sp h3 a{        font-size: 16px;
    line-height: 22px;
    color: #000;}
.price-h{text-align: center;font-size: 16px;}
.price-af{display: inline-block;;margin: 0 10px;color: #000;}
.price-be{text-decoration: line-through;display: inline-block;margin: 0 10px;color: #999;}
.a-imgsp:hover .img1{display: none;}
.a-imgsp:hover .img2{display: block;}
.tit-home{text-align: center;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;}
.tit-home:before {
    position: absolute;
    content: "";
    left: 50%;
    width: 100px;
    height: 2px;
    bottom: 0;
    margin-left: -50px;
    background: #CDB28F;
}
.des-tithome{text-align: center;color: #777;    width: 50%;
    margin: 0 auto; margin-bottom: 30px;}
.gt-home{background: url(../image/gt-bg.jpg) no-repeat top center;
    background-size: 100% 100%;
    background-attachment: fixed;color: #fff;    padding: 60px 0 30px 0;text-align: justify;}
.tit-line{padding-bottom: 10px;position: relative;margin-top: 0}
.tit-line:before {
    position: absolute;
    content: "";
    left: 0;
    width: 100px;
    height: 2px;
    bottom: 0;
    background: #CDB28F;
}
.cate-list{text-align: center;margin-bottom: 15px;}
.cate-list a{margin:0 5px 15px 5px;    display: inline-block;
    padding: 0 15px;
    line-height: 40px;border: 1px solid #e2e2e2;}
.cate-list a:hover{ border-color: #fe9b4b; }
.dm-des{text-align: justify;margin-bottom: 15px;color: #333;}
.dm-des img{max-width: 100%;}
.des-gt p{line-height: 24px;}
.dmsp-h{position: relative;display: block;margin-bottom: 30px;border: 1px solid #fff;overflow: hidden;}
.dmsp-h:before{    background-color: #000;    opacity: 0.5;position: absolute;
    content: "";z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;}
.dmsp-h h2{position: absolute;z-index: 1;margin:0;top: 50%;color: #fff;font-size: 16px;width: 80%;
text-align: center;left: 10%;margin-top: -11px;line-height: 22px;text-transform: uppercase;}
.more-gt a{display: inline-block;padding:10px 30px;color: #fff;
border: 1px solid #fff;}
.more-gt a:hover{background: #CDB28F;}
.dmsp-h img{width: 100%;transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;}
.dmsp-h:hover img{    transform: scale(1.1);}
.sale-pr{position: absolute;top: 0;    left: 0px;}
.onsale{        background: #ea0202;
    color: #fff;
    width: 36px;
    text-align: center;
    padding: 8px 0;
    display: block;
    position: relative;
    font-size: 14px;}
.onsale:before{border: 1px solid #ea0202;
    border-color: #ea0202 #ea0202 transparent transparent;
    border-width: 9px 10px;
    position: absolute;
    right: 0;
    bottom: -16px;
    content: '';}
.onsale:after{    border: 1px solid #ea0202;
    border-color: #ea0202 transparent transparent #ea0202;
    border-width: 9px 10px;
    position: absolute;
    left: 0;
    bottom: -16px;
    content: '';}
.number1{background: url(../image/so1.jpg) no-repeat top center;
    background-size: 100% 100%;
    background-attachment: fixed;color: #fff;padding:50px 0;text-align: justify;}
.number1 .tit-line{margin-top: 0;}
.img-sep iframe{max-width: 100%;}
.des-so1 p{line-height: 24px;}
.des-so1 i{margin-right: 10px; color:#CDB28F;}
.yk-kh{padding:30px 0; background: #eeeeee;}
.yk{text-align: center;}
.review-box{margin:15px 0;}
.testimonial-img{margin:0 auto;width: 150px;}
.testimonial-img img{border-radius: 50%;}
.testimonial-content{margin:15px 0;font-size: 16px;line-height: 24px;}
.testimonial-content h6{font-size: 16px; font-weight: 400;color: #000;}
.testimonial-content h6 span{font-weight: normal;color: #333;}
.review-box .owl-dots .owl-dot.active span, .review-box .owl-dots .owl-dot:hover span{background: #a77c46}
.footer{background: #2c2c2c;padding:30px 0;}
.li-menuf h4{   
    padding-bottom: 5px;border-bottom: 1px solid #404040; font: 16px/20px roboto-r;
    color: #fff;text-transform: uppercase;
    margin-bottom: 15px;}
.menuf2 {color: #999;}
.menuf2 a{color: #999;    transition: all 400ms ease 0s;
    -webkit-transition: all 400ms ease 0s;
    -moz-transition: all 400ms ease 0s;}
.menuf2 a i{margin-right: 10px;font-size: 12px;}
.bct {margin-top:10px;display: inline-block;}
.bct img{max-width: 150px;}
.menuf2 li{margin-bottom: 10px;}
.menuf2 a:hover{    color: #CDB28F;    margin-left: 10px;}
.menuf{padding-bottom: 15px;margin-bottom: 30px;border-bottom: 1px solid #404040;    text-align: justify;}
.marketing{color: #999;}
.email-dk{position: relative;margin-bottom: 15px;}
.in-email{width: 100%;    padding: 12px 15px;height: 35px;
    font-size: 14px;
    color: #333;
    background-color: #eee;border:none;}
.email-dk button{position: absolute;top:0;right: 0;width: 45px;text-align: center;color: #fff;
background: #dc9130;line-height: 33px;border: none;}
.list-icons li{float: left; margin-right: 10px;margin-bottom: 5px;}
.list-icons li a{color: #fff;display: block;    background-color: #545353;font-size: 16px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    transition: all .6s ease 0;
    width: 40px;}
.list-icons li a:hover{background: #dc9130;}
.inf-footer h4{color: #fff;text-transform: uppercase;font-size: 16px;margin-bottom: 15px;margin-top: 0;
padding-bottom: 10px;position: relative;}
.inf-footer h4:before{    position: absolute;
    content: "";
    left:0;
    width: 100px;
    height: 2px;
    bottom: 0;
    background: #CDB28F}
.contact_us{color: #fff;}
.contact_us li{margin-bottom: 10px;min-height: 30px;}
.contact_us li > i{    line-height: 30px;
    width: 30px;
    background: #ccb28d;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 14px;
    margin-right: 15px;}
.line-h{line-height: 30px;color: #fff;}
.line-h a{color: #fff;}
.map-f iframe, iframe{max-width: 100%;}
.map-alt{color: #fff; text-decoration: underline;}
.map-alt:hover{color: #CDB28F;}
.diachi-f:before {
    content: '';
    position: absolute;
    height: 60%;
    width: 1px;
    background: #404040;
    right: 0;
    top: 45px;
}
.diachi-f:last-child:before{display: none;}
.box-se, .menu-mb{display: none;}
.box-menu{display: none;}
.des-page{    text-align: center;
    width: 70%;
    margin: 20px auto;}
.box-page{margin:20px 0;}
.ul-bread li{display: inline-block;color: #666;margin-right: 7px;}
.ul-bread li a{color: #666;}
.ul-bread li:last-child{display: none;}
.bo-loc{text-align: center;}
.phanloai, .sapxep{display: inline-block;margin:5px 10px;border: 1px solid #666;padding: 5px 20px;
cursor: pointer;}
.phanloai:hover, .sapxep:hover{border-color: #CDB28F;color: #CDB28F }
.pagination-box{text-align: center;    margin: 15px 0;}
.pagination-box a{display: inline-block;font-size: 16px;    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.pagination-box a span{width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    margin: 0 5px;
    background-color: #eee;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #787878;}
.pagination-box a span:hover{background: #CDB28F;color: #fff;}
.breadcrumb{margin: 15px 0;}
.breadcrumb a{color: #333;}
.loc-sp{margin:20px 0;padding:20px 0;border-bottom: 1px solid #999;border-top: 1px solid #999;}
.loc-sp > div{margin-bottom: 10px;    line-height: 28px;}
.dm-c{display: inline-block;border:1px solid #999;padding: 0 5px;color: #333;margin-bottom: 5px;}
.dm-c:hover{border-color: #CDB28F;
    color: #CDB28F;}
.k-gia{display: inline-block;}
.tit-loc{min-width: 100px;display: inline-block;}
.ul-bread li a:hover{color: #CDB28F;}
.star-box{margin-bottom: 10px;}
.star-box li{float: left;border-left: 1px solid #444;padding-left: 10px;margin-left: 10px;color: #444;}
.star-box li:first-child{border-left: none;padding-left: 0;margin-left: 0;}
.star-box li i{color: #f5971f;}
.inf-r{text-transform: capitalize;    line-height: 22px;}
.h1-spview{    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;    border-bottom: 1px solid #e2e2e2;    position: relative;
line-height: 30px;margin-bottom: 15px;}
.h1-spview span {
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
}
.h1-spview span:before {
    content: "";
    border-bottom: 1px solid #ccaa58;
    bottom: -1px;
    left: 0;
    width: 100%;
    position: absolute;
}
.tit-page{margin-bottom: 20px;margin-top: 0;}
.phantrang{text-align: center;}
.phantrang .pagination>li>a, .phantrang .pagination>li>span{    border: 1px solid #999;color: #333;font-size: 16px;}
.phantrang .pagination>li>a:focus, .phantrang .pagination>li>a:hover, .phantrang .pagination>li>span:focus,
 .phantrang .pagination>li>span:hover{background-color: #ccb28d; color: #fff;}
#icon-fixed-right {
    width: 35px;
    position: fixed;
    left: 0px;
    top: 40%;
    z-index: 100;
}
#icon-fixed-right a {
    display: block;
    height: 35px;
}
.icons_2019 {
    display: inline-block;
    background: url(/front/image/sprite_2019.png?v=2.2) no-repeat;
    vertical-align: middle;
}
#icon-fixed-right a i {
    width: 35px;
    height: 35px;
}
#icon-fixed-right a:nth-child(1) i {
    background-position: -169px -63px;
}
#icon-fixed-right a:nth-child(2) i {
    background-position: -169px -99px;
}
#icon-fixed-right a:nth-child(3) i {
    background-position: -169px -135px;
}
#icon-fixed-right a:nth-child(4) i {
    background-position: -169px -170px;
}
#icon-fixed-right a.nd-icon {
    width: 40px;
    color: #fe9b4b;
    box-sizing: border-box;
    border: 1px solid #fe9b4b;
    border-radius: 100%;
    height: 40px;
    padding: 0px;
    text-align: center;
    margin-left: 8px;
    margin: 8px;
}
#icon-fixed-right a.nd-icon:hover {
    /*! background-color: #0000002b; */
    color: #fe9b4b;
    box-shadow: 0px 0px 6px #fe9b4b inset;
}
#icon-fixed-right a.nd-icon i {
    margin-top: 8px;
    font-size: 23px;
}
._popup {
    position: fixed;
    width: 100%;
    z-index: 10000;
    align-content: center;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(11, 11, 11, 0.47);
    display: none;
}
._popup.show {
    display: block;
    animation: InOpacity;
}
._popup .popup-content {
    position: fixed;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
}
._popup.show .popup-content {
    animation: showPopup 0.4s;
}
._popup .popup-content a {
    display: block;
}
#popupModal .owl-pagination {
    top: -34px;
}
#popupModal .close-button {
    position: absolute;
    top: -19px;
    right: -11px;
    z-index: 1000000000000;
    font-size: 40px;
    color: #ffffff;
    opacity: 1;
}
#popupModal .close-button:hover {
    color: red;
    opacity: 1;
}
#popupModal .owl-controls {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
#popupModal .nd-owl-carousel {
    margin-bottom: 0px;
}
#popupModal .modal-dialog {
    margin-top: 110px;
}
#popupModal .modal-body {
    padding: 0;
}
#popupModal .modal-body .owl-controls .owl-page.active span {
    background: rgba(255, 255, 255, 0.9);
}
.btn-nd-close {
    position: absolute;
    right: 4px;
    top: 6px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
}
.btn-nd-close:hover {
    opacity: 1;
}
.btn-nd-close:before, .btn-nd-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
}
.btn-nd-close:before {
    transform: rotate(45deg);
}
.btn-nd-close:after {
    transform: rotate(-45deg);
}
.fancybox-thumbs {
    background: #dddddd4a;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    z-index: 99995;
    bottom: 0px;
}
.thumbnail-slider-container{overflow: hidden;margin: 0 -5px;margin-bottom: 15px;}
.name-spview{font-size: 24px;line-height: 32px;
        margin: 0 0 10px;border-bottom: 1px solid #e2e2e2;
    font-family: 'roboto-b';color: #444;}
.name-spview span{    display: inline-block;
    padding-bottom: 10px;
    position: relative;}
.name-spview span:before {
    content: "";
    border-bottom: 1px solid #ccaa58;
    bottom: -1px;
    left: 0;
    width: 100%;
    position: absolute;
}
.time-page{ line-height: 16px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 15px;}
.time-page span{display: inline-flex;float: left;}
.trafic{margin-right: 10px; display: none !important;}
.zalo-follow-only-button{line-height: 10px;height: 28px;width: 100px;}
.masp-view {
    font: 16px/26px "roboto-r";
    color: #525149;
    position: relative;
    margin: 0 0 10px;
    border-bottom: 1px solid #e2e2e2;
}
.box-1 {
        display: inline-block;
    position: relative;
    padding-bottom: 10px;
    line-height: 26px;
    font-size: 16px;
}
.box-1:before {
    content: "";
    border-bottom: 1px solid #ccaa58;
    bottom: -1px;
    left: 0;
    width: 100%;
    position: absolute;
}
.datmua {
    margin-top: 30px;
}
.datmua .detail{   float: left;
    margin-bottom: 15px;
    font: 16px/46px "roboto-b";
    text-transform: uppercase;
    color: #fff;
    background: #ccaa58;
    text-align: center;
    border: 1px solid #ccaa58;
    width: 170px;}
.datmua .detail:hover{    opacity: 0.8;}
.datmua a i, .goingay a i {
    font-size: 16px;
    margin-right: 5px;
}
.datmua .phone-sp i{font-size: 20px;}
.phone-sp {
    float: right;
    margin-bottom: 15px;
    font: 16px/46px "roboto-b";
    text-transform: uppercase;
    color: #333;
    border: 1px solid #333;
    width: 170px;
    text-align: center;
}
.phone-sp img {
        margin-top: -4px;
    margin-right: 5px;
    display: inline-block;
}
.price-b span {
    font: 20px/24px "roboto-b";
    color: red;
}
.price-b .re-price{color: #333;
    margin-top: 5px;
    font-size: 16px;}
.camk {
    position: relative;
    padding-left: 40px;
}
.camk-left{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #f3f3f3;}
.camk img {
    position: absolute;
    top: 0;
    left: 0;
}
.camk h6 {
    font: 14px/22px "roboto-b";
    color: #333;
    margin: 0;
}
.camk p {
    font: 14px/22px "roboto-r";
    color: #666;
    margin: 0;
}
#sync1{margin-bottom: 10px;border: 1px solid #e2e2e2;}
#sync1 .item img { margin: 0 auto;max-width: 100%;}
                #sync2 .item .thum-box {
                    height: 86px;
                    text-align: center;
                    position: relative;
                    border: 1px solid #e2e2e2;
                    margin: 0 5px;
                }
                #sync2 .item .thum-box:hover{cursor: pointer;}
                #sync2 .thum-box img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    margin: auto;
                    max-height: 100%;
                    max-width: 100%;
                }
                #sync2 .synced .item .thum-box {
                    border-color: #ccaa58;
                }
.pr-head1{padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #e2e2e2;}
.pr-head{padding-bottom: 15px;margin-bottom: 30px;border-bottom: 1px solid #e2e2e2;}
.pro_mota{margin-bottom: 15px;text-align: justify;}
.pro_mota img{max-width: 100%;}
.bonus{border:1px solid #e2e2e2;padding: 10px;    margin-bottom: 30px;}
.bonus li{padding-left: 44px;position: relative;    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;min-height: 45px; 
    padding-bottom: 10px;}
.bonus ul > li:last-child{border: none;padding-bottom: 0;margin-bottom: 0;}
.bonus li i{width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #ccaa58;
    border-radius: 50%;
    color: #ccaa58;
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 20px;}
.bonus1 a{text-decoration: underline;}
.bonus1 span{color: red;}
.bonus4 a{color: #fe9b4b;}
.comment{margin: 30px 0;background: #fff;border: 1px solid #e2e2e2;padding: 15px;}
.tit-dmsp{margin: 0 0 15px;
    border-bottom: 1px solid #e2e2e2;font: 14px/20px "roboto-r";color: #333;}
.tit-dmsp span{padding-bottom: 5px;
    border-bottom: 1px solid #ccaa58;
    margin-bottom: -1px;
    display: inline-block;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 40px;}
.sp-lq{margin-bottom: 30px;}
.nk-modal-header {
    border-bottom: none;
    z-index: 100000;
    position: absolute;
    top: -10px;
    right: 10px;
}.nk-modal-header .close {
    font-size: 40px;
    color: #000;
    opacity: 1;
}.popup-sp .modal-content {
    padding: 30px;
}.pr-head {
    margin-bottom: 10px;
}.img-view {
    margin-bottom: 10px;
    color: transparent;
    font-size: 0px;
}.product-detail .popup-image-view {
    margin-left: auto;
    margin-right: auto;
    display: block;
}.dm-view {
    text-transform: uppercase;
    color: #333;
    margin: 70px 0 15px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    font: 20px/30px "roboto-b";
}.popup-sp .dm-view {
    padding-top: 0;
    margin-top: 0;
}.dm-view span {
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
}.dm-view span:before {
    content: "";
    border-bottom: 1px solid #ccaa58;
    bottom: -1px;
    left: 0;
    width: 100%;
    position: absolute;
}.inf-dat {
    font: 15px/22px "roboto-r";
    color: #333333;
}.product-detail .popup-title {
    color: #666;
    font: 14px/22px "roboto-r";
}.inf-dat .color-y {
    color: #ccaa58;
    font-family: "roboto-b";
}.product-detail .inf-dat .color-y {
    color: #ccaa58;
    font-family: "roboto-b";
    font: 14px/22px "sf-l";
}.dathang-f input {
    height: 42px;
    border-radius: 0;
    margin-bottom: 15px;
}.buttom-d {
    display: block;
    background: #ccaa58;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font: 16px/48px "roboto-r";
    margin-bottom: 15px;
    width: 100%;
    border: none;
}.product-detail .dathang-f .buttom-d {
    margin-top: 10px;
}.camket-p {
    font: 16px/22px "roboto-r";
    color: #666;margin-top: 15px;
}
.list-news h3{margin: 0 0 5px;height: 44px;overflow: hidden;line-height: 1px;}
.list-news h3 a{font: 16px/22px "roboto-b";color: #333;}
.list-news h3 a:hover{color: #CDB28F}
.list-news p{font: 14px/22px "roboto-r";color: #333;margin-bottom: 30px;height: 66px;overflow: hidden;text-align: justify;}
.img-news{    display: block;margin-bottom: 10px;border: 1px solid #e2e2e2;
    position: relative;height: 200px;}
.img-news img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;
height: 100%;object-fit:cover;}
.news-item h3{margin:5px 0; line-height: 16px;    height: 42px;
    overflow: hidden;}
.news-item h3 a{    color: #333;
    font-family: roboto-b;text-align: justify;
    font-size: 14px;line-height: 16px;}
.news-item{margin-bottom: 15px;}
.des-news {
    line-height: 22px;
    height: 90px;
    overflow: hidden; 
}
.more-page a{background: #ccb28d;border-radius: 30px;font: 16px/40px "roboto-b";
    color: #fff;padding: 0 40px;display: inline-block;}
.more-page a:hover{opacity: 0.8;}
.main-post img{max-width: 100%;}
.news-cate li{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #e2e2e2;}
.ha-news{float: left;width: 250px;margin-right: 15px;border: 1px solid #e2e2e2;}
.news-cate > li:last-child{border: none;}
.news-cate li h3{margin:0 0 10px 0;}
.news-cate li h3 a{    font: 16px/22px "roboto-b";color: #333;}
.news-cate li h3 a:hover{color: #fe9b4b;}
.news-cate li .info-new{font: 14px/22px "roboto-r";color: #333;}
.zalo-chat{position: fixed;bottom: 25px;right: 95px;z-index: 96;}
.zalo-chat img{border-radius: 15px;} 
.tit-l{text-align: left;}
.tit-l:before {left: 0;margin-left: 0;}
.item-showroom{    margin-bottom: 30px;
    background: #eeeeee;
    border: 1px solid #dadada;}
.showroom-l{float: left;padding: 15px;width: 50%}
.showroom-l h4 {
    color: #333;    font-family: 'roboto-r';
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 10px;
    position: relative;
}
.showroom-l h4:before {
    position: absolute;
    content: "";
    left: 0;
    width: 100px;
    height: 2px;
    bottom: 0;
    background: #CDB28F;
}
.showroom-l .contact_us {
    color: #333;
}
.showroom-l .line-h, .showroom-l .line-h a {
    line-height: 30px;
    color: #333;
}
.showroom-r{width: 50%;float: right;display: flex;}
.tit-block {
    color: #333;
    font: 18px/37px "roboto-r";
    margin-bottom: 10px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid #e2e2e2;
}
.tit-block span {
    display: inline-block;
    position: relative;
 
    padding-bottom: 5px;
    font-size: 20px;
}
.tit-block span:before {
    content: "";
    border-bottom: 1px solid #ccaa58;
    bottom: -1px;
    left: 0;
    width: 100%;
    position: absolute;
}
.block-dmsp > .dmsp-menu > li{border-bottom: 1px solid #e2e2e2 ;position: relative;}
.block-dmsp > .dmsp-menu > li a{color: #333333;display: block;position: relative;line-height: 40px;}
.block-dmsp > .dmsp-menu > li a:hover{color: #ccaa58}
.block-dmsp > .dmsp-menu > li a > i{margin-right: 10px;color: #555;}
.block-dmsp > .dmsp-menu > li > a > i{display: none;}
.block-dmsp > .dmsp-menu > li > i{position: absolute;
    top: 0;
    right: 0;color: #555;cursor: pointer;
    line-height: 40px;
    width: 36px;
    text-align: center;}
.block-dmsp > .dmsp-menu > li > ul{display: none;}
.block-dmsp > i{display: none;}
.bg-block{margin-bottom: 30px;}
.ul-bl li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 24px;
    color: #777777;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid #d8d5d2;
}
.ul-news li {
    margin-bottom: 15px;
}
.w-30 {
    width: 30%;
    margin-right: 5%;
    float: left;
}.ul-bl li a {
    font: 14px/18px "roboto-r";
    color: #333333;
    display: block;
    position: relative;
}.w-70 {
    width: 65%;
    float: left;
}.ul-news li h3 {
    margin: 0;
    color: #525149;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}.ul-bl li a {
    font: 14px/18px "roboto-r";
    color: #333333;
    display: block;
    position: relative;
}
.spdm-mb{display: none;}
.tit-thank{text-align: center;margin-bottom: 10px;}
.tit-thank span{ color: #ccaa58;
    font: 30px/50px roboto-r;
    display: inline-block;
    text-transform: uppercase;
    background: url(../image/icon-thanh-cong.png) left top no-repeat;
    background-size: 50px 50px;
    padding-left: 60px;}
.inf-lh{text-align: center;margin-bottom: 30px}
.inf-lh p{margin-bottom: 5px;}
.box-thank{margin-bottom: 30px;
    background: #eeeeee;padding: 10px;
    border: 1px solid #dadada;}
.box-thank h2{margin: 0 0 10px 0;    border-bottom: 1px solid #e2e2e2;
    font: 16px/26px "roboto-b";}
.box-thank h2 span{ display: inline-block;
    font-size: 18px;
    position: relative;
    padding-bottom: 5px;}
.box-thank h2 span:before {
    content: "";
    border-bottom: 1px solid #ccaa58;
    bottom: -1px;
    left: 0;
    width: 100%;
    position: absolute;
}
.don-hang img{float: left;margin: 0 15px 5px 0;}
.don-hang h1{font:16px/24px roboto-b;margin: 0 0 5px 0;}
.don-hang{border-bottom: 1px solid #e2e2e2;margin: 0px 0 10px 0;padding-bottom: 10px;}
.tit-pay{float: left;line-height: 30px;}
.pay-price{float: right;    font: 20px/30px "roboto-b";text-align: right;color: #333;}
.tt-khach{border-bottom: 1px solid #e2e2e2;margin-bottom: 10px;padding-bottom: 10px;
    line-height: 24px;}
.box-thank .tt-khach:last-child{padding: 0;margin: 0;border: none;}
.ul-add .map-alt{color: #ccaa58;}
.ul-add li{margin-bottom: 15px;}
.ul-add li p > i{margin-right: 10px;}
.ul-add .tit-block{border: none;}
.ul-add .tit-block span{padding: 0}
.h2-code{text-transform: uppercase;}
.more-des{display: none;}
.news-home{padding: 30px 0;}
.zalo-chat-widget {
    bottom: 27px !important;
    right: 90px !important;
} 
.des-small{    text-align: justify;margin-bottom: 15px;color: #333;}
.move-des{text-decoration: underline;}
.pagination>li>a, .pagination>li>span{color: #333;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #fe9b4b;border: 1px solid #fe9b4b;color: #fff;
}
.list-icons{margin-bottom: 5px;}
.fixed-h{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.logo-top-mb{display: none;}
.splq-block .price-sp{text-align: center;}
.splq-block .price-km {
    display: inline-block;
    margin: 0 10px;
    color: #000;
}
.splq-block .price-a {
    text-decoration: line-through;
    display: inline-block;
    margin: 0 10px;
    color: #999;
}
.dmsp-li .ul ul{display: none;}
@media only screen and (min-width: 1450px){
    .a-imgsp{height: 320px;}
}
@media only screen and (min-width: 1024px){
    .popup-sp{width: 60%}
}
@media only screen and (min-width: 992px){
    .popup-sp{width: 70%} 
    .menu-lv1:hover > ul{display: block;}
    .col-prl{float: left;width: 28%;}
.col-prr{float: right;width: 72%;position: relative;padding-left: 50px;} 
.col-prr:before{content: "";width: 1px;height: 100%;background: #e2e2e2;position: absolute;top: 0;left: 25px;}
}
@media only screen and (max-width: 1450px){
    .a-imgsp{height: 270px;}
}
@media only screen and (max-width: 1199px){
    .menu-lv1 {padding: 10px 0;}
    .tit-line{margin-top: 0;}
    .des-so1 p{line-height: 22px;}
    .a-imgsp{height: 250px;}
    .list-icons li{margin-right: 2px;}
    .tit-block span{font-size: 18px;}
    .menu-lv1 h2{padding: 0 5px;}
}
@media only screen and (max-width: 1024px){
    .des-tithome{width: 60%;}
}
@media only screen and (max-width: 991px){
.col-prl{display: none;} 
.spdm-mb{display: block;} 
    .logo-top-mb{display: block; position: relative;padding: 15px;
        background: #000;}
    .logo-top-mb .fa-times{position: absolute;
    right: 15px;
    top: 27px;
    font-size: 24px;
    color: #fff;}
    .logo-top-mb img{max-width: 200px;max-height: 50px;}
    .menu-lv1 > .fas{display: block;}
    .head-cont{position: relative;}
    .no-relative{position: inherit;}
    .hide-mobile{display: none;}
    .menu-lv1{    padding: 0;
    display: block;}
    .des-tithome{width: 70%;}
    .more-gt{margin: 0 0 20px;}
    .img-sep{margin-top: 50px;}
    .email-dk{    max-width: 263px;    margin: 0 auto;}
    .list-icons li{    margin-right: 10px;}
    .marketing {text-align: center;}
    .list-icons{display: inline-block;}
    .social-icons{    text-align: center;margin-top: 15px;}
    .dis-img h3{font-size: 30px;}
    .dis-img{    top: 37%;    max-width: 350px;}
    .b-slide{font-size: 14px;padding: 6px 20px;background: #666;}
    .img-sep{    margin-top: 10px;}
    .inf-top{display: block;}
     .menu-mb{display: block;float: right;color: #fff;position: relative;margin-left: 15px;margin-top: 30px;cursor: pointer;}
    .menu-mb i{font-size: 30px;}
    .box-menu {background-color: #2c2c2c;border-top: 1px solid #fff;}
    .menu{background-color: #545353;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 69;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}
    .menu-lv1 h2 {
    padding: 0 15px;}
    .menu-lv1 h2 a {
    font: 16px/24px roboto-r;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);}
    .a-imgsp {
    height: 345px;}
    .diachi-f:before{display: none;}
    .click-se {
    font-size: 23px;}
    .search-cart {
    position: absolute;
    top: 4px;
        right: 0px;}
    .box-se {
    top: -8px;right: -8px;}
    .form-se input{    height: 40px;border-radius: 20px;}
    .icon-search{width: 40px;    height: 40px;}
    .menu-lv1 ul{display: none;position: relative;
    background: none;
    border: none; 
    box-shadow: none; 
    padding-left: 30px;}
    .menu-lv1 ul h2 a{border-bottom: none;}
    .a-imgsp:hover .img2{opacity: 0;display: none;}
    .a-imgsp:hover .img1 {display: block !important;visibility: visible;}
    .img-sep iframe{max-height: 315px;}
}
 
@media only screen and (max-width: 768px){
    .pro_mota iframe{height: 320px;}
    .header{padding: 10px 0 2px 0;}
    .logo img{max-height: 40px;}
    .dis-img p, .block-l{display: none;}
    .dis-img h3{font-size: 24px;}
    .dis-img{top: 50%;}
    .gt-home{    padding: 30px 0 10px 0;}
    .email-dk{margin: 0;max-width: 100%;}
    .marketing{text-align: left;}
    .social-icons{text-align: left;}
    .tit-home{    font-size: 26px;}
    .des-tithome{width: auto;    margin-bottom: 20px;}
    .box-slide a{position: relative;display: block;height: 250px;overflow: hidden;
    background-size: cover;
    background-position: center center;    background-repeat: no-repeat;}
    .box-slide a img{display: none !important;}
    .ul-mb{padding:10px 0;}
   
    .limb-1 h2{margin:0;}
    .limb-1 a{font-size: 14px;color: #fff;    line-height: 40px;
    display: block;}
    .limb-1{border-bottom: 1px solid #fff;    padding: 5px 0;}
    .limb-1:last-child{border-bottom: none;}
    .limb-1 > h2 > a i{margin-left: 10px;}
    .cart-inf{    padding-top: 20px;    top: 48px;}
    .logo a{    padding: 5px;    border: 2px solid #CDB28F;}
    .menu-mb{        margin-top: 13px;}
    .search{    margin-top: 13px;}
    .a-imgsp {
    height: 235px;}
    .sp-moi {margin: 0;}
    .yk-kh {
    padding: 15px 0;}
    .sp h3{margin: 7px 0;height: 48px;line-height: 20px;}
    .tit-dmsp span{    font-size: 22px;line-height: 30px;}
    .fancybox-thumbs {bottom: 30px !important;}
    #icon-fixed-right{bottom: 16px;top: auto;}
    #icon-fixed-right .nd-icon {display: none;}
    #icon-fixed-right a.phone-mb {display: block;width: 55px;height: 55px;
    background: #20af20;
    color: #fff;
    border-color: #a9e598;
    box-shadow: 0 0 10px #a9e598;}
    #icon-fixed-right a.nd-icon i {
    margin-top: 15px;
    font-size: 23px;}
    .sale-pr{    right: 0;}
    .onsale{    width: 30px;padding: 3px 0;    font-size: 12px;}
    .onsale:after {
    border-width: 7px 8px;
    bottom: -14px;}
    .onsale:before {
    border-width: 7px 8px;
    bottom: -14px;}
    .datmua {
    margin-top: 15px;}
    .showroom-l, .showroom-r{float: none;width: 100%;}
    .more-des{display: block;margin-bottom: 15px}
    .more-des span{cursor: pointer; color:#CDB28F }
    .dm-des{overflow: hidden;margin-bottom: 5px;}
}
@media only screen and (max-width: 520px){
    .pro_mota iframe {height: 285px;}
    .a-imgsp {height: auto;}
    .a-imgsp img{    position: relative;width: 100%;}
    .a-imgsp .img2{display: none !important;}
    .showroom-l{padding: 10px;}
    .h2-code{font-size: 22px;line-height: 30px;}
    .bred-page li{display: none !important;}
    .cate-list a{    margin: 0 0px 15px 0px;    padding: 0 12px;}
    .sp h3{margin: 10px 0;height: auto;}
    .sp h3 {margin: 10px 0;height: auto;}
    .img-news{height: 250px;}
    .ha-news {
    float: none;
    width: 100%;
    margin-right: 0;
    border: none;
    margin-bottom: 10px;
    display: block;}
}
@media only screen and (max-width: 400px){
 .info-acc{height: 60px;}
 .icon-menu{    height: 60px;width: 70px;}
 .icon-menu img{width: 35px;}
 .logo-r{width: 120px;height: 60px}
 .acc{margin-top: 7px;} 
 .img-acc img{    width: 45px;
    height: 45px;}
     .box-icon {
    padding: 19px 15px 18px;
    }
.box-thongbao{top: 60px;}
.phone-sp, .datmua .detail{width: 100%;}
}