/* CSS Document */

body{
	font-family: "Helvetica", sans-serif;
	/*background: url(../images/bg.jpg);*/
	background-color: #fff;
}





/* Reset Bootstrap */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: "Helvetica", sans-serif;}
ul{ padding:0}
ol, ul{ margin: inherit}
.btn-primary{background-color:#ed1e24;}
.btn-primary:hover{background-color:#23b4ca;}
.btn-default{  border-color:transparent}
.btn-default:hover{background-color:#23b4ca;}
/* End Reset Bootstrap */

/* Reset Layout*/
a{ color:#333333}
a:focus, a:hover{
	color:#d20000;
	text-decoration: none;
}

img{
	margin-bottom: 0;
}

.navbar-default .navbar-brand , .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{ font-size: inherit; font-family: "UTMAvo"; color:#ed1e24}
.navbar-fixed-top{
	background-color: #eee !important;
	opacity: 0;
}
.navbar-fixed-top.navbar-show{
	opacity: 1;
	transition: 1s opacity;
}
/*.navbar-fixed-top a{ color:#fff !important}*/

.panel-default{border: none}
.panel-group{ background: none}
.panel-group>.panel-heading{ padding: 10px 10px; background: none;   color:#333; text-transform: uppercase}
.category .panel-heading{background: none;   border: none;  border-radius: 0;}
.thumbnail { padding: 0; border-radius:0} 
.pagination .active a{background-color: #ed1c24; border: 1px solid #ed1c24; cursor: pointer;}
.pagination .active a:hover{background-color: #a7a9ac; border: 1px solid #a7a9ac; cursor: pointer;}
.pagination>li>a, .pagination>li>span{ color:inherit}
.btn{ color: #fff; }
.btn:hover{ color: #ccc}
.navbar-nav li .dropdown-menu{ border:1px;    background-color: #8e191b;  }

.customer-list .carousel-inner{ padding-bottom:50px}

.panel-title{
	color: #fff;
}

/* Reset Layout*/ 
.content-detail img{max-width:100%}

/*Customize*/
.activeCate{ background-position: left -23px !important; }
.activeCate a{ color:#ca090e}

.radius-none{border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
.separators{background: url(../images/separators.png) no-repeat center center; border: 0 none; height: 78px;}


.btn-more{ color:#fff}
.btn-addcart{cursor: pointer; background-color: transparent;}
.shadow {box-shadow: 0 0 7px 3px #dddddd;    -webkit-box-shadow: 0 0 7px 3px #dddddd;   -moz-box-shadow: 0 0 7px 3px #dddddd;}
.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer60 { height: 60px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

#navbar-main a{color: #8e191b;}

	.head-icon-contact{ height: 25px; font-size: 12px;   float: left; background:url('../images/head-icon-contact.png') left top; background-repeat: no-repeat; padding-left: 22px;}
	.icon-address{ background-position: 0px 3px; }
	.icon-phone{ background-position: 0px -40px; }
	.icon-email{ float:right; background-position: 0px -19px; }
	.top-lang span{ margin: auto 2px; }		
 

.side-menu {background-color: #fff;}
@media(max-width: 768px){
	.side-menu .logo{text-align: center;}	
}
	.navbar-default{ text-transform: uppercase; background-color: inherit; margin-bottom :0; border: 0; height: inherit}
	.navbar-default .navbar-nav>li>a, .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
		padding: 8px 10px 5px;
		font-size: 13px;
		font-weight: bold;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color: #cc0033 ; background: none}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color: #cc0033;background: none }
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {}
		.dropdown-menu>li>a{ padding: 10px 20px;}
		.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color: #fff; background-color: #9d9d9d;   text-decoration: none;   }
	.navbar-default .navbar-form{ padding: inherit;}
	
	.from-Search{
		/*margin: 0;*/
		/*width: 100%;*/
	}
	.from-Search .keyword{
		background: rgba(255, 255, 255, 0.3);
		color: #333;
		height: 40px;
		/*border-color: transparent;*/
		box-shadow: none;
		/*width: 100%;*/
	}
	@media(min-width: 992px){
		/*.from-Search .keyword{width: 450px !important;}*/
	}

	.from-Search .input-group-btn{
		width: 1% !important;
	}
	.from-Search .input-group{
		width: 100%;
		/*display: inline-block;*/
	}
	.from-Search .input-group button span{
		color: #fff;
	}
	.from-Search .input-group button{
	    /*border: 1px solid #ccc;*/
	    border-left: 0 none;
	    /*background-color: #75766e;*/
	    height: 40px;
	    padding: 0 10px;
	    border-radius: 0px !important;
	    /*padding: 1px 5px;*/
	};
	.from-Search .input-group button:hover{color: #fff;}
	/*.from-Search .input-group button,*/
	.from-Search .input-group input{border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;}
	
	.from-Search .keyword{ border-top-left-radius: 5px !important;    border-bottom-left-radius: 5px  !important;}
	.from-Search .glyphicon{ color:#fff}

	.navbar-category{ width:100%}
	.navbar-category > li{ width: 14.27%; text-align: center;}
	.navbar-category > li a{font-family: "Helvetica"; font-weight: bold;}
	.navbar-category > li.clr1{border-top: 7px solid #33cccc}
	.navbar-category > li.clr2{border-top: 7px solid #339966}
	.navbar-category > li.clr3{border-top: 7px solid #663399}
	.navbar-category > li.clr4{border-top: 7px solid #ffcc33}
	.navbar-category > li.clr5{border-top: 7px solid #ff6666}
	.navbar-category > li.clr6{border-top: 7px solid #3366cc}
	.navbar-category > li.clr7{border-top: 7px solid #99cc33}
	
.side-slide{ margin: 0px auto}

.group-news .news-list .thumbnail{border: 1px solid #ced4e0;}
.group-news .news-list .thumbnail .caption{background-color: #ebebeb;}
.group-news .news-list .thumbnail .caption .txtDate{color: #999999;}
.group-news .news-list .thumbnail .caption .description{color: #999999;}
.group-news .news-list .thumbnail .caption h3{color: #494949; font-weight: bolder; font-family: "Tahoma", sans-serif;}
.group-news .news-list .thumbnail a:hover{color: #fff; border: 1px solid #bfd730;}

.side-main {}

	.top-category{padding: 0;}
	.top-category a{color: #fff;}
	
	.group-news-note > div{ padding:0; margin:0  }
	.group-news-note  .thumbnail{  border: none; background:none}

	.group-news-note  .thumbnail img{margin-left: 10px; width: 40px; height: 40px;}
	.group-news-note  .thumbnail .caption{ color: #fff;
		border-radius: 5px;
		
		text-align: left;
		margin: auto;
		}
	.group-news-note  .thumbnail{ }
	.group-news-note  .thumbnail  .caption h3{margin-top:20px}
	.group-news-note  .thumbnail  .caption a{ color:#fff; text-transform: uppercase;}	 
	.group-news-note  .thumbnail .btn-note-more{ margin-right:0px;}
	.gnote-1 .thumbnail{	background-color:#ffd900; 		 	}
	.gnote-2 .thumbnail{	background-color:#ee1c24;	}
	.gnote-3 .thumbnail{	background-color:#007ee1;	}
	.gnote-4 .thumbnail{	background-color:#5ca316;	}
 
	.btn-note-more{ color:#fff; font-size:27px; margin-top: -60px; margin-right: 5px; 
		-ms-transform: rotate(270deg); /* IE 9 */
		-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
		transform: rotate(270deg);
	}
	
	.btn-pro-more{ 
		background-color: #58b676;
		border-radius: inherit;
		border: none;
		margin-right: 5px;
		
	}
	
	.group-list{padding: 30px 0px 10px;}
	.group-list .panel-heading{ background-color: #a7a9ac; color: #bfd730; font-weight: bolder; border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
	.group-list .panel-title{ font-size: 18px}
	.group-list .thumbnail .caption h3 a, .sidebar-list  .thumbnail .caption h3 a{ font-size: 14px; text-transform: uppercase;}
	.group-list .thumbnail:hover .caption h3 a{color:#3399cc}
	.group-list .panel-heading .btn-more{ margin-top: -25px; text-transform: capitalize;}
	.group-list .btn-more{padding: 2px 12px;}
	.group-list .btn-note-more{ color:#3399cc}

	.category .panel-heading{ background: url('../images/icon-catgory-arrow.png') no-repeat left 15px; }
	.category .glyphicon{ font-family: none; }
	.category .glyphicon::before{ content:""}

.page-detail h1{color:#4c1312}
.page-detail .shadow{background-color: #fff;}
.page-detail .container-detail{ background-color:#fff}
.page-detail .panel-default{ padding: 15px;}
.page-detail .panel-default .thumbnail .caption{background-color: #fff;}
.page-detail .panel-default .thumbnail .caption p{color: #838383;}
.page-detail .panel-default .thumbnail .listclear .caption{background-color: transparent;}
.page-detail .panel-default .thumbnail .listclear .caption a.btn:hover{background-color: #a7a9ac !important; color: #fff;}
.page-detail .panel-default .thumbnail .caption h3{margin-top: 0;}
.page-detail .panel-default .thumbnail .caption h3 a{color: #4c1312; font-family: "Tahoma", sans-serif; font-weight: bold;}
	
	
.group-customer .panel-heading, .group-news .panel-heading{ background: none; border:1px solid #ccc; background-color:#fff; }
.group-customer .panel-heading a, .group-news .panel-heading a{  color:#000 }
	
/*.news-list { list-style: none; margin: 20px auto; padding-bottom:2px; }*/
.news-list li { margin: 20px auto;    border-bottom: 1px solid #ddd;    padding-bottom: 10px;}

.news-list .thumbnail{ border: none;  }
.news-list .thumbnail .caption h3{ margin: inherit}

.side-customer{
	background: url(../images/customer-comment.jpg);
	height: 312px;
}

.side-customer  .container{
}

.customer-list .panel-body h3{ font-size: 14px; margin: 0}
.customer-list .panel-body .thumbnail{ background: none;border: none}

.side-contact >div{ background-color:#fff}




.side-partner {background-color: #fff;}
.side-partner .container{margin-top: 30px; margin-bottom: 30px;}

/*.container-menu ul.nav{float: left !important;}*/
@media(min-width: 768px){
	/* .container-menu ul.nav{float: right !important;} */
}

/* Huy */
.bg-white{background-color: #fff;}

.show-cart-1{
	padding: 0 15px;
	border: 1px solid #dedede;
	color: #a7a9ac;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}
.show-cart-1:hover{text-decoration: none;}

.show-cart-2{
	position: relative;
	cursor: pointer;
	top: 10px;
	right: 60px;
}
.show-cart-2 span.glyphicon{padding: 10px; font-size: 18px;}
.show-cart-2 span.count-cart{
	position: absolute;
	background-color: red;
	z-index: 1;
	color: #fff;
	display: block;
	font-size: 13px;
	line-height: 16px;
	height: 16px;
	min-width: 16px;
	text-align: center;
	font-weight: 700;
	top: -6px;
	right: -6px;
	
	border-radius: 4px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

@media(max-width: 768px){
	.show-cart-1,
	.show-cart-2{
		margin-top: 15px;
	}
}

#site-breadcrumb{
	background-color: #f5f5f5;
}

#site-breadcrumb ol{
	margin: 0;
	padding: 10px 0;
}

/* site-top */
#site-top{
	background-color: #eee;
	color: #000;
}

#site-top a{
	color: #000;
}

#site-top span.glyphicon{
	color: #ed1c24;
}

@media(min-width: 992px){
	#site-top{
		height: 35px;
		line-height: 35px;
	}
}
/* site head */
#site-head{
	background-color: #0066c5;
	padding-top: 5px;
	padding-bottom: 5px;
}

#site-head .banner img{
	max-width: 100%;
}

@media(max-width: 991px){
	#site-head .logo{
		text-align: center;
	}
}

#site-head .company-name{
	text-transform: uppercase;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 2px 2px 6px #333;
	padding: 0 0px;
	text-align: center;
}


@media(min-width: 540px){
	#site-head .company-name{
		font-size: 20px;
	}
}

@media(min-width: 992px){
	#site-head .company-name{
		font-size: 36px;
	}
}

#site-head .site-head--address{
	margin-top: 1px;
	margin-bottom: 1px;
	color: yellow;
	font-weight: bold;
	font-size: 20px;
}



#site-head .site-home--tel{
	color: yellow;
	font-size: 20px;
	text-align: center;
	margin-top: 25px;
                 font-weight: bold;
}

.header--icon-social{
	display: inline-block;
	margin-right: 30px;
}


.header--icon-social a img{
	width: 32px !important;
	height: 32px !important;
}

#site-head .from-Search{
	display: inline-block;
}

#site-head .header-bg{
	max-width: 1366px;
}

#site-head .header-bg img{
	/*max-width: 100%;*/
	height: auto;
}

#site-head .header-overlay{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 3;
}

#site-head .head-header{
	background: rgba(255, 255, 255, 0.7);
}

@media(min-width: 992px){
	#site-head .head-header{
		height: 125px;
	}
}

#site-head .logo{
	padding: 0;
}

#site-head .logo img{
	/*height: 125px;*/
	width: auto;
}

#site-head .head-content{
	position: absolute;
	top: 125px;
	right: 0;
	left: 0;
}

#site-head .head-content .content-frame{
	max-width: 750px;
	margin: 180px auto 0;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	padding: 40px 10px;	
	text-align: center;
}

@media(min-width: 992px){
	#site-head .head-content .content-frame{
		margin: 120px auto 0;
	}
}

#site-head .head-content .content-frame .frame--title{
	text-transform: uppercase;
	/*font-weight: bold;*/
	font-size: 33px;
}

#site-head .head-content .content-frame .frame--name{
	text-transform: uppercase;
	/*font-weight: bold;*/
	font-size: 36px;
}
#site-head .head-content .content-frame .frame--des{
	font-size: 20px;
}

/* site-ads-img */
#site-ads-img img{
	max-width: 100%;
}

/* site menu */

#site-menu{
	background-color: #fff;
	/*box-shadow: 0px 3px 7px #777;*/
}

#site-menu #navbar-main{
	/*float: right;*/
	min-height: unset;
}

#site-menu #navbar-main ul{
	/*background-color: red;*/
	/*border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;*/
	background-color: #419900;
}

#site-menu #navbar-main li{
	/*background-color: red;*/
	border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
}

#site-menu #navbar-main ul li a{
	color: #000 !important;
	padding: 12px 25px;
}

#site-menu #navbar-main li:hover{
	/*background-color: yellow;*/
}

#site-menu #navbar-main li:hover a{
	color: #fff;
}

#site-menu #navbar-main .navbar-collapse{
	padding: 0;
}

@media(max-width: 991px){
	#site-menu #navbar-main .navbar-collapse{
		background-color: #005011;
		color: #fff;
	}

	#site-menu #navbar-main .navbar-collapse li a{
		color: #fff;
	}

	#site-menu #navbar-main .navbar-collapse .navbar-nav{
		margin: 0;
	}
}

#site-menu .col-md-3{
	background-color: #6c2400;
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 13px;
	display: none;
}
@media(min-width: 992px){
	#site-menu .col-md-3{
		font-size: 16px;
		display: block;
	}
}

/* plastic-scrap */
#plastic-scrap{
	position: relative;
}

#plastic-scrap .head-img{
	height: 162px;
}

#plastic-scrap .head-overlay{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 162px;
}

#plastic-scrap .head-overlay .plastic-scrap--title{
	text-transform: uppercase;
	font-size: 36px;
	color: #005011;
	text-align: center;
	font-weight: bold;
	margin-top: 30px;
}

.line-hp{
	position: relative;
	top: -5px;
	text-align: center;
}

#plastic-scrap .products-list .product--img{
	margin-top: 30px;
}

#plastic-scrap .products-list .product--img{
	/*height: 160px;*/
}
#plastic-scrap .products-list .product--img img{
	width: 100%;
	height: all;
}

#plastic-scrap .products-list .product--title,
#plastic-scrap .products-list .product--icon,
#plastic-scrap .products-list .product--price{
	text-align: center;
	margin-top: 15px;
}

#plastic-scrap .products-list .product--title{
	font-size: 18px;
	/*font-weight: bold;*/
}

#plastic-scrap .products-list .product--price{
	font-weight: bold;
	color: #a10000;
	font-size: 16px;
}

/* */
#home-content{margin-bottom: 50px;}
#home-content .left-content{padding: 0;}

#home-content .left-content .head-menu{
	background-color: #6c2400;
	color: #fff;
	height: 50px;
	line-height: 50px;
}

#home-content .left-content .menu{
	background-color: #6c2400;
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 13px;
	display: block;
	position: relative;
	margin-top: 30px;
}

@media(min-width: 992px){
	#home-content .left-content .menu{
		font-size: 16px;
		display: none;
	}
}

#home-content .left-content .service{
	background-color: #fff;
	margin-bottom: 30px;
}

