@font-face {
  font-family: "UTMAvo";
  src: url("fonts/UTMAvo.eot"); /* IE9 Compat Modes */
  src: url("fonts/UTMAvo.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/UTMAvo.otf") format("opentype"), /* Open Type Font */
    url("fonts/UTMAvo.svg") format("svg"), /* Legacy iOS */
    url("fonts/UTMAvo.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/UTMAvo.woff") format("woff"), /* Modern Browsers */
    url("fonts/UTMAvo.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
html, body, h1, h2, h3, h4, h5, h6, a, img{
  border:0;
  font-size:14px;
  margin:0;
  outline:0;
  padding:0;
  font-family:UTMAvo;
  vertical-align:baseline;
  text-decoration:none;
}
* html .clearfix {
  height:1%;
}
.clearfix {
  display:inline-block;
}
html[xmlns] .clearfix {
  display:block;
}
.clearfix::after {
  clear:both;
  content:'.';
  display:block;
  font-size:1px;
  height:0;
  line-height:0;
  overflow:hidden;
  visibility:hidden;
}
.clear{ clear:both;}
.no-pd-lf{ padding-left:0px;}
.no-pd-rt{ padding-right:0px;}
.no-padding-r {
	padding-right: 0px;
}
.no-padding-l {
    padding-left: 0;
}
.headertop{
	padding:3px 0px 5px;
	background:#70432c;
}
.headertop img{ max-width:100%; }
.headertop_left span img{ vertical-align:middle; }
.headertop_left a{ text-decoration:none; color:#fff; }
.headertop_left span{ padding-right:10px; margin-top:7px; display:inline-block; }
.headertop_right{ float:right; }
.headertop_right_l{ float:right; padding:5px 15px 2px 15px; display:inline-block; }

.f-nav{ z-index:9999; position: fixed; top: 0; width:100%; background: #fff;  margin:0 auto; border-bottom:1px solid #EAEAEA;}
header{
	padding:10px 0px 10px 0px;
	width:100%;
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.176);
}

.logo{ }
.logo img{ max-width:60%; }
.menuhrader{ position:relative; }
.search{ position:relative; }
.search input[type="text"] {
  background:#f9f9f9;
  border:0;
  border-radius:0;
  box-sizing:border-box;
  /*color:#000;*/
  display:block;
  font-size:11px;
  /*font-weight:600;*/
  height:35px;
  line-height:18px;
  /*margin:0px 0 0 0px;*/
  padding:3.5px 50px 4.5px 16px;
  /*text-transform:none;
  width:100%;
  outline:none;*/
  border:1px solid #ccc;
}
.search input[type="text"]::placeholder{
    color: #808080;
}

.search button, .search button:focus, .search button:active {
  -webkit-appearance:none;
  background:none !important;
  border:none;
  color:#ccc;
  cursor:pointer;
  display:inline-block;
  font-size:20px;
  font-weight:400;
  height:25px;
  line-height:35px;
  outline:none;
  padding:0;
  position:absolute;
  right:15px;
  top:10px;
  transition:all 0.3s ease;
  width:35px;
  z-index:999;
}
.Hotline{ color:#FF0000; font-weight:bold;  font-size:16px; }
.title {
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1.1;
	background: #70432c;
	padding: 15px 0;
}
.dv-line {
    margin-top: 10px !important;
    text-align: center !important;
    width: 100%;
}
.dv-brief {
    color: #999999;
    font-size: 14px;
    text-transform: none;
}
.productsHomeKM{ padding:30px 0px 0px; }
.products-item img{ max-width:100%;}
.products-item a{ text-decoration:none; color:#000000; line-height: 150%;}
.products-item{ text-align:center; position:relative; height:280px;}
.products-item a:hover{ color:#B70000; }
.products-item-masp{ margin:5px 0px;}
.products-item .products-item-masp a{ font-weight:bold;}
.products-item-price{ margin:5px 0px; }
.products-item-price .price-txt{color:#FF0000; display:inline-block;}
.products-item-price .price1{ text-decoration:line-through; display:inline-block; margin-left:15px;}
.products-item-name{ width:80%; margin:0 auto; }
.products-col{ position:relative; }

.products-item .hot{ position:absolute; top:0px; right:0; background:url(../images/hot-sp.png) no-repeat; height:51px; width:51px; z-index:999;}
.products-item .discount{ position:absolute; top:0px; right:0; background:url(../images/discout.jpg) no-repeat; height:51px; width:51px; z-index:999; line-height:51px;}
.products-item .discount span{ color:#FFFFFF; }


.products-item-img {
	position: relative;
	margin: 0px 0px 0px 0px;
	//overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.products-item-img:hover .function-btn {
		bottom: 0px;
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
.products-item-img .function-btn {
	margin: 5px auto;
	position: absolute;
	bottom: -60px;
	left: 0px;
	right: 0px;
	width: 100%;
	z-index: 14;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.products-item-img .function-btn .btn-cart {
	display: inline-block;
	width: 46%;
}
.products-item-img .function-btn .btn-cart .link-cart,
.products-item-img .function-btn .btn-detail .link-view {
	background: rgba(255, 255, 255, 0.78);
	color: #000000;
	font-size: 12px;
	font-weight: 300;
	border: none;
	border-bottom: 1px solid #ededed;
	display: block;
	height: 38px;
	width: 100%;
	line-height: 30px;
	border-radius: 5px;
	padding: 5px;
}
.products-item-img .function-btn .btn-detail {
	display: inline-block;
	width: 46%;
}
.products-item-img .function-btn .btn-detail .link-view:hover,
.products-item-img .function-btn .btn-cart .link-cart:hover {
	background: #F8F8F8;
}
.bannerCateHome{ margin-bottom:30px; }
.bannerCateHome img{ max-width:100%; }

.ItemBannerHome{ margin-bottom:15px; }
.ItemBannerHome img{ max-width:100%;  }
.ColBannerHome{ position:relative; }
/*.nameBannerHome{ position:absolute; bottom:20px; background:#FFFFFF; padding:10px; left:15px; }
.nameBannerHome a{ text-decoration:none; color:#000000; font-size:16px; }*/
.chinhsachhome{ padding:60px 0px; }
.chinhsach-item{ text-align:center;}
.chinhsach-item img{ max-width:100%; }
.chinhsach-item-name{ margin:5px 0px; font-size:18px; }

footer{
	background:url(../images/bg-footer.jpg);
	color:#fff;
}
.menufooter a{ text-decoration:none; color:#fff; padding:0px 15px; text-transform:uppercase; }
.menufooter{ text-align:center; border-bottom:1px solid #333333; padding:15px 0px; margin-bottom:15px; }
.footer-title{ font-weight:bold; font-size:16px; margin-bottom:15px;  position:relative; }
.footer-title:after{
	content:"";
	width:160px;
	height:1px;
	background:#FFFFFF;
	display:block;
	margin-top:10px;
}
.footerbottom{ text-align:center; padding:10px 0px; }
.footer-line{ margin:0px; padding:0px; list-style:none;}
.footer-line li a{ text-decoration:none; color:#FFFFFF;}
.footer-line li{ padding:6px 0px; }
.footer-line li a:before{content:"\f058";font-family:FontAwesome;margin-right:5px;}
.footer-line li a:hover{ color:#FF0000;}


.footer-log{ text-align:center; }
.footer-log img{ max-width:30%;}
.footer-brief{ text-align:justify; line-height:150%; }


.fooFlowus{ text-align:right;}
.fooFlowus ul{ margin:0px; padding:2px 0 0; list-style:none; }
.fooFlowus ul li {
    display: inline-block;
    margin-right: 5px;
}
.fooFlowus ul li a {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
	border-radius:50%;

}
.fooFlowus ul li a:hover{ background:#FF0000;}
.fooFlowus ul li a .fa{line-height: 28px;}
.fooFlowus .show_twitter {
    color: #fff;
	background:#0cc;
}
.fooFlowus .show_facebook {
    color: #fff;
	background:#0067ce;
}
.fooFlowus .show_google {
    color: #fff;
	background:#ff3737;
}
.fooFlowus .show_google {
     color: #fff;
	background:#ff3737;
}
.frmfooter{ display:inline-block; width:100%; }
.frmfooter .emailtxt{ 
	float:left; width:70%;
	border:none;
	background:#333;
	height:35px;
	padding:0px 10px;
	outline:none;
	border-right:0px;
}
.frmfooter .submit-btn{
	float:left; width:30%;
	height:35px;
	background:#AE0000;
	color:#FFFFFF;
	border:1px solid  #AE0000;
}
.the-footer{ margin-top:10px;}
.the-footer img{ padding:10px; }
.socail-footer{ float:left; width:50%; margin-top:10px;}
.socail-footer a{ text-decoration:none; color:#FFFFFF; font-size:24px; padding-right:15px; }
.bocongthuong{ float:right; width:50%;}
.bocongthuong img{ max-width:80%;}
.socail-ct{ display:inline-block; width:100%; margin-bottom:30px;}
.f-brief{ border-top:1px dashed #ccc; padding-bottom:10px; text-align:justify; line-height:150%; color:#FFFFFF; padding-top:20px; }
.f-bottom{ background:#000000; color:#fff; padding:20px 0px;}
.f-title{ text-transform:uppercase; font-weight:bold; margin-bottom:10px; }
.f-hotline{ text-align:center; }
.f-hotline .f-title{ text-transform:none; font-weight:500; }
.f-website{ text-align:right; }
.f-website .f-title{ text-transform:none; font-weight:500; }

.f-bottom p{ margin:0px; }

#padding{
  padding:8px 0;
  text-align:right;
  width:100%;
  margin-right:10px;
  clear:left;
}
#padding a{ 
	text-align:right; 
	border: 1px solid #CCCCCC; 
	padding:5px 12px 5px; 
	margin:0 4px 4px; 
	color:#000; 
	text-decoration:none; 
	font-weight:600;
}
#padding a:hover{ 
	text-align:right; 
	border:1px solid #800020; 
	padding:5px 12px 5px; 
	background:#ff0000; 
	color:#FFFFFF;
}
#padding .active{ 
	text-align:right; 
	border:1px solid #800020; 
	padding:5px 12px 5px; 
	background:#ff0000; 
	color:#FFFFFF;
}
#padding .pad{ color:#000; text-decoration:none;}

.h1category {
    text-align: center;
    font-size: 36px;
    margin: 30px 0px 10px 0px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 700;
}

.breacrumb1 {
    text-align: center;
    margin-bottom: 20px;
}

.breacrumb1 a {
    text-decoration: none;
    color: #000;
    padding: 0px 5px;
}

.breacrumb1 a h2 {
    display: inline-block;
}

.breacrumb1 a:hover {
    color: #7b645c;
}

.breacrumb1 a:before {
    content: "/";
    font-family: FontAwesome;
    padding-right: 10px;
}

.breacrumb1 a.breacrumb-home1 {
    padding-left: 0px;
    padding-right: 0;
}

.breacrumb1 a.breacrumb-home1:before {
    content: "";
    font-family: FontAwesome;
}

.note{ text-align:justify; line-height:180%;}
.note img{ max-width:100%;}
.note h2{ font-size:20px; line-height:150%; margin:7px 0px; font-weight:bold;}
.note h3{ font-size:18px; line-height:150%; margin:7px 0px; font-weight:bold;}
.bannercate img{ max-width:100%; }
.motacate {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    line-height: 180%;
    padding-bottom: 10px;
}
.catedanhmuc {
    width: 70%;
    margin: 0px auto;
    padding-bottom: 40px;
}

.catedanhmuc a {
    text-decoration: none;
    color: #ff0000;
    display: block;
}

.catedanhmuc a:hover {
    text-decoration: none;
    color: #0080C0;
    display: block;
}

.catedanhmuc a .fa {
    color: #d6644a;
}

.catedanhmuc1 {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.catedanhmuc1 h2 {
    display: inline-block;
    margin: 8px;
}
.comment {
    margin-top: 30px;
    margin-bottom: 20px;
}

.error {
    color: #FF0000;
    font-weight: 500;
    margin-top: 8px;
}

.btnprimary {
    width: 100%;
}

.profile {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #666;
    text-align: center;
    color: #fff;
    line-height: 50px;
    text-transform: uppercase;
}
.profileA {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #FE7C00;
    text-align: center;
    color: #fff;
    line-height: 50px;
    text-transform: uppercase;
}

.review-block-name {
    font-weight: bold;
    margin-bottom: 15px;
}

.review-block-description {
    background-color: #f6f7f3;
    padding: 15px 20px;
    margin-bottom: 5px;
    -webkit-box-shadow: 1px 1px 4px 1px #e0e3d3;
    -moz-box-shadow: 1px 1px 4px 1px #e0e3d3;
    box-shadow: 1px 1px 4px 1px #e0e3d3;
    position: relative;
}

.review-block-description:before {
    content: "";
    float: left;
    position: absolute;
    top: 0px;
    left: -14px;
    width: 0;
    height: 0;
    border-color: transparent #f6f7f3 transparent transparent;
    border-style: solid;
    border-width: 14px 14px 14px 0;
}

.sttext {
    margin-top: 30px;
}

.timeago {
    font-size: 12px;
    font-style: italic;
    color: #666666;
}

.commentopen {
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    font-style: italic;
}

.stbodysub {
    padding: 0 0 20px 95px;
    display: inline-block;
    width: 100%;
}
.CommentShow{ margin-bottom:20px; }
.mangxahoi_detail{
	margin:10px 0px;
}
.mangxahoi_detail .mangxahoi_box{
	float:left;
	margin-right:8px;
}
.selectors{ margin-top:15px; }
.thumb img{ max-width:100%; }
.imgdetail-img{ text-align:center; }
.imgdetail-img img{ max-width:100%; }
.contDetail h1{ font-size:24px; margin-bottom:15px; line-height: 150%;}
.detail_brief{ text-align:justify; line-height:180%;}
/*.detailRow{ margin-top:50px; }*/
.detail-price-goc{ margin:10px 0px; display:inline-block; }
.detail-price-goc .priceg{ color:#F40000; font-size:18px; padding-left:5px; }
.priceName{ border-bottom:1px solid #000; }
.detail-price-dis{ margin-left:30px; text-decoration:line-through; }
.color-d{ display:inline-block; width:100%; margin:10px 0px; }
.qty {
    width: 30px;
    height: 30px;
    text-align: center;
	float:left;
	border:1px solid #E5E5E5;
}
input.qtyplus { width:30px; height:30px; float:left; border:1px solid #E5E5E5; border-right:none; font-weight:bold; outline:none;}
input.qtyminus { width:30px; height:30px; float:left; border:1px solid #E5E5E5; border-left:none; font-weight:bold; outline:none;}

.color-d-l{ float:left; margin-left:5px;}
.colorSL{ margin-top:5px; }
.productPriceWrapRight  .buy-now-detail {
	width:70%;
	border-radius: 3px;
	color: #fff;
	border: none;
	text-align: center;
	clear: both;
	outline: none;
	cursor:pointer;
	background:#b33737;
	padding:9px;
	font-size: 18px;
	text-transform:uppercase;
	margin:10px 0;
}
.productPriceWrapRight span{ display:block; text-transform:none; font-size:12px; }
.detailRow{ display:inline-block; width:100%; }
.detailNote{ margin-top:40px; }
.detailNote .nav-tabs{ width:100%; background:#d2d2d2;}
.detailNote .nav-tabs li a{ text-decoration:none; color:#000000; text-transform:uppercase; }
.detailNote .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	background:#70432c; color:#fff;
}
.detailNote .tab-content{ margin:20px 0px; }
.ReadproductsName{ text-transform:uppercase; }
.MoreDetail{ text-align:center; margin-bottom:60px;}
.MoreDetail a{ color:#fff; text-decoration:none; background:#70432c; padding:16px 35px;}
.Readproducts{ margin-bottom:30px; }
.Shoppingcart{
	position:absolute;
	right:0px;
	top:20px;
}
.Shoppingcart #sl{
	width:30px; height:30px; border-radius:50%; background:#FF0000; color:#FFFFFF; display:inline-block; text-align:center; line-height:30px;
	position:absolute; top:0px;
}
.mainpagecart{
	background:#f0f0f0;
	padding-top:10px;
}
.shoppingcart1{
	width:50%;
	margin:0 auto;
	margin-top:-15px;
}
.cartback{
	width:100%;
	background:#fff;
	padding:30px;
	margin-bottom:30px;
	position:relative;
}
.shopcart-lr{ display:inline-block; width:100%; margin-bottom:20px; }
.shopcart-l{ float:left; }
.shopcart-r{ float:right; text-align:right; }
.shopping-title{
	border-bottom:1px solid #ccc;
	display:inline-block;
	width:100%;
}
.label_item{
	padding:10px;
	border-right:1px solid #ccc;
	text-align:center;
}
.label_item:last-child {
    border: none;
}
.cpro_item{
	float:left;
	width:20%;
	padding-right:15px;
	text-align:center;
}
.cpro_item img{ max-width:100%; }
.cpro_item div{ margin-bottom:10px; }
.cpro_item a{ text-align:none; color:#666; cursor:pointer; }

.cpro_item_r{ float:left; width:60%; }
.cpro_item_rr{ float:right; width:20%; }
.price_cpro{ color:#BF0000; }
.cpro_item_cn{ color:#666; }
.cpro_item_name{ margin-bottom:10px; }
.cpro_item:last-child {
    border: none;
}
.shopping-bottom{
	border-bottom:1px solid #f5f5f5;
	display:inline-block;
	width:100%;
	color:#666;
	padding-top:5px;
}

.cpro_item_cn{ border:1px solid #ccc; padding:5.5px; height:35px; }
.giohang_1{ width:25px; border:1px solid #ccc; text-align:center; padding:0px 5px; border-right:none; height:29px; }
.soluong_it{ margin:20px 0;}
.tongtien{
	display:inline-block;
	margin:15px 0px;
	border-bottom:1px solid #ccc;
	width:100%;
	padding-bottom:15px;
}
.tongtien span{ float:left; }
.tongtien span:nth-child(2) {
    float: right;
}

.tongtien font{ color:#BF0000; font-weight:bold;}
.thanhtoan div{ display:inline;}

.fromdk label{
	font-weight:500;
	margin-right:15px;
	font-size:16px;
}
.thanhtoan .btntt-tt{ margin-right:20px;}
.btntt{
	color:#fff;
	background:#AE0000;
	padding:10px;
	text-decoration:none;
	cursor:pointer;
	text-transform:uppercase;
	border:none;
	width:100%;
}
.btntt span{ display:block; font-size:12px; text-transform:none; }
.btnonline{
	color:#fff;
	background:#cc6100;
	padding:10px;
	text-decoration:none;
	cursor:pointer;
	text-transform:uppercase;
	border:none;
	width:100%;
}
.btnonlinea{ display:inline-block; text-align:center; text-decoration:none; color:#fff; }
.btnonlinea:hover{text-decoration:none; color:#fff;}
.btnonline span{ display:block; font-size:12px; text-transform:none; }

.btntt:hover{
	text-decoration:none;
	background:#333333;
	color:#FFFFFF;
}
.btntt1{
	text-decoration:none;
	color:#000;
	cursor:pointer;
	border-bottom:1px solid #000;
}
/*
.shoppingcart1{
	margin-top:20px;
	margin-bottom:30px;
}*/
.donhang{
	padding:10px;
	border:1px solid #DADADA;
}
.thanhtoan_title{
	font-weight:bold;
	margin-bottom:20px;
}
.donhang_title{
	font-size:20px;
	border-bottom:1px solid #DADADA;
	padding-bottom:20px;
}
.donhang_bottom{
	border-bottom:1px solid #DADADA;
	padding:20px 0px;
	display:inline-block;
	width:100%;
}
.pull-left {
    float: left !important;
	padding-right:15px;
}
.product-image{
	width:70px;
}
.product-info {
    max-width: 50%;
}
.product-info-name{
    display: block;
}
.order-summary strong {
    color: #555;
    font-weight: 500;
}
.total-line-total {
    
    padding-top: 16px;
}
.total-line {
    margin-bottom: 16px;
}
.total-line-price {
    color: #FF0000;
    font-size: 18px;
	font-weight:bold;
}
.pull-right {
    float: right !important;
}
.submitbuton{ margin-top:10px; width:100%;}
.iconcheck{ padding-bottom:15px;}
.iconcheck div:before{
	content:"\f101";font-family:FontAwesome;
	padding-right:5px;
}

.order_title{
	font-size:20px;
	border-bottom:1px solid #DADADA;
	padding-bottom:15px;
}
.order-summary{
	padding-top:15px;
}
.order_back{
	border:1px solid #DADADA;
	padding:10px;
}
.cpro_item_name div{ padding-bottom:10px; }
.dis-shop{ text-decoration:line-through; margin:5px 0px; }
.tongtien div{ display:inline-block; width:100%; margin:5px 0px;}
.orderdathang{ margin-top:15px; }
.orderdathang-title{ text-transform:uppercase; background:#f0f0f0; padding:10px; margin-bottom:15px; }
.order-tt{ margin:0px; padding:0px; list-style:none;}
.order-tt li{ padding:5px 0px;}
.moreorder{ text-align:center; margin-top:30px; }
.moreorder a{ text-decoration:none; color:#9F0000; border:1px solid #9F0000; padding:10px; text-transform:uppercase; }
.writea-h4 {
    margin-bottom: 15px;
}
.headline a{ text-decoration:none; color:#000000; font-size:20px; }
.headline {
    text-align: center;
    font-size:20px;
    line-height: 1.8rem;
    position: relative;
    padding-bottom: 10px;
	text-transform:uppercase;
}
.news-item img{ max-width:100%;}
.news-item a{ text-decoration:none; color:#000; line-height:150%;}
.news-item a:hover{ color:#F14002; }
.news-item .news-item-name{ margin:5px 0px; }
.news-item{ text-align:center; height:330px; margin-bottom:20px; }
.news-item.news-item-cl{height:260px;}
.detailh1{ text-align:center; font-size:24px; margin-bottom:15px; line-height:130%;}
.readnews{ margin:30px 0px; background:#F2F4F3; padding:10px; }
.readnews_title{ font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; }
.readbox{ padding:4px 0px;}
.readbox a{ text-decoration:none; color:#000;}
.readbox a:hover{ color:#FF0000;}
.HotroDRow{ width:70%; margin:20px auto; border:3px dashed #FF0000; padding:20px;}

.main1{ display:inline-block; width:100%; padding:60px 0px; }
.main1-col{ float:left; width:25%; }
.block_home_one_7{
    margin-top: 25px;
}
.block-7 img{
    width: 100%;
    height: auto;
}
.line-block-7{
    border-bottom: 1px solid #fff;
    width: 15px;
    height: 1px;
    margin: 5px auto 10px;
}
.block7-title{
    color: #fff;
    font-family: playfair display;
    font-size: 30px;
    font-style: italic;
    text-transform: capitalize;
}
.block-7{
    position: relative;
    overflow: hidden;
}
.sub-content-block7 .btn2{
    padding: 7px 30px;
	border:1px solid #fff;
	color:#FFFFFF;
}
.text-block7{
    color: #FFFFFF;
}
.block-7 .content-block-7:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(122,74,75,0.5);
    transform: translate3d(0,100%,0);
    -webkit-transform: translate3d(0,100%,0);
    opacity: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.translate-top-down .content-block-7:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(122,74,75,0.5);
    transform: translate3d(0,-100%,0);
    -webkit-transform: translate3d(0,-100%,0);
    opacity: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    z-index: -1;
}
.translate-left .content-block-7:before{
    content: '';
    transform: translate3d(-100%,100%,0);
    -webkit-transform: translate3d(-100%,100%,0);
}
.translate-right .content-block-7:before{
    content: '';
    transform: translate3d(100%,-100%,0);
    -webkit-transform: translate3d(100%,-100%,0);
}
.content-block-7{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    height: 100%;
    z-index: 3;
}
.sub-content-block7{
    left: 50%;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    opacity: 0;
    transition: opacity 0.9s;
    -webkit-transition: opacity 0.9s;
}
.block7-specail .sub-content-block7{
    opacity: 1;
}
.block7-specail .content-block-7:before{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.block-7.translate-top-down:hover .content-block-7:before{
    opacity: 1;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}
.block-7.translate-top-down:hover .content-block-7:after{
    opacity: 1;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.block-7:hover .content-block-7:before{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.block-7:hover .sub-content-block7{
    opacity: 1;
}
.moreHome{ text-align:center; margin:10px 0 30px 0;}
.moreHome a{ color:#0000FF; text-decoration:none; }
div.fixedposicon {
    position: fixed;
    bottom: 120px;
    right: 10px;
    z-index: 1000;
}
.sim-button{
	line-height: 50px;
	height: 50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top:5px;
	width: 10%;
	cursor: pointer;
}
.button8{
	color:#000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;	
	background:#70432c;
}
.button8 a{
	color:#fff;
	text-decoration: none;
	display: block;
}
.button8 span{
	z-index: 2;	
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;	
}
.button8::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #d64646;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

}
.button8:hover::before{
	opacity: 1;
	width: 100%;
}
.DetailNews{ width:75%; margin:0 auto; }
#back-top {
    position: fixed;
    bottom: 80px;
    right: 10px;
}
#back-top a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    width: 50px;
    height: 50px;
    background: #F73936;
    color: #fff;
    border-radius: 50%;
}
#back-top span {
    display: block;
    margin-top: 10px;
    padding-top: 15px;
}
.CateHome .col-md-3{
	padding-right: 7px;
    padding-left: 7px;
}
.ProductsCol .col-md-3{
	padding-right: 7px;
    padding-left: 7px;
}

.SPcol {
  vertical-align: top;
  display: inline-block;
  position: relative;
  background: #efefef;
  background-size: cover;
  overflow: hidden;
  margin-right: 0px;
}
.SPcol.three div {
  left: 0;
  opacity: 0;
}
.SPcol.three:hover div { opacity: 1; }
.SPcol img { max-width: 100%; }

.SPcol div {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  font-weight: 300;
  color: #15B591;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.33);
  top: 0;
  left: 100%;
  transition: all 300ms ease-in-out;
 /* background: #a90329;
  background: linear-gradient(135deg, rgba(169, 3, 41, 0.8) 0%, rgba(143, 2, 34, 0.8) 44%, rgba(109, 0, 25, 0.8) 100%);*/
}

.SPcol div:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.SPcol div span {
  display: inline-block;
  vertical-align: middle;
  padding: 30px;
  letter-spacing: 1px;
}

.SPcol img,a:before{
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.SPcol img:hover, a:before, .SPcol:hover img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
	-webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}


@-webkit-keyframes 
slideLeft {  0% {
 left: 100%;
}
 70% {
 left: 0%;
}
 85% {
 left: 4%;
}
 100% {
 left: 0%;
}
}
@-webkit-keyframes 
slideLeftOut {  0% {
 left: 0%;
}
 70% {
 left: 100%;
}
 85% {
 left: 96%;
}
 100% {
 left: 100%;
}
}
@-webkit-keyframes 
slideUp {  0% {
 top: 100%;
 left: 0%;
}
 70% {
 top: 0%;
}
 85% {
 top: 4%;
}
 100% {
 top: 0%;
 left: 0%;
}
}
@-webkit-keyframes 
slideUpOut {  0% {
 top: 0%;
 left: 0%;
}
 70% {
 top: 100%;
}
 85% {
 top: 96%;
}
 100% {
 top: 100%;
 left: 0%;
}
}
.slider {
position: relative;
width: 100%;
height: 500px;
overflow: hidden;
}
.slides {
height: 100%;
overflow: hidden;
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
margin:0px;
padding:0px;
list-style:none;
}
.slide {
height: 100%;
float: left;
clear: none;
}
.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
padding: 20px;
text-decoration:none;
color:#fff;
}
.slider-arrow:hover{ color:#15B591;}
.slider-arrow .fa{ font-size:50px; }
.slider-arrow--right {
bottom: 50%;
right: 30px;
}
.slider-arrow--left {
bottom: 50%;
left: 30px;
}
.slider-nav {
	position: absolute;
	bottom: 10px;
}
.slider-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff;
}
.slider-nav__item:hover {
	background: #70432c;
}
.slider-nav__item--current {
	background: #d64646;
}
.facebook-fixed {
    position: fixed;
    left: -205px;
    top: 45%;
    display: block;
    background: transparent;
    transform: rotate(90deg);
    height: 250px;
    width: 250px;
    transition: all 0.3s ease;
	z-index:999;
}

.facebook-fixed:hover {
    left: 0;
    transform: rotate(0deg);
}

.facebook-fixed > .title {
    color: #fff;
    font-size: 22px;
    background: #39599f;
    padding: 10px 60px 10px 0px;
    margin: 0;
    position: relative;
    border-radius: 7px 7px 0 0;
}

.facebook-fixed > .title > span {
    background: #fff;
    color: #39599f;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 10px;
    font-weight: bold;
    text-align: center;
    font-size: 26px;
    line-height: 30px;
	z-index:999;
}