:root{
    --theme : #e9d31b;
    --theme1: #4d1901;
    --theme2: #D6B77C;
    --fonttheme :'quicksand-r';
    --fonttheme1 :'quicksand-b';
    --fonttheme2 :'quicksand-m';
    --fonttheme3 :'sfudin';
};
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}


@font-face {
    font-family:quicksand-r;
    src:url('../font/quicksand-r.ttf') ;
}
@font-face {
    font-family:quicksand-b;
    src:url('../font/quicksand-b.ttf') ;
}
@font-face {
    font-family:quicksand-m;
    src:url('../font/quicksand-m.ttf') ;
}
@font-face {
    font-family:sfudin;
    src:url('../font/sfudin.ttf') ;
}
p{margin:0}
.heading{overflow:hidden;height:0px;visibility:hidden;}
body {
    font-size:15px;
    font-family:quicksand-r,Arial;
    color:#000;
    background:#fff;
    margin:0px;
    padding: 0px;
}
ol, ul{//list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html > body .clearfix{display:block;width:100%;}
* html .clearfix{height:1%;}
a{text-decoration:none;}
img{border:0;}
.clear{clear:both;}
header{width:100%;margin:0 auto}
.container{width:100%;margin:0px auto 0px auto;transition:all 1s;}
.banner{width:100%;float:left}
.box_content{background:#fff;}
.titleleft{float:left;width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:10px}
.titleleft p{color:#bf1157;font-size:18px;text-transform:uppercase;float:left;font-weight:bold}
.titleleft a{color:#bf1157;font-size:18px}
.titleindex{float:left;width:100%;background:#21326B;}
.titleindex p{text-transform:uppercase;text-align: center;padding: 9px 5px;}
.titleindex a{color:#fff;font-size:20px;}

.titlebreak{float:left;width:100%;padding:15px 10px 12px;box-sizing: border-box;background:#f2f2f2;line-height: 23px;}
.titlebreak p{font-size:14px;float:left}
.titlebreak a,.titlebreak i{color:#515151 !important;}

.fa-angle-right{padding:0px 5px;}
.newsname{width:100%;float:left;height:44px;overflow:hidden}
.newsname p{line-height:22px}
.newsname a{color:#3f3f3f;font-size:14px}
.productcon{width:33.33%;float:left;line-height:0px;margin-bottom:30px;background:white;}
.productcon .content_col{padding:0px 10px;}
.productcon1{margin-left:0px;}
.baoanhsp{width:100%;float:left;line-height:0px;overflow:hidden;position:relative;border:1px solid transparent;text-align: center;}
.baoanhsp:hover{border:1px solid #ececec;box-shadow: 0px 0px 3px #ececec;}
.anhchinh{line-height:0px;width:100%;margin-left:0%;float:left;transition:all 0.5s;}
.anhphu{line-height:0px;width:100%;position:absolute;top:0px;left:100%;transition:all 0.5s}
/* .baoanhsp:hover .anhchinh{margin-left:-100%;transition:all 0.5s}
.baoanhsp:hover .anhphu{top:0px;left:0%;transition:all 0.5s} */
.baoanhsp .viewsp_icon{right:50%;z-index:9999}
.baoanhsp .viewsp_cart{right:35%;z-index:9999}
.productcon:hover .viewsp_icon{opacity:1;transition:all 0.5s;transform:scale(1.0);}
.productcon:hover .viewsp_cart{opacity:1;transition:all 0.5s;transform:scale(1.0);}
.iconanh{position:absolute;top:10px;text-align:center;width:50px}
.iconanh p{line-height:20px;color:white;}
.new{background:#dcc6e1;right:0px;}
.hot{background:#ff8a00;left:0px;}
.sale{background:#389d01;right:0px;}
.info_product{width:100%;float:left;margin-top:20px;text-align:center}
.viewsp_cart{position: absolute;bottom: 20%;text-align: center;opacity: 0;transform: scale(0.5);cursor: pointer;left:0px;width:100%;}
.viewsp_cart a:hover{background: #fe8b00 !important;transition: all 0.5s;}
.baotensp{float:left;width:100%;margin-top:15px;text-align:center;height:24px;overflow:hidden;}
.baotensp p{line-height:20px;}
.baotensp a{color:#464646;font-size:16px;transition:all .5s;}
.baotensp:hover a{color:#389d01;transition:all 0.5s;}
.baogia{width:100%;float:left;margin:0px;margin-top: 10px;height: 27px;overflow: hidden;text-align: center;}
.baogia p{line-height:25px;}
.baogia a{color:#D13A1E;font-size:15px;}
.khungdetail_sp{width:100%;float:left;background:#f3f3f3}
.khungdetail_sp p{line-height:40px}
.khungdetail_sp a{color:#9f9f9f;font-size:14px;transition:all 0.5s}
.khungdetail_sp a:hover{color:#2e88e2;transition:all 0.5s}
.baomotasp{width:100%;float:left;margin-top:15px;height:58px;overflow:hidden}
.baomotasp p{color:#656565;font-size:14px;line-height:20px}
.xemdetail{width:100%;float:left;margin-top:5px;}
.xemdetail p{line-height:20px}
.xemdetail a{color:#a47b22;transition:all 0.5s;}
.xemdetail a:hover{color:#2e88e2;transition:all 0.5s;}
.productcon2{width:372px;padding:10px;float:left;margin-left:18px;transition:all 0.6s;margin-bottom:20px;border:1px solid #eaeaea;}
.productcon2:hover{box-shadow:5px 5px 15px silver;transition:all 0.5s}
.productcon3{margin-left:0px;}
.hoverten a:hover{color:#ee3807 !important}
.baoanhspdetail{width:43%;height:auto;float:left}
.baoanhspdetail img{width:100%;height:auto;}
.noidungdetailsp{width:51%;float:right}
.noidungdetailsp p{width:100%;float:left}
.news_img{width:100%;float:left;overflow:hidden;line-height:0px}
.news_img img{width:100%;height:auto;-moz-transition:all 1s;-webkit-transition:all 1s;transition:all 1s;}
.khungnew:hover .news_img img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.ten_news a{font-size:16px;color:#666;display:block;margin-top:10px;transition:all 0.5s}
.ten_news a:hover{transition:all 0.5s;color:#2e88e2;}
.viewnews{display:inline-block;float:right;padding:5px 15px;background:#efefef;color:#b3b3b3;border-radius:20px;transition:all 0.5s;}
.viewnews:hover{transition:all 0.5s;background:#2e88e2;color:white;}
.newcenter{width:376px;margin-left:31px;float:left;border:1px solid #e4e4e4;}
.newcenter1{margin-left:0px;}
.baoimgnews{width:100%;height:243px;overflow:hidden;}
.baoimgnews img{width:100%;height:auto;-moz-transition:all 1s;-webkit-transition:all 1s;transition:all 1s;}
.newcenter:hover .baoimgnews img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.newsnoidung{width:92%;padding:4%;float:left;}
.newsten{width:100%;float:left;height:43px;overflow:hidden}
.newsten p{line-height:22px;}
.newsten a{color:#6f6f6f;font-size:16px;font-weight:bold;transition:all 0.5s}
.newsten a:hover{color:#a6ce3b;transition:all 0.5s}
.newsmota{width:100%;float:left;height:60px;overflow:hidden;margin-top:10px;}
.newsmota p{color:#6f6f6f;font-size:14px;}
.hoverxemthem a{font-size:14px;color:#6f6f6f;font-weight:bold;transition:all 0.5s}
.hoverxemthem a:hover{color:#a6ce3b;transition:all 0.5s}
#map_canvas{height:450px;width:100%;margin:10px auto;}
#map_canvas1{height:175px;width:100%;}
.map_description{color:#000000;overflow:auto;width:275px;}
.map_description .default{color:#FF0000;}
.map_description div{line-height:18px;margin:3px;}
.map_list_address{float:left;height:500px;overflow:hidden;width:250px;}
.map_list_address .list{line-height:18px;margin-bottom:5px;}
.map_list_address span{color:#FCFF46;}
.map_title{color:#30A602;font-weight:bold;}
.phantrang{text-align:center;margin:auto;}
.phantrang a{color:#636363;cursor:pointer;font-size:14px;margin:5px 0 5px 4px;padding:8px 15px;}
.phantrang span{background:#09669C;padding:7px 10px;color:#fff;}
.phantrang a:hover{background:none repeat scroll 0 0 #f0f0f0;box-shadow:none;color:#515151;text-decoration:none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover{color:#ADADAD !important;cursor:default;opacity:0.7;display:inline-block;}
.phantrang .paginate_active, .phantrang .paginate_active:hover{background:none repeat scroll 0 0 #f0f0f0;box-shadow:none;color:#515151;}
.giaban{color:#d92238;font-size:17px;}
.giagoc{color:#333;text-decoration:line-through;font-size:17px;margin-right:10px;}

.container_mid{width:1200px;margin:0 auto;margin-top:30px;box-sizing:border-box;}
.title_cat{font-size:20px;color:#fff;display: inline-block;position: relative;background: var(--theme);padding: 8px 20px;width: 100%;box-sizing: border-box;}
.title_cat:after{
    border-top: 8px solid var(--theme);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    display: inline-block;
    left: 5%;
    position: absolute;
    bottom: -8px;
}
.leftmid{width:250px;float:left;}
.rightmid{width:920px;float:right;}
.title{padding:0px 10px;//border-bottom:3px solid #ffc529;min-height:25px;}
.title p{color:#7ac226;font-size:23px;font-family:robotocondensed-bold;;text-transform:uppercase;}
.col-sp-5p{width:20%;float:left;margin-bottom: 20px;}
.col-sp-3{width:25%;float:left;margin-bottom:20px;}
.col-tt-3{width:25%;float:left;}
.col-sp-4{width:33.33%;float:left;margin-bottom:20px;}
.col-ct-4{width:33.33%;float:left;}
.col-tt-4{width:33.33%;float:left;margin-bottom:40px;}
.col-sp-6{width:50%;float:left;}
.col-sp-61{width:50%;float:left;}
.col-tt-6{width:50%;float:left;margin-bottom:20px;}
.col-nd-6{width:100%;float:left;}
.col-cot-9{width:75%;float:left;}
.col-cot-3{width:25%;float:left;}
.col-cot-6{width:50%;float:left;}
.content_tc{width:1200px;margin:0 auto;}
.col-content{padding:0px 10px;}
.tensp:hover{color:#2e88e2 !important;}
.salepro{position:absolute;top:20px;left:20px;z-index:99;background:#f80202;padding:5px 8px;color:#fff;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;font-size:14px;}
.imgbox{overflow: hidden;position: relative;}
.bgimg{position: absolute;width: 100%;height: 100%;top:0px;left:0px;background: rgba(0,0,0,0.3);transition: all .3s;opacity: 0;z-index: 200;}
.imgbox:hover .bgimg{opacity: 1;}
.imgbox:hover .searchpoint{opacity: 1 !important;}
.imgbox img{width:100%;height:auto;position:relative;transition: all .9s;vertical-align: top}
.viewdetailhome{display: inline-block;padding: 7px 20px 8px;background:#63b10f;border-radius: 20px;color:#fff;position: absolute;z-index: 201;bottom:-50px;transition: all .3s;left:50%;transform: translate(-50%,0);line-height: 20px;width: 75px;text-align: center;}
.viewallx{padding: 10px 20px;border: 2px solid #f494be;display: inline-block;color:#f494be;text-transform: uppercase;border-radius: 20px;margin-top: 10px;transition: all .3s;}
.viewallx:hover{background: #f494be;color:#fff;}
.imgbox:hover .viewdetailhome{bottom: 30px}
.imgbox:hover img{transform:scale(1.1);transition: all .9s}
.imgboxx{overflow:hidden;position: relative;width: 100%;float: left;}
.imgboxx img{width:100%;height:auto;transition:.3s all;}
.imgboxx:hover img{transform:scale(1.1);transition: all .9s}
.viewall{transition: all .3s;padding:10px 30px 10px;border:1px solid #1A2651;color:#1A2651;font-size: 14px;text-transform: uppercase;display: inline-block;margin-bottom: 30px;}
.viewall:hover{background:#1A2651;color:#fff;}
input.form-control{padding:10px;width:95%;margin-bottom:15px;}
.bg_top{padding:5px 10px;}
.bg_dk{background:url('../../images/bg3.png') no-repeat;padding:20px;min-height:20px;overflow:hidden;}
.btn:hover{background:#1e8dfd !important;}
.homecathover{color:#464646;font-size: 15px;margin-top: 15px;display: block;height: 25px;overflow: hidden;text-align: left;line-height: 23px;font-family:quicksand-b;}
.homecathover:hover{color:var(--theme2);}

.homecathover1{color:var(--theme1);font-size: 20px;margin:15px 0px;display: block;text-align: center;line-height: 27px;font-family:var(--fonttheme3);transition: all .3s}
.homecathover1:hover{color:var(--theme);transition: all .3s}

.detailbut{background: #fff;transition: all .3s;padding: 10px 25px;border-radius:20px;color:#070c32;font-family:robotocondensed-bold;display: inline-block;}
.detailbut:hover{background:none;border:1px solid #fff;color:#fff;}
.linetitle{width:60px;margin:0 auto;height: 4px;background:var(--theme2);margin-top: 7px;}
.saleoff_icon {
    position: absolute;
    width: 51px;
    height: 30px;
    left: 5px;
    top: 5px;
    color: #f00;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    background: url(../../images/sale.png) no-repeat;
    padding-top: 10px;
    line-height: 22px;
}
.section-heading {
    float: left;
    width: 100%;
    font-size: 25px;
    line-height: 1.2em;
    letter-spacing: 0em;
    color: #333;
    margin-bottom: 20px;
    border-bottom: 1px solid #dbdce0;
    padding-bottom:10px;
    position: relative;
    font-family:var(--fonttheme3) !important;
    text-transform: uppercase;
    margin-top: 0px !important;
    font-weight: normal;
}
.section-heading:before {
    content: '';
    border-bottom: 2px solid var(--theme);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
}
.addcarthome{display: block;cursor: pointer;background:rgba(255,228,22,0.9);color:#333;text-align: center;padding: 10px 10px;transition: all .3s;position: absolute;top: -60px;left: 0px;width: 90%;box-sizing: border-box;border-radius: 20px;margin:0 auto;z-index: 999;}
.addcarthome1{display: block;width: 49%;float: left;padding: 7px 10px;border:1px solid #D24F4F;color:#D24F4F;box-sizing: border-box;border-radius: 15px;text-align: center;font-size: 12px;white-space: nowrap;cursor: pointer;transition: all .3s;}
.addcarthome1:hover{background: #D24F4F;transition: all .3s;color:#fff;}
.addcarthome2{display: block;width: 49%;float: right;padding: 7px 10px;border:1px solid #D68A4C;color:#D68A4C;box-sizing: border-box;border-radius: 15px;text-align: center;font-size: 11px;white-space: nowrap;cursor: pointer;transition: all .3s;}
.addcarthome2:hover{background:#D68A4C;transition: all .3s;color:#fff;}
.boxpro{width: 100%;float: left;border:1px solid #eee;position: relative;overflow: hidden;border-radius: 5px;}
.boxpro:hover .addcarthome{top: 30%;left: 50%;transform: translate(-50%,-20%);}
.saleicon{display: inline-block;padding: 3px 5px;color:#fff;background: var(--theme);position: absolute;top:5px;left: 5px;line-height: 20px;border-radius: 3px;}
.boxprohome{display: grid;grid-template-columns: repeat(5,1fr);grid-row-gap: 25px;grid-column-gap: 25px;}
.boxprohome1{display: grid;grid-template-columns: repeat(4,1fr);grid-row-gap: 25px;grid-column-gap: 25px;}
.boxprohome2{display: grid;grid-template-columns: repeat(3,1fr);grid-row-gap: 25px;grid-column-gap: 25px;}
.boxprohome3{display: grid;grid-template-columns: repeat(2,1fr);grid-row-gap: 20px;grid-column-gap: 20px;}

.noidungdetail{width:100%;float:left;line-height:180%;}
.noidungdetail p{line-height:180%;margin-bottom: 10px;}
.noidungdetail img{max-width: 100% !important;height:auto !important;}
.noidungdetail table,.noidungdetail tbody{width: 100% !important}
.noidungdetail tr td{padding: 5px 10px}

.nd_tonghop img{max-width:100% !important;height:auto !important;}
.nd_tonghop{line-height: 170%;}
.nd_tonghop p{line-height:170%;}
.nd_tonghop h1{line-height: 190%;margin:10px 0px; font-family: var(--ftheme); font-size: 2rem}
.nd_tonghop h2{line-height: 120%;margin:10px 0px; font-family: var(--ftheme); font-size: 1.8rem}
.nd_tonghop h3{line-height: 130%;margin:10px 0px; font-family: var(--ftheme); font-size: 1.3rem}
.nd_tonghop h4,.nd_tonghop h5,.nd_tonghop h6{line-height: 175%;margin:10px 0px; font-family: var(--ftheme)}
.nd_tonghop span{line-height: 170%;}
.nd_tonghop a{line-height: 170%;color: var(--theme);transition: all .3s;}
.nd_tonghop a:hover{color: var(--theme1);transition: all .3s;}
.nd_tonghop ul{padding-left: 20px;}
.nd_tonghop ul li{margin-bottom:10px;}
.nd_tonghop table{width: 100%;border-spacing: 0px;border: 1px solid #e7e7e7;}
.nd_tonghop tr td{padding:5px;}
.nd_tonghop figcaption{font-style: italic; background:#f1f1f1;font-size: .8rem; padding: 5px 0px;}
.nd_tonghop iframe{width: 550px;height: 450px;margin:0 auto;}

.nd_tonghop .btgrid .col-md-4{width: 33.3%; float: left; box-sizing: border-box; padding: 0px 10px}
.nd_tonghop .btgrid .col-md-3{width: 23%;float: left;box-sizing: border-box;padding: 5px 15px;background: #f3f3f3;margin: 1%;border-radius: 10px;}
.nd_tonghop .btgrid .col-md-6{width: 48%;float: left;box-sizing: border-box;padding: 5px 15px;margin: 1%;border-radius: 10px;}
@media(max-width: 1000px){
    .nd_tonghop .btgrid .col-md-4,.nd_tonghop .btgrid .col-md-3{width: 50%}
}

@media(max-width:600px){
    .nd_tonghop .btgrid .col-md-4{width: 100%;}
    .nd_tonghop .btgrid .col-md-3{width: 100%;}
    .nd_tonghop .btgrid .col-md-6{width: 100%;}

}
  @media(max-width: 770px){
    .boxprohome{grid-template-columns: repeat(2,1fr);}
    .boxprohome1{grid-template-columns: repeat(2,1fr);}
    .boxprohome2{grid-template-columns: repeat(2,1fr);}
  }
  @media(max-width: 430px){
    .boxprohome{grid-row-gap: 10px;grid-column-gap: 10px;}
    .boxprohome1{grid-row-gap: 10px;grid-column-gap: 10px;}
    .boxprohome2{grid-row-gap: 10px;grid-column-gap: 10px;}
    .boxprohome3{grid-template-columns: repeat(1,1fr);}
  }
@media (max-width: 1199px){
    .infohead{display: none !important;}
}
@media (max-width:415px){
    .addcarthome1,.addcarthome2{width: 100% !important}
    .addcarthome1{margin-bottom: 10px;}
}