#home-content .left-content h3,
#home-content .left-content h3 a{
	color: #6c2400;
	font-size: 14px;
}

#home-content .left-content h3{
	padding: 3px;
	border-bottom: 1px solid #6c2400;
}

#home-content .left-content h3 span{font-size: 12px;}
#home-content .left-content ul{list-style: none;}
#home-content .left-content .phone{color: #f00;}
#home-content .left-content ul li ul li{margin-bottom: 5px;}
#home-content .left-content ul li ul li a{color: #b3b4b7;}
#home-content .left-content ul li ul li span{color: #6c2400; font-size: 10px;}
#home-content .left-content .image-ads{padding: 0; margin-bottom: 30px;}
#home-content .left-content .image-ads img{width: 100%; height: auto;}
#home-content .left-content .support{background-color: #fff; margin-bottom: 30px; padding: 0;}
#home-content .left-content .support .head{background-color: #6c2400; padding: 15px; color: #fff; font-size: 16px;}
#home-content .left-content .support .head img{float: left; margin-right: 10px; margin-bottom: 10px;}
#home-content .left-content .support .body{ padding-bottom: 30px;}
#home-content .left-content .support .body ul ul{padding-left: 15px;}
#home-content .left-content .contact{background-color: #fff; margin-bottom: 30px; padding: 0; padding-bottom: 15px;}
#home-content .left-content .contact .image img{width: 100%; height: auto;}
#home-content .left-content .contact .image p{color: #6c2400; padding: 15px; font-size: 18px; font-style: italic;}
#home-content .left-content .contact .body .contact-note{background-color: #f00; padding: 10px; color: #fff;}
#home-content .left-content .contact .body .block{}
#home-content .left-content .contact .body .block h3{font-weight: bold; font-size: 16px;}
#home-content .left-content .contact .body .block p{color: #a7a9ac;}
#home-content .left-content .contact .body .block p span{background-color: #6c2400; color: #fff; font-size: 12px; padding: 2px; float: left; margin-right: 5px;}

