*{padding:0; margin:0}
a, a:hover{text-decoration:none;}
a:hover{transition: all 0.6s ease 0s}
.fl{float:left}
.fr{float:right}
.an{display:none;}
.cl{clear:both}
img {max-width: 100%; width: auto; height:auto}
p, h1, h2, h3, h4, ul {margin: 0; font-size: 14px;line-height: 1.5}
.bold {font-weight: 600}
.ft{padding-bottom:10px}
.#008FE5 {color: #008FE5}
.upper {text-transform: uppercase}
@font-face { font-family: rr; src: url(/images/Roboto-Regular.ttf); }
@font-face { font-family: gl; src: url(/images/GilroyL.otf); }
@font-face { font-family: av; src: url(/images/UTMAvo.ttf); }
body {width:100%;font-family: rr; font-size: 14px; line-height: 150%; 
color:#555; background: #fff;}
.header-top1 { width: 100%; background: #323695;padding:8px; 
color:#fff;font-size: 13px;font-family: gl}
.fb_reset{position:relative !important; z-index:1 !important}
.hotline1 .fa, .mail .fa{margin-right: 6px}
.box-search{float:right; border-bottom:1px solid #eee}
.search{background:none; border:none; font-size:14px}
.zalo-chat-widget{bottom:15px !important; left: 14px !important}
.ip-search{background:none; border:none}
.mail{float: right;}
.mail a{color: #fff;margin-left: 25px;text-transform: uppercase;}
.mail a:hover{border-bottom: 1px solid #f3572e}
.vertical-align {display: flex;flex-direction: row;}
.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
    display: flex;
    align-items: center;
    justify-content: center;
}
.vertical-align > [class^="col-"] > div,
.vertical-align > [class*=" col-"] > div {
    flex: 1; 
    flex-grow: 1;
}

.ds-spnb{width:100%; margin-top:20px; float:left}
#hotline p{width:100%; margin-top:6px; float:left; text-align:center}
.row-margin h3{height:46px; overflow:hidden;}
.list-banner{padding:0}
.doitac{display:none}
/*header*/
/*menu*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none }
.navbar-default { border: none; background: none; margin-bottom: 0; }
.navbar-default .navbar-nav>.active>a, .navbar-default 
.navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { 
background: none; color: #ed5c1b }
.menu { font-size: 15px;margin-bottom: 10px;background:#1a82c5}
.navbar-default .navbar-nav>li>a { color: #fff; font-size: 16px; 
text-transform: uppercase; padding: 10px 15px;letter-spacing: 
0.02em;font-weight: bold;}
.navbar-default .navbar-nav>li>a:hover { color: #ffff00}
.dropdown-menu li { padding: 8px; border-bottom: 1px dotted #ccc }
.dropdown-menu li:hover { background: #1877B6}
.dropdown-menu>li>a:hover { background: none; color: #ffff00}
.menu-right{margin-top: 33px}
.li-dm{position:relative}
.dropdown-menu-dm{display:none; left:100%; width:250px; background:#fff;  
position:absolute; z-index:10; top:0}
.dropdown-menu-dm li a{color:#333}
.li-dm:hover .dropdown-menu-dm{display:block}
.td-menu{width:100%;background:#061962;padding-left:10px;
color:#fff;border-bottom:1px solid #fff;padding:5px 15px;}
.td-menu h2{background:url(../images/bg-tdmn.png) center left 
no-repeat;padding-left:40px
;padding-top:6px;padding-bottom:6px;
font-size:16px;font-weight:bold;text-transform:uppercase;}
.tai-sao .row{margin-right: 0px;margin-left: 0px}
.tai-sao img{float: left;}
.tai-sao .col-sm-3{padding:30px 
35px;margin-top:10px;text-align:center;border-bottom:3px solid 
#1a82c5;border-top:3px solid #1a82c5;border-left:1px solid 
#1a82c5;border-right:1px solid #1a82c5;}
.tai-sao .col-sm-3 p{font-size: 14px;margin-top: 10px;font-weight: bold;}
/*end menu right*/
/*section*/
.gt-trangchu img{margin-bottom:15px}
.slider img {width: 100%}
.dm-sp ul li {list-style: none; background: #1a82c5; border-bottom: 1px solid 
#f2f2f2; height: 36px;
font-family: av;font-size: 18px;padding: 10px 10px 37px;}
.dm-sp ul li:hover {background: #061962; transition: all 0.6s ease 0s}
.dm-sp ul li a {color: #fff}
.icon-dm {width: 22px; height: 36px; float: left; margin-right: 
15px;margin-left:5px}
/*sanpham*/
.box-sp{margin-top: 25px;font-family:gl;border:1px solid #eee;padding: 5px}
.box-sp:hover{box-shadow: 2px 2px 8px #ccc;}
.box-sp h2{height:25px; font-size: 16px; font-weight:bold; margin-top: 
12px;margin-bottom: 12px;color: #000;text-align: left; text-align:center; 
text-transform:uppercase; overflow:hidden}
.box-sp a{color: #000}
.giacu{margin-left: 65px;text-decoration: line-through;color: #706E6D 
!important}
.box-sp p{color: #f3572e;font-size: 18px; width:100%; text-align:center; 
margin-bottom:10px; font-weight:bold}
.gia{display: none;}
.danhgia, .xem{margin-top: 10px}
.danhgia img{width:78%}
.box-xem{display: inline-flex; width:100%; text-align:center}
.xem a{background:#1a82c5; font-size:14px; color: #fff;text-transform: none; 
padding:8px 15px; border-radius:3px; overflow:hidden}
.xem .fa{margin-left: 17px; margin-top: 3px; display:none}
.banner-qc,.banner-qc1{padding-top: 50px;clear: both;}
.banner-qc3{padding-top: 50px}
.du-an{text-align: center;}
.nav-tabs>li>a {border: none; background: none; color: #000;}
.nav-tabs { border: none; font-size: 16px; text-transform: uppercase; 
margin-top: 20px}
.nav-tabs>li.active>a { border: none; color: #000; padding: 10px }
.nav-tabs>li { display: inline-flex; float: none;padding: 0px 5px; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus 
{ border: 1px solid #a0a0a0; background: #f4592b; color: #fff;border-radius: 0;
padding: 5px 15px }
.nav>li>a:hover, .nav>li>a:focus { background: none; }
.nav-tabs>li>a:hover { color: #000;text-decoration: underline;border-radius: 
0;    border: 1px solid; }
.nav-tabs>li>a { border: 1px solid #a0a0a0; background: none; color: 
#000;border-radius: 0;padding: 5px 15px }
.tab-pane{margin-top:20px}
.tab-pane a{font-size:15px;opacity:1;font-family:gl;text-transform:uppercase;}
.tab-pane .fa{font-size:18px;margin-left:15px}
.tab-pane .col-sm-4{margin-bottom:25px}
.tieude{display: flex;margin-top: 50px}
.tieude h2{margin:0 15px;text-transform: uppercase;font-size:30px; padding:0 
100px; font-weight:bold}
.tieude b {display: block;-ms-flex: 1; flex: 1;height: 
2px;background-color:#1a82c5;margin-top: 22px}

.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-sty
le-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:rel
ative}
.dichvu-nd .nbs-flexisel-nav-left{left:1px;width:50px;height:35px;background: 
url(../Images/left.png) no-repeat}
.dichvu-nd 
.nbs-flexisel-nav-right{right:20px;width:50px;height:35px;background: 
url(../Images/next.png) no-repeat}
.nbs-flexisel-nav-left{left:-20px;background:url(../images/button-previous.png) 
no-repeat;}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{width:22px;height:22px;position:a
bsolute;cursor:pointer;z-index:100;opacity:0.5;}

.td h2{text-align:center;margin-top:50px;font-size:40px;
font-weight:bold;margin-bottom:40px;color:#00aeef}
.txt-tomtat{padding:20px;text-align:center;font-family:av;font-size:14px;}
.name{color: #E10915;margin-top: 20px;margin-bottom: 10px;font-size:18px}
.name a{color: #E10915}

.list-product {margin-top: 20px; width:100%; float:left}
.title-name{ background: #fafafa; border: 1px solid #ccc; overflow: hidden; 
margin-bottom: 20px}
.title-name h2 {height: 37px; line-height: 37px; padding-left: 
10px;text-transform: uppercase; color: #fff; font-size: 16px; background: 
#f3572e; float: left }
.arrow-r {width: 40px; height: 37px; float: left; background: 
url(/images/icon-td1.png) 0px 0px no-repeat }
.title-name a {margin-top: 10px; margin-right: 5px}
.title-name a:hover {color: #ed1c2a}
.img-top {margin-bottom: 20px}
.box-product p {position: relative; border: 1px solid #ccc; 
margin-bottom:6px;margin-top:10px}
.box-product p{color: #f3572e;font-size: 18px; width:100%; text-align:center; 
margin-bottom:10px; font-weight:bold}
.box-product p img {width: 100%;padding: 10px}
.sale {position: absolute; top: 70px; right: 3px;padding: 1px 5px; background: 
#ed1c2a; color: #fff; border-radius: 3px; display:none;}
.km {position: absolute; display: none; top: 95px; right: 3px; padding: 1px 
5px; background: #105caa; color: #fff; border-radius: 3px}
.name-product {height:52px; background: #fcfcfc; text-align: center; padding: 
2px 5px; overflow:hidden;}
.name-product a {color: #000000; font-size: 15px;font-weight: bold;}
.price {text-align: center}
.price-old {background: #d5f2fd; padding: 5px 10px; font-weight:normal; 
text-decoration:line-through; font-size:13px;}
.price-new {
    font-size: 20px;
    text-align: center;
    text-shadow: 0 2px 0 #e9e9e9;
    font-weight: 600;
    color: #ff0000;
    font-family: Tahoma;
    position: relative;padding:5px
}
.menu-them{display: flex;float: right;margin-top: -45px;font-size: 14px;color: 
#EE4611}
.tin-th .fa, .tin-moi .fa{margin-left: 3px}
.menu-them a{color: #EE4611}
.menu-them a:hover {color: #061962}
.tin-moi,.tin-th{margin-right: 25px;}
.row-margin {margin-left: -8px; margin-right: -8px}
..pad, .pad1 {padding-left: 3px; padding-right: 3px}
.pro-tb li {list-style: none}
.title-tb {text-transform: uppercase; color: #fff; background: #54a21b; 
text-align: center; font-size: 16px; padding: 10px; border-radius: 5px 5px 0 0}
.pro-tb {border: 1px solid #ccc; border-top: none;}
.pro-tb figure {border: 1px solid #ccc; padding: 5px; text-align:center}
.pro-tb h3 a {color: #333}
.pro-tb .price {text-align: left; font-size: 14px; color: #ff1100; font-weight: 
600}
.pro-tb .price-old {text-align: left; text-decoration: line-through; padding: 
0; background: #fff}
.pro-tb li {border-bottom: 1px solid #ccc;padding: 11px 10px}
.pro-tb li:last-child {border: none}
.title-news p {margin-top:40px;width:100%; text-align:center;position: 
relative; padding: 8px 15px; text-transform: uppercase;
color: #f3572e;  font-size: 32px; font-weight:bold; float: left;}
.title-news {width: 100%; float: left; text-align:center; margin-bottom: 10px}
.box-tt h3{width:100%;height:42px; margin-bottom:10px; overflow:hidden; 
float:left}
.tomtat-new{width:100%; height:62px; overflow:hidden; text-align:justify}
.box-tt figure{height:150px; border:1px solid #ccc; padding:5px; 
margin-bottom:10px; overflow:hidden}
.box-tt time{text-align:center; font-style:italic; width:100%; float:left; 
margin-bottom:10px}

.index-news {width:100%; margin-top: 20px; float:left}
.news { padding: 15px 10px}
.news h3 a {color: #333}
.news h3 a:hover {color: #ed1c2a}
.sum-news {height: 82px;overflow: hidden; margin: 10px 0;}
.more {color: #000; font-style: italic;}
.more:hover {color: #ed1c2a}
.list-news {margin-top: 10px}
.list-news li {list-style: none}
.list-news span {width: 11px; height: 19px; float: left; margin-right: 10px; 
background: url(/images/icon-hphn.png) -160px -333px}
.list-news a {color: #333; transition: all 0.6s ease 0s}
.list-news a:hover {color: #ed1c2a}
.list-news li {border-bottom: 1px dotted #999; padding: 5px 0}
.bg-vc {margin-top: 30px; border-top:1px solid #ccc; border-right:1px solid 
#ccc; border-left:1px solid #ccc;}

.tomtat-tt{width: 100%;height: 62px;overflow: hidden;text-align: justify;}
.box-tintuc h2 {font-size: 16px;font-weight: bold;margin-bottom: 
5px;margin-top: 10px;height:50px; overflow:hidden}
.box-tintuc a {color: #000;}
.dichvu-nd{padding:20px;background:#eee}
/*footer*/
/*footer*/
footer{color: #FBFFFB;margin-top: 30px;background: #0383ce;}
.txt-ft{margin-top:40px;margin-bottom:30px;
text-transform:uppercase;font-size:20px}
.td-ft h2{text-align:center;font-weight:bold;margin-top:30px;
margin-bottom:20px;font-size:32px;}
.ft p{font-size:14px;margin-bottom:10px}
.ft a{color:#fff}
.ft .fa{margin-right:12px}
.scrollToTop.show{opacity:1;}
.scrollToTop{position:fixed;bottom:90px;right:40px;z-index:9999;width:55px;heigh
t:55px;
background:url(../images/back.png) no-repeat;transition:opacity 0.2s 
ease-out;opacity:0;}
.bottom{background:#001f42;padding:10px;color:#fff;text-align: 
center;font-family: av}
/*Endfooter*/
.icon1 {background: url(/images/icon-hphn1.png) -8px -122px no-repeat}
.icon2 {background: url(/images/icon-hphn1.png) -285px -129px no-repeat}
.icon3 {background: url(/images/icon-hphn1.png) -90px -122px no-repeat}
.icon4 {background: url(/images/icon-hphn1.png) -262px -210px no-repeat}
.icon5 {background: url(/images/icon-hphn1.png) -311px -210px no-repeat}
.icon6 {background: url(/images/icon-hphn1.png) -361px -210px no-repeat}
.icon7 {background: url(/images/icon-hphn1.png) -132px -122px no-repeat}
.icon8 {background: url(/images/icon-hphn1.png) -162px -259px no-repeat}
.icon9 {background: url(/images/icon-hphn1.png) -212px -259px no-repeat}
.icon10 {background: url(/images/icon-hphn1.png) -262px -259px no-repeat}
.icon11 {background: url(/images/icon-hphn1.png) -311px -259px no-repeat}
.icon12 {background: url(/images/icon-hphn1.png) -47px -122px no-repeat}
.icon-zalo {background: url(/slt.nsf/Img/$File/icon-zalo.png) 0px 0px no-repeat}
.social {text-align: left; margin-top: 10px;}
.social ul {display: inline-block}
.list-address {padding: 30px 10px; position:relative}
.list-address img{border:1px solid #ccc;}
.list-address .col-sm-6{padding-bottom:20px}
.navbar-nav>li>.dropdown-menu{background:#1a82c5; min-width:250px}
.navbar-nav>li>.dropdown-menu li{border-bottom:1px dotted #ccc; 
padding-top:5px; padding-bottom:5px;}
.navbar-nav>li>.dropdown-menu li:last-child{border-bottom:none;}
.navbar-nav>li>.dropdown-menu li a{color:#fff;}
.navbar-nav>li>.dropdown-menu li a:hover{background:none; color:#ffff00;}
.navbar-right .dropdown-menu{left:0; right:auto;}
.address{width:100%; overflow:hidden;}
.address p{width:100%; float:left;}
.lienhemap {margin-top:30px;padding-left:10px}
.sr-vp {width:100%;}
.coppy 
{width:100%;height:35px;background:#54a21b;text-align:right;padding-right:10px; 
margin-top:10px}
.coppy-ft p {color:#fff;padding-top:7px;padding-right:5px;text-align: center;}
.dk-uudai{padding:30px; margin-top:30px;background:#eee;color:#000}
.dk-uudai h2{text-transform:uppercase; font-size:28px; font-weight:bold; 
width:100%; text-align:center; margin-bottom:20px; float:left}
.dk-uudai input{width:70%; border:none; background:none; border-radius:0; 
border-bottom:1px solid #005e9f; box-shadow:none; float:none; 
display:inline-block}
.row-dangky{text-align:center}
.row-dangky .col-sm-3{text-align:center;}
.dk-uudai .btn-send{width:auto;border:1px solid #d9271a; background:none; 
border-radius:0; padding:5px 20px; color:#d9271a}
#LienHeHoTen{float:right}
#LienHeEmail, #guidk{float:left}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #eee;

}
input::-moz-placeholder { /* Firefox 19+ */
color: #eee;

}
input:-ms-input-placeholder { /* IE 10+ */
color: #eee;

}
input:-moz-placeholder { /* Firefox 18- */
color: #eee;

}

.box-dt img{width:235px}
.bottom{background:#001f42;padding:10px;color:#fff;text-align: 
center;font-family: av}
/*footer*/
/*scrollTOTOp*/
.scrollToTop {
    background: url(/images/icon.png) -182px -124px no-repeat;
    bottom: 90px;
    height: 30px;
    opacity: 1;
    position: fixed;
    right: 40px;
    width: 30px;
    display: none;
    z-index: 999;
}
.scrollToTop:hover {
    opacity: 0.8;
    transition: all 0.6s ease 0s;
}
@media screen and (min-width: 768px){
.sr-vp iframe {width:100%;height:300px;padding:10px;padding-top:0}
.title-bottom {
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    background: #d9271a;
    width: 100%; float: left;
}
.title-bottom .upper {
    background: #54a21b;
    font-size: 14px;
}
.upper {width:45.1%}

.bg-chantrang {
    background: url(/images/bg-row-ct1.png) left center no-repeat;
    font-size: 15.1px;    text-transform: uppercase;text-align: 
right;width:54.1%
}
}

@media screen and (min-width: 1025px){
.col-20{width:20%;padding-right:8px;padding-left:8px}
.pad{padding-right:8px;padding-left:8px}
}

@media screen and (max-width: 479px){
    .logo {text-align: center}
    .box-product img  {padding: 30px}
    .box-right {margin-top: 20px}
    .sum-news {display: none}
    .list-news li:first-child {border-top: 1px solid #ccc}
    .td-footer h2 {margin-bottom: 0;}
     .list-lk  {margin-bottom: 20px}
     .box-left .col-md-3 {margin-bottom: 10px}
     .title-name h2 {font-size: 14px}
     .pad{margin-bottom:10px;}
     .col-banner{ overflow:hidden;}
     .search-menu{ margin-top:10px; padding-top:5px; border-top:1px solid #ccc;}
     .navbar-default .navbar-nav>li>a{border-bottom:1px dotted #ccc;}
.navbar-default .navbar-nav>li:last-child a{border-bottom:none;}
body{font-size:15px;}
.box-sp h2{font-size:14px}
}
@media screen and (max-width: 767px){
.giamoi{display:none}
.header-top1{padding:5px 8px;}
.search-mb{float:right; margin-right:-10px; background:none; border-bottom:1px 
solid #eee; border-radius:0; margin-top:0; overflow:hidden}
.navbar-toggle{margin-top:12px; margin-bottom:12px}
.logo-mobile{float:left}
.logo-mobile img{height:60px; width:auto}
.tieude{margin-top:10px}
.dropdown-menu>li>a{color:#fff !important}
.box-sp img{width:100% !important; height:auto}
.tieude h2{padding:0}
.td-ft h2{font-size:24px;}
.gt-trangchu .col-sm-4{width:33.3%; float:left}
.box-tt h3{height:auto}
.box-tt time{display:none}
.box-tt{margin-bottom:20px}
.box-tt figure{height:auto}
.thongtin-ft{margin-bottom:20px}
#LienHeHoTen, #LienHeDienThoai, #LienHeEmail, #guidk{float:none}
.row-dangky .col-sm-3{width:100%; float:left; margin-bottom:10px}
    .list-address .col-sm-6:first-child {margin-bottom: 20px; border-bottom: 
1px solid #ccc; padding-bottom: 20px}
    .menu {border: none}
    .search-mb .search {width: 152px; background:none; border: none;padding:0 
5px; border-radius:0}
    
    footer .col-md-8 {margin-bottom: 20px}
.ip-search{border:none; background:none}
.ip-search .fa{padding: 0px 10px;color: #eee;font-size: 17px;background: none;}
.gt-trangchu img{width:100%; margin-bottom:10px}
.navbar-default .navbar-nav>li>a{color:#fff}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-toggle{margin-right:0px}
.hotline1{float:left; padding-top:5px}
.menu-right{margin-top:0px}
.gia , .box-xem{display:inline-block}
.box-sp{text-align:center}
.xem, .giacu{margin-left:0px}
.nav-tabs{font-size:11px}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus{padding:5px 3px}
.nav-tabs>li>a{padding:5px 3px}
.td h2{font-size:22px}
.dk-uudai{padding:10px}
.dk-uudai h2{font-size:18px;margin-top:15px}
.td-ft h2{font-size:26px;margin-bottom:0px}
.logo {text-align: center}
.box-sp h2{font-size:15px;height: auto !important;}
.danhgia img{width:60%}
.xem .fa{margin-left:0px}
}
@media screen and (max-width: 767px) and (min-width: 479px){
    .box-left .col-md-3 {width: 50%; float: left; margin-bottom: 10px}
    .footer .col-sm-4 {width: 33%; float: left}
    .search-mb .search {width: 300px;padding: 5.5px;}
    .pad{width:50%; float:left; margin-bottom:10px;}
}





@media screen and (min-width: 1024px){
   .menu .navbar-nav li:hover .dropdown-menu {display: block 
!important;z-index: 999;}

}

@media screen and (min-width: 1140px){


     
}


/*css img chay chan trang*/
.clearout {height:20px;clear:both;}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {display:none;}
.nbs-flexisel-container { position:relative; max-width:100%;}
.nbs-flexisel-ul { position:relative; width:99999px; margin:0px;padding:0px; 
list-style-type:none;    text-align:center;  }
.nbs-flexisel-inner { overflow:hidden; float:left;width:100%;}
.nbs-flexisel-item {float:left;margin:0px; padding:0px; cursor:pointer; 
position:relative; line-height:0px;}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {width: 22px;height: 22px; 
position: absolute;cursor: pointer;z-index: 100;opacity: 0.5;}
.nbs-flexisel-nav-left {left: 10px;}
.nbs-flexisel-nav-right {right: 5px;}
.row-margin .pad:nth-child(n+5){display:none;}

/*#F58220*/
.ft-fix{width:100%;padding-top:8px;padding-bottom:8px;position:fixed;bottom:0;le
ft:0;z-index:99;background:#397012;display:none}
.ft-fix .title-fix,.ft-fix 
a{color:#fff;font-size:18px;font-weight:700;font-family:Tahoma;float:left;margin
-right:10px; margin-right:10px}
.ft-fix .title-fix{font-weight:400}
@media screen and (max-width:767px){.ft-fix .title-fix,.ft-fix 
a{font-size:16px}.ft-fix .col-xs-12{margin-bottom:15px}} 
@media screen and (max-width:480px){.hotline a{width:74%; font-size:16px;} 
.hotline span{margin-top:0}