/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=vietnamese');
/*
@font-face{
	font-family:"UTM HelvetIns";
	src:url("../fonts/UTM HelvetIns.ttf");
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/RobotoMedium.eot');
    src: url('../fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('../fonts/RobotoMedium.woff2') format('woff2'),
         url('../fonts/RobotoMedium.woff') format('woff'),
         url('../fonts/RobotoMedium.ttf') format('truetype'),
         url('../fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto/Roboto-Regular.ttf');
    src: url('../fonts/roboto/RobotoMedium.eot') format('embedded-opentype'),
         url('../fonts/roboto/RobotoMedium.woff2') format('woff2'),
         url('../fonts/roboto/RobotoMedium.woff') format('woff'),
         url('../fonts/roboto/Roboto-Regular.ttf') format('truetype'),
         url('../fonts/roboto/RobotoMedium.svg#RobotoMedium') format('svg');
}
*/
body{
	background:#FFF;
	color:#222222;
	font-family: Arial, Helvetica, sans-serif;
}
a ,a:hover{
	transition: 250ms all ease-in-out;
}
.clear{
	clear:both;
}
.margin-right{
	margin-top:50px;
}
.full-width{
	width:100%;
	float:left
}
.padding-right-0{
	padding-right:0px;
}
.bg-header-mobile{
	display:none;
}
/***** header line ********************/
.header-line {
    background-color: #007db8;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    white-space: nowrap;
	border-bottom: 1px solid #0087c7;
    /*border-bottom: 4px solid #b52024;*/
    overflow: hidden;
	text-align:left;
	box-sizing:content-box;
	color:#FFF;
	z-index:999;
	position:relative;
}
.top-menu-item {
    margin-right: 0%;
	float:right;
	font-size:13px;
	font-weight:normal;
}
.top-menu-item img {
    height: 20px;
    /*width: 16px;*/
    margin: auto;
    margin-right: 3px;
    margin-left: 10px;
	margin-top:7px;
    text-align: left;
    float: left;
}
.top-menu-item.hot-line {
    float: left;
    margin-right: 0px;
	font-size:13px;
	
}
.font-size-icon-hotline{
	font-size:9px;
}