#home-content .right-content{background-color: transparent; padding-right: 0; padding-left: 0;}
@media(min-width: 992px){
	#home-content .right-content{padding-left: 15px;}
}
#home-content .right-content .slide-content{padding-right: 0; padding-left: 0; margin-top: 30px;}
@media(min-width: 992px){
	#home-content .right-content .slide-content{padding-left: 15px;}
}
#home-content .right-content .slide-content ol li{width: 15px !important; height: 15px !important; background-color: #6c2400; border: 0 none;}
#home-content .right-content .slide-content ol li.active{background-color: #a7a9ac;}
#home-content .right-content .area{margin-top: 30px; padding-right: 0; padding-left: 0;}
@media(min-width: 992px){
	#home-content .right-content .area{padding-left: 15px;}
}
#home-content .right-content .area .head{background-color: #6c2400; color: #fff; padding: 5px 15px; font-size: 18px; font-weight: 500;}
#home-content .right-content .area .head a{color: #fff;}
#home-content .right-content .area .body{background-color: #fff; padding: 0;}
#home-content .right-content .area .body .block{
	border: 1px solid #dedede;
	padding: 0;
	/*height: 300px;*/
}
#home-content .right-content .area .body .block .image{height: 190px; border: 0 none; position: relative;}
#home-content .right-content .area .body .block .image img{max-height: 100%; max-width: 100%; width: auto; height: auto; margin: auto; top: 0; right: 0; bottom: 0; left: 0; position: absolute;}
#home-content .right-content .area .body .block .caption{
	color: #a7a9ac; padding: 0 30px 30px;
}
#home-content .right-content .area .body .block .caption h3{
	height: 53px;
}
#home-content .right-content .area .body .block .caption h3 a{
	color: #6c2400;
	font-size: 16px;
	cursor: pointer;
	font-weight: bold;
}
#home-content .right-content .area .body .block .caption p{margin: 0;}

#home-content .right-content .area .body .block .caption a.button{
	display: inline-block;
	padding: 10px 15px;
	text-transform: uppercase;
	color: #fff;
	background-color: #6c2400;
}
#home-content .right-content .area .body .block .caption a.button:hover,
#home-content .right-content .area .body .block .caption a.button:focus{
	box-shadow: 2px 2px 2px #333;
}

#home-content .carousel .carousel-caption{
	width: 50%;
	right: 0 !important;
	left: 50%;
	text-align: left;
	top: 10%;
}

#home-content .carousel .carousel-caption .slide-title{
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

#home-content .carousel .carousel-caption .slide-description{
	margin-bottom: 15px;
}

#home-content .carousel .carousel-caption .slide-btn a{
	display: inline-block;
	color: #fff;
	background-color: #28b0ea;
	padding: 10px 20px;
}

/* site list */
#site-list.list-style-1{
	/*margin-top: 30px;*/
	margin-bottom: 30px;
}

#site-list.list-style-1 .list-content{
	background-color: #fff;
}

#site-list.list-style-1 .list-content .list-block{
	margin-bottom: 15px;
	padding: 15px 0;
	border-bottom: 1px dashed #dedede;
}

#site-list.list-style-1 .list-content .list-block .list-block-image{
	padding-left: 0;
	/*border: 1px solid #dedede;*/
	height: 150px;
	position: relative;
}

#site-list.list-style-1 .list-content .list-block .list-block-image img{
	height: 150px;
	max-width: 100%;
	object-fit: cover;
}

#site-list.list-style-1 .list-content .list-block .list-block-content{}
#site-list.list-style-1 .list-content .list-block .list-block-content h3{}
#site-list.list-style-1 .list-content .list-block .list-block-content .description{}
#site-list.list-style-1 .list-content .list-block .list-block-content a{}

#site-list.list-style-1 .list-category{
	background-color: #fff;
}

#site-list.list-style-1 .list-category{}
/* end site list */

