/* CSS Document */
*{margin:0; padding:0}
img{max-width:100%}
h1,h2,h3, .w100{width:100%}
a, a:hover{text-decoration:none}
.box-menu li{list-style: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{float:left}
.fr{float:right}
.fn{float:none}
.pa25{padding:25px 0}
.pa10{padding:10px 0}
.pab25{padding-bottom:25px}
.pat25{padding-top:25px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.w26{width:26%}
.w70{width:70%}
h1, h2, h3{line-height:130%}
body{font-size:16px; font-family:"Roboto", sans-serif; line-height:140%}
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}
a{text-decoration:none}
header{background-image: #fff;}
.box-timkiem1{padding-top:10px;}
.box-timkiem input[type="text"]::-webkit-input-placeholder { /* Edge */
  color: #eee;
}

.box-timkiem input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #eee;
}

.box-timkiem input[type="text"]::placeholder {
  color: #eee;
}
.box-ngonngu{position:relative; float:right; margin-left:10px}
.ngonngu{width:25px; margin-left:5px}
.hd-top{width:100%; background:#999!important; padding:5px 0; float:left}
.menu{background:#1e73be!important; }
.hd-left{float:left; color:#fff; font-size:13px; margin-top:5px; font-weight:bold;}
.hd-right{float:right; color:rgba(255,255,255,0.8);  text-transform:uppercase;}
.icon-envelop:before{content:"\e003"}
.hd-right ul li{float:left; padding:0 15px; padding-left:20px; color:rgba(255,255,255,0.8); list-style:none; position:relative}
.hd-right ul li a i{margin-right:5px;}
.hd-right a{color:rgba(255,255,255,0.8);}
.hd-right ul li svg{font-weight:bold; position:absolute; top:2px; left:0; color:#eee}
.hd-bottom{padding:0;}
.logo{width:100%; float:right; text-align:center}
.logo img{width:100%; height:auto}
.box-timkiem{width:100%;  margin-top:10px; border-radius:5px; background:#ccc; position:relative; color:#333;  padding:5px 0; padding-right:10px; float:left}
.box-timkiem input{border:none; width:90%; background:none; color:#eee; padding-left:10px}
.box-timkiem a{float:right; color:#eee}
.phimtk{float:right; position:absolute; border:none; background:none; right:7px; width:18px; height:18px; cursor:pointer; z-index:999999; padding: 0; margin:0}
.langulage ul li{list-style:none; float:left; margin-right:10px}
.dangnhap{padding:0 15px;  text-transform:uppercase; float:left; border-radius:10px;}
.dangnhap a{color:#fff;}
#hdbottom{padding:20px 0;}
#hdbottom h2{color:#0077bd; font-weight:bold; margin-bottom:15px; text-align:center}
#hdbottom p{color:#333}
.box-ngonngu{position:relative; float:right; margin-left:10px}
.ngonngu{width:25px; margin-left:5px}
.dmsp{color:#333; font-weight:bold}
.anhsvg-header{color:red; margin-right:5px}
.timkiem{position:relative; float:right}
.timkiem input{padding: 3px 10px; border-radius: 15px; border: 1px solid #ccc}
.text-trangchu-menu1{ background:#fff7f4}
.tc-dsdm{border:1px dotted #ccc; padding:0}
.dropdown-menu>li{border-bottom:1px solid #ccc}
.dropdown-menu>li:last-child{border:none}
.dropdown-menu>li>a:hover{background:none; color:#1962AD}
.icon-timkiem{width:16px; height:16px; position:absolute; top:8px; right:10px}
.navbar{border:none; margin:0; background:none; position:relative; top:0}
.navbar-default .navbar-nav>li>a{text-transform:uppercase; font-weight:bold; color:#fff}
.navbar-default .navbar-nav>li>a:hover, .home{color:#FFF500}
#hdbottom{ padding: 15px 0;}
.box-menu{background-color: #0082C6; box-shadow: 0px -7px 30px #888888; position: fixed; top: 0; max-height: 70px; z-index:1}
.menu{position:absolute; top:20px}
.giohang-menu{padding-left:0;float:right; margin-top:5px;}
.link-giohang{width:44px;height:40px;background:url(/imgs/bg-giohang.png) center center no-repeat;margin-right:5px;float:left}
.giohang-menu span{height:40px;line-height:40px;font-weight:700;margin-left:0;color:#fff}
.box-danhmuc{background:#fff; box-shadow:0px 5px 7px 0px rgb(128 128 128 / 10%); position:relative; z-index:9}
.showroom{background:url(/imgs/phone-red.svg) center left no-repeat; background-size:25px; padding:4px 0 4px 30px}
.showroom-name{text-transform:uppercase}
.showroom-hotline{font-weight: bold; font-size: 16px;}
.chitietsp-top{width:100%; padding:10px; float:left; background:#fff; border-top-left-radius:5px; border-top-right-radius:5px;}

.gioithieu-tc{padding: 30px 0; position: relative; min-height: auto; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: row; flex-flow: row; -ms-flex-align: center; align-items: center;}
.section-bg{width: 100%; position: absolute; top: 0; left: 0; height: 100%; right: 0; bottom: 0; padding: 0!important; margin: 0!important; background-size: cover!important; background-repeat: no-repeat!important; background-position: 50% 50%; opacity: 1; overflow:hidden}
.content_about { background: #fff; padding: 30px 0 30px 30px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; font-size: 15px; line-height: 22px; text-align: justify; position:relative }

.tieude{margin-bottom:30px}
.tieude p { font-size: 15px; padding-bottom: 5px; text-align: center; text-transform: uppercase; }
.tieude p span { font-weight: 600; color: #f00; font-size: 17px; }
.tieude h2{padding: 0 0 10px; font-weight: bold; text-transform: uppercase; color:#333}
.tieude h2 a{color:#333}
.box-doitac .tieude h2{color:#fff}
.tieude  hr{width: 50px; border-top: 3px solid #175AA0; text-align: center; margin: 0px auto}
.danhmuc{padding: 0; margin-bottom:20px }
.anh-danhmuc{ width:100%; overflow: hidden; margin-bottom:20px; }
.anh-danhmuc img{width: 100%; height:auto; border-radius: 100%; border: 10px solid #eee; transition-duration: .7s;}
.text-danhmuc{width:100%; background:#0077bd; transition: opacity 0.3s,transform 0.3s,background-color 0.3s; padding:10px 5px; text-align:center; border-radius:15px;}
.text-danhmuc h3{font-weight: bold; font-size: 14px; text-transform: uppercase; margin-bottom: 0; }
.text-danhmuc h3 a{color:#fff}
.text-danhmuc p{ color:#999}
.xemtatca{margin:20px 0}
.xemtatca a{background: #0077bd; padding: 7px 15px; border-radius: 10px; color:#fff }
.box-kinhnghiem video{width:100% !important; height:410px !important}
.kinhnghiem{ color:#FFFFFF; padding:10px 0}
.kinhnghiem h3{ font-size:30px; font-weight:bold; margin:10px 0}
.kinhnghiem p{text-transform:uppercase}
.sanpham, .tintuc{margin-bottom:20px; padding-bottom:20px}
.anhsp, .anhtt{padding:5px; border:1px solid #ccc}
.namesp, .namett{margin:10px 0; font-size:17px; height:42px; overflow:hidden}
.namesp{margin:10px 0 0px;}
.namesp a{color:#0082C6; font-weight:bold}
.tintuc-ds .namesp{font-size:16px; margin-bottom:10px}
.chitiet{margin:10px 0}
.chitiet a{ color:#fff; background:#1963AE; padding:5px 15px; border-radius:10px; font-size:14px}
.anhsp{overflow:hidden}
.anhsp img, .box-kh img, .box-pro img{width:100%; height:auto; transition-duration: 1s; }
.anhsp img:hover, .box-kh img:hover, .box-pro img:hover{transform: scale(1.1)}
.nav-pills{font-size:0;}
.nav-pills li{float:none; display:inline-block; font-size:14px;}
.nav-pills>li+li{margin-left:0}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{background:#EF1120; color:#fff}
.nav-pills>li{ margin-bottom:15px}
.nav-pills>li>a{width:100%; color:#333; border:1px solid #ccc; border-radius: 4px; padding:10px 3px; text-transform:uppercase; float:left}

.nd-duan, .nd-khachhang{display:none;}
.duan .nd-duan{display:block}
.box-khachhang .nd-khachhang{display:block}

.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;background:url(/imgs/arrow-left.svg) no-repeat}
.nbs-flexisel-nav-right{right:30px;width:50px;height:35px;background:url(/imgs/arrow-right.svg) no-repeat}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{width:22px;height:22px;position:absolute;cursor:pointer;z-index:100;opacity:0.5;}
.box-kh img{width:auto}
.box-kh{position:relative; margin:0 10px}
.duan .box-kh h3{width: 100%; background: url(/imgs/bg-titleduan.png) top left repeat; position: absolute; bottom: 0; font-size: 14px; text-transform: uppercase; color: #fff; height: 48px; line-height: 140%; overflow: hidden; padding: 9px 1%; text-align: left;}
.duan .box-kh h3 a{color:#fff; font-weight:bold}
.box-khachhang{background:url(/imgs/bg_map.png) center center no-repeat; background-size:40% }
.khachhang .tt-khachhang{font-size:15px; color:#000; width:938px; margin-left:100px; background:url(/imgs/bg-kh.png) top center no-repeat; background-size: contain; padding:10px 0 20px}
.khachhang img{border-radius:100%; box-shadow:1px 1px 10px #ccc}
.khachhang .anh-kh{margin-top:50px}
.khachhang h3{margin:30px 0 10px; font-weight:bold}
.box-dt img{border: 1px solid #d9d9d9;border-radius: 5px}
.bg-kh{width:100%; margin-top:20px; float:left; font-size:125px; font-weight:bold; height:30px; color:red; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.box-tintuc .col-sm-4:nth-child(1n+6){display:none}
.anh-tt{width:100%}
.tintuc .namett{margin-top:15px;}
.anh-tt img{width:100%;}
.tintuc{position:relative;}
.namett a{font-size:17px; color:#333; font-weight:bold}
.tomtat-tt{height:70px; text-align:justify; margin-bottom:15px; overflow:hidden}
.ngaydang{ position: absolute; top: 5px; left: 5px; color: #fff; background: red; padding: 2px;}
.ngay{font-size:20px}
.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}
.icon-footer{padding-left:30px}
.icon-map{background:url(/imgs/icon-map.svg) center left no-repeat; background-size:20px; background-position: 0 5px;}
.icon-hotline{background:url(/imgs/icon-phone.svg) center left no-repeat; background-size:20px; background-position: 0 0;}
.icon-email{background:url(/imgs/icon-mail.svg) center left no-repeat; background-size:20px}
.icon-clock{background:url(/imgs/icon-clock.svg) center left no-repeat; background-size:20px}
.anh-mxh{width:18px; margin-right:5px}
footer{width:100%; background:#0082C6; color:#fff; float:left}
footer li{list-style:none}
footer h3{text-transform: uppercase; font-weight: bold; font-size: 18px; margin-bottom: 20px;}
footer li{margin-bottom:10px}
footer li a{color:#fff}
footer li a:hover{color:#FFFF00}
.footer1{padding-bottom:0}
.footer3{background:#0077bd; border-top:1px solid #999}
.footer-22 hr{width:40%; margin-left:30%}
.vanphong{background:url(/imgs/icon-vanphong.svg) top left no-repeat}
.nhaxuong{background:url(/imgs/icon-nhaxuong.svg) top left no-repeat}
.vanphong, .nhaxuong{background-size:16px; padding-left:20px; margin-bottom:10px}
.nhaxuong2{padding-bottom:10px}
.chinhanh div{background:url(/imgs/icon-la-co.svg) center left no-repeat; background-size:14px; padding-left:20px; margin:0 20px}
.btnBack{background:#767676 !important}
.btn-send { width: 90px; height: 35px; line-height: 35px; background:#105caa;margin-right:20px; color: #fff; transition: all .5s ease 0s; border: none; font-weight: 600; }

/*Danh sach san pham*/
.title-sp .boxsp-xt { position: absolute; right: 5px; top: -8px; font-style: italic; color: #1962ad; }
.title-sp span { background: url(http://pikom.vn/imgs/icon-index.png) -52px -88px no-repeat; }
.title-sp span { width: 26px; height: 26px; float: left; margin-right: 10px; margin-top: -5px; }
.title-sp { width: 100%; margin-top: 20px; margin-bottom: 10px; position: relative; }
.title-sp h2{width:auto; color:#1962ad;font-weight:700;font-size:16px; float:left}
.news-r .xt-tintucsp,.td-sp a,.td-tintucsp a{color:#333}
.ht-chuachay .title-sp hr{width:70%}
.title-sp h1,.title-sp h2{text-transform:uppercase}
.title-muccha{width:100%; float:left; padding-bottom:6px; border-bottom:1px solid #ccc; margin-bottom:30px; position:relative}
.title-muccha h2{width:auto !important; float:left; margin:0 !important}
.title-muccha .link-muccha{float:right; font-weight:bold; position:absolute; right:0; bottom:3px; color:#ff0000}
.moc-danhmuc .path, .bdskhac, .moc-danhmuc ol {width: 100%; float: left; margin: 6px 0 6px; padding-bottom: 0; padding-left:0}
.moc-danhmuc ol li {float: left; list-style: none; padding: 0 7px; color: #0077bd; text-transform:none}
.moc-danhmuc ol li a {color: #999; text-decoration: none; text-transform:none; padding-left: 7px}
.moc-danhmuc ol li:last-child a {color: #999}
.moc-danhmuc ol li a:hover {color: #0077bd}
.phantrang ul{width:100%; text-align:center}
.phantrang ul li{display:inline-block; margin:0 5px}
.phantrang .page, .phantrang strong{padding:10px 15px; color:#787D7F; font-size:18px}
.phantrang .page:hover{color:#007AFF}
.phantrang div{font-size:18px !important}
.nav-dssp li{width:100%; border-bottom:1px dotted #ccc; padding-bottom:8px; margin-bottom:8px;}
.nav-dssp li a{ color:#1F1F1F;; text-transform:none; padding:0 !important; width:100%}
.nav-dssp li a:hover{ color:#EF1120}
.nav-dssp .dropdown-menu{width:100%}
.nav-dssp .dropdown-menu li a{font-size:14px; padding:5px 20px; color:#333}
.nav-dssp .dropdown-menu li a:hover{color:#fff}
.dssp h1{text-transform: uppercase; font-size: 23px; text-align:center; margin-bottom: 20px; padding: 10px 0px; font-weight:bold; color:#0077bd}
.dssp-sp h3, .td-right h3{ text-transform: uppercase; color: #1963AE}
.dssp-tt h3{text-transform:uppercase; font-size:20px}
.dssp-tinnb, .dssp-tinkhac{ padding:10px 0; border-bottom:1px solid #ccc}
.dssp-tinkhac{background:url(/imgs/right.svg) center left no-repeat; background-size:12px; background-position:1px 15px ; padding-left:20px}
.cttt-baiviet{background:#fff; padding-bottom:10px}
.name-tinnb{margin-bottom:10px; font-size:16px; height:42px; overflow:hidden}
.name-tinnb a{color:#333}
.ngaydangtin{background:url(/imgs/icon-ngaydang.svg) center left no-repeat; background-size:14px; font-size:14px; padding-left:20px; color:#ccc}
.dssp-tt{padding:6px 10px 10px; margin-bottom:20px; border: 1px solid #ccc; background:#fff}
.xemthem{padding-top:10px}
.xemthem a{ color:#1963AE}
/*End Danh sach san pham*/
.dssp-tt-tinnb .col-sm-4{width:100%}
.dssp-tt-tinnb .anh-tt{height:auto !important}
.dssp-tt-tinnb .tintuc .namett{text-transform:none}
.dssp-tt-tinnb .tomtat-tt{display:none}
.dssp-tt-tinnb .chitiet{display:none}
.dssp-tt-tinnb{margin-top:20px}
.dssp-tt-tinnb .namett a{font-weight:normal;}
.dssp-tt-tinnb .namett{height:45px;}
.dssp-tt-tinnb .col-sm-4{display:none}
.dssp-tinkhac, .dssp-tt-tinnb .col-sm-4{display:none}
.dssp-tt-tinnb .dssp-tinkhac{display:block; text-align:left}
.dssp-tt-tinnb .col-sm-4{display:none !important}

/*Chi tiet san pham*/

.chitietsanpham h1{font-weight: bold; font-size:22px; color: #333; margin-bottom: 20px;}
.tt-ctsp{margin-bottom:10px;}
.tt-ctsp-2{background: #F7F7F7; padding: 10px;}
.tt-ctsp-2 p{background:url(/imgs/icon-kimcuong.svg) top left no-repeat; background-size:18px; padding-left:25px; margin-bottom:10px; font-size:16px}
.soluongsp strong{font-size:16px; margin-right:10px}
.sll span{padding:10px 15px; border:1px solid #ccc; border-radius:5px; font-size:20px}
.muahang{text-transform:uppercase; font-size:16px}
.muahang a{color:#fff}
.giohang{background:#1963AE; border-radius:20px}
.giohang p{background:url(/imgs/icon-shop-white.svg) center left no-repeat;}
.lienhehotline{background:#EF1120; border-radius:20px}
.lienhehotline p{background:url(/imgs/icon-phone.svg) center left no-repeat}
.giohang p, .lienhehotline p{ background-size:20px; padding:10px; background-position:20px 10px }
.showroom-ctsp{background:#D0E0EF; padding:10px; margin-bottom:10px}
.anh-showroom-ctsp{width:50px; border-radius:100%; overflow:hidden; line-height:50px}
.showroom-1{ padding-left:10px; margin-top:5px}	
.red{font-size: 18px; color: red; font-weight: bold}
.cskh{padding:10px; background:#EBEBEB}
.cskh h4, .cskh p{font-size:16px; margin-bottom:10px}
.gopy{background:url(/imgs/phone-black.svg) top left no-repeat; background-size:19px; padding-left:25px}
.khieunai{background:url(/imgs/icon-mail-black.svg) top left no-repeat; background-size:19px; padding-left:25px}
.like, .share{background:#3186F3; padding:5px 10px; color:#fff; cursor:pointer}
.like .icon-like{width:14px}
.share{margin-left:10px}
.sanphamcungloai h2{color:#333; text-transform:uppercase; margin-bottom:20px; width:auto}
.sanphamcungloai .sanpham{padding:0}
.sanphamcungloai .nbs-flexisel-nav-left{top:-45px !important; left:inherit !important; right:30px}
.sanphamcungloai .nbs-flexisel-nav-right{top:-45px !important; right:0}
.menu-funcition{width:100%; padding:20px 0; background:#E5EEF7; margin-bottom:30px}
.menu-funcition li{padding:0 15px; border-right:1px solid #333; float:left; list-style:none; text-transform:uppercase}
.menu-funcition li:last-child{border:none}
.menu-funcition li a{color:#333; font-weight:bold; font-size:20px}
.noidung h2{width:100%; font-size:24px; color:#0000cd; margin-bottom:20px; float:left;}
.noidung table{width:100%; border:1px solid #ccc;}
.noidung table th{padding:10px; text-align:center}
.noidung table td{padding:6px}
.noidung table li{margin-left:30px}
.menu-funcition-left{float:left}
#menu2{background:#F3F6FB; padding:30px 0;}
.suport{width:100%;border:1px solid #ccc}
.suport{border-top:none;margin-bottom:20px;float:left}
.arrow-s::before{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#1962ad transparent transparent;border-image:none;border-style:solid;border-width:10px;content:"";height:0;left:7%;bottom:-20px;width:0}
.dm-tt li:first-child{padding-top:15px}
.dm-tt li{border-bottom:1px solid #dadada;padding:8px 5px 8px 8px; text-align:left; font-size:16px; list-style:none}
.dm-tt li a{color:#343434}
.dm-tt li:last-child{border:none}.news .row,.phone-support li{border-bottom:1px solid #eee}
.td-right{width:100%; padding:10px 0; margin-bottom:15px; border-bottom:1px solid #ff0000}

/*End Chi tiet san pham*/
/*Chi tiet tin tuc*/
.tintuc-dstt{padding:20px 0; border-bottom:1px solid #ccc}
.tintuc-dstt:last-child, .dssp-tinnb{border:none}
.view{ background:url(/imgs/icon-view.svg) center left no-repeat; padding-left:25px; color:#ccc; margin-left:25px}
.name-dstt{font-size:18px; font-weight:bold;  height:46px; overflow:hidden; text-align:left}
.name-dstt a{color:#A82D18;}
.anh-dstt{height:150px; overflow:hidden}
.tomtat-dstt{height:68px; overflow:hidden}
.namesp-dstt{height:34px}
.namesp-dstt a{color:#333; font-size:12px}
.xem a{font-size:12px}
/*End Chi tiet tin tuc*/
/*Chi tiet tin tuc*/
.cttt h1{ color:#1961AB; text-align:center; font-size:26px; font-weight:bold; padding:10px 0; margin-bottom:10px}
.cttt-baiviet .ngaydang-view{background:#f6f6f6; padding: 10px}
.binhluan{padding:25px; border:1px solid #ccc; border-radius:5px}
.comment-sapxep, .comment{font-size: 16px; border-bottom:1px solid #ccc}
.so-comment{font-weight:bold}
.sapxep span{color: #999; margin-right: 5px;}
.sapxep button{padding:5px 10px}
.comment .anh-coment{width:75px}
.comment textarea{width:calc(100% - 100px); padding:15px}
.anh-bulic{width:30px; margin-right:5px}
.cttt-bvkhac{padding:20px 0; border-bottom:1px solid #ccc}
.content-bvkhac h4{max-height:57px; overflow:hidden; margin-bottom:10px}
.content-bvkhac h4 a{color:#333}
.binhluanfacebook  h3, .baivietkhac h3{font-weight:bold}
/*End Chi tiet tin tuc*/
/*gio hang*/
.simpleCart_items{width:100%;background:#fff;border-bottom:1px solid #999;border-bottom:1px solid #666;float:left}
.cartHeaders{background:#eee;font-weight:700}
.cartHeaders,.itemContainer{width:100%;padding:1% 0 1% 1%;float:left;border-bottom:1px solid #eee}
.itemName,.itemPrice,.itemTotal{width:18%;padding-left:1%;text-align:center;float:left}.itemName{width:45%;text-align:left}
.itemQuantity,.item_remove{width:7%;padding-left:1%;text-align:center;float:left}
.item_remove,.item_remove a{color:red}
.simpleCart_quantity,.simpleCart_total{width:10%;color:#03c;font-weight:700;float:left;margin-left:66.6%}
.path,.pt{width:100%;float:left}
.simpleCart_total{margin-left:1%;margin-bottom:20px}.pt{margin-top:10px}
.form-group{margin-left:0;margin-right:0; margin-bottom:15px; width:100%;float:left}
.form-group label{font-weight:bold}
/*gio hang*/
/*fix right*/
.fix-r{position:fixed; left:10px; border:1px solid #ccc; z-index:99999; border-radius:5px; bottom:16%; width:60px; padding:3px; padding-top:20px; text-align:center; background:#fff; overflow:hidden; background:#f1f1f1}
.fix-r div{margin-bottom:10px; width:100%; float:left}
.fix-r .fix-tell{margin-bottom:10px;}
.fix-r .fix-tell:last-child{margin-bottom:0}
.fix-r .fix-tell a, .cd-popup-trigger a{color:#333}
.fix-r img{width:36px; height:36px;}
.fix-r span{width:100%; text-align:center; margin-top:6px; float:left; 
  color:#333; font-size:10px;}
.scrollToTop { opacity: 1; width: 36px; height:36px; } 
.scrollToTop:hover { opacity: 0.8; transition: all 0.6s ease 0s; }
.cd-popup-trigger { display: block; text-align: center; color: #333; }
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; 
  background-color: rgba(94, 110, 141, 0.9); opacity: 0; visibility: hidden; 
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: 
    opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 
      0.3s; } 
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: 
  opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 
    0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } 
.cd-popup-container { padding:20px !important; position: relative; width: 
  80% !important; margin: 4em auto; background: #FFF;text-align: center; 
  float:none !important} 
.cd-popup-container p, .cd-popup-container p a { color:#333; text-align:left } 
.cd-popup-container .cd-buttons:after { content: ""; display: table; clear: 
  both; } 
.cd-popup-container .cd-buttons li { float: left; width: 50%; } 
.cd-popup-container .cd-buttons a { display: block; height: 60px; 
  line-height: 60px; text-transform: uppercase; color: #333; -webkit-transition: 
    background-color 0.2s; -moz-transition: background-color 0.2s; transition: 
      background-color 0.2s; } 
.cd-popup-container .cd-buttons li:first-child a { background: #fc7169; 
  border-radius: 0 0 0 .25em; } 
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover { 
  background-color: #fc8982; } 
.cd-popup-container .cd-buttons li:last-child a { background: #b6bece; 
  border-radius: 0 0 .25em 0; } 
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover { 
  background-color: #c5ccd8; } 
.cd-popup-container .cd-popup-close { position: absolute; top: 8px; right: 
  8px; width: 30px; height: 30px; } 
.cd-popup-container .cd-popup-close::before, .cd-popup-container 
.cd-popup-close::after { content: ''; position: absolute; top: 12px; width: 
  14px; height: 3px; background-color: #8f9cb5; } 
.cd-popup-container .cd-popup-close::before { -webkit-transform: 
  rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); 
  -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; } 
.cd-popup-container .cd-popup-close::after { -webkit-transform: 
  rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); 
  -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px; } 
.is-visible .cd-popup-container { -webkit-transform: translateY(0); 
  -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: 
    translateY(0); transform: translateY(0); }
/*fix right*/

/*menu left*/
.dm{font-weight: 600;  border-bottom: none; background: #FFF7F4; color: #8C4028 !important; font-size: 15px;padding: 15px 20px;}
.dmsp-child{border:none}
.list-menu-child{display:none}
.dmsp{padding-left:10px;color:#333;font-size:16px;text-transform:uppercase;font-weight:600}
.dmsp:hover{color:#333}
.menu-slider{margin-top:5px}
.menu-left{position:relative}
.box-list{position:absolute;width:100%;z-index:99}
.list-menu{background:#fff;border:1px dotted;}
.list-menu >li{padding:15px 10px;padding-left:34px;border-bottom:1px solid #ccc;list-style:none;text-transform:none;}
.list-menu >li:hover{background:#f1f1f1}
.list-menu >li>a{color:#333;text-transform:none;}
.list-menu >li >a:hover{color:#000;}
.list-menu > li >ul >li{line-height:140%;}
.list-menu >li:hover .menu-child{display:block;}
.menu-child{background:#fff none repeat scroll 0 0;display:none;height:auto;left:100%;position:absolute;top:0;width:250px;padding:0;padding-top:0;z-index:99;}
.menu-child li{font-weight:300;width:100%;float:left;padding:8px 10px;height:auto;border-bottom:1px solid #ccc;list-style:none}
.menu-child li a{color:#000;}
.menu-child li a:hover{text-decoration:underline;color:red}
/*Hotline*/
.wrap-nangluc { background: linear-gradient(45deg, #0077bd, #2ca8f3); padding: 15px 0; } .dv-05-col-item { margin-bottom: 0; } .dv-05-item { color: #fff; } .dv-05-item .box {} .dv-05-item .box .name { display: flex; align-items: center; } .dv-05-item .box .name .text { padding-left: 16px; font-size: 15px; color:#fff; width: calc(100% - 45px); } .dv-05-item .box .name .text p { font-size: 16px; font-weight: 600; } .dv-05-item .box .name .text p a:hover { color: #fff; } .dv-05-item .box .name .text span { font-size: 13px; color: #ff0; } .dv-05-item .box .name .icon { width: 45px; } .dv-05-item .box .name .icon img {} .dv-05-item .box .content { margin-top: 10px; font-size: 14px; line-height: 1.6; }
.dv-05-item a{color:#fff}
/*End hotline*/
/*End menu left*/
.call-support .col-sm-3:nth-child(5){display:none}
.ip-search{border: none !important; padding: 0 !important; border-radius: 0 !important;}
.gallery a img { float: left; width: 25%; height: auto; border: 2px solid #fff; -webkit-transition: -webkit-transform .15s ease; -moz-transition: -moz-transform .15s ease; -o-transition: -o-transform .15s ease; -ms-transition: -ms-transform .15s ease; transition: transform .15s ease; position: relative; }

.quick-alo-phone.quick-alo-show { visibility: visible; } 
.quick-alo-phone { position: fixed; visibility: hidden; background-color: transparent; width: 200px; height: 200px; display: block; cursor: pointer; z-index: 9999; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility 0.5s; -moz-transition: visibility 0.5s; -o-transition: visibility 0.5s; transition: visibility 0.5s; left: -50px; bottom: -50px; }
.tel_phone { border-radius: 30px; line-height: 45px; position: absolute; height: 45px; color: #fff; font-size: 17px; text-align: center; background-color: #0077bd; color: white; top: 73px; left: 90px; padding: 0; font-weight: 600; width: 0; overflow: hidden; padding-left: 29px; transition: all 0.5s; opacity: 0; } 
.quick-alo-phone:hover .tel_phone { width: 165px; left: 90px; opacity: 1; } 
.tel_phone a { margin: 0; color: #fff; display: block; width: 135px; }
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle { border-color: #0077bd; opacity: 0.5; } 
.quick-alo-ph-circle-fill { width: 80px; height: 80px; top: 55px; left: 55px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: 0.1; -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } 
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill { background-color: #0077bd; opacity: 0.75; } 
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle { background-color: #0077bd; } 
.quick-alo-ph-img-circle { width: 50px; height: 50px; top: 70px; left: 70px; position: absolute; background: rgba(30, 30, 30, 0.1) url(/imgs/quick-call-button.png) no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } 
.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle { background-color: #0077bd; }
@-moz-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-webkit-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-o-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-moz-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-webkit-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-o-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-moz-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } } 
@-webkit-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } } 
@-o-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } } 
@keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } }

.box-pro{padding:15px; margin-bottom:30px; border:1px solid #ccc; border-radius:6px; background:#fff; float:left}
.box-pro .gia-tt{width:100%; height:23px; overflow:hidden; text-align:center; color:#333; margin-bottom:10px; font-size:14px; float:left}
.box-pro .gia-tt span{text-decoration:line-through;}
.box-pro .gia-ban{width:100%; font-size:15px; text-align:center; float:left}
.box-pro figure{margin-bottom:15px;}
.box-pro h3{height:60px; font-size:14px !important; overflow:hidden; margin-bottom:15px; line-height:140%}
.gia-sp{width:100%; font-size:18px; color:#ff0000; font-weight:bold; float:left; text-align:center; margin-bottom:28px}
.dssp .gia-sp{font-size:17px; margin-top:10px}
.dssp .box-pro .gia-tt{font-size:13px}
.dssp .box-pro h3{margin-bottom:0;}
.box-pro h3{ text-transform:uppercase; text-align:center; color:#0077bd;  font-weight:bold;}
.box-pro h3 a{color:#333; }
.xemthem-pr{width:100%; float:left; text-align:center; margin-bottom:10px}
.xemthem-pr a{padding:8px 25px; border-radius:5px; background:#0077bd; color:#fff; border:1px solid #0077bd; font-size:16px;}
.xemthem-pr a:hover{color:#0077bd; background:#fff; border:1px solid #0077bd}
.title-sp h2 {width:100%; font-size: 29px; color: #0077bd!important; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 20px; margin-top: 20px; }
.noidungmuc{width:100%; color:#333; text-align:justify; float:left; margin-bottom:30px}
.noidungmuc li, .spdv li{margin-left:30px;}
.noidungmuc h2{font-size:21px; font-weight:bold}
.noidungmuc h3{color:#A82D18; font-size:18px; font-weight:bold}
.tieuchuan{width:100%; float:left; color:#333; padding:40px 0; text-align:justify}

.tieuchuan h2{ width:100%; color:#1e73be; line-height:140%; margin-bottom:40px; font-size:30px; font-weight:bold; text-align:center}
.tieuchuan h3{width:100%; color:#1e73be; font-size:23px; text-transform:uppercase; text-align:center; font-weight:bold; margin-bottom:15px;}
.tieuchuan p{color:#333; font-size:17px; }
.box-tieuchuan figure{width:100%; text-align:center; margin-bottom:20px}
.box-tieuchuan figure img{width:100%; height:auto}
.spdv{width:100%; padding:20px 0; text-align:justify; float:left}
.spdv h2, .noidungmuc h2{font-size:22px; text-transform:uppercase; color:#1e73be; margin-bottom:40px; text-align:center}
.box-spdv{width:100%; float:left; margin-bottom:15px; text-align:center;}
.box-spdv figure{width:80px; border:2px solid rgb(41, 62, 150); border-radius:100%; padding:10px; margin:0 auto; }
.box-spdv figure{background:rgb(41, 62, 150)}
.box-spdv figure img{width:100%; height:auto}
.box-spdv h3{width:100%; float:left; margin-top:20px; color:#1e73be}
.sum-spdv{width:100%; height:60px; line-height:140%; float:left; margin-top:20px; color:#1e73be; overflow:hidden}
.box-sp{width:100%; float:left}
.gia-sp{font-size:23px; font-weight:bold; text-align:center; margin-bottom:30px; margin-top:0}
.gia-tt{width:100%; font-size:14px; color:#333;  margin-bottom:20px}
.gia-tt span{text-decoration:line-through;}
.gia-ban{width:100%; float:right}
.td-tomtat{width:100%; padding:10px 0; color:#0000cd; border-bottom:1px solid #0000cd; margin-bottom:15px; font-size:17px; font-weight:bold}
.tomtat-sp{width:100%;line-height:150%; margin-bottom:20px; float:left}
.tomtat-sp li{margin-left:20px; list-style:inherit }
.datmua{width:100%; padding:15px 0; text-align:center; background:#C20010; margin-bottom:20px; float:left}
.datmua:hover{background:#0000cd}
.datmua a{color:#fff; font-size:18px; font-weight:bold}
.camket h3{font-size:19px; margin-bottom:15px; font-weight:bold}
.camket li{list-style:none; margin-left:15px; margin-bottom:15px}
.ghichu{color:#0000cd; margin-bottom:30px;}
.menu-funcition{width:100%; padding:30px 0; background:#f0f0f0; margin-bottom:30px; float:left}
.menu-funcition li{padding:0 15px; border-right:1px solid #333; float:left; list-style:none}
.menu-funcition li a{color:#333; font-weight:bold}
.noidung h2{width:100%; font-size:24px; color:#0000cd; margin-bottom:20px; float:left;}
.noidung table{width:100%; border:1px solid #ccc;}
.noidung table th{padding:10px; text-align:center}
.noidung table td{padding:6px}
.noidung table li{margin-left:30px}
.cauhoithuonggap, .baivietnoibat{padding:50px 0}
.tieude-cauhoi h2, .tieude-baiviet h2{color:#1b75bb; font-size:36px; font-weight:bold }
.text-cauhoi{padding:20px; box-shadow:1px 1px 5px; border-radius:10px}
.text-cauhoi h3{font-size:18px; height:50px; line-height:140%; margin:10px 0; overflow:hidden}
.text-cauhoi a{color:#006600}
.text-cauhoi a:hover{color:#FF0000; border-bottom:1px solid red}
.phanhoikhachhang{width:100%; padding:30px 0; float:left}
.tieude-phanhoi h2{color:#1b75bb; font-size:36px; font-weight:bold}
.phanhoi{padding:20px ; background:#fff}
.content-baiviet, .noidung{text-align:justify}
.content-baiviet h2, .noidung h2{font-size:22px; color:#1962AD; font-weight:bold; margin-bottom:20px; margin-top:20px}
.content-baiviet h3, .noidung h3{font-size:17px; color:#333; font-weight:bold; margin-bottom:20px; margin-top:20px}
.content-baiviet li, .noidung li{list-style:inherit; margin-left:30px}
.content-baiviet, .tintuc-sum{padding:0 10px}
.hotro-tintuc { width: 100%; float: left; font-weight: normal !important; padding:0 10px }
#trangtruoc, #banin, #guithu { padding-left: 20px; float: right; text-align: right; margin-right: 10px; }
#banin { background: url(/imgs/banin.png) center left no-repeat; }
#trangtruoc { background: url(/imgs/vtt.png) center left no-repeat; }
#guithu { background: url(/imgs/gm.png) center left no-repeat; margin-right:0 }
.hotro-tintuc a{color:#333}
.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);}}
.jssorb053 .i .b {fill:#ccc; fill-opacity:1; width:10px; height:10px; border-radius:50%; border: 3px solid #f1f1f1; border-radius: 50%;}
.jssorb053 .i:hover .b {fill-opacity:.5; fill:#fff; border: 3px solid #333; }
.jssorb053 .iav .b {fill-opacity: 1;}
.jssorb053 .i.idn {opacity:.3;}
.jssora093 {display:block;position:absolute;cursor:pointer;}
.jssora093 .c { fill: #999; stroke: #999; stroke-width: 800; stroke-miterlimit: 10; opacity: .4; }
.jssora093 .a { fill: none; stroke: #fff; stroke-width: 600; stroke-miterlimit: 12; }
.jssora093:hover {opacity:.8;}
.jssora093.jssora093dn {opacity:.6;}
.jssora093.jssora093ds {opacity:.3;pointer-events:none;}
.jssorb072 .i {position:absolute;color:#000;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
.jssorb072 .i .b {fill:#fff;opacity:.3;}
.jssorb072 .i:hover {opacity:.7;}
.jssorb072 .iav {color:#fff;}
.jssorb072 .iav .b {fill:#000;opacity:.5;}
.jssorb072 .i.idn {opacity:.3;}
.bg-light{background:none !important}
.nav-link{color:#fff; text-transform:uppercase; font-weight:bold}
.nav-link:hover{color:#ffff00}
/*thông tin liên hệ left*/
.giuseart-nav { position: fixed; left: 13px; background: #fff; border-radius: 5px; width: auto; z-index: 150; bottom: 70px; padding: 10px 0; border: 1px solid #f2f2f2; } 
.giuseart-nav ul {list-style: none;padding: 0;margin: 0;} 
.giuseart-nav ul li {list-style: none!important;} 
.giuseart-nav ul>li a { border:none; padding: 3px; display: block; border-radius: 5px; text-align: center; font-size: 10px; line-height: 15px; color: #515151; font-weight: 700; max-width: 72.19px; max-height: 54px; text-decoration: none; } 
.giuseart-nav ul>li .chat_animation{display:none} 
.giuseart-nav ul>li a i.ticon-heart { background: url(/imgs/icon-map.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; } 
.giuseart-nav ul>li a i.ticon-zalo-circle2 { background: url(/imgs/icon-zalo.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; }
.giuseart-nav li .button { background: transparent; }
.giuseart-nav ul>li a i.ticon-angle-up { background: url(/imgs/icon-angle-up.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; }
.giuseart-nav ul>li a i { width: 33px; height: 33px; display: block; margin: auto; }
.giuseart-nav ul li .button .btn_phone_txt { position: relative; top:35px; font-size: 10px; font-weight: bold; text-transform: none; } 
.giuseart-nav ul li .button .phone_animation i { display: inline-block; width: 27px; font-size: 26px; margin-top: 12px; }
.giuseart-nav ul>li a.chat_animation svg { margin: -13px 0 -20px; } 
.giuseart-nav ul>li a i.ticon-messenger { background: url(/imgs/icon-messenger.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; }
.giuseart-nav ul li .button .phone_animation i { display: inline-block; width: 27px; font-size: 26px; margin-top: 12px; } 
.giuseart-nav ul>li a i.ticon-chat-sms { background: url(/imgs/icon-phone-w.png) no-repeat; background-size: contain; width: 38px; height: 36px; display: block; } 
.giuseart-nav ul>li a i.icon-phone-w { background: url(/imgs/icon-sms-1.jpg) no-repeat; background-size: contain;} 
.giuseart-nav ul li .button .btn_phone_txt { position: relative; } 
.giuseart-nav{background:none !important; border:none !important;}
.giuseart-nav ul>li a{color:#521733 !important;}
.giuseart-nav ul>li a i.ticon-zalo-circle2{width:46px !important; height:46px !important; background:url(/imgs/icon-chat-zalo.png) no-repeat !important; background-size: contain !important;}
.giuseart-nav ul>li a i.ticon-messenger{width:46px !important; height:46px !important; background:url(/imgs/icon-chat-mes.png) no-repeat !important; background-size: contain !important;}
.giuseart-nav ul>li a i.icon-mail{background:url(/imgs/icon-mail.png) no-repeat !important; background-size: contain !important;}
.giuseart-nav ul>li a i.ticon-angle-up{display:none !important;}
.giuseart-nav{bottom:85px !important;}
/*End thông tin liên hệ left*/
/*back to top*/
.w-toplink{display:block; position:fixed; z-index:100; bottom:0; text-align:center; font-size:2rem; border-radius:.3rem; outline:none !important; background-color:rgba(0,0,0,.3); color:#fff !important; transform:translate3d(0,5rem,0); line-height:50px; height:50px; width:50px; margin:15px}
.w-toplink.pos_left{left:0}
.w-toplink.pos_right{right:0}
.w-toplink.active{transform:translate3d(0,0,0)}
.w-toplink i{font-size:30px; height:45px !important; line-height:45px; color:#fff}
/*back top top*/
.content-baiviet table{border:1px solid #ccc;}
.content-baiviet table td{padding:6px; border:1px solid #ccc}
#tincungloaiT .tintuc-dstt{width:50%}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link{color:#fff}
.tongquansanpham{padding-top:0}
.chaybanner{margin-top:70px}
.thanhcong h2{width:100%}
.thanhcong{width:100%; float:left; padding:40px 0}
.ct-thanhcong{width:100%; text-align:center; padding:20px 0}
.ct-thanhcong:hover{box-shadow: 1px 3px 5px 1px #ccc; border-radius:5px; }
.ct-thanhcong figure{margin-bottom:15px;}
.ct-thanhcong h3{color:#27ade4; font-size:16px; font-weight:bold; text-transform:uppercase;}
.tongquan, .box-tintuc{width:100%; min-height:503px; background: url(/imgs/phong.png) repeat center; padding:45px 0; float:left}
.ct-tongquan p{margin-bottom:10px}
.box-tongquan figure{width:100%; box-shadow: 2px 4px 10px 4px #ccc; border-radius:20px; overflow:hidden}
.xt-gioithieu{width:100%; margin-top:30px; float:left}
.xt-gioithieu a{background:#27ade4; color:#fff; padding:10px 30px; border-radius:30px}
.duan h3{width:100%; text-transform:uppercase; text-align:center; font-size:17px; margin-top:15px;}
.doitacchienluoc{padding-bottom:40px}
.moc-danhmuc{margin-top:70px}

@media (min-width: 768px)
{
  .list-timkiem{float:right}
  .navbar-default .navbar-nav>li>a{font-size:16px;}
  .dropdown:hover .dropdown-menu{display:block}
  .navbar{ min-height:inherit}
  .navbar-nav>li>.dropdown-menu{right:auto; left:0}
  .navbar-nav>li:last-child>.dropdown-menu, .navbar-nav>li:nth-child(7)>.dropdown-menu{left:auto; right:0}
  .anh-tt{height:225px; overflow:hidden}
  .dangnhap{margin-top:0}
  .box-kh figure{height:90px; overflow:hidden}
  .tieude p{font-size:22px; margin-bottom:10px}
  .tieude hr{width:200px}
  .box-pro figure{height:182px; overflow:hidden}

}
@media (min-width: 768px) and (max-width: 1024px)
{
  .showroom-name{font-size:11px}
  .khachhang p{width:auto; margin-left:0}
  footer h3{font-size:17px}

  .chitietsanpham .col-sm-7 .col-sm-7{width:100%}
  .chitietsanpham .col-sm-7 .col-sm-5{display:none}

  .namesp-dstt{height:auto}
}
@media (min-width:768px)
{
  .navbar-nav>li>a{padding:15px 8px;}
  .dropdown:hover .dropdown-menu{display:block}
  .menu-left:hover .list-menu{display:block}
  .menu-left:hover .list-menu .dropdown 
  .dropdown-menu{margin-left:278px;margin-top:-38px;border:none;}
  .logo img, .dangnhap img { width: auto; height: 50px; transition-duration: 0.7s; }
  .logo img:hover, .dangnhap img:hover, .anh-danhmuc img:hover, .anhsp img:hover, .box-kh img:hover, .anh-tt img:hover{transform: scale(1.1)}
  .danhmuc{height:356px; overflow:hidden}
  .anhsp{height:190px;}
  .anhsp-sub{height:238px}
  .tintuc-ds .anhsp{height:258px;}
  .anh-bvkhac{height:68px; overflow:hidden}
  .content-bvkhac h4{height:57px; overflow:hidden}
}
@media (min-width: 768px) and (max-width: 992px)
{
  .dmsp{font-size:10px}
  .showroom{background-size:15%;padding:4px 0 4px 20px}
  .showroom-name { font-size: 8px;}
  .showroom-hotline{font-size:12px}
  .text-danhmuc{width:70%; top:0}
  footer h3{font-size:13px}

  .dssp h2, .dssp h3{font-size:18px}
  .name-tinnb{font-size:12px; height:auto}
  .ngaydangtin{background-size:12px; font-size:12px}
}
@media (min-width: 1200px){ .container { width: 1200px; max-width:inherit !important }}


@media (min-width: 1025px)
{
  .navbar{padding:0}
  .navbar-light .navbar-nav .nav-link { color: #fff !important;  padding-left: 20px !important; padding-right: 20px !important; padding-top:15px; padding-bottom:15px }
  .dropdown-toggle::after{margin-left:.055em}
  .dropdown-menu{ opacity: 1; transition: width 2s, height 2s;}
  .dropdown-menu li{padding:8px 0;}
  header .dropdown:hover .dropdown-menu{ display:block; }
  .dropdown-menu{min-width:200px; opacity: 1; transition: width 2s, height 2s; padding:5px 10px}
  /*.dropdown:hover .dropdown-menu{ display:block; }*/
  .mnc2-dm{position:relative;}
  .level_3{width:100%; padding:0 10px; background:#fff; padding-left:0; position:absolute; display:none; left:100%; top:0; float:left}
  .mnc2-dm:hover .level_3{display:block}
  .level_3 li:hover{background:none; color:#333}
  .level_3 li a{width:100%; color:#333; font-weight:normal !important; float:left}
  .level_3 li a:hover{color:#333; text-decoration:underline}
  .level_3 li, .level_3_item{width:100% !important; min-width:300px; padding:8px; list-style:none; float:left; border-bottom:1px dotted #ccc}
  header .dropdown-menu{border:none; border-radius:0}
  .doitac .col-20{width:20%}

}

@media (min-width: 1024px)
{
  #hdbottom{min-height:110px;}
  .logo img, .dangnhap img { width: auto; height: 80px !important; transition-duration: 0.7s; }
  .navbar-expand-lg .navbar-nav{width:100%}
  .navbar-expand-lg .navbar-collapse{width:100%}
}
@media (min-width: 1280px)
{
  .navbar-light .navbar-nav .nav-link { color: #fff !important;  padding-left: 20px !important; padding-right: 20px !important; padding-top:15px; padding-bottom:15px }
}
@media (min-width: 1550px)
{
  .container { width: 1500px; max-width:inherit !important }
  #hdbottom {padding: 15px 0;}
  .box-timkiem1 { padding-top: 10px; background-image: linear-gradient(to right,#1962AD,#AACEF2); padding: 16px 0; overflow: hidden; }
  header{background:#fff}
  .danhmuc{height:436px !important;}
  .dangnhap{margin-top:10px !important}
  .anhsp{height:388px !important}
  .box-kh figure{height:308px !important}
  .khachhang .tt-khachhang{width:1300px !important}
  .content_about{margin-left:20px}
  .box-pro figure{height:292px !important; overflow:hidden}
  .logo img, .dangnhap img { width: auto; height: 100px !important; transition-duration: 0.7s; }

}
@media (min-width: 1850px)
{
  .container { width: 1700px; max-width:inherit !important }
  #hdbottom {padding: 15px 0; }
  .box-timkiem1 { padding-top: 10px; background-image: linear-gradient(to right,#1962AD,#AACEF2); padding: 16px 0; overflow: hidden; }
  header{background:#fff}
  .danhmuc{height:472px !important}
  .box-pro figure{height:336px !important; overflow:hidden}
  .logo img, .dangnhap img { width: auto; height: 100px !important; transition-duration: 0.7s; }

}
@media (max-width: 767px)
{
  .tongquan, .box-tintuc{background:#F4F4F4; padding-top:0}
  .box-tintuc{padding-top:40px}
  .xt-gioithieu{margin-bottom:50px}
  .box-thanhcong .col{width:50%; flex: inherit;}
  #tincungloaiT .sanpham{padding-bottom:0}
  .tomtat-dstt{height:auto}
  .moc-danhmuc ol li{font-size:12px;}
  .dropdown-menu{background:#f1f1f1; border:none;}
  .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link { color: #333; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
  .footer1 ul{margin-bottom:15px;}
  .duan .box-kh h3{text-transform:none}
  #dichvutc .sanpham{padding-bottom:0}
  .box-menu{padding:10px 0; max-height:90px;}
  .chaybanner, .moc-danhmuc{margin-top:90px}
  .logo{position:relative; z-index:10}
  .dv-05-item{margin-bottom:15px;}
  .box-danhmuc{margin-bottom:15px;}
  .box-timkiem{padding-top:5px}
  .navbar{margin-top:-0; padding:0}
  .anh-danhmuc{margin-left:0}
  .khachhang p{margin-left:0; width:auto}
  .ngaydang{font-size:20px; padding:15px}
  .ngay{font-size:30px}
  .namett a{font-size:22px}
  .text-danhmuc h3{height:40px; overflow:hidden}
  .khachhang .tt-khachhang{width:100%; height:120px; padding-bottom:34px; background-size:cover; margin-left:0; font-size:16px; overflow:hidden}
  .chitietsanpham h2, .sanphamcungloai h2{font-size:18px}
  .fix-r { width: 100%; height: 64px; bottom: 0; left: 0; box-shadow: 0 4px 10px 
    0 #8c4028; padding-top: 5px; padding-bottom: 5px; border: none; border-radius: 
      0; overflow:inherit }
  .fix-r .fix-tell { margin-bottom: 20px; width: 20%; margin: 0; }
  .fix-r span { width: 100%; text-align: center; margin-top: 2px; float: left; 
    color: #333; font-size: 10px; }
  .fix-r .tell-ft{position:relative; top:-15px}
  .fix-r .tell-ft img{width:38px !important; height:38px !important;}
  .fix-r img { width: 38px; height: 38px; }
  .dangnhap img{height:56px; width:auto}
  header{ background: linear-gradient(45deg, #0077bd, #009EFD); width:100%; float:left}
  .box-timkiem1 { padding: 10px 0; }
  #hdbottom{background:none; margin-top:0; padding:0}
  .box-ngonngu{margin-right:10px; margin-top:-10px}
  .navbar-default .navbar-toggle{border:1px solid #fff}
  .navbar-default .navbar-toggle .icon-bar{background:#fff}
  .navbar-collapse{margin-top:10px; background: #eee; padding-left:10px}
  .danhmuc{width:100%; float:left}
  .dangnhap{width:80%; float:left; padding-left:0}
  .dangnhap img{width:100%; height:auto}
  .navbar-light .navbar-toggler-icon { background-image: url(/svg/navar-icon.svg); }
  .navbar-light .navbar-toggler{border-color:#eee}
  .box-menu li .level_3 li{padding:6px 0 6px 20px; width:82%; margin-right:5px;}
  .box-menu li .level_3 li a{color:#333}
  .box-menu li .dropdown-item{font-weight:bold}
  .box-menu li .level_3{padding:15px 0}
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#333; text-decoration:underline}

}

@media (max-width: 500px)
{
  .box-timkiem{display:none}
  .navbar-toggle{margin-top:-15px}
  .anh-danhmuc{width:100%}
  .text-danhmuc h3{font-size:18px; height:30px; line-height:30px; margin:0}
  .text-danhmuc p, .kinhnghiem p, .khachhang p, .kh-map {font-size:12px}
  .kinhnghiem h3, .tieude h2{font-size:20px}
  .namesp{font-size:14px; height:36px}
  .bg-kh{ font-size:75px; height:40px}
  .khachhang h3{font-size:16px}
  .ngaydang{ font-size:14px; padding:2px}
  .ngay{font-size:20px}

  .dssp h2,.dssp-sp h3, .dssp-tt h3{font-size:18px}
}