/***** header **********/
.address-mobile{
	display:none;
}
.header{
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
	background:#007db8;
	height:80px;
	line-height:80px;
}
.bg-line {
    position: relative;
    z-index: 0;
    content: "";
    width: 80%;
    height: 5px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 18px #000;
    -webkit-box-shadow: 0 0 18px rgba(0,0,0,0.5);
    -ms-box-shadow: 0 0 18px #000;
    box-shadow: 0 0 18px #000;
    /* box-shadow: 0 0 18px rgba(0,0,0,0.5); */
    margin: -10px auto 0;
}
.logo{
	max-height:64px;
	width:auto;
}
.input-group .form-control{
	float:none !important;
}
.banner{
	/*margin-top:10px ;*/
	padding:0px;
	margin-bottom:20px;
}
.box-banner{
	padding:0px;
	margin-top:20px;
}
.header-margin-top{
	margin-top:20px;
}
.btn-search{
	border-radius: 0 28px 28px 0px !important;
	height:40px;
}
.txt-search{
	border-radius: 28px 0px 0px 28px !important;
	padding-left: 28px !important;
	height:40px;
}
.btn-submit {
    background:#000000;
    border: 1px #e90000 solid;
}
.btn-submit:hover{
	background:#F00;
	border: 1px #F00 solid;
}
.txtSearch{
	background: rgba(255, 255, 255, 1);
	border: 1px solid #fff;
	border-radius:0;
	/*color:#FFF !important;*/
	webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.txtSearch:focus, .txtSearch:hover{
	background: rgba(255, 255, 255, 1);
	border: 1px solid #fff;
	border-radius:0;
	color:#333 !important;
	webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.txtSearch::-moz-placeholder{
	color:#333 ;
}
.txtSearch:-ms-input-placeholder{
	color:#333;
}
.txtSearch::-webkit-input-placeholder{
	color:#333
}
.btn-button{
	border: 1px solid #fff;
	border-radius:0;
	background:#007db8;
	
	webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.btn-button:focus,.btn-button:hover{
	border: 1px solid #fc0201;
	border-radius:0;
	background: rgba(252, 2, 1, 1);
	webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.hotline-pc{
	font-size:23px;
	font-family: "UTM HelvetIns";
    color: #ED1C24;
}
.box-hotline {
	text-align:center;
}
.box-hotline .hotline {
	/*float:left;*/
	display:inline-grid;
	width:auto;
	background:url(../images/icon-phone.png) left center no-repeat;
	padding-left:43px;
	line-height:normal !important;
	/*width:60%;*/
}
.hotline h3 {
    margin: 0;
    font-weight: bold;
    font-size: 26px;
    text-decoration: none;
    color: #fff;
    float: left;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
    text-align: left;
    /* text-shadow: 0px 3px 3px #ffba00; */
    /*text-shadow: 2px 2px 2px #fff;*/
}
.hotline small {
    display: block;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    padding-top: 5px;
    text-transform: uppercase;
	text-align:left;
}
a.icon-cart{
	width:67px;
	height:50px;
	background:url(../images/icon-cart.png);
	color:#000;
	display:inline-block;
	line-height:normal;
	padding:10px 0px 0px 20px;
	text-decoration:none;
	cursor:pointer;
}
a.icon-cart:hover{
	color:#000;
	text-decoration:none;
}
a.icon-cart-mobile{
	position:absolute;
	right:50px;
	width:57px;
	height:40px;
	background:url(../images/icon-cart.png);
	background-size:100% 100%;
	color:#FFF;
	display:inline-block;
	line-height:normal;
	padding:8px 0px 0px 8px;
	text-decoration:none;
	cursor:pointer;
	font-size:12px;
}
a.icon-cart-mobile:hover{
	color:#000;
	text-decoration:none;
}
/****** Bat dau menu  *****************/
.bg-menu{
	background:url(../images/bg-menu.png) repeat-x;
	background-size:auto 100%;
    border-top: solid 3px #000000; 
    height: 47px;
	line-height:50px;
	margin-bottom:2px;
}
.menu{
	box-sizing:border-box;
	font-family: 'Roboto Condensed', sans-serif;
	border-radius:0 3px 0 0;
	padding-left:0px;
}

.li-root:after{
	content: '';
    display: block;
    width: 14px;
    height: 17px;
    background: url(../images/icon-root.png) center bottom no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: 0px;
    left: 94px;
}
.menu2{
	background:#0d5257;
	border-radius:0 0 3px 0;
}
.menu ul{
	width:100%;
	margin:0 auto !important;
	padding:0px;
	height:auto;
	float:left;
    font-size: 13px;
	list-style:none;
	white-space: nowrap;
	text-align:left;
	line-height:normal;
}
.font-size-icon{
	font-size:16px;
	top:0 !important
}
.menu .font-icon{
	font-size:11px;
	top:0 !important
}
.menu .font-icon-sub{
	font-size:12px;
}
.menu ul li{
	width:100%;
	color:#333333;
	text-decoration:none;
	list-style:none;
	/*display:inline-block;*/
	float:left;
	position: relative;
	transition: all 0.3s ease 0s;
	text-transform:uppercase;
}
.menu ul li:last-child {
    border: none;
	background:none;
	padding-left:45px;
}
.menu ul .active{
	color:#FF0000;
	text-decoration:none;
	list-style:none;
	display:inline-block;
}
.menu ul .active a{
	color:#FF0000;
}
.menu-fixed ul li a{
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.menu ul li a{
	color:#000;
	font-weight:700;
	font-size:20px;
	float:left;
	text-decoration:none;
	transition: all 0.3s ease 0s;
	height:100%;
	padding-top:10px;
	padding-bottom:10px;
	vertical-align:super !important;
}
.menu ul li:hover{
	/*background:#e1261c;*//*background:#0686c2;*/
}
.menu ul li:hover a{
	color:#FF0000
}
.menu ul li a:hover{
	color:#FF0000;
	
}
.menu ul li ul{
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	background:#007db8;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	cursor:pointer;
	font-weight:bold;
	display:none;
	position: absolute;
	top:42px;
	left:0px;
	z-index:999;
	transition: all 0.3s ease 0s;
	border: 1px solid #E6E6E6;
	border-top:2px solid #E6E6E6;
}
.icon-menu{
    float: left;
    background: #000;
    display: block;
    width: 40px;
    height: 100%;
    text-align: center;
    border-right: solid 1px#fff;
    margin-right: 8px;
}
.icon-menu img{
	width: 32px;
    height: 32px;
    border-radius: 50%;
    float: left;
    margin: 2px 0px 0px 4px;
}
.menu ul li ul li{
	position:static;
	width:100%;
	border-bottom: solid 1px #0087c7;
    height: 37px;
	line-height:37px;
	margin:0px !important;
	padding:0px !important;
	float:left;
	background:none;
}
.menu ul li ul li:hover{
	background:#f00404;
}
.menu ul li ul li a, .menu ul .active ul li a{
	height:37px;
	line-height:37px;
	color: #FFF !important;
	text-decoration: none;
	font-weight:700;
	text-transform:none;
	background:none;
	padding:0px;
	font-size:14px;
	text-transform:uppercase;
}
.menu ul li ul li a:hover, .menu ul .active ul li a:hover{
	height:auto;
	display:inline-block;
	color:#FFFFFF !important;
	margin:0px !important;
	float:left;
}
.menu ul li ul li a p{
	width:auto;
	margin:0px;
	padding:7px 0px 7px 0px !important;
	float:left;
	cursor:pointer;
	font-size:13px;
}
.menu ul li ul li a i{
	padding-left:10px;
	padding-right:5px;

}
.menu ul li ul li ul{
	width:880px;
	height:440px;
	margin:0px;
	padding:0px;
	float:left;
	cursor:pointer;
	font-weight:bold;
	background:#FFF !important;
	display:none;
	position: absolute;
	top:0;
	left:280px;
	z-index:999;
	transition: all 0.3s ease 0s;
	border:1px #000066 solid;
	border-left:none;
	box-sizing:border-box;
}
.menu ul li ul li ul li{
	background:#FFF !important;
}
.menu ul li ul li ul li a{
	color:#990  !important;
}
/*
.menu ul li ul li:nth-child(1) ul{ 
	top: -3px !important;
}

.menu ul li ul li:nth-child(2) ul{ 
	top: -38px !important;
}
.menu ul li ul li:nth-child(3) ul{ 
	top: -63px !important;
}
.menu ul li ul li:nth-child(4) ul{ 
	top: -88px !important;
}
.menu ul li ul li:nth-child(5) ul{ 
	top: -113px !important;
}
.menu ul li ul li:nth-child(6) ul{ 
	top: -138px !important;
}
*/
.menu ul li ul li ul li{
	top:0px;
	position:relative;
	width:100%;
	height:100%;
	float:left;
	cursor:auto;
	background-repeat:no-repeat !important;
	background-position:bottom right !important;
}
.li-div{
	width:25%;
	float:left;
}
.li-div-category{
	width:100%;
}
.li-div .li-div-category a{
	font-size:13px;
	width:100%;
	height:33px;
	line-height:33px;
	text-transform:capitalize !important;
	font-weight:700 !important;
	color:#F00 !important;
	float:left;
}
.li-div .li-div-category a:hover{
	color:#F00 !important;
	text-decoration:underline;
}
.li-div .li-div-item a{
	font-size:13px;
	width:100%;
	font-weight:normal !important;
	text-transform:none !important;
	color:#333 !important;
	padding:0px 0px 0px 20px !important;
	height:20px;
	line-height:20px;
}
.li-div .li-div-item a:hover{
	color:#F00 !important;
	text-decoration:underline;
}
.menu ul li:hover ul ul, 
.menu ul li:hover ul ul ul,
.menu ul li:hover ul ul ul ul {
    display: none;
}

.menu ul li:hover ul,
.menu ul li li:hover ul,
.menu ul li li li:hover ul,
.menu ul li li li li:hover ul {
    display: block;
}

.chinhsach a{
	color:#333;
	/*margin-right:30px;*/
	width:30%;
	float:left;
}
/****** ket thuc menu ***************/
/* Underline From Center */
.hvr-underline-from-center {
  /*display: inline-block;
  vertical-align: middle;*/
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  /*overflow: hidden;*/
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0px;
  background: #3da7de;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, 
.hvr-underline-from-center:focus:before, 
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/*** menu left ************/
.left .menu-left-title{
	width:100%;
	height:auto;
	background: url(../images/bg-left-menu-title.png) #fff left center repeat-x;
	background-position: 10px;
	color:#3a8230;
	padding:7px 10px 7px 10px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	border-radius:3px 0px 0 0;
	/*border-top:2px  #42b032 solid;
	border-left:2px #42b032 solid;*/
}
.left .menu-left-title:first-child{
	
	border-top:2px  #42b032 solid;
	/*border-left:2px #42b032 solid;*/
}
#body .wrap .content .left .left-menu{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px 0px;
	text-align:center;
	background:#FFFFFF;
	font-weight:400;
	font-size:18px;
	transition: all 0.3s ease 0s;
	float:left;
}
.left .left-menu ul{
	width:100%;
	height:auto;
	margin:0px 0px;
	padding:0px;
	float:left;
	list-style-type:none;
}

.left .left-menu ul li{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	background: none;
	position: relative;
	
}
.left .left-menu ul li a{
	height:auto;
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	background:#3a8230;
	transition: all 0.3s ease 0s;
	border-bottom:1px #81b07b solid;
}
.left .left-menu ul li a p{
	margin:0px;
	padding:6px 0px 6px 12px;
	float:left;
	cursor:pointer;
}
.left .left-menu ul li a:hover{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	text-decoration:underline;
	background: url(../images/icon-right.png) left center no-repeat #42b032;
}
.left .left-menu ul li ul{
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 250px; /*Sub Menu Items width */
	float:left;
	top:0px;
	left:250px;
	display:none;
	position: absolute;
	z-index:9999;
	background:#FFFFFF;
	border: 1px solid #E6E6E6;
}
.left .left-menu ul li ul li{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	text-align:left;
}
.left .left-menu ul li ul li a{
	margin:0px;
	padding:0px;
	color:#333;
	text-decoration:none;
	float:left;
	position:relative;
	height:auto;
	background: url(../images/icon-right.png) left center no-repeat #FFFFFF;
	transition: all 0.3s ease 0s;
	border-bottom:1px #E6E6E6 solid;
}
.left .left-menu ul li ul li a p{
	margin:0px;
	padding:7px 0px 7px 12px;
}
.left .left-menu ul li ul li a:hover{
	margin:0px;
	padding:0px;
	color:#FF0000;
	text-decoration:none;
	float:left;
	height:auto;
	background: url(../images/icon-right.png) left center no-repeat #fff;
}
.left .left-menu ul li:hover ul ul, 
.left .left-menu ul li:hover ul ul ul,
.left .left-menu ul li:hover ul ul ul ul {
    display: block;
}

.left .left-menu ul li:hover ul,
.left .left-menu ul li li:hover ul,
.left .left-menu ul li li li:hover ul,
.left .left-menu ul li li li li:hover ul {
    display: block;
}
/*** ket thuc menu left ********************/

/***** category *********/
.box-title{
	height:37px;
	line-height:35px;
	color: #1c1c1c;
    padding: 0px;
    background: #F5F5F5;
    border-bottom: 2px solid #000000;
	margin-top:20px;
	float:left;
}
.box-title-div{
	background: url(../images/bg_title_pro.png) center right no-repeat;
	width:auto;
	margin:0px;
	font-size:17px;
	font-weight:400;
	font-family: 'Roboto Condensed', sans-serif;
	height:35px;
	line-height:35px;
	padding:0px 50px 0px 30px;
	float:left;
	color:#fff;
}
.box-title-div a{
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}
.box-title-div a:hover{
	color:#000;
}
.box-title .box-title-sapxep{
	padding:0px;
	float:right;
}
.box-title .box-title-sapxep form{
	margin-bottom:0px;
}
.block_category_child{
	margin-left:20px;
	display:inline-block;
}
.block_category_child a:first-child {
    background: none;
}
.block_category_child a {
	text-transform:capitalize;
    color: #666;
    font: 400 13px arial;
    padding: 10px 8px 6px;
    background: url(../images/bg_drash_1x10.gif) no-repeat left 12px;
    float: left;
    white-space: nowrap;
}
.box-title .box-title-xemthem{
	padding:0px 10px;
	float:right;
}
.box-title .box-title-xemthem a{
	cursor: pointer;
    color: #3b3b3b;
}

/***** ket thuc category *********/
/** san pham ********************/
.padding-wrap-box{
	position:relative;
	padding:5px 0px;
	overflow:hidden;
	/*margin-left:-1px;
	margin-top:-1px;*/
	border:1px #F3F3F3 solid;
}
/*
.padding-wrap-box:hover .icon-view {
  opacity: 1;
  -webkit-animation: bounceIn .8s;
  animation: bounceIn .8s;
  transition: all 0.2s ease-in-out;
}
.new-box {
    position: absolute;
    top: 3px;
    left: 5px;
	width:71px;
	height:39px;
    background:url(../images/new2.png) no-repeat;
    color: #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
	z-index:2
}
.icon-view {
  position: absolute;
  top: 25%;
  left: 50%;
  margin-left: -25px;
  opacity: 0;
  -webkit-animation: fadeOut .4s;
  animation: fadeOut .4s;
  z-index:999;
}
.icon-view {
  width: 50px;
  height: 50px;
  padding: 5px;
  border: solid 1px rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: inline-block;
}
.icon-view strong {
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}
.size-view{
	font-size:18px;
	padding-top:10px;
	display:inline-block;
}*/
.img-responsive{
	width:100%;
	text-align:center;
	padding-top:5px;
	height:220px;
	max-height:220px;
	z-index:1;
	/*max-height:250px;*/
	position:relative;
}
.img-responsive img{
	width:100%;
	max-width:200px;
	height:auto;
	max-height:200px;
	z-index:1;
}
.product-info{
	margin-top:15px;
	font-size:12px;
	color:#828181;
	line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	width:100%;
	display: -webkit-box;
	height:100%;
	float:left;
	z-index:2;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	background:#FFF;
	text-align:center;
}
.product-price{
	font-size: 16px;
    color: #d21212;
    line-height: 20px;
    font-weight: bold;
    display: block;
	/*position:absolute;
	bottom:90px;*/
	z-index:10;	
}
.price-number-small-dola, .price-number-small-0, .price-number-small-1, .price-number-small-2, .price-number-small-3, .price-number-small-4, .price-number-small-5, .price-number-small-6, .price-number-small-7, .price-number-small-8, .price-number-small-9, .price-number-small-dot, .price-number-small-dash, .price-campuchia, .price-campuchia-kyhieu {
    float: left;
    height: 35px;
    width: 19px;
	background-size:auto 35px;
	margin-left:-2px;
}
.price-number-small-dola{
    background: url(../images/number/dola.png) no-repeat scroll center transparent;
}
.price-number-small-0{
    background: url(../images/number/0.png) no-repeat scroll center transparent;
	width:22px;
}
.price-number-small-1{
    background: url(../images/number/1.png) no-repeat scroll center transparent;
}
.price-number-small-2{
    background: url(../images/number/2.png) no-repeat scroll center transparent;
}
.price-number-small-3{
    background: url(../images/number/3.png) no-repeat scroll center transparent;
}
.price-number-small-4{
    background: url(../images/number/4.png) no-repeat scroll center transparent;
}
.price-number-small-5{
    background: url(../images/number/5.png) no-repeat scroll center transparent;
}
.price-number-small-6{
    background: url(../images/number/6.png) no-repeat scroll center transparent;
}
.price-number-small-7{
    background: url(../images/number/7.png) no-repeat scroll center transparent;
}
.price-number-small-8{
    background: url(../images/number/8.png) no-repeat scroll center transparent;
}
.price-number-small-9{
    background: url(../images/number/9.png) no-repeat scroll center transparent;
}
.price-number-small-dot{
	width:9px;
    background: url(../images/number/dot.png) no-repeat scroll center transparent;
}
.price-campuchia{
	display:none;
	width:auto;
	height:30px;
	color:#fff;
	margin-left:7px;
	padding:3px 5px 3px 5px;
	margin-top:12px;
	background:#f02216;
	float:right;
	line-height:20px;
}
.price-campuchia-kyhieu{
	width:auto;
	color:#666;
	height:30px;
	color:#666;
	margin-left:0px;
	padding:3px 0px 3px 3px;
	margin-top:12px;
	font-size:25px;
	background:#fff;
}
.product-price-old{
	line-height: 20px;
    overflow: hidden;
    height: 20px;
}
.product-price-old span{
	text-decoration: line-through;
    display: block;
    color: #777;
    float: left;
}
.product-price-off{
    background: #C70404;
    color: white;
    padding-left:10px;
	padding-right:10px;
    line-height: 19px;
    float: left;
    text-align: center;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
}
a.product-view{
	background:#088ec0;
	width:100%;
	max-width:80px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	color:#FFF;
	text-align:center;
	float:right;
	margin-right:5px;
	transition: all 0.3s ease 0s;
}
a.product-view:hover{
	color:#FFF;
	background:#F00;
	transition: all 0.3s ease 0s;
}
.product-name{
	margin:0px;
	/*padding:0px;*/
	text-align:center;
    font-size: 14px;
    color: #333333;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
	line-height: 18px;
    height: 34px;
    overflow: hidden;
}
.product-name a{
	color:#000
}
.product-name a:hover{
	color:#F00;
	text-decoration:none;
}
.product-status{
	padding-top:5px;
	padding-bottom:5px;
}
.product-status-stock{
	padding:0px;
	color:#39F;
	font-style:italic;
	font-size:12px;
}
.product-status-cart{
	padding:0px;
	font-style:italic;
	font-size:13px;
	text-align:right;
}
.product-status-cart a{
	color:#666666;
	text-decoration:none;
}
.product-status-cart a:hover{
	color:#FF2020;
}

.view-detail{
	color:#a1a194;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
	font-weight:normal;
	background: #d02c2c;
	border-radius: 0px;
	/*float:left;*/
	display:inline-block;
	margin-top:10px;
	min-width:100px;
}
.view-detail:hover{
	color:#dc514e;
	webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
	background:#117ab8;
}
.view-detail span{
	padding-top:7px;
	padding-bottom:7px;
	float:left;
	color:#FFF;
	width:100%;
	text-align:center;
	font-size:12px;
}

.btn-default.btn3 {
	box-shadow: none;
	text-decoration: none !important;
	position: relative;
	display: inline-block;
	padding: 0 0 0 10px;
	font-size:13px;
	height:30px;
	line-height:30px;
	margin: 0;
	text-shadow: none;
	border-radius: 0px;
	color: #ffffff;
	/*text-transform: uppercase;*/
	background: #42b032;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-default.btn3 strong {
	width: 38px;
	display: inline-block;
	background: #31353d ;
	height: 30px;
	float: right;
	border-radius: 0px;
	margin-left: 10px;
}
.btn-default.btn3:hover {
	color: #FFFFFF;
	background: #31353d;
	text-decoration: none !important;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.padding-0{
	padding:0px;
}
.category{
	margin-left:-15px;
	margin-right:-15px;
}
.category a {
    display: block;
    position: relative;
    margin-bottom: 30px;
	padding-bottom:12px;
    color: #000;
    text-align: center;
    font-size: 15px;
    overflow: hidden;
	width:100%;
	background:#efefef;
	/*border-top:1px #fff solid;*/
	box-shadow:0px 2px 2px #CCC;
}
.category a:hover{
	-webkit-transition: all,0.5s,ease-in-out;
    -o-transition: all,0.5s,ease-in-out;
    transition: all,0.5s,ease-in-out;
	/*background:#f7f6f6;*/
	text-decoration:none;
}
.category a img {
    width: 100%;
	-webkit-transition: all,0.5s,ease-in-out;
    -o-transition: all,0.5s,ease-in-out;
    transition: all,0.5s,ease-in-out;
}
.category a:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.category a .wrap-name {
    /*position: absolute;
    left: 0;
    top: 0;
    width: 50%;
	height: 100%;
	*/
	width:100%;
    height:auto;
    padding-top: 15px ;
	float:left;
	
}
.category a .wrap-name2 {
    position: absolute !important;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    padding: 0 10px 0;
}
.category a .wrap-name i, .category a .wrap-name2 i {
    font-size: 47px;
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.category a .wrap-name .date {
	margin-top:0px;
    margin-bottom: 0;
    color: #fff;
    font-size:13px;
	float:left;
	
}
.category a .wrap-name h3, .category a .wrap-name2 h3 {
	margin-top:0px;
    margin-bottom: 0;
	padding:0 10px 0 10px;
	/*padding-left: 3%;
	padding-right:3%;*/
	color:#ff6900;
    font-size: 17px;
    font-weight: 600;
	text-align:left;
	text-decoration:none;
	display: -webkit-box;
	width:100%;
	line-height: 1.4;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	float:left;
	
}
.category a:hover h3{
	/*-webkit-animation: 700ms linear  0s normal none 1 moveFromTop;
  -moz-animation: 700ms linear  0s normal none 1 moveFromTop;
  -ms-animation: 700ms linear  0s normal none 1 moveFromTop;
  -o-animation: 700ms linear  0s normal none 1 moveFromTop;
  animation: 700ms linear  0s normal none 1 moveFromTop;*/
 
}
.wrap-name p{
	text-align:left;
    display: -webkit-box;
    max-width: 100%;
	padding-top:10px;
    /*padding-left: 3%;
	padding-right:3%;*/
    margin: 0 auto;
	padding:10px;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	float:left;
	font-size:14px;
	text-transform:lowercase;
	max-height:74px;
}
.wrap-name p:first-letter{
	text-transform:uppercase !important;
}
/********* crousel bat dau toi tac ****************/

.btn_ads.prev {
    left: 7px;
	background-position: -130px -48px;
}
.btn_ads {
    position: absolute;
    width: 37px;
    height: 37px;
    background-position: -129px -48px;
    top: 10px;
	z-index:999;
}
.btn_ads.next {
    right: 5px;
    background-position: -170px -48px;
}
.bg {
    background: url(../images/sprite.png) no-repeat;
    display: inline-block;
}
.hot-ads{
	/*position:absolute;
	bottom:0px;
	left:0px;*/
	margin-top:30px;
	z-index:999;
	max-height:80px;
	height:80px;
	overflow:hidden;
	width:100%;
	background:url(../images/bg-ads.png) repeat;
}

.hot-ads .content-partner{
	width:100%;
	height:auto;
	margin:0px 0 0 0;
	padding:0px 50px;
	float:left;
	overflow:hidden;
	overflow: hidden;
    position: relative;
}
.content-partner ul{
	width:3000px;
	overflow: hidden;
	height:100%;
	margin:0px;
	padding:0px;
}
.content-partner ul li{
	width:auto;
	height:auto;
	margin:2px 0 2px 8px;
	padding:0px;
	display:inline;
	box-sizing: border-box;
	border:1px #e2e1e1 solid;
	/*border-radius:0 0 2px 2px;*/
	float:left;
}
.content-partner ul li img{
	margin:2px;
	padding:0px;
	background:#FFF;
	max-height:50px;
	width:auto;
}

/******* footer *******/
.footer{
	/*border-top:1px #fff solid;*/
	/*box-shadow:0px 1px 18px #999;*/
	/*background:#f2f2f2;*/
	/*background: rgba(254,254,254,0.5) !important;*/
	margin-top:40px;
	background: #f2f2f2;
    border-top: 1px solid #e2e2e2;
	font-size:11px;
	padding-top:35px;
	padding-bottom:35px;
	/*margin-top:30px;*/
	/*background: url(../images/bg-footer.png);*/
	/*background-size: auto 100%;*/
}
.footer .wrap-menu{
	display:block;
}
.wrap-menu .wrap-menu-name{

	display:block;
	padding-bottom:10px;
	text-transform: uppercase;
    font-size: 14px;
    color: #333;
	font-weight:bold;
	/*font-family:"Roboto Condensed", "Roboto Condensed Light", sans-serif*/
}
.wrap-menu .wrap-menu-name2{
	color:#333;
	display:block;
	text-transform:none;
	padding-top:5px;
	padding-bottom:0px;
	font-size: 14px;
	font-family:sans-serif;
	font-weight:bold;
}
.wrap-menu .span{
	display:block;
	color:#777777;
	text-decoration:none;
	webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	padding-top:6px;
	padding-bottom:6px;
	/*font-family:"Roboto Condensed", "Roboto Condensed Light", sans-serif;*/
	font-size:13px;
	padding-left: 3%;
    padding-right: 3%;
    text-align: left;
    width: 100%;
	line-height:24px;
}
.wrap-menu a, .wrap-menu .p{
	display:block;
	color:#666;
	text-decoration:none;
	webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	padding-top:3px;
	padding-bottom:3px;
	/*font-family:"Roboto Condensed", "Roboto Condensed Light", sans-serif;*/
	font-size:13px;
	padding-left: 0;
    padding-right: 3%;
    text-align: left;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
	font-weight:normal;
}
.wrap-menu a:hover{
	text-decoration:underline;
}
.wrap-menu .phone{
	display:block;
	color:#FF0000;
	text-decoration:none;
	webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	padding-top:3px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.wrap-menu .address{
	display:block;
	color:#777777;
	text-decoration:none;
	webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	padding-top:3px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	text-transform:none;
}
.wrap-menu .plugin{
	display:inline-block;
	text-decoration:none;
	webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:24px;
	text-transform:none;
}
.wrap-menu .plugin:hover{
	transform: rotate(360deg);
}
.wrap-menu .plugin .bgfa{
	color:#3d5a98
}
.wrap-menu .plugin .bggg{
	color:#fc0404
}
.wrap-menu .plugin .bgyo{
	color:#0CF
}
.wrap-menu .plugin .twis{
	color:#0CF
}
.border-footer{
	border-top: 1px solid #e2e2e2;
	/*padding-top:20px;*/
	margin-top:20px;
}
.footer-two p{
	margin:0px;
	padding:3px 0px 3px 0px;
	font-size:13px;
	color:#666
}
.menu-title-footer{
	font-weight:bold;
	font-size:13px;
	color:#333;
	margin-top:20px;
	margin-bottom:15px;
}
.copy{
	/*box-shadow:0px 1px 18px #999;*/
	background:#7f7f7f;
	font-size:11px;
	padding:8px 0px 8px 0;
	color:#FFFFFF;
	/*background: url(../images/bg-line-1.png) repeat-x;
    background-size: auto auto;*/
}
.copy span{
	width:100%;
	float:left;
	padding-top:2px;

}
/******** back to top *********/
#elevator_item {
width: 40px;
height: 40px;
position: fixed;
right: 15px;
bottom: 120px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator, #elevator_bottom, #elevator_center {
display: block;
width: 40px;
height: 35px;
background: url(../images/icon_top.png) center center no-repeat;
background-color: #444;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 4px
}
/********* bat dau chat **********/
.button-chat {
	width: 70px;
	height: 70px;
	position: fixed;
	right: 0px;
	bottom: 80px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 100020;
	display: block;
	float:right;
	background:url(../images/chat-2-icon.png) no-repeat;
	cursor:pointer;
}
.form-chat {
	width: 300px;
	height: auto;
	position: fixed;
	right: -300px;
	bottom: 0px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 1000021;
	/*display: none;*/
	float:right;
	background:#FFF;
	transition: all 0.3s ease 0s;
	border-radius:0px 0px 0 0px;
    border: 1px solid #ebeef2;
	box-sizing:border-box;
	font-size:13px;
}
.form-chat .title-form-chat{
	width:100%;
	height:auto;
	float:left;
	padding:5px 0px;
	margin:0px;
	background:#007cc3;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	
}
.form-chat .mes-chat{
	width: 97%;
	height: auto;
	min-height:200px;
	overflow: auto;
	float:left;
	color:#000;
	margin-left:3%;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:15px;
}
.alert-fix {
    padding:0px  15px;
    margin-bottom: 0px;
	margin-top:15px;
    border: 1px solid transparent;
    border-radius: 4px;
	text-align:right
}
.btn-submit{
    background: #e90000;
    border: 1px #e90000 solid;
	color:#FFF;
}
.btn-submit:hover{
	border: 1px #088ec0 solid;
	background: #088ec0;
	color:#FFF
}
/*************/
.avia-button{
	display:block;
	float:left;
}
.avia-button.avia-size-medium {
    padding: 12px 16px 10px;
    font-size: 13px;
    min-width: 90px;
}
.avia-button .avia-icon{
	width: 0px; 
	overflow: hidden; 
	display: inline-block; 
	height: 1em;  
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition:all 0.2s ease-in-out; 
	transition:all 0.2s ease-in-out; 
	opacity: 0;
}
.avia-button:hover .avia-icon{
	width: 20px; 
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition:all 0.2s ease-in-out; 
	transition:all 0.2s ease-in-out; 
}
.avia-button.avia-position-left {
    float: left;
    display: block;
}
.avia-button.avia-color-silver, .avia-button.avia-color-silver:hover {
    background-color: #DADADA;
    border-color: #B4B4B4;
    color: #555;
}
.avia-button {
    border-radius: 3px;
    padding: 10px;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 3px 0;
    line-height: 1.2em;
    position: relative;
    font-weight: normal;
    text-align: left;
    max-width: 100%;
	text-transform:none;
}
.avia-button:hover{
	text-decoration:none;
}
/*********/
/****** chi tiet san pham ********************/
.detail{
	color:#000000;
	font-weight:normal;
	line-height:30px;
}

.view-detail{
	color:#a1a194;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
	font-weight:normal;
	background: #353d41;
	border-radius: 4px;
	float:left;
	margin-top:10px;
	width:60%;
}
.view-detail:hover{
	color:#dc514e;
	webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
	background:#09F;
}
.view-detail span{
	padding-top:7px;
	padding-bottom:7px;
	float:left;
	color:#FFF;
	width:100%;
	text-align:center;
	font-size:12px;
}
.detail table{
	border:1px #f3f3f3 solid;
	/*padding:5px;*/
}
.detail td{
	border:1px #f3f3f3 solid;
	padding:5px;
}
.detail td p, .detail td span{
	padding:5px;
	margin:0px;
}
.add-cart:hover, .info_ms .add-cart:hover{
	transition: all 0.3s ease 0s;
	background: #09F;
}
.add-cart, .info_ms .add-cart {
    width: 25%;
    height: auto;
    margin: 10px 0 0 0%;
    padding: 4px 0px 4px 0px;
    /* background: url(../images/icon-info.png) left center no-repeat; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
   /* position: absolute;
    top: 136px;
    left: 12px;*/
	float:right;
    background: #ff6346;
    border-radius: 4px;
	color:#FFF;
	cursor:pointer;
}
.detail_info .info_name{
	width:100%;
	font-size: 20px;
	font-weight:normal;
    text-transform: capitalize;
    color: #141616;
}
.detail_info .info_ms{
	width:100%;
	margin-right: 5px;
    margin-left: 0;
	padding-top:5px;
	margin-top:10px;
    color: #3E474B;
    font-weight: bold;
	font-size:14px;
	float:left
}
.detail_info .product-price{
	color:#d0021b;
	font-size:24px;
}
.detail_info .product-price-old{
	padding-left:8px;
	font-size:16px;
	text-decoration:line-through;
	color:#666;
	font-weight:500
}
.item-detail{
	padding:10px 0px;
	border-bottom: 1px solid #f3f3f3;
	margin:0px !important;
    color: #3E474B;
    font-weight: bold;
	font-size:14px;
}
.item-detail font{
	font-weight:normal;
}
.item-detail ul{
	font-weight:400;
}
.item-detail ul li{
	padding:4px 0px;
}
.item-detail div.khuyen_mai {
    color: #666;
    border: 1px solid red;
    margin-left: 0px;
    margin-top: 20px;
    padding: 10px;
    position: relative;
	font-weight:400;
}
.item-detail div.khuyen_mai img {
    height: 40px;
    margin-bottom: 10px;
    position: absolute;
    left: -2px;
    top: -20px;
}
.support-online{
	border: 1px solid #f3f3f3;
	font-size:13px;
	color:#5a5a5a
}
.item-support-title{
	font-weight:600;
	padding-top:15px;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:3px #0E76BC solid;
	text-transform:uppercase;
}
.item-support{
	font-weight:600;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom: 1px solid #f3f3f3;
}
.item-support:last-child{
	border-bottom:none;
}
.item-support-name{
	font-weight:600;
	color:#0E76BC;
}
.item-support-name font{
	font-weight:normal;
	color:#999
}
.item-support-icon{
	margin-top:9px;
	margin-bottom:4px;
}
.item-support-icon a{
	margin-right:10px;
}
.item-support-icon a img{
	width:25px;
	height:25px;
}
.item-support-tel{
	font-weight:600;
	color:inherit;
	margin-top:5px;
}
.item-support-tel font{
	font-weight:normal;
	color:#666;
	font-style:italic;
}
.addphukien{
	cursor:pointer;
    width: auto;
    float: left;
    text-align: center;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    background: #288ad6;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#288ad6),to(#288ad6));
    background: -webkit-linear-gradient(top,#288ad6,#288ad6);
    background: -moz-linear-gradient(top,#288ad6,#288ad6);
    background: -ms-linear-gradient(top,#288ad6,#288ad6);
    background: -o-linear-gradient(top,#288ad6,#288ad6);
    /*text-shadow: -1px 1px 1px rgba(0,0,0,.3);*/
    padding: 10px;
    border-radius: 6px;
}
.item-addcart{
	padding:15px 4px;
}
.addcart{
	cursor:pointer;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    background: #fd6e1d;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
    background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
    background: -moz-linear-gradient(top,#f59000,#fd6e1d);
    background: -ms-linear-gradient(top,#f59000,#fd6e1d);
    background: -o-linear-gradient(top,#f59000,#fd6e1d);
    /*text-shadow: -1px 1px 1px rgba(0,0,0,.3);*/
    padding: 10px 0px 7px;
    border-radius: 6px;
}
.addcart span{
	display:block;
}
.addcart span.addcart-intro{
	text-shadow:none;
	font-weight:normal;
	font-size:11px;
	padding-top:4px;
}
item-thongso-title{
	font-weight: 600;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 3px #0E76BC solid;
	text-transform:uppercase;
	margin-bottom:15px;
}
.cauhinh{
	padding:15px 0px;
}
.block-cauhinh-padding, .block-cauhinh-padding:hover{
	padding:2px;
	color:#333;
	text-decoration:none;
}
.block-cauhinh:hover, .block-cauhinh-active{
	background:#F5D1C9 !important;
}
.block-cauhinh{
	font-weight:normal;
	font-size:14px;
	border:1px #CCCCCC solid;
	border-radius:10px;
	padding:5px;
	background:#f3f3f3;
	cursor:pointer;
}
.gia-cauhinh{
	color:#d0021b;
	font-weight:bold;
}
/***** form *********/
.form-contact .txt{
	padding: 3px 5px;
	width: 400px;
	border: 1px solid #D8D3D0;
	border-radius: 3px;
	outline: medium none;
	color: #036 !important;
	font-weight: lighter;
	font-size: 13px !important;
	margin-top:5px;
}
/*
input[type="text"]:focus, textarea:focus {
    outline: 0px none;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
    border-color: rgba(82, 168, 236, 0.8);
}*/
input[type="text"], textarea, select {
    box-sizing: border-box;
    /*font: 100% Arial,Tahoma,Helvetica,sans-serif;*/
    border-radius: 3px;
    color: #666 !important;
    margin: 0px 3px 0px 0px;
    padding: 6px 3px 5px;
    max-width: 100%;
}
.form-contact .txtare{
	padding: 3px 5px;
	width: 400px;
	height: 200px;
	border: 1px solid #D8D3D0;
	border-radius: 3px;
	outline: medium none;
	color: #036 !important;
	font-weight: lighter;
}
.form-contact .myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.form-contact .myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.form-contact .myButton:active {
	position:relative;
	top:1px;
}
/********* bat dau chat **********/
.button-chat {
	width: 200px;
	height: 108px;
	position: fixed;
	right: 0px;
	bottom: 0px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 100020;
	display: block;
	float:right;
	background:url(../images/chat-2-icon.png) no-repeat;
	cursor:pointer;
}
.form-chat {
	max-width:100%;
	width: 350px;
	height: auto;
	position: fixed;
	right: -350px;
	bottom: 0px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 1000021;
	/*display: none;*/
	float:right;
	background:#FFF;
	transition: all 0.3s ease 0s;
	border-radius:0px 0px 0 0px;
    border: 1px solid #ebeef2;
	box-sizing:border-box;
	font-size:13px;
}
.form-chat .title-form-chat{
	width:100%;
	height:auto;
	float:left;
	padding:5px 0px;
	margin:0px;
	background:#f66f1d;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	
}
.form-chat .mes-chat{
	width: 97%;
	height: auto;
	min-height:200px;
	overflow: auto;
	float:left;
	color:#000;
	margin-left:3%;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:15px;
}
.form-chat .mes-chat hr{
	margin-top: 8px;
    margin-bottom: 8px;
}
.alert-fix {
    padding:0px  15px;
    margin-bottom: 0px;
	margin-top:15px;
    border: 1px solid transparent;
    border-radius: 4px;
	text-align:right
}
.btn-submit{
    background: #e90000;
    border: 1px #e90000 solid;
	color:#FFF;
}
.btn-submit:hover{
	border: 1px #088ec0 solid;
	background: #088ec0;
	color:#FFF
}
/**** navi *****/
.bg-navi{
	background:#f4f5f7;
	min-height:32px;
	line-height:32px;
	/*margin-bottom:15px;*/
}
#menu-navi{
	width:100%;
	height:32px;
	/*background:url(../images/client/bg-menu-navi.png) repeat-x;*/
	float:left;
	/*border-left:1px #a7a7a7 solid;*/
}
#menu-navi ul{
	width:auto;
	margin:1px 0px;
	padding:0px;
	float:left;
	display:inline;
	padding:0px;
	list-style-type:none;
}
#menu-navi ul li {
	display:inline;
	list-style:none;
	position: relative;
	float:left;
	font-size:12px;
}
#menu-navi ul li a {
	background:url(../images/client/bg-navi.png) no-repeat  0 0px;
	display:block;
	color:#382E1F;
	height:31px;
	line-height:31px;
	padding:0 20px;
	margin-left:-10px;
	text-decoration:none;
	font-size:12px;
	float:left;

}
#menu-navi ul .navilichon {
	background:url(../images/client/bg-navi.png) no-repeat  0 -31px;
	display:block;
	color:#382E1F;
	height:31px;
	line-height:31px;
	padding:0 20px;
	text-decoration:none;
	font-size:12px;
	float:left;

}
#menu-navi ul li a:hover {
	background:url(../images/client/bg-navi.png) no-repeat  0 -31px;
	display:block;
	color:#FF0000;
	height:31px;
	line-height:31px;
	padding:0 20px;
	text-decoration:none;
	font-size:12px;
	float:left;

}
#menu-navi ul .navilichon h1{
	margin:0px;
	padding:0px;
	line-height:inherit;
	font-weight:normal;
	font-size:inherit;
}
#menu-navi ul li a.home {
	background:url(../images/client/bg-navi.png) repeat-x 0 -62px;
	width:45px;
	height:31px;
	line-height:31px;
	padding:0;
	margin-left:0;
	text-indent:-999em;
	float:left;
}
#menu-navi ul li a.home:hover {
	background-position:0 -93px;
}
#menu-navi ul li a.lastmenu:hover {
	background:url(../images/client/bg-navi.png) repeat-x 0 -31px;
	background-position:0 -31;
}
#menu-navi ul li a.lastmenu {
	background:url(../images/client/bg-navi.png) repeat-x 0 -31px;
	background-position:0 -31;
}

#menu-navi ul li ul{
    position: absolute;
    width: 179px;
    top:30px;
    display: none;
	left:0px;
	float:left;
	margin:0px;
	padding:0px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 3px 12px #E5E5E5;
	z-index:999;
}
#menu-navi ul li ul li{
	width: 100%;
	height:auto;
    float: left;
    position: relative;
	border-bottom:1px #e5e5e5 solid;
	margin:0px;
	padding:0px;
}
#menu-navi ul li ul li a {
    float: left;
	background:none;
	width: 100%;
	font-size:12px;
	margin:0px;
	padding:0px;
	color:#003399;
	height:29px;
	display:block;
}
#menu-navi ul li ul a:hover{
    float: left;
	background:#f6f6f6;
	width: 100%;
	margin:0px;
	padding:0px;
	color:#FF9900;
	height:29px;
}
#menu-navi ul li ul a span{
	float:left;
	background:none;
	margin:0px;
	padding:0px 9px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	display:block;
	width:94%;
	padding-left:3%;
}
.menu-home-cate{
	display:none;
	top:119px;
	margin:0px 0px 0px 0px;
	padding:0px;
	left:0px;
	position:absolute;
	float:left;
	background:#FFFFFF;
}