/* site detail */
#site-detail{
	/*margin: 30px 0;*/
}

#site-detail {
	background-color: #fff;
	/*padding-top: 30px;*/
	padding-bottom: 30px;
}

#site-detail .detail-content img{
	/*width: 100% !important;*/
	/*height: auto !important;*/
}

#site-detail  .related-articles{
	margin-top: 30px;
}

#site-detail  .related-articles .articles-list{
	padding: 15px 0;
}

#site-detail  .related-articles .articles-list .article-block{
	padding: 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #dedede;
}

#site-detail  .related-articles .articles-list .article-block .block-image{
	position: relative;
	height: 120px;
	margin-bottom: 30px;
	text-align: center;
}

@media(min-width: 768px){
	#site-detail  .related-articles .articles-list .article-block .block-image{
		border: 1px solid #dedede;
		margin-bottom: 0;
	}
}

#site-detail  .related-articles .articles-list .article-block .block-image img{
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#site-detail  .related-articles .articles-list .article-block .block-content{}
#site-detail  .related-articles .articles-list .article-block .block-content .article-title{
	margin-bottom: 15px;
}

#site-detail  .related-articles .articles-list .article-block .block-content .article-title a{
	color: #6c2400;
	font-size: 18px;
	font-weight: bold;
}

#site-detail  .related-articles .articles-list .article-block .block-content .article-description{
	margin-bottom: 15px;
}

#site-detail  .related-articles .articles-list .article-block .block-content .article-btn{
	text-align: right;
}

#site-detail  .related-articles .articles-list .article-block .block-content .article-btn a{
	color: blue;
}

.detail-category,
#site-detail .detail-category{
	background-color: #fff;
	padding: 0 0 30px;
}

.detail-category ul,
#site-detail .detail-category ul{
	list-style-type: none;
}

.detail-category .head-menu,
#site-detail .detail-category .head-menu{
	background-color: #005011;
	color: #fff;
	height: 50px;
	line-height: 50px;
}

.detail-category .products-list h3,
#site-detail .detail-category .products-list h3{
	padding: 3px 0;
	border-bottom: 1px solid #005011;
}

.detail-category .products-list h3,
#site-detail .detail-category .products-list h3,
.detail-category .products-list h3 a,
#site-detail .detail-category .products-list h3 a{
	color: #005011;
	font-size: 14px;
}


.detail-category .products-list ul li li span,
#site-detail .detail-category .products-list ul li li span{
	font-size: 10px;
	color: blue
}

.detail-category .products-list ul li li a,
#site-detail .detail-category .products-list ul li li a{
	color: #333;
}

#site-detail.product-detail .product-price .current-price{
	font-size: 18px;
}

#site-detail.product-detail .product-price .current-price strong{
	color: #ff0000;
}

#site-detail.product-detail .product-price button{
	border: 0 none;
	background-color: #6c2400;
	color: #fff;
	padding: 5px 15px;
}

#site-detail.product-detail .product-price button:hover,
#site-detail.product-detail .product-price button:focus{
	box-shadow: 2px 2px 2px #333;
}
/* end site detail */

.lh-title{}
.lh-title h4{
	padding: 5px 10px;
	border-left: 5px solid #6c2400;
	text-transform: uppercase;
}

.lh-title h4 a{
	text-transform: uppercase;
}

.lh-title.border-bottom{
	border-bottom: 1px solid #6c2400;
}

#why-us{margin-bottom: 50px;}
#why-us .head{background-color: #6c2400; color: #fff; padding: 10px 15px; font-size: 16px; font-weight: bold;}
#why-us .body{background-color: #fff; padding: 0;}
#why-us .body .block{border: 1px solid #dedede; padding: 0;}
@media(min-width: 768px){
	#why-us .body .block{height: 160px;}
}
#why-us .body .block .image{padding-top: 30px; text-align: center;}
#why-us .body .block .caption{text-align: center}
@media(min-width: 768px){
	#why-us .body .block .caption{padding-left: 0; text-align: left}
}
#why-us .body .block .caption h3{color: #6c2400; font-weight: bold; font-size: 18px;}

#logo-partner{
	background-color: #fff;
	margin-top: 20px;
}
/* news */
#news .news--title{
	text-transform: uppercase;
	font-size: 36px;
	color: #005011;
	text-align: center;
	font-weight: bold;
	margin-top: 30px;
}

#news .news-list{
	border: 1px solid #777;
	padding: 15px 30px;
	font-size: 16px;
}

#news .news-list .first-news .news--img{
	margin-bottom: 30px;
}

#news .news-list .first-news .news--img img{
	width: 100%;
}

#news .news-list .other-news .other-news--viewmore{
	text-align: right;
}

#news .news-list .other-news .other-news--viewmore a{
	color: #005011;
}

#news .news-list .other-news p img{
	margin-top: -4px;
	margin-right: 10px;
}

/* site-home-product */
#site-home-product{}

#site-home-product .home-product--head{
	position: relative;
}

#site-home-product .home-product--head img{
	max-width: 100%;
}


@media(min-width: 992px){
	#site-home-product .home-product--head .head-overlay{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		color: #fff;
	}
}

#site-home-product .home-product--head .head-overlay .view-all{
	color: #419900;
}

#site-home-product .home-product--head .head-overlay--title{
	color: #419900;
	font-size: 20px;
	position: relative;
	left: 15px;
    top: 10px;
}

@media(min-width: 992px){
	#site-home-product .home-product--head .head-overlay--title{
		color: #fff;
	}
}

#site-home-product .product--item{
	border: 1px solid #d7d7d7;
}

#site-home-product .product--img img{
	max-width: 100%;
}

#site-home-product .product--info{
	padding: 0 10px 20px;
}

#site-home-product .product--price .new-price{
	color: red;
	font-size: 16px;
}

#site-home-product .product--price .old-price{
	font-size: 12px;
	color: #b7b7b7;
}

#site-home-product .product--activity img{
	height: 20px;
}


#site-home-product .product--activity a{
	color: #000;
}

/* site-general */

.right-category .left-menu--head,
.prodetail-cat.left-menu .left-menu--head,
#site-general .left-menu .left-menu--head{
	background-color: #8e191b;
	color: #fff;
	padding: 10px 25px;
}

.right-category ul,
.prodetail-cat.left-menu ul,
#site-general .left-menu ul{
	list-style: none;
	border: 2px solid #8e191b;
	padding: 15px;
}

.right-category ul.subcat,
.prodetail-cat.left-menu ul.subcat,
#site-general .left-menu ul.subcat{
	list-style: none;
	border-color: transparent;
	padding: 0;
}

.right-category ul.subcat li a,
.prodetail-cat.left-menu ul.subcat li a,
#site-general .left-menu ul.subcat li a{
	padding-left: 65px;
}


.right-category ul li a,
.prodetail-cat.left-menu ul li a,
#site-general .left-menu ul li a{
	display: block;
    padding: 10px 12px 10px 40px;
    color: #8e191b;
    display: block;
    border-bottom: 1px solid #8e191b;
}

.prodetail-cat.left-menu ul li a img{
	max-width: 100%;
	width: auto !important;
}

.right-category > ul > li:not(:last-child),
.prodetail-cat.left-menu > ul > li:not(:last-child),
#site-general .left-menu > ul > li:not(:last-child){
	
}

#site-general .site-general--ads-news{
	max-width: 200px;
}

#site-general .site-general--news a{
	display: block;
	margin-bottom: 5px;
}

.site-general--promotion .promotion--img{
	width: 35%;
}

.site-general--promotion .promotion--img img{
	max-width: 100%;
}


/**/
#serve .serve--des{
	font-size: 12px;
}

/* logo partner */

