/* CSS Document */

@import url('nivo-slider.css');
/*@import url('animate.css');*/

/*@font-face {

  font-family: 'Lato';

  src:  url(../font/Lato-Regular.ttf);

}

@font-face {

  font-family: 'OpenSans Light';

  src:  url(../Open_Sans/OpenSans-Light.ttf);

}
@font-face {

  font-family: 'OpenSans';

  src:  url(../Open_Sans/OpenSans-Regular.ttf);

}
@font-face {

  font-family: 'OpenSans Bold';

  src:  url(../Open_Sans/OpenSans-Bold.ttf);

}
@font-face {

  font-family: 'Lato Bold';
  src:  url(../font/Lato-Bold.ttf);

}


@font-face {



  font-family: 'UTM Avo';

  src:  url(../font/UTMAvo.ttf);

}
@font-face {



  font-family: 'Montserrat Bold';

  src:  url(../font/Montserrat/Montserrat-Bold.otf);

}*/

@font-face {

  font-family: 'Roboto';

  src:  url(../font/Roboto-Regular.ttf);

}

@font-face {

  font-family: 'Roboto Bold';
  src:  url(../font/Roboto-Bold.ttf);

}


@font-face {



  font-family: 'Roboto Medium';

  src:  url(../font/Roboto-Medium.ttf);

}


*{ margin:0; padding:0;}