#menu-navi li:hover ul ul, 
#menu-navi li:hover ul ul ul,
#menu-navi li:hover ul ul ul ul {
    display: none;
}

#menu-navi li:hover ul,
#menu-navi li li:hover ul,
#menu-navi li li li:hover ul,
#menu-navi li li li li:hover ul {
    display: block;
}
/******** bat dau gio hang **************/
.title_giohang{
	/*background: url(../images/bg-line-2.png) repeat-x;
    background-size: auto auto;*/
	/*background: url(../images/bg-line-1.png) repeat-x;*/
	background:#f2f2f2;
	padding:5px;
	color:#333;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	font-weight:400;
	border: 1px solid #d5d5d5;
}

.bg_giohang1{
	text-align:center;
	color:#000000;
	padding:5px;
	background:#fff;
	font-size:13px;
	border: 1px solid #d5d5d5;
	
}
.bg_giohang1 a{
	color:#0066FF;
	text-decoration:none;
}
.bg_giohang1 a:hover{
	color:#FF0000;
	text-decoration:none;
}
/**** ket thuc gio hang **********/

/*****************/
.wrap-products{
	padding:0 0px 0 0;
	overflow:hidden;
	/*height:300px;*/
	width:100%;
	float:left;
	border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    margin-left: -1px;
}
.wrap-products a{
	height:auto;
	width:100%;
	float:left;
	text-decoration:none;
}
.products-name{
	color:#212121 !important;
	z-index:9999;
	display:block;
	font-size:16px;
	font-weight: 600;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align:left;
	padding-left:15px;
	margin-top:15px;
	float:none;
}
.products-name-normal{
	font-weight:300 !important;
	font-size:14px;
}
.price {
    width: 100%;
    float: left;
}
/***** ket thuc san pham thong tin  ****************/

 /****** chuc nang tim kiem text box ************/