#logo-partner .logo-partner--title{
	text-transform: uppercase;
	font-size: 36px;
	color: #005011;
	text-align: center;
	font-weight: bold;
	margin-top: 30px;
}

#logo-partner .line{height: 15px; background-color: #6c2400;}
#logo-partner .body{padding-top: 10px; padding-bottom: 10px;}
#logo-partner .body #jssor_1 .outer-img{
	width: 20% !important; height: 100px !important; line-height: 100px;
    border: 1px solid #dedede;
    text-align: center;
}
#logo-partner .body #jssor_1 img{width: auto !important; height: auto !important; position: static !important;}


#carousel-generic .panel-body  .thumbnail .caption h3{margin-top: 0px; color: #a7a9ac; font-weight: bold;}
#carousel-generic .panel-body  .thumbnail .caption h3 a{color: #a7a9ac; font-weight: bold;}

.side-payment {margin-bottom: 30px;}
.side-payment div.container{background-color: #fff;}

.page-support .content .block{border: 1px solid #dedede; margin: 15px 0 30px; padding: 15px;}
.page-support .content .block h3{}
.page-support .content .block ul{list-style-type: none; padding-left: 15px;}
.page-support .content .block ul li a{font-size: 20px; color: #a7a9ac;}

	/* table products */
table.table-products{
	border: 1px solid #dedede;
	margin-bottom: 30px;
	width: 100%;
}

table.table-products thead{
	background-color: #F1F1F2;
	font-weight: bold;
	font-size: 18px;
}
table.table-products td{
	padding: 2px 5px;
}
@media(min-width: 768px){
	table.table-products td{
		padding: 10px 15px;
	}
}

table.table-products td:first-child{
	width: 50%;
}
table.table-products td:not(:first-child){
	text-align: center;
}

table.table-products tr td:not(:last-child){
	border: 1px solid #dedede;
}
table.table-products tr td:last-child{
	border: 1px solid #dedede;
}

table.table-products td .btn-addcart{
	border: 1px solid #6c2400;
	display: inline-block;
	padding: 3px 15px;
}
table.table-products td .btn-addcart:hover{
	color: #fff;
	text-decoration: none;
	background-color: #6c2400;
	box-shadow: 1px 1px 2px #6c2400;
}

/* End Huy */

.breadcrumb{margin: 0; margin-bottom: 20px;}

.category-side{display: none;}
@media(min-width: 992px){
	.category-side{display: block;}
}
.category-side h4{padding-left: 10px;}


.category-side{
	padding: 0;
}
.category-side .menu{
	font-size: 16px;
	display: block;
	background-color: #6c2400;
	color: #fff;
	height: 50px;
	line-height: 50px;
}

.category-side .service{
	padding-bottom: 30px;
}

.category-side .service ul,
.category-side .service ul li{
	padding: 0 !important;
}

.category-side .service h3,
.category-side .service h3 a{
	font-size: 14px;
	color: #6c2400;
}

.category-side .service li{
	font-size: 14px !important;
}

.category-side .service li span{
	font-size: 12px;
	color: #6c2400;
}

#list-product{}
#page-detail div.container,
#list-product div.container{background-color: #fff; margin-bottom: 30px;}
#list-product div.container .content .block{margin-bottom: 30px;}
#list-product div.container .content .block .inner-block{border: 1px solid #dedede;}
#list-product div.container .content .block .inner-block .product-des{
	height: 80px;
	overflow: hidden;
	color: #fff;
}

#list-product div.container .content .block .inner-block .product-price{
	font-weight: bold;
	color: red;
}

#list-product div.container .content .block .caption{height: 70px;}
#list-product div.container .content .block .caption h3 a{color: #8e191b; font-weight: bold; font-size: 16px;}
#list-product div.container .content .caption h3{text-align: center;}
#list-product div.container .content .caption h3 a{color: #6c2400; font-weight: bold; font-size: 16px;}
#list-product div.container .content .thumbnail{height: 250px;}
#list-product div.container .content .block .image{padding-top: 30px;height: 210px; position: relative;}
#list-product div.container .content .block .image img{
    height: 150px;
    max-width: 100%;
    display: inline-block;
}

#page-detail .tab-content .tab-pane{
	padding: 15px 20px;
	border: 1px solid #ed1c24;
	border-top-color: transparent;
}

#page-detail div.container .category-side ul,
#list-product div.container .category-side ul{list-style-type: none;}
#page-detail div.container .category-side ul li,
#list-product div.container .category-side ul li{margin-bottom: 5px; font-size: 16px; padding-left: 15px;}
#page-detail div.container .category-side ul li a,
#list-product div.container .category-side ul li a{text-transform: uppercase;}

.list-library .content{
	padding: 30px 0;
}

.list-library .content .lib-title{
	font-size: 20px;
	color: #666;
	margin-bottom: 30px;
	padding: 5px 30px;
	background: url(../images/bg_tieude.jpg);
}

.list-library .content .item{
	height: 170px;
	position: relative;
	margin-bottom: 30px;
}

.list-library .content .item img{
	max-width: 100%
	max-height: 100%
}

.list-library .content .item .lib-tooltip{
	position: absolute;
	border: 1px dashed #333;
	padding: 20px;
	top: 0;
	background-color: #fff;
	z-index: 200;
	display: none;
	margin-left: 15px;
	width: 450px;
	height: 450px;
	text-align: center;
	top: -110px;
}

.list-library .content .item .lib-tooltip img{
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}

.list-library .content .item a:hover+.lib-tooltip{
	display: inline-block;
}

.lib-detail .pattern-similar .title{
	color: #666666;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 30px;
	padding: 5px 0;
	border-bottom: 1px dotted #333;
}

.lib-detail .pattern-similar .item{
	height: 170px;
	position: relative;
	margin-bottom: 30px;
}

.lib-detail .pattern-similar .item img{
	max-width: 100%
	max-height: 100%
}
.lib-detail .pattern-similar .item .lib-tooltip{
	position: absolute;
	border: 1px dashed #333;
	padding: 20px;
	top: 0;
	background-color: #fff;
	z-index: 200;
	display: none;
	margin-left: 15px;
	width: 450px;
	height: 450px;
	text-align: center;
	top: -110px;
}

.lib-detail .pattern-similar .item .lib-tooltip img{
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}

.lib-detail .pattern-similar .item a:hover+.lib-tooltip{
	display: inline-block;
}

#product-section img{
	max-width: 100%;
	height: auto;
}

#product-section .image{
	/*padding: 30px 0 0 30px;*/
}

#product-detail{
	margin-bottom: 30px;
}

#product-detail .container{
	background-color: #fff;
}

#product-detail .container .lib-title{
	padding: 0;
}

#product-detail .container .lib-title h3{
	font-size: 22px;
	font-weight: bold;
}


#product-detail .container .lib-author{
	margin-bottom: 15px;
}

#product-detail .container .lib-price{
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	padding: 30px 15px;
	margin-bottom: 15px;
}

#product-detail .container .lib-description{
	padding: 0;
}

#product-detail .container .lib-price .priceFormat{
	font-size: 22px;
}

#product-detail .container .lib-price .btn-addcart{
	display: inline-block;
	border: 0 none;
	color: #fff;
	background-color: #6c2400;
	padding: 10px 15px;
	font-size: 18px;
	text-transform: uppercase;

	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

#product-detail .container .lib-price .btn-addcart:hover,
#product-detail .container .lib-price .btn-addcart:focus{
	box-shadow: 2px 2px 2px #333;
}

#product-detail .container .category-side ul{
	list-style: none;
	padding: 0;
}

#product-detail .container .category-side ul li{
	padding-left: 15px;
	margin-bottom: 5px;
	font-size: 16px;
}