body{ margin:0; padding:0;    text-align:center;  position:relative; background:#f5f5f5; color:#363636; line-height:25px; font-family:Arial, Helvetica, sans-serif; font-size:14px}


div{ margin:0; padding:0}
.overflow-hidden{ overflow:hidden}
img { border:none}
.detail-ct img{ max-width:100% !important; height:auto !important }

ul li{ list-style:none}





a { text-decoration:none; color:black }





.clear{ clear:both}





input.button{ width:auto !important; height:auto; padding:10px 30px 10px 30px !important; background:#FE6600; color:white; font-weight:bold; cursor:pointer; border:none !important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} 

input.button:hover{ background:#FF0000}

.title-block{ line-height:45px; text-transform:uppercase;   margin-bottom:0px;   background:url(../images/bg-title4.png)left center  no-repeat;  color:#FFF; font-family:Roboto Bold; text-align:left; padding-left:50px; font-size:15px}




h3.title, h1.title{line-height:45px; text-transform:uppercase;   font-size:15px;   margin-bottom:10px;    font-family:Roboto Bold;  font-weight:normal}


h3.title a{ color:#FFF; margin:0 0 0 0px}

.titleCate{line-height:45px; text-transform:uppercase;   font-size:15px;   margin-bottom:20px;   background:url(../images/bg-title4.png)left center no-repeat; color:#FFF;  font-family:Roboto Bold;  text-align:left; padding-left:50px; border-bottom:1px solid #eaeaea; font-weight:normal}
.titleCate a{ color:white}

.title-detail-news{ color:#002C3D; font-size:25px; margin-bottom:10px}
.short{width:180px}





div.title{    margin-bottom:10px; }



#wrapper{margin:0px auto auto auto;  }

.wrapper{margin:0px auto auto auto;width:1200px; border:0px solid red; text-align:left; }
.bg-white{ background:#FFF; padding:5px;  overflow:hidden}




.bg-top{ overflow:hidden; background:url(../images/bg-top.gif) top center no-repeat; padding-top:30px;}


/******************* Header ********************************/
.fixed-top{width:100%; position:fixed; top:0; left:0; z-index:9999; background:#FFF !important; border-bottom:1px  solid #eaeaea}

.top-header{ overflow:hidden; color:#77543B; padding:3px 0 3px 0; text-align:center; border-bottom:1px solid #8B4040 !important; margin-bottom:10px; font-weight:bold; clear:both;width:100%; float:left}



#header{margin: 0 auto; clear:both;   border:0px solid; z-index:999; float:left;width:100%; background:#c50202; overflow:hidden; color:white }



.header{margin: 0 auto; clear:both; position:relative;  }

#header .logo{ overflow:hidden; float:left; margin:0px auto 5px auto;width:250px}
.logo img{ height:100px }
.logo-small { display:none}
.fixed-top .logo-small{ display:block }
.fixed-top  .menuTop ul li{ margin:0 25px 0 0}
.fixed-top .menuTop ul li a{ color:#012D3D; }
.logo-small img{ height:60px; float:left; margin:0 20px 0 0;}

#header .col2{ overflow:hidden; float:left; margin:10px 0 0 20px;width:700px }
#header .col3{ overflow:hidden; float:right; margin:10px 0 0 0px;width:220px }

#header .phone{ background:url(../images/icon-phone.png) left center no-repeat; padding-left:25px; margin:8px 30px 0px 0 ; color:#818181;  line-height:30px; float:right;}
#header .phone a{ color:#818181}


#header .email{ background:url(../images/icon-email.png) left center no-repeat; padding-left:30px; color:#818181;  margin:10px 10px 0 0; float:right;}


#header .socia{ float:right;  margin:5px 0px 0px 0; overflow:hidden; border:0px solid; clear:right; text-align:right }
#header .socia img{ margin:0 0 0 8px; background:#BD010F; padding:3px;border-radius:4px; height:25px}
#header .nav-user{ line-height:25px; float:right; margin:15px 0 0 20px; background: url(../images/account-icon.png) left center no-repeat;
   padding-left:35px; float: right;}
#header .nav-user li{ display:block; padding:0px ;  position:relative; line-height:25px}
#header .nav-user li a{ color:#FFF; font-size: 12px; }
#header .nav-user li:last-child{ background:none; padding-right:0}
#header .cart{ background:#BD010F url(../images/icon-cart.png)  center no-repeat; float:right; width:55px; height:50px;   text-align:right ; margin:15px 0 0 0px;}
#header .cart span{ height:20px; width:20px; display:inline-block; margin:5px 5px 0 0; line-height:20px; text-align:center}
#header .nav-user li ul{ position:absolute;left:-20px; top:35px;width:200px; background:#FFF; border:0px solid; z-index:999999 !important; padding:10px 0 10px 0;;box-shadow: 0 2px 4px 2px rgba(0,0,0,.09);
    background: #FFF;padding:10px;    box-sizing: border-box; border-radius:5px; display:none}
#header .nav-user li ul:after	{
		content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 80px;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
    border-top: 10px solidtransparent;}
#header .nav-user li:hover ul{ display:block}
#header .nav-user li ul li{ display:block; line-height:25px; padding:5px 0 5px 0px; border-bottom:1px solid #DDD;width:100%; text-align:left; background:none; text-transform:none}
#header .nav-user li ul li:last-child{ border:none}
#header .nav-user li ul li a{ color:#000; text-transform:none}
#header .nav-user li ul li a:hover{ color:#008FBD}.lang{ overflow:hidden; float:right; margin:4px 0px 0 20px}



.lang img{  margin:0 0 0 5px}



.menuTop2,.icon-menu{ display:none}

.bg-menu{ background:#BD000B;width:100%; float:left; clear:both}

.menuTop{ height:60px; line-height:60px; border:0px solid ;}

.menuTop ul{}

.menuTop li{ display:inline-block; float:left; position:relative;  text-align:center; white-space:nowrap; margin:0 45px 0 0px; text-transform:uppercase; font-size:16px; font-family:Roboto Medium; position: relative;}
/*.menuTop .item::before{
  content: '';
  position: absolute;
  height: 3px;
  width: 0px;
  left: 0;
  bottom: 10px;
  background: #FE6600; 
  transition: all .5s ease;
}

.menuTop li:hover:before {
      width: 100%;
}*/

.menuTop .item:before{
	content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background: #f95702;
    width: 0%;
    bottom: 0px;
	transition: all .3s;
}


.menuTop .item:after{
	content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background: #f95702;
    width: 0%;
    bottom: -2px;
	transition: all .3s;
}
.menuTop .item:hover:before{
	width: 100%;
}
.menuTop .item:hover:after{
	width: 100%;
}
.menuTop .icon-sub{background:url(../images/icon-down.png) right center no-repeat; padding-right:20px}

.menuTop li:last-child{ background:none }
.menuTop li a{display:inline-block; color:#FFF }

.menuTop .home{width:33px; background:url(../images/icon-home.png) center no-repeat; margin:0px 0 0 0}

.menuTop .active-home{background:#FF0000 url(../images/icon-home.png) center no-repeat;}

.menuTop .home span{ display:none}

.menuTop li:hover , .menuTop li.active {  }

.menuTop li:hover ,.menuTop li.active { }


/*************************** Sub menu********************/


.menuTop ul li ul{position:absolute; top:60px; left:0px;width:250px; z-index:99999999 !important; display:none;background:rgba(210,0,0,0.9);/*box-shadow: 0 2px 4px 2px rgba(0,0,0,.09);
    background: #FFF;padding:10px;    box-sizing: border-box;*/}



.menuTop ul li:hover ul{ display:block}


.menuTop ul li:hover ul ul{ display:none}



.menuTop ul li ul li{ text-align:left; height:auto;  line-height:25px !important; padding:1px 10px 1px 10px;  margin:0; border-bottom:1px solid #DDD; display:block; float:none;  position:relative; white-space:normal; background:none; text-transform:none; margin:0 !important; font-size:14px; font-family:Roboto}
.menuTop ul li ul li:hover{background:#FE6600}
.menuTop ul li ul li:hover a {color:white}

.menuTop ul li ul li:last-child{ border-bottom:0}
.menuTop ul li ul li a{  background:none !important; padding:0;  font-weight:normal;width:100%; display:inline-block; color:#FFF  !important  }

.menuTop ul li ul li ul li a{}
.menuTop ul li ul li ul li:hover a{ color:#FFF !important}
.menuTop ul ul ul{ position:absolute; top:0px; left:250px;width:250px; padding:0; display:none; }

.menuTop ul ul ul li{}

.menuTop ul ul ul li a:hover{  }
.menuTop ul ul li:hover ul{ display:block}




.frmSearch{  overflow:hidden; border:2px solid #FFF; margin:5px 0px 0px 0 ;  }


#frmSearch{background:#FFF;}
#frmSearch p{ }

#frmSearch #keyword{ margin:0px 0px 0 0;  padding:0px 5px 0px 10px; height:34px; line-height:34px;width:calc(100% - 100px); border:0px solid #ff8a00;outline:none; background:#FFF}



#frmSearch select{width:185px; padding:1px; margin-bottom:5px}

#frmSearch #btnSearch{  border:none; cursor:pointer;width:auto; width:47px !important; margin:auto; height:34px;  color:white; background:#FFF url(../images/icon-search.png) center no-repeat; float:right; border:0px solid red !important; }


#frmNewsLetter{ overflow:hidden; margin:0 0 20px 0}
#frmNewsLetter input{ float:left;border-radius:3px}
#frmNewsLetter .radio{ overflow:hidden; float:left; height:30px; line-height:30px; margin:0 10px 0 10px}
#frmNewsLetter .radio input{ margin:7px 3px 0 0}
#frmNewsLetter #txt_email{ background:#FFF; padding:5px 10px 5px 10px; height:20px; width:300px; border:none}
#frmNewsLetter #btnDk{width:90px;  background:#FF8B25; color:white; cursor:pointer; border:none; text-align:center; height:30px; line-height:30px}
.navi-top2{ display:none}

.navi-top{ float:right; overflow:hidden; text-align:right }


.navi-top li{ display:inline; margin:0 5px 0 5px; background:url(../images/line2.png) right center no-repeat; padding-right:20px; color:#77543B}
.navi-top li:last-child{ padding-right:0; background:none}


.navi-top li a{ color:#77543B}



/*****************************  Content ************************************************/




#content{ text-align:left; padding:0px ;  margin:10px auto 20px auto; overflow:hidden; clear:both; border:0px solid}



/********************************** Left *******************************/

.menu-left{ overflow:hidden; margin:20px 0 20px 0; line-height:25px; border:1px solid #F5F5F5}
.menu-left h3{ font-size:19px; height:35px; line-height:35px; border-bottom:0px solid #F0EFED; padding:0px 0 0px 35px;background:#FF5700 url(../images/li-menu.png) 5px center no-repeat; margin-bottom:1px; font-weight:normal; font-family:Roboto Bold}
.menu-left h3.active a{ color:#212121; }
.menu-left h3 a{ color:#FFF; font-family:OpenSans Bold}
.menu-left h3 span{ float:right;width:30px; height:35px; border-left:0px solid #FFF; cursor:pointer}
/*.menu-left .active .tog{  background:url(../images/icon-up.png) right center no-repeat; }*/
.menu-left .up, .menu-left span.active{background:url(../images/icon-up2.png)  center no-repeat;}
.menu-left .down{background:url(../images/icon-down2.png)  center no-repeat;}
ul.category{border-left:0px solid #CBCCCC;  display:none  }

.menu-sp .top{ background:#007FBD; color:white; text-transform:uppercase; line-height:35px; padding:0 0 0 10px; font-family:Roboto Bold; font-weight:normal}
ul.category li{ margin:0px 0px 0px 0px; line-height:25px;  border-bottom:1px solid #F5F5F5; padding:8px 0 8px 20px  ;background:url(../images/icon-row.png) 5px center no-repeat; }


ul.category li:last-child{}



ul.category ul{ display:none; }



.menu-left ul.active { display:block}



ul.category li a{ }
ul.category li:hover,ul.category li.active{ background:#002A3A url(../images/icon-row2.png) 5px center no-repeat;}

ul.category li:hover a,ul.category li.active a{ color:#FFF }



ul.category li li li{ background:none !important}


ul.category li ul{ border-top:1px solid #FFF;}



.left-content{width:280px;float:left; margin:0px 0px 0 0px;  text-align:left; clear:left; overflow:hidden;  }

.left-content-fixed{ position:fixed; top:70px; left:50%; margin-left:-600px; z-index:999; background:#FFF;-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;}
.left-content-fixed::after{-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;}
.block-left{ margin:0px 0 30px 0; border:1px solid #DBD8D3; padding:10px;/*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px*/}



.product-left{ overflow:hidden; text-align:left; margin:10px 0 10px 0; border-bottom:1px solid #eaeaea; padding-bottom:10px; position:relative }

.product-left .discount{ position:absolute; top:0; right:0; z-index:9; background:url(../images/bg-sale.png) center bottom no-repeat; color:white; text-transform:uppercase; padding:5px 5px 15px 5px; text-align:center; line-height:25px }
.product-left .discount span{ display:block; font-size:12px}
.product-left .img{ position:relative; overflow:hidden; float:left ;margin:5px 10px 0 0}
.product-left img{width:110px; height:90px; }



.product-left .name{  margin-bottom:8px}



.product-left .price1{ text-decoration:line-through; font-size:14px}
.product-left .price2{ color:red; font-weight:bold; }



.news-left{ overflow:hidden; margin:0 0 20px 0}
.news-left img{width:100px; float:left; margin:5px 10px 0 0}
.news-left .title a{  line-height:23px}
.left-user{width:280px;float:left; margin:0px 0px 0 0px;  text-align:left; clear:left; overflow:hidden;  }
.left-user .top{ text-transform: uppercase; margin-bottom: 10px;}
.left-user .navi-user li{  line-height: 30px; list-style:inside !important; }
.left-user .navi-user{ }
/******************************** SUPPORT ****************************/


.hotline{ margin:10px 0 0 0px; background:#E80000 url(../images/icon-hl.png) 20px center no-repeat; line-height:25px; color:#FFF; padding:10px 10px 10px 95px; font-weight:bold; text-transform:uppercase }
.hotline span{ display:block; font-size:18px; font-weight:bold}



/******************************** Counter ****************************/



.counter{  overflow:hidden;  padding:10px 10px 15px 80px; background:url(../images/counter.png) 10px center no-repeat; }



.counter p{ line-height:20px;  overflow:hidden;  text-align:left; }


.counter p span{ text-align:right; margin-right:5px; float:right }



.left-content  .block-left .img-ads{ width:270px; overflow:hidden; margin:5px 0 10px 0; text-align:center}




/***************************  News *******************************/



.otherNews{ overflow:hidden; margin:10px 0 10px 0}



.otherNews .item{ overflow:hidden;line-height:18px; margin:10px 0 10px 0}



.otherNews .last{ float:right; margin:0}



.otherNews img{ height:125px; width:100%; margin-bottom:10px}



.otherNews p{ text-align:left; background:url(../images/icon-row2.png) left center no-repeat; padding-left:15px}



.otherNews p a{ font-size:13px}



/*************************** RIGHT ********************************/

.right-content{ overflow:hidden; width:250px; float:right; border-left:1px solid #E7E6E3; padding-left:15px }



.block-right{ overflow:hidden;  margin-bottom:10px;/*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/ border:1px solid #dedede}


.block-right img{}

.block-right marquee{ margin:15px 0 0 0; text-align:center;}





.productRight li{ overflow:hidden; margin:10px 5px 15px 5px; border-bottom:1px dotted #CCC; }




.productRight li .name{ text-transform:uppercase}




.productRight li .price{ color:#0d6408}





.productRight li{ line-height:25px; font-weight:bold}


/**************** Main -content****************/




.main-content{overflow:hidden; float:right;margin:0px 0px 0 0px;width:calc(100% - 300px); text-align:left; border:0px solid red; background: #FFF;padding: 10px;}


.list-cate{overflow:hidden;width:100%; height:150px; margin:0px 0 0px 0; text-align:center; vertical-align:top; background:#FFF}



.list-cate .item{ overflow:hidden; border-right:1px solid #CA0000; padding:10px; height:150px; text-align:center;}


.list-cate .item img{width:75px; height:75px; border:1px solid #CA0000;border-radius:100%; margin:0 auto 10px auto}
.list-cate .item:hover img{}
		
.list-cate .name a{ color:#CA0000}
.list-cate .owl-controls{ display:none}
.detail-cate{ overflow:hidden; margin-bottom:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.cate-home{ overflow:hidden}
.cate-home .box-content{ text-align:center; margin-bottom:30px}
.cate-home .view-all { text-align:center; line-height:35px}
.cate-home .view-all  a{ background:#CE6C00; color:white; padding:6px 20px 6px 20px;border-radius:5px; font-weight:normal}
.list-product-home{overflow:hidden; margin:20px 0 10px 0;}

.list-product-home .item{overflow:hidden; width:calc(20% - 25px);  float:left; margin:0 25px 0 0px; border:0px solid #ececec; position:relative; text-align:center; padding:1px 1px 10px 1px }

.list-product-home .clear5{ height:40px; clear:both}


.list-product-home .item5{ float:right; margin-right:0 }


.list-product-home .img {text-align:center;overflow:hidden; margin:0 0px 0px 0; border:0px solid #eaeaea }



.list-product-home .img img{width:100%; height:195px; margin:0px 0 0 0;-ms-transform:scale(1);-o-transform:scale(1);transition:.6s all ease;-webkit-transition:.6s all ease;-moz-transition:.6s all ease;-ms-transition:.6s all ease;-o-transition:.6s all ease}

.list-product-home .item:hover img{ opacity:0.6;-webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -o-transform:scale(1.1)}
/*.list-product-home .item:hover { background:#3A0015;transition:.6s all ease;-webkit-transition:.6s all ease;-moz-transition:.6s all ease;-ms-transition:.6s all ease;-o-transition:.6s all ease}*/
.list-product-home .name{ position:relative; height:50px; overflow:hidden; line-height:50px}
.list-product-home .name a{ color:#3A0015; font-size:19px;position:relative; z-index:9 !important; font-family:Roboto Medium; font-weight:normal}
.list-product-home .item:hover .name a{ color:#FFF !important}

.list-product-home .name:before{
	content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    background: #3A0015;
    width: 0%;
    bottom: 0px; z-index:0 !important;
	transition: all .3s;
}


.list-product-home .name:after{
	content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    background: #3A0015;
    width: 0%;
    bottom: -2px; z-index:0;
	transition: all .3s;
}
.list-product-home .item:hover .name:before{
	width: 100%;
}
.list-product-home .item:hover .name:after{
	width: 100%;
}
.list-product-home .price span{ color:red}
.wrap-slide-product{ overflow:hidden; clear:both; border:0px solid red; margin:10px 0 40px 0}
.wrap-slide-product  .owl-prev,.wrap-slide-product .owl-next{ display:block !important;width:35px; height:40px; border:0px solid red; cursor:pointer; position:absolute; top:35%; z-index:9999}
.wrap-slide-product  .owl-prev{ left:0; background:url(../images/btn-pre-hover.png) center no-repeat; background-size:35px 40px}
.wrap-slide-product  .owl-next{ right:0; background:url(../images/btn-next-hover.png) center no-repeat; background-size:35px 40px}

#frmSort{ clear:both; overflow:hidden;width:100%}
#frmSort select{  border:1px solid #eaeaea; padding:10px;width:200px;float:right;}
.menu-cate{ overflow:hidden; border-bottom:1px solid #FFCFCB; padding-bottom:2px; margin:30px 0 10px 0}
.menu-cate h2,.menu-cate h1{ float:left; background:#CA0000; color:white; padding:5px 15px 5px 15px; font-size:16px; text-transform:uppercase; font-weight:normal}
.menu-cate h2 a{ color:white}
.menu-cate h3{ font-weight:normal; float:left; margin-left:10px; background:url(../images/line2.png) right center no-repeat; padding:2px 11px 0 0}
.menu-cate h3:last-child{ background:none}
.menu-cate h3 a{ text-transform:uppercase; color:#CA0000}
.product-item{ overflow:hidden;  border:0px solid #FAF9F8; text-align:left ; position:relative}
.product-item .img{ overflow:hidden; margin-bottom:10px; text-align:center }
.product-item .img img{width:100%; height:255px; margin:0px 0 0 0;-ms-transform:scale(1);-o-transform:scale(1);transition:.6s all ease;-webkit-transition:.6s all ease;-moz-transition:.6s all ease;-ms-transition:.6s all ease;-o-transition:.6s all ease}

.product-item:hover img{ opacity:0.6;-webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -o-transform:scale(1.1)}

.product-item .info{line-height:25px; overflow:hidden; padding:10px}
.product-item .text{ overflow:hidden; padding:10px}
.product-item .name{ overflow:hidden; line-height:20px; margin-bottom:10px  }
.product-item .name a{ color:#262626;  font-size:16px; font-family:Roboto Medium; font-weight:normal}
.product-item:hover {  }
.product-item:hover a{ color:#FF0000 }

.product-item p.sapo {  }


.product-item .price { float:left; line-height:20px}
.product-item  .price1{text-decoration:line-through; margin-right:20px; color:#999; display:block  }
.product-item  .price2{   color:#CA0000;; display:block  }
.product-item .buy { float:right;margin-top:10px}
.product-item .buy a {padding:5px 10px 5px 10px; background:#CA0000 ; color:white;border-radius:3px}




.product-item .detail{ color:#CE6C00; }




.product-item .order a { background:#FF0000; color:white; padding:5px 15px 5px 15px; border-radius:3px}

.product-item .discount{ position:absolute; top:0; right:0; z-index:9; background:url(../images/bg-sale.png) center bottom no-repeat; color:white; text-transform:uppercase; padding:7px 5px 20px 5px; text-align:center; line-height:25px }
.product-item .discount span{ display:block; font-size:12px}

.list-product{overflow:hidden; margin:10px 0 10px 0;}



.list-product .item{width:180px ; float:left; margin:0 20px 0 0; padding:0px;   overflow:hidden;  line-height:25px;}

.list-product .item6{ float:right; margin-right:0}

.list-product .clear6{ height:40px; clear:both; }

.list-product img:hover{opacity:0.8}
.list-product3{overflow:hidden; margin:10px 0 10px 0;}



.list-product3 .item{width:calc(33% - 20px) ; float:left; margin:0 32px 0 0; padding:0px;   overflow:hidden;  line-height:25px;}

.list-product3 .item3{ float:right; margin-right:0}

.list-product3 .clear3{ height:40px; clear:both; }
.project-home .text{ text-align:center; margin-bottom:20px}
.sub-ct{ text-align:center; margin-bottom:10px}
.sub-ct li{ display:inline-block; text-transform:uppercase; margin:0 10px 0 10px; }
.sub-ct a{ color:#7c7c7c}
.sub-ct li:hover a{ color:#000; text-decoration:underline}
/****************************** User ******************************/




#frmLogin .lost-pass{ margin:20px 0 0 0;}




#frmLogin .lost-pass:hover{ text-decoration:underline}







#frmLogin{ margin:200px  auto auto auto; border:0px solid;width:440px; text-align:left}


#frmLogin input{width:380px; height:30px; padding:5px 5px 5px 20px; border:1px solid #dcdcdc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}



#frmLogin .checkbox input{width:auto; float:left; margin:0px 5px 0 0}

#frmLogin .error{ color:red; }


#frmLogin p{ overflow:hidden; margin:10px 0 20px 0; line-height:28px;}


#fldLogin{ border:none}



#fldLogin p label{width:120px; float:left}


#fldLogin p.btn{ margin-left:120px}


#btnLogin{width:auto !important; background:#e7226c; color:white; padding:5px 15px 5px 15px !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:none; cursor:pointer; float:right; }


#frmUser{ width:400px;margin:25px auto 20px auto; overflow:hidden;}
#frmUser .title-form{ text-transform:uppercase; font-size:19px; text-align:center; margin-bottom:20px}

#frmUser .note-form{ text-align:center}




#frmUser .row {overflow:hidden; margin:10px 0 10px 0;}


#frmUser  label{ display:block}



#frmUser  label sup{ color:red}



#frmUser .note{ font-weight:bold}




#frmUser .error{ color:red; font-style:italic ; text-align:left}




#frmUser  input {width:calc(100% - 22px); border:1px solid #d5d5d5; padding:10px;border-radius:3px}
#frmUser  #submit {width:100% ; border:none; text-align:center; padding:10px 0 10px 0; background:#FFD846; color:#DE0000; cursor:pointer; font-size:16px}
#frmUser  #submit:hover {color:#FFD846; background:#DE0000; }
#frmUser  #securityCode {width:calc(100% - 300px); border:1px solid #d5d5d5; padding:8px; float:left}
#frmUser img#captcha{ display:inline-block; float:left }



#frmUser .btn { }


#frmUser .dieuKhoan{ font-weight:bold; cursor:pointer}


#frmUser .dieuKhoan:hover{ text-decoration:underline}


#frmUser .ghiChu{ margin:5px 0 0 150px; color:#878787; font-style:italic}

#frmUser .lost-pass{ margin-top:20px}
.company{ text-transform:uppercase; font-weight:bold; color:white; text-align:center; font-size:16px;  border-bottom:1px solid #8B4040; margin-bottom:10px; font-family:Lato Bold; padding:10px 0 10px 0}
/*************** Footer ****************************************************************/

#bottom{ background:#1B2023; color:white; text-align:center; padding:10px 0 10px 0}





#footer{ overflow:hidden; text-align:center;  margin:auto;  clear:both; background:#F6F5F4;  color:#575652}


.footer{text-align:left;   padding:20px 0px 20px 0px ; overflow:hidden; color:#575652 ; position:relative}



.footer a{}




.footer .right iframe{width:100% !important; height:170px !important }



.right-ft{ overflow:hidden;width:50%; float:right; line-height:25px}
.content-ft{ overflow:hidden; line-height:25px; overflow:hidden;width:calc(100% - 300px) ; float:left}

.content-ft table{width:100% !important}
.content-ft table td{width:50%; vertical-align:top}
.content-ft table iframe{width:98% !important; height:190px !important }
.footer .box{ overflow:hidden; float:left; border:0px solid red;width:20%}
.footer  .top{ font-family:OpenSans Bold;margin-bottom:10px; display:block; font-weight:bold; font-size:20px}
.footer .socia{   overflow:hidden; margin:0px 0 0 0;width:280px; float:right}

.footer .youtube{   overflow:hidden;width:230px}

.footer  .youtube iframe{width:90%; height:190px}
.footer  .map-ft iframe{width:90%; height:150px !important}

.footer .socia img{ margin:5px 0 0 0}



.footer .socia span{}
.menuFooter{ width:calc(20% - 32px) !important; margin:0 0px 0 30px}

.menuFooter  a{ color:white}




.menuFooter li{ display:block; line-height:30px}



.menuFooter li:last-child{ background:none; border:none }

.linksPage{ overflow:hidden;  clear:both; display:block;padding-left:0;margin:20px  auto auto auto;border-radius:4px;border:0px solid #DDDDDD; text-align:center;}
.linksPage li{position:relative; display:inline-block;line-height:25px;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin:1px 5px 0 5px; list-style:none}
.linksPage li a{ display:inline-block;padding:6px 12px; background:#FAFAFA}
.linksPage li a:hover{ background:#eee}
.linksPage li.current{padding:6px 12px; background:#007CB7; color:white}



.page-content{ overflow:hidden; margin:0 0px 0px 0px; background:#FFF; padding:5px }



.block-cate{ overflow:hidden; margin-bottom:15px; height:150px;}







.block-cate .item{ overflow:hidden;width:140px; float:left; }















.block-cate ul{ margin: 8px 0px 0 0px}















.block-cate ul li{ background:url(../images/bullet.png) left center no-repeat; padding-left:11px; line-height:25px; }















.block-cate a{ color:#FFF; }







.block-cate a:hover{ text-decoration:underline}







.block-cate h3{ text-transform:uppercase; font-weight:normal}







.block-left p.news{ overflow:hidden; line-height:20px; margin:5px 5px 10px 5px; font-weight:bold}















.block-left p.news img{ float:left; margin-right:5px}















































/********************************* BreadCrumd ************************************/


.breadcrumb{ line-height:25px; padding:10px 0 0px 0px; overflow:hidden }




.breadcrumb li{ float:left;   /*background:url(../images/icon-row.png) right center no-repeat; padding:0 12px 0 3px;*/ color:#666 }
.breadcrumb .home{ /*background:url(../images/icon-home2.png) left center no-repeat; padding:0 5px 0 20px;*/ }



.breadcrumb li:last-child{ background:none; }


.breadcrumb li a{color:#666 }



/************************* SLIDE ********************/


.adsLeft{ overflow:hidden; text-align:center}



.adsLeft img{ width:210px; margin:10px 0 10px 0}



.block-ads{ overflow:hidden; text-align:center}



.block-ads img{ max-width:100%; margin:0px 0 10px 0; }


.block-ads .flash-item{margin:0px 0 15px 0; overflow:hidden; text-align:center}

.top-detail-pro{ overflow:hidden; background:#fbfbfb; padding:15px; border:1px solid #e5e5e5; margin-bottom:20px}

.img-product{margin:5px 40px 15px 0; overflow:hidden;width:400px; float:left; border:0px solid #DBD8D3; }
.img-product .list-img{ overflow:hidden; margin:10px 0 0 0; text-align:center; clear:left; float:left}
.img-product .list-img img{ height:50px;width:auto; min-height:inherit; margin:5px 5px 0 0;}
.title2{ font-size:19px; font-weight:normal; color:#0395d0; margin-bottom:10px}

.img-product .large{ overflow:hidden; position:relative; border:0px solid red; height:350px;  }
.img-product   img{ text-align:center;  max-height:350px; min-height:350px ; max-width:100%}

.info-product {width:calc(100% - 460px);margin:0px 0 0px 0px; overflow:hidden; float:left;  position:relative; border:0px solid; line-height:25px}

.info-product .name{  margin-bottom:15px;  color:#66625E; font-size:18px; }



.info-product .sapo{ line-height:25px; border:1px solid #D8D8D8; padding:15px; margin-bottom:15px; background:#F7F7F7; }

.info-product .sapo li{ background:url(../images/bullet.png) left center no-repeat; padding-left:25px}

.info .intro h3{ border-bottom:1px solid #d5d5d5}

.info-product .price{ background:#FAFAF9; padding:10px 15px 10px 15px; margin:0 0 20px 0}

.info-product .price span{ }
.info-product .price1{  text-decoration:line-through;  margin-right:30px}
.info-product .price2{ font-size:21px ; color:#C01315; }
.info-product .discount{ color:white; text-align:center;  background:#FF0000;padding:3px 7px 3px 7px; font-size:12px; color:white; margin-left:20px}


.info-product .ct{ line-height:40px}



.info-product .ct a{ padding:10px 30px 10px 30px; background:#FF0000; text-transform:uppercase;border-radius:4px; color:white}
.info-product .order{ overflow:hidden; border:0px solid red; line-height:55px }
.info-product  .quantity{ overflow:hidden; margin-bottom:20px  }
.info-product  .quantity .act{ overflow:hidden;  border:1px solid #AFACA7; border-radius:0px; font-size:15px; margin:7px 0px 0 0 ; float:left}
.info-product  .quantity label{ float:left; margin:5px 20px 0 0; line-height:30px}
.info-product  .quantity span{width:30px; height:30px; cursor:pointer; text-align:center; line-height:30px; display:inline-block; float:left}
.info-product  #quantity{width:40px; border:none; border-left:1px solid #AFACA7;border-right:1px solid #AFACA7; text-align:center; height:30px; float:left; margin:0px 0 0 0}
.bt-cart{ overflow:hidden; clear:both}
.info-product .add-cart{ background:#fcebed url(../images/icon-add-cart.png) left center no-repeat; padding:12px 20px 12px 50px; color:white;border:1px solid #E90000; color:#E90000; cursor:pointer}
.info-product #linkOrder:hover{ background-color:#FF0000}
.info-product .buy-now{ background:#c50202; padding:13px 20px 13px 20px;  color:white;line-height:25px; margin:5px 0 0 10px; font-weight:bold; cursor:pointer}
.info-product .bt-cart span:hover{ opacity:0.8}
.title-detail{ color:#FDB813;font-size:23px; margin-bottom:15px}


.content-pro{ text-align:justify; line-height:25px; overflow:hidden; clear:both; padding-top:20px}


.content-pro .top{ overflow:hidden; clear:both; margin-bottom:20px; line-height:40px}
.content-pro .top span{ text-transform:uppercase; font-size:20px; margin-bottom:15px; background:#FF0000; color:white; padding:10px 50px 10px 50px; font-weight:bold}



.content-pro .top span{  }



.content-pro img{ max-width:100% !important; height:auto !important}



.content-pro h3{font-size:13px; margin:0 0 15px 0px; padding:0 0 0px 0; line-height:25px;  display:block; color:#ff8a00; text-transform:none; border-bottom:1px solid #ff8a00} 


.content-pro table{ background:#CCC; margin:auto; min-width:500px}


.content-pro table tr{ background:#FFF}


.content-pro table th, .content-pro table td{ padding:5px}


.tabs{ overflow:hidden; clear:both; line-height:30px; text-transform:uppercase;  margin-bottom:20px; background:#E1DED9; padding-left:2px}



.tabs li{ padding:5px 25px 5px 25px; display:inline; float:left;text-align:center; border-right:1px solid #D8D4D0;font-weight:bold; font-size:20px; background:#E1DED9}



.tabs a{ color:#716F6A}



.tabs .active{ background:#FFF; border-top:2px solid #FF6700 }



.tabs .active a{  }



.tab-option{ overflow:hidden; line-height:25px !important; display:none;  }



.frmOrder{ overflow:hidden; background:url(../images/con-hang.png) left bottom  no-repeat;  padding-bottom:15px}

.frmOrder .btn-order{width:120px; height:25px;  margin:7px 0 0 0; background:none; cursor:pointer; border:none; outline:none; }


.detail-product{ margin:10px 0 15px 0; overflow:hidden; clear:both;  }




#frmWeblink select{width:200px; margin:10px 0 10px 10px}




.listAds{ overflow:hidden; text-align:center; margin:10px 0 10px 0}




.listAds a{ font-weight:bold; color:#2568ac}

.listAds img{ max-width:200px; width:auto !important;width:200px}




.block-right table{width:200px; margin: 10px auto; background:#CCC}



.block-right table tr{ background:#FFF}


.block-right table th, .block-right table td{ line-height:25px}



.block-right .news{ overflow:hidden; padding:5px}



.block-right .news  a{ color:#872603}





.block-home{ overflow:hidden;width:1260px; margin:auto}



.bg-box1{ background:#FAFAF9; padding:10px 0 30px 0; overflow:hidden; margin:0px 0px 30px 0;width:100%; text-align:center}
.box-tk table{width:100%; color:white; font-size:18px }
.box-tk table td{width:33% !important; text-align:center}
.box-tk h4{ font-family:Lato Bold; font-size:72px; margin-bottom:40px}
.box-tk h5{ font-family:Lato Bold; font-size:30px; line-height:50px; background:url(../images/line.png) center bottom no-repeat; padding-bottom:5px; margin-bottom:20px}
.bg-box2{ background:#F2F1EE; padding:20px 0 20px 0; overflow:hidden; margin:0px 0 0px 0;width:100%}

.serviceHome{ overflow:hidden}
.serviceHome .item{ overflow:hidden;width:calc(33% - 30px); float:left; margin:0 45px 0 0; line-height:25px; text-align:left}
.serviceHome .item3{ float:right; margin-right:0}
.serviceHome .clear3{ clear:both; height:40px}
.serviceHome .img{ height:60px; margin-bottom:10px; display:block}
.serviceHome img{ height:60px; -webkit-transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.serviceHome h3{ font-size:17px; }
/*.serviceHome h3::first-letter {
  font-size: 30px;
  color: #008CD7; font-weight:normal
}*/
.serviceHome .sapo{ text-align:justify}
.serviceHome .item:hover img{opacity:0.8; height:65px}
.serviceHome .item:hover h3{ color:#36C0C3}
.list-service{ overflow:hidden; padding:10px}
.list-service .item{width:calc(50% - 30px); min-height:200px; padding:15px; overflow:hidden; float:left;box-shadow: 0 2px 4px 2px rgba(0,0,0,.09); box-sizing: border-box}
.list-service .item2{ float:right}
.list-service .clear2{ clear:both; height:40px}
.list-service .item img{width:70px; float:left; margin:0 30px 0 0}
.list-service ul{ overflow:hidden; margin:10px 0 0 0}
.list-service h3 a{ font-size:19px; color:#333; font-weight:normal}
.list-service a:hover{ color:#36C0C3}
.list-service li{ display:block; line-height:28px; background:url(../images/icon-row2.png) left center no-repeat; padding:0 0 0 20px}



.slide-ykkh { overflow:hidden;width:100%; position:relative !important; margin:20px 0 0px 0; }
.slide-ykkh .item{ overflow:hidden; line-height:25px; text-align:center; margin-bottom:20px; background:url(../images/bg-box-cm.png) top center no-repeat; min-height:330px; /*background-size:100% 100%*/; padding:5px 25px 10px 25px}
.slide-ykkh  .owl-prev,.slide-ykkh .owl-next{ display:none !important}
.slide-ykkh  .owl-dots,.list-partner .owl-dots{ height:30px; text-align:center}
.slide-ykkh  .owl-dot,.list-partner .owl-dot{width:13px; height:13px; border-radius:100%; margin:0 3px 0 3px; background:#DCDDDF; display:inline-block}
.slide-ykkh  .owl-dots .active,.list-partner .owl-dots .active{ background:#FF6600}
.slide-ykkh .name { color:#FF0000}
.slide-ykkh .name span{}
.slide-ykkh .name2{ font-size:16px; color:#666666; margin-bottom:10px}
.slide-ykkh .img {width:100px; height:100px; border:0px solid; overflow:hidden; margin:auto auto 20px 
auto;border-radius:100%}
.slide-ykkh img{width:100%; height:100px}
.list-partner{ overflow:hidden; padding:0 20px 0 20px;width:calc(100% - 40px) !important;  }
.list-partner .item{ overflow:hidden; text-align:center; border:0px solid}
.list-partner .item img{ height:70px;}
.list-partner .owl-dots{ display:none !important}
.list-partner .owl-prev,.list-partner .owl-next{ display:block; border:0px solid red;width:30px; height:30px; position:absolute; top:20px; font-size:0; cursor:pointer}
.list-partner .owl-prev{ left:0px; background:url(../images/icon-pre3.png) center no-repeat}
.list-partner .owl-next{ right:0px; background:url(../images/icon-next3.png) center no-repeat}
.bg-gallery{ overflow:hidden; position:fixed; top:0; left:0; z-index:999;width:100%; height:100%; background:rgba(0,0,0,0.8)}
.bg-gallery .close{ position:absolute; top:10px; right:10px; float:right; z-index:9; color:white; width:40px; height:40px; line-height:40px;border-radius:100%; font-size:23px; border:2px solid; cursor:pointer; text-align:center}
#gallery{ width:1000px; margin:30px auto auto auto; max-width:98%; text-align:center}
.slide-gallery { overflow:hidden;width:100%; position:relative !important; margin:20px 0 30px 0; }
.slide-gallery .item{ overflow:hidden; line-height:25px; text-align:center; }
.slide-gallery .item img{ height:600px}
.slide-gallery  .owl-prev,.slide-gallery .owl-next{ width:57px; height:57px; position:absolute; top:45%; z-index:9; }
.slide-gallery  .owl-prev{ left:0; background:url(../images/btn-pre1.png) center no-repeat !important}
.slide-gallery  .owl-next{ right:0; background:url(../images/btn-next1.png) center no-repeat !important}
.slide-gallery  .owl-dots{ display:none}
.thumb-gallery{ overflow:hidden; text-align:center}
.thumb-gallery img{ height:60px; margin:5px; cursor:pointer}
.box-hotline{ background:#77543B; color:white; overflow:hidden; padding:20px 0 20px 0}
.box-hotline a{ float:right; background:#CE6C00 ; padding:10px 20px 10px 20px; color:white;border-radius:6px; font-size:18px}
.box-hotline a span{ font-size:24px; font-weight:bold}
.box-hotline .line1{ font-size:24px; line-height:35px; margin-bottom:10px}

.bg-box3{ overflow:hidden; background:url(../images/line2.png) center repeat-y; padding:30px 0 30px 0; margin-bottom:40px; }
.box-home1{ overflow:hidden; clear:both; padding:0px 0 0px 0}
.box-home1 .item{width:calc(33% - 20px); float:left; margin:0 30px 0 0; text-align:center ; }
.box-home1 .item:hover img{}
.box-home1 img{height:80px; margin:0  auto 15px auto; max-height:100px}
.box-home1 .item3{ float:right; margin-right:0}
.box-home1 .name{ text-transform:uppercase;  font-size:16px; font-weight:bold; margin-bottom:10px; text-align:center}
.box-home1 .text{ text-align:justify}

.bg-box4{ overflow:hidden; background:url(../images/bg-box2.png) center no-repeat; background-size:cover; padding:30px 0 30px 0; margin-bottom:0px;color:white}

.introHome{ overflow:hidden; text-align:justify; padding:10px 0 10px 0}



.introHome img{ max-width:30%; margin:0 0 0 80px; float:right}


.video-home iframe{width:100% !important; height:300px !important}


.newsHome{   overflow:hidden;position:relative; text-align:left; margin:0 0 30px 0}



.newsHome .top{ font-weight:bold; text-transform:uppercase; line-height:30px}
.newsHome .first{ overflow:hidden;width:48%; float:left; position:relative}
.newsHome .first h4{ position:absolute; bottom:0; left:0; z-index:9;width:calc(100% - 20px);  background:url(../images/line.png) bottom repeat-x; padding:100px 20px 20px 20px; }
.newsHome .first a{ color:white; font-size:19px; font-weight:normal}
.newsHome .first img{width:100%; height:320px}
.newsHome .item{ overflow:hidden; width:calc(25% - 40px); float:right; margin:0  0 0 40px; border:0px solid #EAEAEC;}

.newsHome .item4{}

.newsHome .item img{width:100%; height:200px; margin:0 0px 10px 0}
.newsHome  img:hover{opacity:0.8}
.newsHome .item:hover{ }
.newsHome .detail{ line-height:45px}
.newsHome .detail a { border:1px solid #eaeaea;border-radius:20px; padding:8px 20px 8px 20px; font-weight:normal !important}


.newsHome .name{overflow:hidden;  margin-bottom:10px; }
.newsHome .name a{  }
.newsHome .sapo{overflow:hidden; line-height:22px; text-align:justify; margin-bottom:20px; color:#58585B}

.newsHome .item:hover .detail a{ background:#FF6600; color:white}





.recruitment{overflow:hidden;position:relative; text-align:left}



.recruitment .first{ overflow:hidden;width:60%; float:left}



.recruitment .first img{width:200px; float:left; margin:0 10px 0 0}



.recruitment h4{ font-weight:normal; font-size:17px; margin-bottom:10px}



.recruitment .sapo{overflow:hidden; line-height:22px; text-align:justify; margin-bottom:10px}

.recruitment .second{ overflow:hidden; width:37%; float:right; clear:right;line-height:20px; background:url(../images/bullet.png) left 7px no-repeat; padding-left:15px; margin:6px 0 6px 0; font-size:15px}



.map{overflow:hidden; margin:20px auto auto auto; clear:both;width:100%; float:left}

.map table{width:100% !important}

.map td{width:50% !important; line-height:40px; font-size:19px; text-align:center; color:#B03025}

.map iframe{width:100% !important; height:300px !important}

.img-ct{ float:left;max-width:590px}
.contactInfo{ overflow:hidden; margin-bottom:20px;}
.contactInfo table{width:100%  !important}
.contactInfo table td{width:50% ;}
.contactInfo table td:last-child iframe{ float:right}
.contactInfo table iframe{width:96% !important; height:350px !important}
#frmContact {overflow:hidden;margin:auto ; clear:both; border:0px solid}




#frmContact span{ color:red}


#frmContact .row{ overflow:hidden; margin:10px 0 10px 0; border:1px solid #DBD8D3}


#frmContact p { overflow:hidden;}

#frmContact .row div { overflow:hidden;width:49%; float:left}
#frmContact .left{width:48%; overflow:hidden; float:left}
#frmContact .right{ float:right;width:48%; overflow:hidden}


#frmContact  input {width:calc(100% - 70px); border:0px solid #EBEBEB; padding:10px; height:26px; float:left }
#frmContact label{width:49px; height:47px; float:left}
#frmContact .fullname{ background:#F3F3F3 url(../images/icon-user.png) center}
#frmContact .address{ background:#F3F3F3 url(../images/icon-address.png) center}
#frmContact .phone{ background:#F3F3F3 url(../images/icon-phone2.png) center}
#frmContact .email{ background:#F3F3F3 url(../images/icon-email2.png) center}
#frmContact .title{ background:#F3F3F3 url(../images/icon-pen.png) center}
#frmContact .message{ background:#F3F3F3 url(../images/icon-nd.png) left top no-repeat; height:163px}

#frmContact textarea{ width:calc(100% - 70px); height:100px;border:0px solid #EBEBEB; padding:10px; }



#frmContact .note{font-size:17px; font-weight:normal; line-height:30px;  color:#16365C; margin:20px 0 20px 0; clear:both;width:100%; font-style:italic; background:#E6B8B7; padding:5px 10px 5px 10px }



#frmContact .btn {  }



#frmContact #submit{background:#E80000 url(../images/icon-sent.png) 85% center no-repeat; padding:15px 65px 15px 45px; cursor:pointer; border:none; width:auto; height:auto; color:white;  float:right; font-size:18px;border-radius:5px}


#frmContact .error{ color:red !important; }




 .success{ color:#063;  font-size:12px; line-height:18px}
#frmDelete input{width:30px; border:none; background:url(../images/icon/cart_delete_icon.png) no-repeat; cursor:pointer}

#frmSoluong input.update{width:30px; border:none; background:url(../images/icon/update.png) no-repeat; cursor:pointer}

.tbOrder{ background:#cbcbcb; margin:auto; text-align:center; font-size:12px}
.tbOrder tr{ background:#FFF}
.tbOrder th{ line-height:20px; background:#e5e5e5; padding:5px}
.tbOrder td{ padding:5px; line-height:25px}
.tbOrder .fee{  margin:0px 0 0 0px; text-align:right; overflow: hidden; font-size: 15px;}
.tbOrder .fee label{  display: inline-block;width:120px; float: left; text-align: left;}
.tbOrder .total span{  color: red;}
.tbOrder .total{font-size:17px;margin-top:10px; font-weight: bold;}
.tbOrder .name{   margin:10px 0 10px 0; text-align:left;}
.link-action{ line-height:30px; text-align:right; margin-top:15px}
.link-action a{ padding:5px 15px 5px 15px; color:white; margin-left:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.link-action .continue{ background:#d20001}
.link-action .payment{ background:#585858}
.tbOrder .price1{ font-size:15px; color:#FF5B00}
.tbOrder .price2{  text-decoration:line-through; display:block}
#frmOrder{ overflow:hidden;width:48%; overflow:hidden; float:left}
#frmOrder p{ overflow:hidden; line-height:25px; margin:10px 0 10px 0}
#frmOrder input,#frmOrder textarea{width:calc(100% - 172px); border:1px solid #DDD; padding:10px}
#frmOrder select{width:137px; border:1px solid #DDD; padding:10px}

#frmOrder label{width:150px; float:left}
#frmOrder label span{ color:red}
#frmOrder .error{ color:red; margin-left:150px}
#frmOrder img{ float:left; margin:2px 0 0 0}
#frmOrder .top, .list-cart .top{ font-family:Roboto bold; line-height:30px}
#frmOrder .button{ float:right}
.list-cart{width:50%; overflow:hidden; float:right}
.listCoupon{ overflow: hidden;}
.listCoupon .top{ font-size: 18px; margin: 10px 0 10px 0;}
.listCoupon .item{ overflow: hidden; margin: 10px 0 10px 0; border:1px solid #DDD; padding:10px;border-radius:4px}
.listCoupon .code{ width:100px;float: left; background:#DE0000;color:white; text-align:center;padding: 5px; margin:5px 20px 0 0; cursor: pointer;border-radius:4px}
.input-coupon{ overflow: hidden;margin: 10px 0 10px 0;}
.input-coupon #input_coupon{width:250px; padding: 10px; border: 1px solid #DDD; float:right;}
.input-coupon .btnAddCoupon{ padding: 6px 20px 6px 20px; cursor: pointer; background: #338dbc;color: white; float: right;}
#error_coupon{color:red; clear: both; text-align: right;margin-top:10px;}
.bg-popup{ overflow:hidden; position:fixed; top:0; left:0;width:100%;height:100%; background:rgba(0,0,0,0.8); display:none; z-index:9999}




.popup{width:900px;   /*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/  position:absolute; top:50%; left:50%; margin-top:-150px; margin-left:-450px; padding:0px; text-align:center; z-index:99999 !important}

.popup .close{width:35px; height:35px; position:absolute; top:-15px; right:-15px; cursor:pointer; background:url(../images/close.png) center no-repeat; z-index:99}
.popup .img-popup{width:calc(50% - 40px); padding:20px; background:#FFF; overflow:hidden; float:left}
.popup .img-popup img{width:100%; height:368px}
#frmTV{width:calc(50% - 40px); overflow:hidden; float:right;background:#FF6400; padding:20px}
#frmTV .top{ background:#000; padding:20px; text-transform:uppercase; color:#FF6400; font-weight:bold; font-size:20px}
#frmTV .hl{ color:red}
#frmTV .row{ overflow:hidden; margin:10px 0 10px 0}
#frmTV input{ padding:20px; width:calc(100% - 20px); background:#FFF; border:none; border-radius:5px;}
/*#frmTV input::placeholder{ color:#FFF}*/
#frmTV #lbSubmit{ background:#B5070A ; color:white; border-radius:5px; text-transform:uppercase;width:calc(100% - 20px); border:none; cursor:pointer; margin-bottom:10px; display:block; padding:15px 10px 15px 10px}
#frmTV #lbSubmit:hover{opacity:0.8}
.popup img{ max-height:100%}
.popup .time{ border:0px solid #FFF; padding:10px; color:white; border-radius:5px; overflow:hidden; background:url(../images/bg-header2.png) center no-repeat}
.popup .time ul{ overflow:hidden;width:calc(100% - 120px);float:right}
.popup  .text{ overflow:hidden; color:white;width:100px; float:left; text-align:left; border-right:1px solid #eaeaea; padding-right:10px;}
.popup .time li{ display:inline; overflow:hidden;  float:left;width:25%; text-align:center; text-transform:uppercase; font-size:14px}
.popup .time .number::after{content:":"; float:right}
.popup .time li:last-child .number::after{content:""; }
.popup .time li .number{  font-weight:bold; font-size:25px; line-height:28px;}
.popup .time li span{ display:block}
.content-popup{padding:10px; line-height:25px; text-align:justify; font-size:13px; overflow:auto; height:450px}

.title-popup{ line-height:32px; text-transform:uppercase; color:#FFF; background:#8d9292; padding-left:10px; font-weight:bold; text-align:left; text-align:center !important}


#detailPro{ overflow:hidden; color:#000}

#detailPro .left{width:200px; float:left; overflow:hidden; border-right:1px solid #CCC; text-align:center; padding-right:8px}



#detailPro .right{ overflow:hidden;width:300px; float:right;  }

#detailPro p{ overflow:hidden; clear:both; text-align:left}


#detailPro img{  border:1px solid #CCC; max-width:200px; margin-bottom:8px; max-height:180px}


#detailPro .left label{width:60px !important}



#detailPro label{width:120px; float:left; font-weight:bold}


#detailPro p{ overflow:hidden;}


#detailPro a{ color:#056b17}


#detailPro a:hover{ text-decoration:underline}

#detailPro .right p{ border-bottom:1px solid #eaeaea}


#detailPro u{ font-weight:bold}


#detailPro .description{ overflow:hidden; clear:both; line-height:25px; text-align:justify;padding-top:10px; clear:both}

a.edit{ padding:10px; background:url(../images/edit.png) center no-repeat}


span.detail{ cursor:pointer}


span.delete{  background:url(../images/delete.png) center no-repeat; cursor:pointer; width:30px !important}


.news-item{ overflow:hidden; clear:both; margin:10px 0 20px 0; text-align:left; /*padding-bottom:15px; background:url(../images/bg-line.png) bottom center no-repeat*/; border-bottom:1px solid #E0DED9; padding-bottom:20px}



.news-item img{width:190px; float:left; margin:0 10px 0 0; border:0px solid #8c9292;}

.news-item h4{ margin-bottom:10px; font-weight:normal}



.news-item h4 a{ font-size:17px;}


.news-item .info-post{ color:#9a9a9a; line-height:25px}


.news-item .date{background:url(../images/calender.png) left center no-repeat; padding:10px 0 10px 25px;}


.news-item .line{ overflow:hidden; border-bottom:1px dotted #CCC; margin-bottom:3px}

.news-item .sapo{ line-height:20px; text-align:justify; overflow:hidden}



.news-item a:hover{ text-decoration:underline}
.slide-partner .item{ overflow:hidden}
.slide-partner .item img{ height:80px}

.list-news{ overflow:hidden;}



.list-news .item{width:calc(33% - 20px); margin:0 30px 0 0; overflow:hidden; float:left; line-height:25px; border:0px solid #E5E3E0; position:relative; text-align:center}

.list-news .info{ padding:10px}

.list-news .item3{ float:right; margin-right:0}



.list-news .img{height:210px;  margin:0px  0 15px  0; overflow:hidden; position:relative; border:0px solid;}
.list-news img{width:100%; min-height:100%; /*position:absolute; top:0; left:0; right:0; bottom:0; margin:auto*/}

.list-news .item:hover img{opacity:0.8}

.list-news .name{ margin-bottom:10px; text-align:left}

.list-news .name a{ font-size:18px; font-family:Lato Bold; color:#0081BE}

.list-news .clear3{ height:40px; clear:both}
.list-news .sapo{ overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:0px solid #E5E3E0; text-align:left}
.list-news .detail{  color:#8f877b; font-weight:normal}
.list-news .date{ position:absolute; top:20px; left:0; background:#007FBD; color:white; padding:5px; width:70px; text-align:center;  z-index:9}
.news-right{ overflow:hidden;  text-align:justify}



.news-right img{ float:left;width:80px; margin:0px 5px 0 0; border:0px solid #CCC; }
.news-right li{ margin:0px 0px 0px 0px; line-height:25px;  border-bottom:1px solid #E7E6E3; padding:10px 0 10px 0px  ;}


.news-right a{ color:#333; line-height:18px}

.view-all{ text-align:center; line-height:45px; clear:both}
.view-all a{ color:#FFF; background:#FF6300; padding:10px 30px 10px 30px; border-radius:5px}



.view-all a:hover{ text-decoration:underline}

.slide-news{ overflow:hidden; text-align:left; line-height:25px; }
.slide-news img{width:100%; height:210px; margin-bottom:10px;transition:.6s all ease;-webkit-transition:.6s all ease;-moz-transition:.6s all ease;-ms-transition:.6s all ease;-o-transition:.6s all ease  }
.slide-news .item:hover img{ opacity:0.6;-webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -o-transform:scale(1.1)}

.slide-news .date{ position:absolute; top:20px; left:0; background:#8A5E2A; color:white; padding:10px; width:70px; text-align:center;  z-index:9}

.slide-news h4{ font-weight:normal; font-size:18px}

.slide-news .clear3{ height:40px; clear:both}
.slide-news .view-more{ float:right; color:#FF6700}
.slide-news  .owl-prev,.slide-news .owl-next{ display:none !important;width:35px; height:40px; border:1px solid red; cursor:pointer; position:absolute; top:35%; z-index:9999; }
.slide-news  .owl-prev{ left:0; background:url(../images/icon-pre3.png) center no-repeat; background-size:35px 40px}
.slide-news  .owl-next{ right:-30px; background:url(../images/icon-next3.png) center no-repeat; background-size:35px 40px}
.slide-news  .owl-dots{ height:30px; text-align:center; padding-top:20px; }
.slide-news  .owl-dot{width:13px; height:13px; border-radius:100%; margin:0 3px 0 3px; background:#8A5E2A; display:inline-block}
.slide-news  .owl-dots .active{ background:#CE6C00}


/************Tooltip***********/



#tooltip{position: fixed;width: 320px; border:1px solid #ccc;background: #f2f2f2;display: none;overflow: hidden; text-align:left; line-height:25px !important}



.box-tooltip{ overflow:hidden; display:none}



#tooltip .title-tooltip{ line-height:30px; background:#ff7f00; color:white; text-transform:uppercase; padding-left:10px; margin-bottom:5px; font-weight:bold}



#tooltip .sapo{ margin:10px}

.back-top{ position:fixed; bottom:200px; right:30px; width:45px; height:55px; background:url(../images/back-top.png) center no-repeat; z-index:99; display:block; border:0px solid}



.title-home{  text-align:left; padding:0px 0 5px 0 ; font-size:16px; line-height:30px; margin:10px 0 0px 0; overflow:hidden;  border:0px solid red; color:#b20202; text-transform:uppercase; border-bottom:1px solid #b20202}

.color-white{ color:white}

.title-home span{background:url(../images/line5.png) bottom center repeat-x; padding-bottom:10px  }


.title-home2 span{ background:#f2f2f2 url(../images/bg-title-1.png) right center no-repeat; padding-right:50px; float:left; border:0px solid}

.title-other{ line-height:28px;  font-size:19px; color:#B81E0B; text-transform:uppercase; margin:10px 0 10px 0}



.info-news{ line-height:25px; background:url(../images/bg-top-detail-news.png) top repeat-x; color:#ababab; margin:5px 0 10px 0} 



.info-news .date{ background:url(../images/update.png) left center no-repeat; padding-left:20px}



.info-news .view{ background:url(../images/view.png) left center no-repeat; padding-left:20px}



.list-custommer{ overflow:hidden}

.list-custommer img{ height:100px; max-width:100% }



.listViewed ul{ height:280px; border:0px solid; margin:10px 0 0 0}



.listViewed ul li{width:100%; height:270px; text-align:center; margin-top:10px; font-weight:bold; line-height:25px}



.listViewed ul img{ max-width:98%; margin-bottom:15px; max-height:230px}



.listViewed .btn-next,.listViewed  .btn-pre{width:17px; height:35px; cursor:pointer; border:0px solid; z-index:99; position:absolute; top:110px}



.listViewed .btn-pre{ left:0; background:url(../images/icon-pre1.png) center no-repeat}



.listViewed .btn-next{ right:0; background:url(../images/icon-next1.png) center no-repeat}

.padding-top{ height:165px}

.list-news2{ overflow:hidden}
.list-news2 .item{width:48%; overflow:hidden; float:left; line-height:25px}
.list-news2 .item:hover img{ opacity:0.8}
.list-news2 .item2{ float:right}
.list-news2 .clear2{ clear:both; height:30px}
.list-news2 .img{ height:280px; position:relative; overflow:hidden; margin-bottom:10px}
.list-news2 img{width:100%; min-height:100%}
.list-news2 .sapo{width:calc(100% - 20px);height:calc(100% - 20px); padding:10px; color:white; position:absolute; top:0; left:0; background:rgba(0,0,0,0.6); display:none}
.list-news2 .item:hover .sapo{ display:block}
.list-news2 h4{ font-weight:normal; font-size:18px; text-align:center}
.list-news2 h4 a{ color:#0083BF}
.list-news2 .clear2{ clear:both}
.detailCate{ overflow:hidden; line-height:25px; margin-bottom:30px;position:relative; }
.detailCate.scrollHide{height:350px;
overflow:hidden}
.detailCate.scrollShow{height:auto;
overflow:auto;
padding-bottom:50px !important}
.detailCate .more-view-shadown{text-align:center;
position:absolute;
bottom:0;
left:0;
width:100%;
background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 30%, white 100%);
background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 30%, white 100%);
background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 30%, white 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
color:#000;
padding:50px 0 10px}
.detailCate.scrollShow .more-view-shadown{padding:0 0 10px}
.more-view-shadown .btn{ background:#7F5239; color:white; padding:5px 15px 5px 15px;border-radius:4px; cursor:pointer}
.view-more{ cursor:pointer; color:#7F5239; float:right !important; font-weight:normal}
.imgBanner{ overflow:hidden; clear:both}
.imgBanner img{ max-width:100%; margin-bottom:20px}
.box-content{ overflow:hidden; line-height:25px}
.box-content ul{ list-style:inherit !important; margin-left:20px}
.box-content li{}
.animatedParent{ overflow:hidden; border:0px solid red}
.box-content table{width:100% !important; background:#DDE2E6; margin:10px 0 20px 0}
.box-content table tr{ background:#FFF}
.box-content tr:nth-child(odd) {background: #F2F2F2}
.box-content td:nth-child(2) {  text-align:left}
.box-content table td, .box-content table th{ line-height:20px; padding:5px 5px 5px 10px; text-align:center}
.listTags{ overflow:hidden; padding-top:10px}
.listTags a{ padding:5px 15px 5px 15px; border:1px solid #CE6C00; margin:5px; display:inline-block}
.other-product{ overflow:hidden}
.other-product .item{width:calc(25% - 22px); float:left; margin:0 25px 0 0; }
.other-product .clear4{ clear:both; height:20px}
.other-product .item4{ float:right; margin-right:0}
.other-product img{width:100%; min-height:100%}
.other-product img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transition:.6s all ease;-webkit-transition:.6s all ease;-moz-transition:.6s all ease;-ms-transition:.6s all ease;-o-transition:.6s all ease;opacity:0.8}
.other-product .img{ height:150px; overflow:hidden; margin-bottom:10px}
.other-product .name a{ font-size:18px; font-weight:normal}
.other-product .price span{ color:#FF4700}
#muc-luc{ overflow:hidden; padding:15px; background:#F7F7F7;border-radius:3px; margin-bottom:20px}
#muc-luc ol{ padding-left:10px; color:#0070B4;counter-reset: item; overflow:hidden;}
#muc-luc li{ line-height:20px; list-style:inherit;display: block; padding:2px 0 2px 0; font-family:Tahoma, Geneva, sans-serif;  }
#muc-luc li a{ color:#0070B4}
#muc-luc .top{ text-transform:uppercase;  font-weight:bold; font-size:15px; margin-bottom:20px}
#muc-luc li:before { content: counters(item, ".") " "; counter-increment: item }
.list-content .top{ overflow:hidden; line-height:30px; font-weight:bold; font-size:15px; color:#7F5239; margin:20px 0 10px 0}
.contentTable h2{ font-size:17px; }
.contentTable h3{ font-size:15px; }
.contentTable h4{ font-size:13px; }
.hotline-left{ overflow:hidden; display:inline-block; position:fixed; bottom:0; left:0; background:#E80000 url(../images/icon-hl.png) 10px center no-repeat; padding:8px 10px 8px 50px; color:white; font-weight:bold; font-size:16px;border-radius:3px; background-size:30px 25px }
.tags{ overflow:hidden; text-align:left; line-height:25px}
.tags label{ float:left; font-weight:bold; margin-right:10px}
.chat-zalo{ height:61px;width:61px; position:fixed; bottom:180px; right:25px; z-index:999999999 !important; background:#FF4700 url(../images/zalo4.png) right center no-repeat;  display:inline-block; border-radius:100%}
.hotline-ft{ height:61px;width:61px; position:fixed; bottom:270px; right:25px; z-index:999999999 !important; background:#FF4700 url(../images/phone_2.png)  center no-repeat;  display:inline-block; border-radius:100%}
.chat-zalo span{ display:none; background:#00AFD6; float:right; margin:18px 55px 0 0; height:30px; line-height:28px; font-size:14px; color:white; padding:0 10px 0 20px;border-radius:20px 0 0 20px}
.chat-zalo:hover span{ display:inline-block;transition:.6s all ease;-webkit-transition:.6s all ease;-moz-transition:.6s all ease;-ms-transition:.6s all ease;-o-transition:.6s all ease}

.bannerHome img{width:100%}
.frmContactHome{ overflow:hidden; background:url(../images/bg-header2.png) center no-repeat; background-size:cover; border-bottom:8px solid #83807B; text-align:center; padding:30px 0 30px 0;}
#frmContactHome{ text-align:center}
.frmContactHome .top{ text-transform:uppercase; font-size:30px; color:#FFF; margin-bottom:20px}
.frmContactHome input{ background:#CE4300; color:white; padding:10px; border:none;width:300px; margin:0 5px 0 5px; outline:none}
.frmContactHome #btnDk{width:auto; background:#000; cursor:pointer; padding:10px 30px 10px 30px; text-transform:uppercase}
.frmContactHome input::placeholder{ color:white}
.block-footer{ overflow:hidden; clear:both; background:#F9F9F9; padding:20px 0 20px 0}
.block-footer .top{ font-weight:bold; font-size:17px; color:red; margin-bottom:10px}
.block-footer .top a{ color:red}
.block-footer .box{ overflow:hidden; float:left;width:20%}
.block-footer .box1{width:80%}
.block-footer .item{width:25%; float:left; overflow:hidden; }
.block-footer .item ul{ margin-bottom:10px}
.block-footer h3{ font-weight:normal; margin:0px 0 5px 0 }
.block-footer h3 a{}
.block-footer li{ line-height:25px; color:#6A6A6B; background:url(../images/icon-row.png) left 5px no-repeat; margin-bottom:5px; padding-left:15px; }
.block-footer li.more-sub{ background:none; padding:none}
.block-footer li.more-sub a{ color:red}
.block-footer li a{ color:#6A6A6B}
.nivo-html-caption {
    display:none; 
}
.nivo-caption{ position:absolute; bottom:30%; left:5%; z-index:9999; position:absolute; border:0px solid red !important; max-width:90%;  text-align:left; background:rgba(0,0,0,0.1) !important; padding:25px}

.nivo-caption .text2 {
	color: #FFF;
	font-size: 48px;
	font-weight: 800;
	text-transform: capitalize;
	font-style:italic;
	font-family:HCORONET;
}
.nivo-caption .name {
	color:#BC000E;  font-size:41px; font-weight:bold;  text-transform:uppercase;
}

.nivo-caption .text1 {
	color: #FFF;
	font-size: 58px;
	font-weight: 900;
	line-height: 1.2;
	margin: 20px 0 20px 0;
	text-transform: uppercase;

}
.box-cs{ overflow:hidden; background:#FFF; border-top:2px solid #E7D4CF; padding:10px 0 10px 0; margin-top:30px}
.box-cs .item{width:20%; overflow:hidden; text-align:center; text-transform:uppercase; float:left}
.box-cs img{ display:block; margin:auto auto 10px auto}
.result-add-cart{ overflow:hidden; background:#FFF;width:350px;  max-width:98%; margin:100px auto auto auto;border-radius:5px;padding-bottom:10px}
.result-add-cart div{ overflow:hidden; clear:both; text-align:left; padding:5px 15px 5px 15px; font-size:15px}
.result-add-cart img{width:80px; float:left; margin:0 20px 0 0}
.result-add-cart .top{ font-size:18px; line-height:30px; color:green; background:#eaeaea; margin-bottom:20px}
.result-add-cart .close{ float:right; cursor: pointer;width:30px; text-align:center}
.result-add-cart .pro{ font-weight:bold; font-size:18px}
.result-add-cart .checkout{ padding:5px 30px 5px 30px; float:left;border:1px solid ;border-radius:4px}
.result-add-cart .view-cart{ padding:5px 30px 5px 30px; border:1px solid ;border-radius:4px;
 background:#DE0000; color:white; float:right}
 .result-add-cart .cart span{ float:right}
 .result-add-cart .amount{ font-weight:bold; color:red;}
 .icon-fixed-right{width:75px; height: 217px;; overflow: hidden; position:fixed; right: 0; bottom: 50px; z-index: 9; background: url(../images/icon-fixed-right.png) center no-repeat;}
 .icon-fixed-right a{ display: block;width:100%; height: 60px; border: 0px solid red;margin: 5px 0 10px 0;}
@media screen and (min-width: 1000px) {
	.menuTop{ display:block !important}
	.wrap-menu-mb{ display:none !important}
	
	}
@media screen and (min-width: 1000px) and (max-width: 1200px){

body{ border:0px solid red}

.wrapper{width:1000px;}


}




@media screen and (max-width:999px){



body{ background:none}
.wrapper{width: 98%; margin: auto;;}
.box-content img{ max-width:100%; height:auto !important}
#header .col2{display: none;}
#header .cart, #header .nav-user{margin-top:5px}
#header .top,.menuTop, .frmSearch1{ display:none; }

.bg-menu{ background:none}
.menuTop{  line-height:40px; width:100%; height:auto;  padding:0px 0px 0px 0px; background:#FF4700}



.menuTop ul{ margin:10px 0 0 0;width:100% }
.menuTop ul li ul{width:100% ; position:static !important; visibility:visible !important; background:none !important; }

.menuTop .logo{ display:none}

.menuTop li{ display:block; float:none;width:100%; border-bottom:1px solid #FFF; text-align:left; text-transform:uppercase; padding:0px;  overflow:hidden; background:none}
.menuTop ul li ul{  background:#FF0404 !important }
.menuTop ul li:hover ul{ display:none;  }
.menuTop li li{ text-transform:none; padding-left:25px !important; background:url(../images/icon-row2.png) left center no-repeat !important; border-bottom:none; border-top:1px solid #FFF; list-style:inside }

.menuTop li li:first-child{ }
.menuTop .home span{ display:inline-block}
.menuTop li li:last-child{ border:none}
.menuTop li a{ color:#FFF;  padding:0 0 0 10px; background:none !important}
.menuTop ul ul ul{ display:none !important}
.menuTop .icon-sub{ float:right;width:20px; height:20px; margin:10px 10px 0 0; cursor:pointer; background:#FFF url(../images/icon-down.png) center no-repeat;border-radius:100%; padding:0}
.icon-menu{ background: #FF0B0B url(../images/icon-menu.png) left center no-repeat; height:30px; line-height:37px; display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; cursor:pointer; color:#FDB813; width:40px; position:absolute; top:10px; right:5px}
.logo img{ max-width:100%}

.box-content img{ max-width:100%; height:auto !important}

.wrap-menu-mb{ overflow:hidden; position:fixed; top:0; left:0;width:100%; height:100%; z-index:999999999999 !important; background:rgba(0,0,0,0.8); display:none}
.menu-mb{width:300px; max-width:90%; height:100%; background:#F9F9F9; position:absolute; top:0; left:0; z-index:99; overflow:auto; padding-right:-10px }
.menu-mb .logo { text-align:center ;width:100%; margin:0; padding:0}
.menu-mb .logo img{ height:60px}

.menu-mb li{ display:block; line-height:25px; float:none; border-top:1px solid #eaeaea; text-align:left; text-transform:uppercase;  overflow:hidden; padding:10px 0 10px 0px;width:100%; text-indent:10px }
.menu-mb li  a{  border:none !important; background:none !important; padding:0; display:inline-block; font-weight:normal; }
.menu-mb .home{ height:auto !important;width:auto ; font-size:inherit; line-height:inherit !important}
.menu-mb .home span{ display:inline-block}



.menu-mb  li:last-child{ border:none !important }

.menu-mb li ul{ display:none; visibility:visible !important; background:none;width:100% !important; position:static !important; margin:0 !important; padding:10px 0 0 0 !important; border:0px solid}
.menu-mb li ul li{ border:none; text-transform:none;background:url(../images/bullet1.png) left center no-repeat; padding:5px 0 5px 30px}
.close-mn{width:30px; height:30px; line-height:30px; background:#FF4700 ; display:block;   -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; z-index:999; color:white; position:absolute; top:98px; right:10px; z-index:9; font-size:18px; border:1px solid #FFF; cursor:pointer }
.menu-mb .show-menu{ display:block;width:30px; height:25px; line-height:25px; cursor:pointer; border:0px solid; float:right; display: inline-block;
   }
.show-menu svg{width: 15px;
    height: 15px; line-height:15px;
    padding: 0;
    margin: 5px 2px 0 0;
    fill: #a4a4a4;
    pointer-events: none;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;}

.menu-mb .show-menu-active svg {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.menu-mb .menu-sub{ overflow:hidden; background:#FF4700; display:none}
.menu-mb .menu-sub a{ text-transform:none; color:white}
.menu-mb .menu-sub .level1{ border-top:1px solid #FFF; padding:10px 0 10px 0}
.menu-mb .menu-sub .tog1{ float:right; cursor:pointer;width:25px; height:20px; line-height:20px; text-align:center !important; border:0px solid #F8F8F8 ;  text-indent:0; color:white; margin:5px 5px 0 0; background:#E33500}
.menu-mb .menu-sub li{ border-top:1px solid #FFF !important; text-indent:0; padding-left:20px; list-style:circle; background:#E33500 url(../images/icon-row2.png) 5px center no-repeat}
}






@media screen  and (max-width: 620px){

body{border:0px solid red}
#header .right-header{ overflow:hidden;  clear:right; margin: 0}
.nivo-prevNav,.nivo-nextNav{ display:none}
.wrapper{width:98%;}
.fixed-top{ position:static !important}
.logo{ float:left;width:auto; text-align:left; padding-left:10px}
#header .email{ display:none}
#header .phone{ clear:right; float:right; margin:50px 0 0 0}
#header .socia{ display:none}
#header .logo {width: auto;}
#header .logo img{ height:80px}
#header .frmSearch{ width:100%;  clear:both;  margin:0px 0 10px 0; padding:0; display:none }
#header #frmSearch{width:100%}
#frmSearch #keyword{width:calc(100% - 75px) ; border:0px solid #DDD}
.main-content{width:100%}
.left-content{ display:none}
.breadcrumb{ height:auto; border:none}
.title-home{ font-size:19px}


.list-product .item,.list-product-home .item,.other-product .item,.list-product3 .item{width:48%; margin:0 auto 0px auto }
.list-product3 .item3,.list-product-home .item5{ float:left}

.list-product .item2,.other-product .item2,.list-product3 .item2,.list-product-home .item2{ float:right !important; margin-right:0; }
.list-product .clear4,.list-product-home .clear5,.other-product .clear4,.list-product3 .clear3{ display:none}
.list-product .clear2,.list-product-home .clear2,.other-product .clear2,.list-product3 .clear2{ display:block; clear:both; height:20px}

.product-item .img img{ max-width:98%; height:160px !important}
.list-product .product-item .name{ height:auto !important}
.info-product,.img-product{width:100%; clear:both; margin-bottom:20px;}
.img-product .large img{ max-height:none; max-width:100%; width:98%}
.list-img{ text-align:center;width:100%}
.order p{float:left;  overflow:hidden; display:inline-block; margin:0 30px 15px 0}
.info-product .btnAdvance,.info-product #linkOrder{  padding:10px 0 10px 0; display:block !important ;width:100%; text-align:center; line-height:30px; clear:both; margin-bottom:10px }

.content-ft table td{ width:100%; display:block}
.footer .box{width:calc(100% - 20px) !important; clear:both; float:none; margin:0; padding:10px}
.footer .box iframe{width:100% !important}
.footer .menuFooter, .footer .socia{ }
#frmContact .left,#frmContact .right{width:100%}
#frmContact label{}
#frmContact input,#frmContact  textarea{width:250px;}
#frmContact .error{ margin-left:100px}
#frmContactHome input{width:calc(30%  - 20px)!important; ; padding:10px 5px 10px 5px}
.frmContactHome #btnDk{width:calc(40%  - 20px)!important; text-transform:none; padding:10px 5px 10px 5px; font-size:14px}
.frmContactHome .top{  font-size:17px; line-height:30px }
.news-item .sapo{ display:none}
.news-item img{width:120px}
.list-news .item{width:48%; margin:0}
.list-news .item2{ float:right !important}
.list-news .item3{ float:left}
.list-news .clear3{ display:none}
.list-news .clear2{ clear:both; height:20px}
.list-news .item .img{ height:160px }
.list-news .sapo{ display:none}
.list-news2 .img{ height:160px}

.footer .content-ft{ width: 100%;}
.menuFooter .box{width:100%; margin-bottom:10px}

.box-home2 .left, .box-home2 .right{width:100%}
.hotline-left{ display:none}

.popup{width:80%; top:50px; left:5%; margin-left:-10px; padding:20px; text-align:center}
.newsHome .first,.newsHome .item{width:100%; clear:both; margin:0 0 20px 0}
.newsHome .item img{width:110px; height:90px; float:left; margin:5px 10px 0 0}
.newsHome .first img{height:auto}
.newsHome .detail{ display:none}
.slide-ykkh .item{ background:none; height:auto; min-height:inherit }
.block-footer .box{width:calc(50% - 26px) !important;  margin:0; padding:10px; }
.block-footer .box1,.block-footer .box4{width:calc(100% - 20px) !important; clear:both; float:none; margin:0; padding:10px}
.block-footer .item{width:50%;  }
.popup{width:calc(96% - 30px);   top:80px; left:2%; margin-top:0px; margin-left:0px; padding:15px; }
.popup .img-popup{ display:none}
.popup .close{ top:-10px; right:-10px; }

#frmTV{width:auto; float:none}
#frmTV .top{ font-size:14px !important; padding:5px}
#frmTV .top .hl{ display:none}
.popup .time ul{ width:100%}
.popup  .text{ width:100%; float:none; border-right:0px solid #eaeaea; padding-right:0px; text-align:center}

.slide-gallery .item img{ height:300px}

.slide-news img{ height:150px; }
.chat-zalo{ bottom:160px; }

.nivo-caption{  bottom:5% !important ; left:1%;  padding:10px;width:calc(100% - 20px)}
.nivo-caption .text2 {
	font-size: 21px;
	font-weight: 800;padding:3px; 
	
}
.nivo-caption .name {
	 font-size:15px; padding:3px; 
}

.nivo-caption .text1 {
	font-size: 18px; margin:0px 0 0px 0;
	font-weight: 900;padding:3px; 
	
}
.breadcrumb{ display:none}
#frmOrder , .list-cart { width:100%}
.box-cs .item{width: 100%; clear: both; margin: 10px 0 10px 0; text-align: left; line-height: 35px;}
.box-cs .item img{ float: left; margin: 0 10px 0 0;}
}


 @media screen  and (max-width: 400px){

.list-product-home .item .img img{ height:150px}
.block-footer .item{width:100%;  }
.block-footer .box{width:100% !important}
.product-item .img img{ max-width:98%; height:150px !important}

 }