/* CSS Document */
@import url("//fonts.googleapis.com/css?family=Mulish:400,400i,700,700i&subset=latin");
*{margin:0; padding:0}
img{max-width:100%}
h1,h2,h3, .w100{width:100%}
a:hover, .yeuthich{text-decoration:none; cursor:pointer}
.bold{font-weight:bold}
button, input, optgroup, select, textarea{color:#333}
.dn{display:none}
.an{display:none}
.tc{text-align:center}
.tj{text-align:justify}
.tr{text-align:right}
.tl{text-align:left}
.di{display:inline-block}
.fl,.chitiet-noidung,#sanphamdathich{float:left}
#sanphamcungloai{float:none}
.fr{float:right}
.fn{float:none}
.w5{width:5%}
.w16{width:16%}
.w20{width:20%}
.w30{width:30%}
.w26{width:26%}
.w36{width:36%}
.w40{width:40%}
.w48{width:48%}
.w60{width:60%}
.w65{width:65%}
.w66{width:66%}
.w70{width:70%}
.w78{width:78%}
.w80{width:80%}
.w100, textarea{width:100%}
textarea{min-height:80px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt70 { margin-top: 70px; }
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb50{margin-bottom:50px}
.pat25{padding-top:25px}
.pa25{padding:25px 0}
.pab25{padding-bottom:25px}
.ffg { font-family: Glyphter; }
.p-a { position: absolute; }
.p-r { position: relative; }
.p-f { position: fixed; }

.tr { text-align: right; }
.fb { font-weight: bold; }
.di, .view, .like, .share,.otheroption label{ display: inline-block; float: none; }

img {max-width: 100%; height:auto}
footer { overflow: hidden; }
.cf, .button { color: rgb(255, 255, 255); }
.cg { color: rgb(153, 153, 153); }
.bf { background: rgb(255, 255, 255); }
.bg { background: rgb(241, 242, 243); }
body{line-height:140%; font-family:'Quicksand', sans-serif; }
td, th, input, select, textarea{padding:5px}
.right input, .right select, .right textarea{margin-bottom:5px}
div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins,kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, ul{margin:0; padding:0}
li{list-style:none}
#loadingT { width: 100%; height: 10000px; position: fixed; background: rgb(255, 255, 255); z-index: 2147483647; top: 0px; left: 0px; opacity:.9}
.logo-tomtat{padding:15px 0}
.icon-timkiem{width:15px; position:absolute;top: 25px; right: 30px;}
.timkiem input{width:100%;padding: 7px 15px; border-radius: 10px; margin-top: 15px; border: 1px solid #ccc; background: #F5F5F5;}
.ion-ios-heart a:hover{background:none !important}
.menu{background:#029246; box-shadow:0px 5px 10px rgb(0 0 0/30%); z-index:9999999}
.navbar{border:none; background:#029246; margin:0}
.navbar button{z-index:999999}
.navbar-default .navbar-nav>li>a{ color:#FFF; text-transform:uppercase; font-size:15px; padding:15px 20px} 
.navbar-default .navbar-nav>li>a:hover{background:#024724; color:#fffff0}
.menu-trangchu{background:#833016; color:#fff !important}
.navbar-default .navbar-nav> .text-trangchu-menu1>a:hover{background:#FFF7F4;color:#8C4028 !important }
/*banner*/
.jssorl-009-spin img { animation-name: jssorl-009-spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear; } 
@keyframes jssorl-009-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /*jssor slider bullet skin 032 css*/ 
.jssorb032 {position:absolute;} 
.jssorb032 .i {position:absolute;cursor:pointer;} 
.jssorb032 .i .b {fill:#fffff0;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;} 
.jssorb032 .i:hover .b {fill:#ccc;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;} 
.jssorb032 .iav .b {fill:#ccc;fill-opacity:1;stroke:#fff;stroke-opacity:.35;} 
.jssorb032 .i.idn {opacity:.3;} /*jssor slider arrow skin 051 css*/ 
.jssora051 {display:block;position:absolute;cursor:pointer;} 
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;} 
.jssora051:hover {opacity:.8;} 
.jssora051.jssora051dn {opacity:.5;} 
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
/*banner*/
.like-counter { height: 16px; width: 16px; border: 1px solid orange; border-radius: 100%; float: left; line-height: 16px; text-align: center; position: relative; top: 8px; left: -35px; z-index: 1; background: #fff; color: orange; font-size: 10px; font-weight: normal; }
.ion-ios-heart a { float: right !important; }
.navbar-nav .ion-ios-heart:before, .navbar-nav .ion-ios-heart-outline:before { color: orange; font-size: 30px; margin-top: 10px; }
.box-gioithieu h2{font-size:22px; font-weight:bold; margin-bottom:15px;}
.box-gioithieu h2 a{color:#ED1C24}
.tieude, .chungchi h2, .tintuc-lienhe h2{margin-bottom:20px; text-transform:uppercase; font-size:22px; font-weight:bold; color: #029246}
.tieude h2 { width: auto; text-transform: uppercase; line-height:140%; font-size: 22px; font-weight: bold; }
#duan_sanpham h2, #duan_tintuc h2{margin-top:60px !important}
.tintuc-lienhe h2{float: left; text-align: center; font-size:26px; color:#694404}
.tintuc-lienhe h2 span{float:none; display:inline-block; padding:0 50px; background:#fff;}
.tintuc-lienhe h2 hr{margin-top:-10px; border-top:1px solid #694404}
.sum-gt{width:100%; text-align:justify}
#da_sp_list .sanpham{width:100%; float:left}
.xemtatca{margin-top:5px}
.tieude .xemtatca{ text-transform:uppercase}
.tieude .xemtatca a{ color:#00572a;}
.box-sanpham{width:100%}
.sanpham{margin-bottom:30px; box-shadow: 0px 0px 3px #aaa; position:relative; z-index:10; border-radius: 10px; overflow: hidden;}
.sanpham:hover{box-shadow: 2px 1px 11px #aaa;}
.sanpham .sale { width: 100px; height: 27px; line-height: 27px; position: absolute; top: 0px; left: 0px; text-align: center; color: #fffff0; background: orange; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.sanpham .ma { position: absolute; top: 0px; right: 0px; background: #6c9d2b; border-top-right-radius: 10px; border-bottom-left-radius: 10px; text-transform: uppercase; width: 100px; text-align: center; height: 27px; line-height: 27px; color: #fffff0; }
.sanpham .yeuthich { position: absolute; top: 10px; right: 5px; font-size: 30px; color: orange; text-shadow: 0 -1px 0 #eee; }
.sanpham .contentsp{color:#888;}
.name-km { padding: 10px; border-bottom: 1px solid #ccc; float: left; height: 90px; overflow: scroll; }
.name-km::-webkit-scrollbar {width: 0px; } 
.name-km::-webkit-scrollbar-track {background:#fff; } 
.name-km::-webkit-scrollbar-thumb {background:#ccc; border-radius:5px} 
.name-km::-webkit-scrollbar-thumb:hover {background:#888; }
.name-km h3{overflow:hidden; line-height:120%}
.name-km h3 a{font-size:20px; color:#410d0d; text-decoration:none;}
.name-km div{width:auto; margin:10px 15px 0 0;line-height: 12px; float:left}
.kmsp{background:#00572a; color:#fff; padding:3px 2px; border-radius:5px}
.gia{width:100%; padding:10px 5px; position:relative; display:flex;}
.ngay{display:none}
.lhp { background-image: url(/imgs/bg-gioithieu.jpg ); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.vg { background-image: url(/imgs/bg-vietgap.jpg ); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.hotro{padding:50px 0; width:100%; float:left}
.doitacchienluoc{background:url(/imgs/bg-doitac.jpg) no-repeat;background-size:cover; padding: 0;}
.ds-doitac{padding:40px 0; width:100%; float:left}
.box-doitac .tieude{color:#fff}
.box-doitac .tieude hr{border-top:5px solid #fff}
.box-doitac .box-kh{margin:0 10px}
.box-doitac .nbs-flexisel-nav-left{left:10px; top:40px !important}
.box-doitac .nbs-flexisel-nav-right{right:10px; top:40px !important}
.nbs-flexisel-container{position:relative;max-width:100%;}
.nbs-flexisel-inner{overflow:hidden;float:left;width:100%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.nbs-flexisel-ul{position:relative;width:99999px;margin:0px;padding:0px;list-style-type:none;text-align:center;}
.news-index .nbs-flexisel-item{height:auto;line-height:140%;border:none;}
.nbs-flexisel-item{float:left;margin:0px;padding:0px;cursor:pointer;position:relative}
.nbs-flexisel-nav-left{left:30px;width:50px;height:35px;}
.nbs-flexisel-nav-right{right:30px;width:50px;height:35px;}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{width:22px;height:22px;position:absolute;cursor:pointer;z-index:100;opacity:0.5;}
.baochi{background:#eee}
.doitacchienluoc .tieude h2{color:#fff}
.box-dt img{border: 1px solid #d9d9d9;border-radius: 5px}
.bg-green { background-color: #93c615; }
.wh68 { width: 68px; height: 68px; }
.bdr10 { border-radius: 10px; }  .p10 { padding: 10px; }
.p1 { padding: 1px; }  .mt5 { margin-top: 5px; }
.op50{ opacity: 50%; } 
.w100 { width: 100%; } 
.h100 { height: 100%; } 
.left-0 { left: 0px; } 
.top-0 { top: 0px; } 
.baochi{padding:50px 0}
.pr { position: relative; }
.pa { position: absolute; }
.bg-dark { background-color: #000; }
.aic { align-items: center; } .dg { display: grid ; }
.fs36 {font-size: 36px;}
.mmg{ margin-left: 7%; margin-right: 7%; } @media (min-width: 1281px) { .col_ex_3 { grid-template-columns: 33.3% 33.3% 33.3%; } } .pb50 { padding-bottom: 50px; }
.bdr5 { border-radius: 5px; } .bg-white { background: #fff; } .p3 { padding: 3px; } .mt20 { margin-top: 20px; } .w68p { width: 68px; }
.jcc{ justify-content: center; } 
.df { display: flex ; }
.thanhtuu{padding:50px 0}
.tintuc-lienhe{padding:50px 0}
.mmg { margin-left: 7%; margin-right: 7%; }
.giaban{width:auto; color:orange; font-size:18px; padding-top:5px}
.giatt{ text-decoration:line-through}
.gia .ngay,.gia .khuvuc{top:15px; color:#999}
.gia .ngay{left:5px}
.gia .khuvuc{right:5px}
.tcsp .nbs-flexisel-inner{padding-bottom:30px; padding-top:20px}
.tcsp .nbs-flexisel-nav-left{background: url(/imgs/arrow-left.svg) no-repeat #ccc; width:32px; height:26px; opacity:0.7}
.tcsp .nbs-flexisel-nav-right{background:url(/imgs/arrow-right.svg) no-repeat #ccc; width:32px; height:26px; opacity:0.7 }
.bgdot { background-image: url(/imgs/bgdot.png); background-attachment: fixed; background-position: center; background-repeat: repeat; overflow: hidden; }
.box-dt{margin-left:15px; margin-right:15px}
.thanhvien, footer{padding:50px 0}
/*tin tuc trang chu*/
.tintuc_item{margin-top:30px}
.tintuc_item .anhtt{width:100%; margin-bottom:10px; float:left; overflow:hidden}
.tintuc_item .anhtt img{width:100%; height:auto}
.tintuc_item h3{font-size:18px; height:50px; line-height:140%; margin-bottom:6px; overflow:hidden}
.tomtat_item{height:58px; text-align:justify; overflow:hidden}
.tintuc_item h3 a{color:#333;}
.box-tintuc{box-shadow: 2px 1px 11px #ccc; padding-bottom:15px;}
.box-tintuc h2{padding:15px; padding-top:0; margin-top:15px; border-left:3px solid #ff0000; font-size:17px; font-weight:bold; float:left}
.box-tintuc h2 a{color:#000;}
.box-tintuc .tt-tintuc{height:156px; line-height:150%; overflow:hidden; padding:15px; margin-bottom:20px}
.box-tintuc .xt-tintuc{padding:15px; text-align:right; margin-bottom:20px;}
.box-tintuc .xt-tintuc a{float:right; color:#ff0000; font-weight:bold;}
.box-tintuc .xt-tintuc a:hover{text-decoration:underline}
/*End tin tuc trang chu*/
.upfile_bg { width: 100px; height: 100px; background: #fff url(/svg/image-plus.svg) top left no-repeat; background-size: 100%; position: relative; border: 1px solid #ccc; }
.upfile { position: absolute; top: 0; left:0; width: 100px; height: 100px; cursor: pointer; opacity: 0; z-index: 1; }
.icon{font-size:32px; margin-right:10px; position:relative; top:6px}
.lienhetuvan h2 { margin-bottom: 20px; text-transform: uppercase; color:#694404; font-size: 22px; font-weight: bold; }
.tttv h2{color:#fff}
.lhtv{background:#694404; box-shadow:5px 5px 30px #ccc}
.lhtv-khac, .lhtv-them{ float:left; padding:25px}
.lhtv-khac{ background:#fff;}
.thongtin-tuvan h4{margin-bottom:5px; padding-left:0; font-size:16px}
.thongtin-tuvan input{border:none; border-bottom:1px solid #ccc; outline:none;margin-bottom:14px}
.thongtin-tuvan select{border:1px solid #ccc}
.thongtin-tuvan input, .thongtin-tuvan select{width:100%; padding:5px 15px; padding-left:0; outline:none;}
.nhantuvan{padding:7px 15px; border:1px solid #694404; border-radius:5px; background:#694404; text-transform:uppercase}
#dssp{margin-bottom:30px}
#dssp table{width:100%; border:1px solid #ccc}
#dssp table td{border:1px solid #ccc; padding:5px}
.breadcrumb{width:100%; background: #eee; padding:10px 0}
.nhantuvan a{color:#fff}
.tttv {color:#FFF}
.thongtin-doanhnghiep div{font-size:15px; margin-bottom:20px; padding-left:0;}
.thongtin-doanhnghiep .mxh{padding:0}
.mxh span{ width:40px}
.khung-sp img{width:100%}
.tintuc-chinh{position:relative; box-shadow: 2px 1px 11px #ccc;}
.text-tintucchinh{position:absolute;  bottom:0; left:0; width:100%; padding:10px 2%; padding-top:0; background:url(/imgs/bg-tintuc.png) top left repeat;}
.text-tintucchinh h2{height:32px; line-height:140%; margin-bottom:15px; overflow:hidden; font-weight:bold}
.text-tintucchinh h2 a{font-size:20px; color:#fff}
.text-tintucphu{margin-bottom:20px}
.tintuc-phu h2{margin:10px 0; font-size:15px; font-weight:bold; height:39px; line-height:140%; overflow:hidden}
.lh150{line-height:150%}
.tintuc-phu h2 a{color:#ff0000;}
.tintuc-xemthem{padding:20px 0 0; width:100%; text-align:center}
.tintuc-xemthem a{color:#555; font-weight:bold; text-decoration:underline}
.tt-tinchinh{color:#fff; height:65px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #fff; overflow:hidden}
.xt-tinchinh{float:right; text-align:right}
.xt-tinchinh a{color:#fff; font-weight:bold;}
.box-tinright{box-shadow: 2px 1px 11px #ccc; margin-bottom:30px}
.tintuc-phu .tt-tinchinh{color:#333; height:55px; padding-bottom:0; overflow:hidden; margin-bottom:15px; border:none}
.tintuc-phu .xt-tinchinh{text-align:right; float:right; padding-right:15px;}
.tintuc-phu .xt-tinchinh a{color:#ff0000; font-weight:normal}
article h1{color: #00572a; font-size: 28px; font-weight: bold; margin-bottom: 30px; }
article h2, article h3, .chitiet-noidung h2, .chitiet-noidung h3, article h4, .chitiet-noidung h4{width:100%; font-weight: bold;  margin: 20px 0; float:left}
article h2, .chitiet-noidung h2{ font-size: 22px !important;  color: #a26906 !important;}
article h3, .chitiet-noidung h3{font-size:18px !important; color:#00572a !important}
article h4, .chitiet-noidung h4{font-size:16px !important; color:#333 !important}
article li, .chitiet-noidung li{width:95%; margin-left:30px}
.quicklink a{background: #00572a; border-top-right-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 10px; color: #fff; padding: 3px 5px; float: left; font-size: 30px; width: 40px; text-align: center; }
content, .tomtat, .chitiet-noidung{text-align:justify;}
content div, content p, .chitiet-noidung div, .chitiet-noidung p{margin-bottom:10px; line-height:150%;}
#other h2, #duan_sanpham h2, #duan_tintuc h2{width:100%; color:orange; font-weight:bold; text-transform:uppercase; margin-bottom:10px; margin-top:20px; font-size:28px; float:left}
#other h2 span, #duan_sanpham h2 span, #duan_tintuc h2 span{float:left; padding-right:20px}
#other h2 hr, #duan_sanpham h2 hr, #duan_tintuc h2 hr{border-top: 1px solid orange; width: auto; margin-top: inherit; display: inherit;}
.cm_list h1{width:100%; margin:20px 0; float:left}
.cm_list h1 span{color:orange; background:#fff; padding-right:30px; text-transform:uppercase; font-size:28px; font-weight:bold; float:left}
.cm_list h1 hr{ border-top:1px solid orange}
.ion-ios-home:before{margin-right:10px}


footer{ background:#0059aa; background-size:cover; color:#fff}
footer a{color:#fff; text-decoration:none}
footer a:hover{color:orange}
.footer1, .footer2, .footer3{margin-bottom:20px}
.footer2 li{padding:8px 0; border-bottom:1px solid #2d75b8f0}
.footer2 li:last-child{border:none}
.footer2 h3, .footer3 h3{margin-top:30px; color:#fff}
.footer-mxh span{width:30px; margin:0 5px}
.footer-map, .footer-hotline, .footer-email{margin-bottom:10px}
.ion-social-facebook, .ion-social-twitter, .ion-social-youtube{font-size:25px; margin-right:25px;}
#tools{position:fixed; top:60%; left:5px; width:32px;z-index:9999}
.facebook,.twiter, .youtube,.tk-bnt,.home-bnt{width:32px; height:32px; border-radius:100%; overflow:hidden; background:#f1f2f3; margin-bottom:10px; font-size:24px; text-align:center; padding-top:4px; color:#ccc}
.youtube:hover{color:#ff0102}
.facebook:hover{color:#1a77f2}
.twiter:hover{color:#1ea2f1}
.tk-bnt:hover{color:orange}
.home-bnt:hover{color:#00572a}
.home-bnt:before{margin:0}
/*Danh sach san pham*/
.moc-danhmuc .path, .bdskhac {width: 100%; float: left; margin: 20px 0 20px; padding-bottom: 0}
.moc-danhmuc .path ul li {float: left; list-style: none; padding: 0 7px; color: #E02012}
.moc-danhmuc .path ul li a {color: #999; text-decoration: none; text-transform:uppercase; padding-left: 7px}
.moc-danhmuc .path ul li:last-child a {color: #999}
.moc-danhmuc .path ul li a:hover {color: #E02012}
.danhmucsanpham h2{font-size:18px; text-transform:uppercase; padding: 15px 20px; background: #00572a; color: #fff; border-radius: 5px 5px 0 0;}
.nav-dssp li{width:100%}
.nav-dssp li a{ font-size:16px; color:#1F1F1F; font-weight:bold; background:url(/imgs/icon-cham-svg.svg) center left no-repeat; background-size:10px; }
.nav-dssp li a:hover{background: #f5f5f5; color:#8B4027}
.nav-dssp .dropdown-menu li a{background:#FFF7F4}
.nav-dssp .dropdown-menu{width:100%}
.nav-dssp .dropdown-menu li a{font-size:14px; padding:10px 20px; color:#454D58; background:none}
.phantrang ul{width:100%; text-align:center}
.phantrang ul li{display:inline-block; margin:0 5px}
.phantrang ul li a{padding:10px 15px; color:#787D7F; font-size:18px}
.phantrang ul li a:hover{color:#007AFF}
/*End Danh sach san pham*/
/*Chi tiet san pham*/
.jssorl-009-spin img {
  animation-name: jssorl-009-spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear; }
.tc{text-align:center}
@keyframes jssorl-009-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg);}}
.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {opacity:.35}
.jssort101 .p:hover.pdn{padding:0}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

.ttgiasp h2{ margin-bottom:20px; color: #8B4027; text-transform:uppercase;}
.ttgiasp h4, .vanchuyensp, .lapdatsp{color:#333; font-size:15px; font-weight:bold}
.masosp, .tomtat-content-sp, .kichthuocsp , .chatluongsp, .mausacsp ,.baohanhsp,.giasp,.vanchuyensp,.lapdatsp,.giohang-tuvan{margin-bottom:10px}
.tomtat-content-sp, .mausacsp span, .baohanhsp span{font-size:14px}
.kichthuoc span, .chatluong span{float:left; padding:5px 10px; margin:0 10px 10px 0; border-radius:3px; background: #F0F0F0; }
.kichthuoc1, .chatluong1{ background:#8B4027 !important; color:#fff}
.kichthuoc2, .chatluong2{ background:#FFEFEA !important; color:#8B4027}
.ttgiasp .giaban{ margin:0 10px; color:#F09200; font-size:20px}
.themgiohang{padding: 12px 0; background: #F09200; color: #fff; border-radius: 5px;}
.themtuvan{padding: 11px 0; color: #F09200; border: 1px solid #F09200; border-radius: 5px;}
.chitietsp h2{ text-transform:uppercase; color:#8B4027; margin-bottom:20px}
.chitietsp h3{ font-size:22px; margin-bottom:10px}
.chitietsp p{font-size:14px; margin-bottom:10px}
.themgiohang{padding:8px 0; font-size:12px}
.themtuvan{padding:7px 0; font-size:12px}
.chaybanner-chitiet{background:#fff}
.chitietsp{margin:20px 0; padding-bottom:20px; border-bottom:1px solid #ccc}
.trangchu-h2{margin-bottom:20px; width:auto;color: #944133; text-transform: uppercase;}
.nav-pills{margin-left:30px}
.nav-pills>li{font-size:17px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{color:#F09200; background:none}
.nav-pills>li>a{padding-bottom:0; color:#787D7F;}
.nav-pills>li>a:hover{background:none}
.chaybanner-chitiet .giaban, .chaybanner-chitiet .giatt{width:auto}
/*End Chi tiet san pham*/
/*Danh sach tin tuc*/
.tintuc{padding:20px 0; border-bottom:1px solid #ccc}
.content-tintuc h3{margin: 10px 0; height: 48px; font-weight: bold; overflow: hidden; font-size: 22px; }
.content-tintuc h3 a{color:#333}
.content-tintuc .ngaydang{background:url(/imgs/icon-lich.svg) center left no-repeat; background-size:14px; }
.content-tintuc .view{background:url(/imgs/icon-view.svg) center left no-repeat; background-size:18px;  margin-left:20px}
.content-tintuc .ngaydang, .content-tintuc .view{padding-left:20px}
.content-tt{height:80px; overflow:hidden}
/*End Danh sach tin tuc*/

.left{width:70%; float:left}
.right{width:28%; float:right}
.right select{width:100%}
.breadcrumb li{float:left}
.breadcrumb ul, .breadcrumb ol{padding-top:0; padding-left:0; float:left; margin-bottom:0}
.breadcrumb a{padding-right:15px; padding-left:15px}
#formT{width:100%;float:left}
#mediaT li {width: auto; position: relative;padding:5px; list-style:none}
#mediaT img,#mediaT .folder { height: 68px; border: 1px solid rgb(204, 204, 204); }
#mediaT .delete {position: absolute; right: 0px; top: 0px; width: 20px!important; height: 20px; background: orange; padding: 0; color: #fff; font-size: 12px;}
#mediaT .folder{font-size: 42px; clear: both; width: auto!important; line-height: 50px;}
.edit, .delete, .restore, .file, .folder, .setingA { height: 24px; line-height: 24px; font-family: Glyphter; margin: 0px 5px; color: rgb(153, 153, 153); border: 1px solid rgb(255, 255, 255); padding: 0px 3px; border-radius: 3px; cursor: pointer; text-align: center; width: 18px !important; font-size:12px; text-transform:unset!important}
.edit:hover, .delete:hover, .restore:hover { font-size: 16px; transition: all 0.5s ease 0s; }
.delete:hover { color: orange; border: 1px solid orange; }
.edit:hover, .restore:hover, .setingA:hover { color: rgb(153, 202, 59); border: 1px solid rgb(153, 202, 59); }
.folder { color: rgb(153, 202, 59); margin: 0px auto; }

#mediaT .edit{position: absolute; left: 0px; font-size: 8px; background: #ccc; width: auto!important; padding: 3px; line-height: 13px; height: auto; top: 2px;}

#dragdiv { position: fixed; animation: 1s ease 0s 1 normal none running mymove; z-index: 2147483647; background-color: rgb(241, 241, 241); border: 1px solid rgb(211, 211, 211); border-radius: 5px; resize: horizontal; overflow: auto; }
#dragdivheader { cursor: move; z-index: 10; background-color: orange; color: rgb(255, 255, 255); text-transform: uppercase; }
#dragdiv td{position:unset}
#dragdiv h2{text-align:left; padding:5px 2%; font-size:16px; line-height:26px}
#dragdiv img{height:50px}
@keyframes mymove { 
  0% { top: 0px; }
  100% { top: 80px; }
}
.icon-huong,.icon-bathroom2,.icon-bedroom,.icon-bedroom2,.icon-area{width: 14px; height: 14px; float: left; margin-right: 3px;background-size: contain;}
.icon-huong{background-image:url(/svg/huong.svg);}
.icon-bathroom2{background-image:url(/svg/icon-bathroom2.svg);}
.icon-bedroom{background-image:url(/svg/icon-bedroom.svg);}
.icon-bedroom2{background-image:url(/svg/icon-bedroom2.svg);}
.icon-area{background-image:url(/svg/icon-area.svg);}
.status-product div{line-height:140%; margin-bottom:15px; font-size:16px}

.button, button, .button2 { background-image: linear-gradient( 2deg ,#407f2f, #407f2f); color: #fff; }
.button, .button2, button, .close-ct { border-radius: 20px !important; }
.button,button { padding: 5px 10px; border: none; margin: 5px; display: inline-block; vertical-align: middle; line-height: 22px;}
.button, .dialog-close-button { background: rgb(77, 138, 179); cursor: pointer; font-size: 14px !important; color: rgb(255, 255, 255) !important; padding: 4px 6px !important; }
#login {z-index: 999; position: relative; height: 50px; line-height: 50px; margin-right: 10px; }
#login a{color:#fff}
.profileT2 { text-align: left; color: rgb(136, 136, 136); }
.profileT2 #user, .profileT2 #name, .profileT2 #shortname { display: none; }
.profileT2 .p-image { width: 100%; font-family: Glyphter; font-size: 86px; line-height: 150px; text-align: center; }
.anhdd{width:36px; margin: 7px; border-radius: 100%; overflow: hidden; height: 36px; line-height:36px}
.anhdd img, #email,.contentT,.tomtatT{width: 100%; float:left}
.anhdd img{height: auto; max-width:unset}
#Esc, #Save { position: fixed; top: 10px; right: 0px; z-index: 99; }
#Save { top: 50px; display: none; }
.edit, .delete, .restore, .file, .folder, .setingA { height: 24px; line-height: 24px; font-family: Glyphter; margin: 0px 5px; color: rgb(153, 153, 153); border: 1px solid rgb(255, 255, 255); padding: 0px 3px; border-radius: 3px; cursor: pointer; text-align: center; width: 18px !important; font-size:12px; text-transform:unset!important}
.edit:hover, .delete:hover, .restore:hover { font-size: 16px; transition: all 0.5s ease 0s; }
.delete:hover { color: orange; border: 1px solid orange; }
.edit:hover, .restore:hover, .setingA:hover { color: rgb(153, 202, 59); border: 1px solid rgb(153, 202, 59); }
.folder { color: rgb(153, 202, 59); margin: 0px auto; }
#p_dsanh .checkT { border: 2px solid lightgreen; }
.sanpham .anhsp{height:280px; overflow:hidden}
.sanpham .anhsp img{width:100%; height:auto}
.timkiem_show{position: fixed; background: #fff; z-index: 999; top: 50px; padding: 10px; width: 100%; left: 0;box-shadow: 0px 5px 10px rgb(0 0 0 / 30%);}
.tvtc_item{width:100%; border:1px solid #ccc;margin-bottom:30px; border-radius:10px; padding:10px}
.tvtc_anh{width:150px; height:150px; border-radius:100%; overflow:hidden; background-size:100%!important;}
#tag a{border:1px solid #ccc; padding:5px; margin:5px; border-radius:5px}
#tag a:hover{background:#888; color:#fff}
.logoth img, .navbar-brand img{height:100px; width:auto}
.bg-light{background:#fff !important}
.cl-0d{color:#410d0d}

@font-face {font-family:Glyphter; font-style:normal; src:url("https://demo.tafalo.com/assets/Glyphter.woff");}
.navbar-light .navbar-nav .nav-link{color:#0059aa; text-transform:uppercase; font-weight:bold}
#tools{display:none}
.bde { border-right: 1px solid #00000050; } 
.p20 { padding: 20px; } 
.pb68 { padding-bottom: 68px; } 
.pt68 { padding-top: 68px; }
.tr { text-align: right; }
.fs20 { font-size: 20px; }
.fs32 { font-size: 32px; } 
.fwb { font-weight: bold; } 
.mt10 { margin-top: 10px; } 
.tu { text-transform: uppercase; }
.lh160 { line-height: 160%; }
.gioithieu, .tcsp{padding:50px 0}
.color-gray { color: #ccc; } 
.fwb { font-weight: bold; } 
.pe20 { padding-right: 20px; } 
.fs70 { font-size: 70px; }
.fs18{ font-size: 18px; } 
.fwb { font-weight: bold; } 
.pe20 { padding-right: 20px; } 
.tu { text-transform: uppercase; }
.ml-auto { margin-left: auto; } 
.dg { display: grid ; }
.w100{width:100%}
.fl{float:left}

@media (min-width: 1024px)
{
  .tintuc-chinh{height:406px; overflow:hidden}
  .navbar-expand-lg .navbar-nav .nav-link{padding-left:20px; padding-right:20px}
  .tintuc_item .anhtt{height:280px; overflow:hidden}
}
@media (min-width: 768px)
{
  .dropdown:hover .dropdown-menu{display:block}
  .navbar{ min-height:inherit}
  .navbar-nav>li>.dropdown-menu{min-width:250px; right:auto; left:0; border:1px dotted #333; padding:0}
  .dropdown-menu>li{ border-bottom:1px solid #ccc}
  .dropdown-menu>li:last-child{border:none}
  .dropdown-menu>li>a{padding:10px 20px}
  .navbar-default .navbar-nav>li>a{font-weight:bold; padding:15px;}
  .box-tintuc h2{height:45px; overflow:hidden; line-height:140%}
  .navbar-collapse{padding:0}
  #navbarSupportedContent .menu-top{padding-right:50px}


}
@media (min-width: 768px) and (max-width: 1024px)
{
  .timkiem input{margin-top:5px}
  .icon-timkiem{top:15px}
  .navbar-default .navbar-nav>li>a{font-size:14px; padding:15px 10px}
  .namesp{height:52px; width:100%}
  .kmsp{display:none}
  .giaban, .giatt{width:100%}
  .text-tintucchinh p{height:60px}
}
@media (min-width: 768px) and (max-width: 992px)
{
  .timkiem input{margin-top:0}
  .icon-timkiem{top:10px}
  .navbar-default .navbar-nav>li>a{font-size:12px; padding:15px 5px}
  .footer2 h3, .footer3 h3{margin-top:20px}
  .footer-mxh span{margin:0}
  .ttgiasp h2{font-size:20px}
}
@media (max-width: 767px)
{
  .navbar-toggler{padding:6px 20px; background:#ccc; border-radius:5px !important}
  header{position:relative}
  .logo-tomtat{position:absolute; z-index:10}
  .timkiem input{padding:5px 10px; margin-top: -5px;}
  .icon-timkiem{ top:5px; right:25px}
  .trangchu-h2{font-size:20px}
  .tieude{line-height:150%}
}
@media (max-width: 500px)
{
  .name-km h3{width:100%}
  .kmsp{display:none}
  .giatt, .giaban{width:100%}
  .tcsp h2{font-size:20px}
  .text-tintucchinh p{height:auto}
  .nav-pills>li>a { padding: 0 15px 10px; font-size: 14px;}
  .nav-pills{margin-left:0}
  .logoth{margin-top:7px; width:80px}
  .logo-tomtat{padding:0}
}