#product-detail .container .category-side ul li{
	text-transform: uppercase;
}

.creative-corner{
	padding: 0;
	margin-bottom: 30px;
}

.creative-corner .title{
	color: #6c2400;
	font-size: 22px;
	text-transform: uppercase;
	border-bottom: 1px dashed #333;
	margin-bottom: 30px;
}

.creative-corner .block{
	padding-left: 0;
}

.creative-corner .block .news-image{
	padding: 0;
}

.creative-corner .block .news-image img{
	width: 100%;
	height: auto;
}

.creative-corner .block .news-title a{
	color: #6c2400;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.creative-corner .block .news-title a:hover,
.creative-corner .block .news-title a:focus{
	text-decoration: none;
}

.process-order .title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

#site-order .person-order .title,
#site-order .person-recieve .title{
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

#site-order .person-order .title button,
#site-order .person-recieve .title button{
	font-size: 12px;
	font-weight: bold;
}

#site-order .note-order{
	background-color:#ffd1b3;
}

#site-order .note-success{
	background-color: lightgreen;
}

#site-order .note-fail{
	background-color: #ff6666;
}

#site-order .note-order span.glyphicon{
	cursor: pointer;
}

.lib-filter .lib-filter-title{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #6c2400;
}

.lib-filter .filter-category-result,
.lib-filter .filter-fields-style-result{
	font-weight: bold;
}

.lib-filter .filter-tags span{
	display: inline-block;
	padding: 3px 5px;
	border: 1px solid #6c2400;
	margin-right: 10px;
	cursor: pointer;
}

.lib-filter .filter-tags span:hover,
.lib-filter .filter-tags span:focus,
.lib-filter .filter-tags span.active{
	background-color: #6c2400;
	color: #fff;
}

.lib-filter #filter-category-result span,
.lib-filter #filter-fields-style-result span{
	font-weight: normal !important;
}

/* site-social */
#site-social{
	background-color: #fff;
	padding: 20px 15px;
}
/* end site-social */

footer .email-subscribe{padding: 0;}
footer .email-subscribe button,
footer .email-subscribe input{border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}

footer{
	background-color:#0066c5;
	color:#fff;
	font-size: 15px;
}
footer a{ color:#fff}
footer h4{
	text-transform: uppercase; color: #fff;
	/*border-bottom: 1px solid #fff;*/
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}
	 
footer  div ul {list-style-type: disc;  padding-left: 40px;  display: block;    margin: 10px 0; padding:0}
footer  div ul li{
	list-style: none;
	padding: 0 !important;
	margin-bottom: 5px;
	text-transform: uppercase;
}

footer  .blk-contact ul li{ list-style: none;}
footer  .blk-contact ul li,
footer  .blk-contact ul li a{color: #696c71;}
footer  .blk-contact ul li span{color: #6c2400;}

footer .footer--logo img{
	/*height: 120px;*/
}

footer .payment span{
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
}

footer .footer--contact-form .input-group-btn button{
	background-color: #e1d34f;
}
	
footer .footer-copyright{
	color: #000;
	background-color: #d6d6d6;
	padding: 5px 0px 15px;
}

footer .footer-copyright a{
	color: #000;
}

footer .footer-copyright .footer--icon-social{
	text-align: right;
}

footer .footer-copyright .footer--icon-social a{
	display: inline-block;
	width: 30px;
	/*height: 20px;*/
	margin-left: 5px;
	text-align: center;
}

footer .footer-copyright .footer--icon-social img{
	/*height: 20px;*/
}

@media(max-width: 768px){
	footer{margin-bottom: 30px;}
}

@media only screen and (min-width: 768px) {
	.group-list > div{ padding-left:5px; padding-right:5px;}
	.group-list .thumbnail > img{ height: 200px }
	.panel, .panel-body{ padding-left:0 !important;  padding-right:0 !important;}
	/* #navbar-main .nav > li{margin: 4px 4px;} */
	.page-home .container >div{ padding:0px}
	/* .panel-group > div div:first-child{  padding-left: 0 !important;  }
	.panel-group > div div:last-child {  padding-right: 0 !important;  }	 */


	.carousel-indicators li {
		background-repeat: no-repeat;
		width: 16px !important;
		height: 16px !important;
		display: inline-block;
		padding: 3px;
		margin: 3px;
		border-radius: 15px;
		text-align: center;
		vertical-align: middle;
		background-color:#fff;
	}
	.carousel-indicators .active{ background-color:#ccc}
	
	.customer-list .blk-customer {
		/*border-bottom: 1px solid #ccc;*/
		/*background-color: #fff;*/
		color: #fff;
		
		min-height: 200px;
		
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.customer-list .panel-body .thumbnail >img{ height: 100px}

	.group-list .thumbnail > a > img{ width: 100%; height: 185px;} 
	
}
@media only screen and (max-width: 768px) {
	
	.google-maps iframe {
        width: 100% !important;
        height: 100% !important;
	}
	.top-category{ display: none}
	
	.side-footer-mobile{ position:fixed; bottom:0; background-color:#fff; width:100%; padding:7px 0px; color:#fff; font-size:12px; display: block !important}
	.side-footer-mobile a{color: #fff;}
	
	.head-icon-contact{ font-size:10px}
	.top-lang{ margin-bottom:5px}
	
	.navbar-brand{ display: block !important}
}

.customer-list .blk-customer{
	color: #fff;
}

#site-body .left-block{
	border: 1px solid #dedede;
	padding: 10px;
	margin-bottom: 20px;
}


.tn-title h4{
	/*padding-top: 5px;*/
	border-bottom: 3px solid yellow;
}

.tn-title h4,
.tn-title h4 a{
	text-transform: uppercase;
	/*font-size: 20px;*/
	color: #6c2400;
}

.tn-title h4 img{
	float: left;
	height: 22px;
	/*margin-right: 20px;*/
}


.gold-market{
	background-color: #ebebeb;
	padding: 15px;
}

.gold-market .first-post{
	margin-bottom: 10px;
}

.gold-market .first-post .post-img{
	width: 260px;
	/*height: 180px;*/
	object-fit: fill;
	overflow: hidden;
	margin-right: 10px;
}

.gold-market .first-post .post-img img{
	height: 180px;
}

.gold-market .first-post .post-info .post-title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.gold-market .post-list p{
	font-style: italic;
}

.gold-market .post-list p a{
	color: #6c2400;
	font-weight: bold;
}

.gold-market .post-list p span{
	color: orange;
}


.first-news .news-img{
	margin-bottom: 20px;
	text-align: center;
}

.first-news .news-info .news-title{
	margin-bottom: 20px;
}

.first-news .news-info .news-title a{
	font-size: 20px;
	color: #6c2400;
}

.first-news .news-info .news-des{
	margin-bottom: 20px;
}

.first-news .news-info .news-link{
	text-align: right;
}

.first-news .news-info .news-link a{
	color: #6c2400;
}

.first-news .news-img img{
	max-width: 100%;
	height: auto;
}

.news-list .w3-row{
	margin-bottom: 20px;
}

.news-list .news-img{
	width: 110px;
	height: 70px;
	overflow: hidden;
	margin-right: 10px;
}
.news-list .news-img img{
	width: 100%;
	max-height: 100%;
}

.news-list .news-info .news-title a{
	color: #6c2400;
	font-weight: bold;
}

.news-list .news-info .news-des{
	height: 40px;
	overflow: hidden;
}

/* #6c2400 */

.product-list .slick-slide{
	padding: 10px;
}

.product-list .product-image{
	/*border: 1px solid #dedede;*/
	padding: 5px;
	padding-bottom: 10px;
	position: relative;
	margin-bottom: 15px;
}

.product-list .product-image img{
	width: 100%;
}

.product-list .product-price{
	text-align: center;
}


.product-list .product-price a{
	color: red;
	font-size: 14px;
	font-weight: bold;
}

.slick-next:before,
.slick-prev:before{
	display: none;
}

.slick-next,
.slick-prev{
	position: absolute;
	color: #333;
	font-size: 14px;
	top: -20px;
	/*border: 1px solid #ff0;*/
	background-color: rgba(255, 255, 255, 0.5);
	display: inline-block;
	height: auto;
	width: auto;
	padding: 5px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;

	z-index: 9;
}

.slick-next span,
.slick-prev span{
	color: #8e191b;
}

.slick-next:hover,
.slick-next:focus,
.slick-prev:hover,
.slick-prev:focus{
	color: #333;
	background-color: #f1f1f1;
}

.slick-next{
	right: 10px;
}

.slick-prev{
	left: auto;
	right: 50px;
}

.left-block iframe{
	height: 250px;
}


.slide-title,
.slide-description{
	font-size: 18px;
}




/*#site-head #navbar-main ul ul{
	border-radius: 0 !important;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

#site-head #navbar-main ul li:hover ul{
	display: block;
}

#site-head #navbar-main ul li:hover ul li a{
	color: #fff;
}*/



@media(min-width: 992px){
	#site-head #navbar-main ul li ul li a{
		color: #fff;
	}
}

.outer-hovereffect{
	padding: 0 10px;
}

.hovereffect .product-des{
	color: #fff;
	height: 40px;
	overflow: hidden;
}


.slider.product-list .hovereffect{
	border: 1px solid #dedede;
	padding-bottom: 10px;
}

.hovereffect h2 a,
.slider.product-list .hovereffect h2 a{
	color: #fff;
}





#site-detail  .related-articles .articles-list{
	padding: 15px 0;
}

#site-detail  .related-articles .articles-list .article-block{
	padding: 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #dedede;
}

#site-detail  .related-articles .articles-list .article-block .block-image{
	position: relative;
	height: 90px;
	margin-bottom: 30px;
	text-align: center;
}

@media(min-width: 768px){
	#site-detail  .related-articles .articles-list .article-block .block-image{
		border: 1px solid #dedede;
		margin-bottom: 0;
	}
}

#site-detail  .related-articles .articles-list .article-block .block-image img{
	object-fit: cover;
	height: 90px;
}