.ui-widget.ui-widget-content{
	float:left;
	z-index:99999;
	border:1px #cccccc solid;
	border-top:none;
	background:#FFF;
	list-style-type:none;
	padding:0px;
}
.ui-menu li{

}

.ui-menu .ui-menu-item{
}
.ui-menu-item-wrapper:hover{
	background:#ececec !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	/*border: 1px solid #003eff;*/
	background: #ececec !important;
	font-weight: normal;
	color: #ffffff;
}
.item-search{
	width:100%;
	float:left;
	font-size:13px;
	border-bottom:1px #cccccc dotted;
}
/* hien thi mau khi nhan phim up /down*/
.ui-state-active .item-search{
	background:#ececec
}
.item-search:hover{
	background:#ececec
}
.item-search .item-search-img{
	width:40px;
	height:40px;
	padding:5px;
	float:left;
	overflow:hidden;
	max-width:30%;
}
.item-search .item-search-info{
	width:70%;
	height:auto;
	padding:5px;
	overflow:hidden;
	float:left;
}
.item-search .item-search-info .item-search-name{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 94%;
    float:left;
	color:#3b3b3b;
}
.item-search .item-search-info .item-search-price{
	padding-top:8px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 94%;
    float:left;
	color: #d41212;
    font-weight: bold;
}
/****** ket thuc tiem kiem *********/
@media (max-width: 768px) and (min-width: 100px)  {
	.header{
		display:none;
	}
	.bg-header-mobile{
		background:#007db8;
		padding:5px 0px;
		display:block;
	}
	.logo-mobile{
		height:40px;
		width:auto;
		margin-left:55px;
	}
	.banner{
		margin:0px;
	}
	.box-search-mobile{
		color:#fff;
		position:absolute;
		top:10px;
		right:10px;
		cursor:pointer;
		font-size:10px !important;
	}
	.box-search{
		background:#09F;
		padding-bottom:7px;
		display:none;
	}
	 a.callus {
		 display: block !important;
		 position: fixed;
		 z-index: 9999;
		 bottom: 5px;
		 left: 5px;
		 background: #f30404 url(../images/earphone-white.png) no-repeat;
		 background-position: 10px center;
		 background-size: 20px;
		 border-radius: 1000px;
		 padding: 5px 10px 5px 40px;
		 font-weight: 700;
		 font-size: 18px;
		 line-height: 30px;
		 color: #fff;
	 }
	.button-chat {
		max-width:200px;
		width: 40%;
		height: 108px;
		position: fixed;
		right: 0px;
		bottom: 0px;
		-webkit-transition: opacity .4s ease-in-out;
		-moz-transition: opacity .4s ease-in-out;
		-o-transition: opacity .4s ease-in-out;
		opacity: 1;
		z-index: 100020;
		display: block;
		float:right;
		background:url(../images/chat-2-icon.png) no-repeat bottom;
		background-size:100% auto;
		cursor:pointer;
	}
	.category{
		margin-left:0px;
		margin-right:0px;
	}
	
	.menu-mobile{
		padding:0px;
		margin-bottom:1px;
	}
	.alert-fix {
		text-align:center;
	}
	.box-title-div h2, .box-title-div h1 {
		font-size:14px;
	}
	.footer {
		/*background:#0a7dc1;*/
	}
	.padding-right-0{
		padding:0px;
	}
	.header{
		margin-top:5px;
		margin-bottom:5px;
	}
	.wrap-menu .wrap-menu-name{
		margin-top:30px;
	}
	.langmb{
		padding-top:9px;
	}
	/********* bat dau hotline mobile   */
	.call-animation {
		display:block !important;
		background: #0099FF url(../images/earphone-white.png) center no-repeat;
		width: 50px;
		height: 50px;
		position: relative;
		margin: 0 auto;
		border-radius: 100%;
		border: solid 5px #E6E6E6;
		animation: play 2s ease infinite;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		  position: fixed;
		 z-index: 9999;
		 bottom: 5px;
		 left: 5px;
	}
	.call-animation img {
			width: 50px;
			height: 50px;
			border-radius: 100%;
			position: absolute;
			left: 0px;
			top: 0px;
		}
	@keyframes play {
	
		0% {
			transform: scale(1);
		}
		15% {
			box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
		}
		25% {
			box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
		}
		25% {
			box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
		}
	
	}
	/****** ket thuc hotline mobile *********/
}