#site-detail  .related-articles .articles-list .article-block .block-content{}
#site-detail  .related-articles .articles-list .article-block .block-content .article-title{
	margin-bottom: 15px;
}

#site-detail  .related-articles .articles-list .article-block .block-content .article-title a{
	color: #6c2400;
	font-size: 18px;
	font-weight: bold;
}

#site-detail  .related-articles .articles-list .article-block .block-content .article-description{
	margin-bottom: 15px;
}

#site-detail  .related-articles .articles-list .article-block .block-content .article-btn{
	text-align: right;
}

#site-detail  .related-articles .articles-list .article-block .block-content .article-btn a{
	color: blue;
}

/* site-home-about */
#site-home-about{}

#site-home-about img{
	max-width: 100%;
}

#site-home-about .home-about--des{
	width: 80%;
	float: right;
	padding: 20px;
}
/* end site-home-about */


.lSSlideOuter .lSPager.lSGallery{
	width: 100% !important;
}

.lSSlideOuter .lSPager.lSGallery li{
	width: 25% !important;
	margin: 0 !important;
	padding: 0 2px;
}


.priceFormat span{
	color: red;
	font-weight: bold;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border-color: #ed1c24;
	border-bottom-color: transparent;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,
.nav-tabs>li>a{
	color: #ed1c24;
}

.nav-tabs{
	border-bottom-color: #ed1c24;
}


/**/
.home-title{
	color: #8e191b;
}

.home-btn{
	border: 5px solid #e1d34f;
	color: #8e191b;
	font-size: 20px;
	padding: 6px 25px;

	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.prodetail-proname{
	color: #8e191b;
	/*text-align: center;*/
}


#cfacebook{
	position:fixed;
	bottom:0px;
	right: 50px;
	z-index: 99999;
	width: 350px;
	text-align: right;
}

.chat_fb{
	text-align: center;
	background-color: #ff0;
	color: #8e191b;
	display: inline-block;
	padding: 10px 15px;
}

.chat_fb:hover,
.chat_fb:focus{
	color: #8e191b;
}

#scroll-top{
	position: fixed;
	right: 5px;
	bottom: 15px;
	background-color: #fff;
	border: 2px solid #ed1c24;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	display: inline-block;
	border-radius: 50%;
	font-size: 20px;
}

#scroll-top span{
	color: #ed1c24;
}



.btn-call-now span.glyphicon{
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	background-color: #8e191b;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	float: left;
	z-index: 3;
	position: relative;
}

.btn-call-now span.call-now--text{
	display: inline-block;
	padding: 6px 20px;
	border-radius: 20px;
	background-color: #8e191b;
	float: left;
	margin-top: 7px;
	position: relative;
	left: -20px;
	z-index: 2;
	color: #fff;
}


.customer-list .blk-customer{
	background: rgba(0, 0, 0, 0.6);
}


/* site-body */

#site-body{}

#site-body .site-body--head{
	height: 40px;
	/*background-color:#ffd800;*/
}

#site-body .site-body--head-left h4{
	background-color: #ed1c24;
	height: 40px;
	line-height: 40px;
	color: #fff;
	margin: 0;
	/*border-radius: 5px 5px 0 0;*/
}

#site-body  .body-head--overlay{
	position: absolute;
	height: 40px;
	background-color: #eee;
	left: 15px;
	right: 15px;
	z-index: -1;
}

.container-cat{
	padding: 0 12px;
}

.container-cat p{
	margin: 0;
	padding: 10px;

}

.container-cat p:not(:last-child){
	border-bottom: 1px solid #fff;
}

.container-cat--head h4{
	height: 40px;
	line-height: 40px;
	background-color: #ed1c24;
	color: #fff;
	text-align: center;
}

#site-body .home--new-products{
	/*border: 1px solid #acacac;*/
}


#site-body .new-products--item{
	padding: 0 0px;
}

#site-body .new-products--img{
    padding-top: 30px;
    height: 180px;
    border: 1px solid #acacac00;
    margin-bottom: 10px;
}

#site-body .new-products--img img{
	height: 150px;
	max-width: 100%;
	display: inline-block;
}

#site-body .new-hinhanh--img img{
	height: 350px;
	max-width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}

#site-body .new-products--activity .btn-addcart{
	background-color: #ed1c24;
	padding: 6px;
	margin-right: 10px;
}

#site-body .new-products--activity .btn-detail{
	background-color: #fff;
	border-color: #000;
	border: 2px solid;
	padding: 6px;
	color: #000;
	text-transform: uppercase;
}


#site-body .home--product-heading{
	height: 40px;
	line-height: 40px;
	background-color: #0066c5;
	color: #fff;
	padding-left: 30px;
}


.hot-products .hot-product--title{
	height: 40px;
	line-height: 40px;
	background-color: #ed1c24;
	color: #fff;
	padding-left: 15px;
}

.hot-products .hot-product--item{
	border: 1px solid #acacac;
	text-align: center;
}

.hot-products .hot-product--img img{
	max-width: 100%;
	padding: 30px 40px 0;
}

.hot-product--viewall a{
	display: block;
	text-align: center;
	background-color: #333333;
	color: #fff;
	padding: 5px 0;
}


.procat--item{
	background-color: #e4e4e4;
	border-radius: 5px;
	/*border: 2px solid #dedede;*/
}

.procat--item .procat--info h4{
	text-transform: uppercase;
}

.procat--item.black{
	background-color: #333333;
	color: #fff;
}

.procat--item .procat--info{
	padding: 10px;
}

.procat--item .procat--img{
	padding: 15px;
}

@media(max-width: 479px){
	.procat--item .procat--img{
		width: 100%;
		text-align: center;
	}

	.procat--item .procat--info{
		text-align: center;
	}
}

.procat--item .btn{
	background-color: #2f2f2f;
	border-radius: 0;
}

.procat--item.black .btn{
	background-color: #f00;
	color: #fff;
}




#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	/*line-height: 1;*/
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#cssmenu #menu-button {
	display: none;
}
#cssmenu {
	font-family: "Helvetica", sans-serif;
	/*background: #333333;*/
	background: transparent;
}
#cssmenu{
	/*display: none;*/
}
@media(min-width: 992px){
	#cssmenu{
		/*display: block;*/
	}
}
#cssmenu.cssmenu-fixed-top{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999;
	/*text-align: center;*/
	background-color: #ed1c24;
	opacity: 0;
}

#cssmenu.cssmenu-fixed-top > ul{
	float: left !important;
}

#cssmenu.cssmenu-fixed-top > ul > li > a{
	color: #fff;
}

#cssmenu.cssmenu-fixed-top > ul > li.has-sub > a:before,
#cssmenu.cssmenu-fixed-top > ul > li.has-sub > a:after{
	background: #fff;
}

#cssmenu.cssmenu-fixed-top.cssmenu-show{
	opacity: 1;
	transition: 1s opacity;
}
#cssmenu > ul > li {
	float: left;
}
#cssmenu.align-center > ul {
	font-size: 0;
	text-align: center;
}
#cssmenu.align-center > ul > li {
	display: inline-block;
	float: none;
}
#cssmenu.align-center ul ul {
	text-align: left;
}
#cssmenu.align-right > ul > li {
	float: right;
}
#cssmenu > ul > li > a {
	padding: 13px;
	/*font-size: 12px;*/
	font-size: 14px;
	letter-spacing: 1px;
	text-decoration: none;
	/*color: #dddddd;*/
	color: #111;
	font-weight: 700;
	text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
	/*color: #ffffff;*/
}
#cssmenu > ul > li.has-sub > a {
	padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
	position: absolute;
	top: 22px;
	right: 14px;
	width: 8px;
	height: 2px;
	display: block;
	/*background: #dddddd;*/
	background: #111;
	content: '';
}
#cssmenu > ul > li.has-sub > a:before {
	position: absolute;
	top: 19px;
	right: 17px;
	display: block;
	width: 2px;
	height: 8px;
	/*background: #dddddd;*/
	background: #111;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
	top: 23px;
	height: 0;
}
#cssmenu ul ul {
	position: absolute;
	left: -9999px;
	z-index: 9999;
}
#cssmenu.align-right ul ul {
	text-align: right;
}
#cssmenu ul ul li {
	/*height: 0;*/
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#cssmenu li:hover > ul {
	left: auto;
}
#cssmenu.align-right li:hover > ul {
	left: auto;
	right: 0;
}
#cssmenu li:hover > ul > li {
	/*height: 35px;*/
	min-height: 35px;
}
#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0;
}
#cssmenu.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}
#cssmenu ul ul li a {
	border-bottom: 1px solid rgba(150, 150, 150, 0.15);
	padding: 11px 15px;
	width: 170px;
	font-size: 13px;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	/*background: #333333;*/
	background: #ed1c24;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
	border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
	color: #ffffff;
	background-color: #d00008;
}
#cssmenu ul ul li.has-sub > a:after {
	position: absolute;
	top: 16px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #dddddd;
	content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
	right: auto;
	left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #dddddd;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
	right: auto;
	left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
	top: 17px;
	height: 0;
}
#cssmenu.small-screen {
	width: 100%;
	max-height: 100%;
	overflow-y: auto;
}
#cssmenu.small-screen ul {
	width: 100%;
	display: none;
}

#cssmenu.small-screen.align-center > ul {
	text-align: left;
}
#cssmenu.small-screen ul li {
	width: 100%;
	border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {
	height: auto;
}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
	width: 100%;
	border-bottom: 0;
}
#cssmenu.small-screen > ul > li {
	float: none;
}
#cssmenu.small-screen ul ul li a {
	padding-left: 25px;
}
#cssmenu.small-screen ul ul ul li a {
	padding-left: 35px;
}
#cssmenu.small-screen ul ul li a {
	color: #fff;
	background: none;
}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul li.active > a {
	color: #ffffff;
}
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {
	position: relative;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: left;
}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {
	display: none;
}
#cssmenu.small-screen #menu-button {
	display: block;
	padding: 17px;
	color: #8e191b;
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
}
#cssmenu.small-screen #menu-button:after {
	position: absolute;
	top: 22px;
	right: 17px;
	display: block;
	height: 4px;
	width: 20px;
	border-top: 2px solid #8e191b;
	border-bottom: 2px solid #8e191b;
	content: '';
	box-sizing: content-box;
}
#cssmenu.small-screen #menu-button:before {
	position: absolute;
	top: 16px;
	right: 17px;
	display: block;
	height: 2px;
	width: 20px;
	background: #8e191b;
	content: '';
	box-sizing: content-box;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
	top: 23px;
	border: 0;
	height: 2px;
	width: 15px;
	background: #8e191b;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#cssmenu.small-screen #menu-button.menu-opened:before {
	top: 23px;
	background: #8e191b;
	width: 15px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#cssmenu.small-screen .submenu-button {
	position: absolute;
	z-index: 99;
	right: 0;
	top: 0;
	display: block;
	border-left: 1px solid rgba(120, 120, 120, 0.2);
	height: 46px;
	width: 46px;
	cursor: pointer;
}
#cssmenu.small-screen .submenu-button.submenu-opened {
	background: #8e191b;
}
#cssmenu.small-screen ul ul .submenu-button {
	height: 34px;
	width: 34px;
}
#cssmenu.small-screen .submenu-button:after {
	position: absolute;
	top: 22px;
	right: 19px;
	width: 8px;
	height: 2px;
	display: block;
	background: #8e191b;
	content: '';
}
#cssmenu.small-screen ul ul .submenu-button:after {
	top: 15px;
	right: 13px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:after {
	background: #ffffff;
}
#cssmenu.small-screen .submenu-button:before {
	position: absolute;
	top: 19px;
	right: 22px;
	display: block;
	width: 2px;
	height: 8px;
	background: #8e191b;
	content: '';
}
#cssmenu.small-screen ul ul .submenu-button:before {
	top: 12px;
	right: 16px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:before {
	display: none;
}
#cssmenu.small-screen.select-list {
	padding: 5px;
}






.home-print{
	background: url(http://ngoccuongphat.com/THANHNGOC_files/bg-inan.jpg);
	min-height: 348px;
	padding: 20px;
}

.home-print--inner{
	background: rgba(255, 255, 255, 0.7);
	padding-top: 1px;
	padding-bottom: 30px;
}

.home-print--inner h3{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #003cca;
	padding-top: 10px;
}

.home-print--inner ul{
	padding-left: 30px !important;
}

.home-print--inner ul li a{
	font-size: 20px;
}




#icon-social-fixed-right{
	position: fixed;
	z-index: 10;
	right: 0;
	top: 30%;
	width: 46px;
}
#icon-social-fixed-right a{
	display: block;
}


#info-below-slideshow{
	background-color: red;
	padding: 12px 0;
	color: #fff;
	font-size: 16px;
}

#info-below-slideshow p{
	margin: 0;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}