/* <bibomart.css> */
 	.logo {margin: 0;}
	.logo a {
		display: block;
		margin: 0;
	}
	
/* <header> */
	.header{
		margin-bottom:0px !important;
	}
	.header .topbar{
		height:26px;
		line-height:26px;
		background:#f2f2f2;
		border-bottom:1px solid #e5e5e5;
		margin-bottom:0;
	}
	.header .topbar ul{}
	.header .topbar ul li{
		float:left;
	}
	.header .topbar ul li.active{
		background:#e7e7e7;
	}
	.header .topbar ul li.active > *{
		color:#555;
		padding:10px 15px;
		font-weight:bold;
	}
	.header .topbar ul li.hotline a{
		color:#777;
		padding:10px 15px;
	}
	.header .topbar ul li.hotline span{
		font-weight:bold;
	}
	.header .topbar ul li.hotline a:hover{
		color:#333;
	}
	.header .upper{
		/*background:url(img/giao-dien-bien-goi.png) no-repeat #84ad52 center center;*/
		background: #84ad52;
		padding: 25px 0;
	}
	.header .language > a {display: block;height: 15px;width: 24px; background-image: url('img/language.png'); background-repeat: no-repeat;text-indent: -9999px;}
	.header .language > a + a {margin-left: 5px;}
	.header .language > a.en{
		background-position: -27px 0;
	}
	.header .upper .header-search{

	}
	.header .upper .header-search .form{
		position:relative;
		width:653px;
	}
	.header .upper .header-search .input-text{
		width:100%;
		color:#666;
		padding: 5px 3px 5px 15px;
		height:42px;
		line-height:42px;
	}
	.header .upper .header-search .btn-submit{
		position:absolute;
		width:51px;
		height:42px;
		line-height:42px;
		text-align:center;
		background:#d70014;
		border:none;
		cursor:pointer;
		top:0;
		right:0;
		color:#fff;
		font-size:20px;
		font-weight:normal;
		outline: none
	}

	.header .upper .header-cart .cart {
		display:block;
		position:relative;
		width:37px;
		height:34px;
		background:url(img/icon_cart.png) 0% 0% no-repeat;
	}
	.header .upper .header-cart .cart .quantity {
		position:absolute;
		display:block;
		width:22px;
		height:22px;
		font-size:10px;
		line-height:18px;
		color:#fff;
		text-align:center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: #db2827;
		border: solid 2px #333;
		bottom: -4px;
		right: -10px;
	}
	.header .commitment {
		font-size: 11px;
		line-height: 20px;
		font-weight: bold;
		color: #666;margin-top: 4px;
	}
	.header .commitment li+li {margin-left: 15px;}

	/* MAIN NAV */
	.main-nav {}
	.main-nav li{
		float:left;
		padding:8px 40px;
	}
	.main-nav li > *{
		color:#666;
	}
	.main-nav li:hover > *{
		text-decoration:underline;
	}
	/* ---- */

	/* Header small */
	.header-small {
		-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
		-o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
	}
	.header-small .topbar {
		padding: 5px 10px;
		font-size: 13px;
		line-height: 18px;
		text-align: center;
		color: #fff;
		background: #63843c;
	}
	.header-small .topbar a {color: #fff;}
	.header-small .upper {
		position: relative;
		padding: 10px 0;
		text-align: center;
	}
	.header-small .logo {
		display: inline-block;
		margin: 0;
		max-width: 200px;
	}
	.header-small .logo a {display: block;}
	.header-small .hotline {
		position: absolute;
		left: initial;
		right: 0px;
		top: 50%;
		font-size: 13px;
		line-height: 18px;
		color: #000;
		text-align: left;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.header-small .hotline .label {
		display: block;
		text-transform: uppercase;
	}
	.header-small .hotline .phone-number {
		display: block;
		font-size: 16px;
		font-weight: bold;
		color: #f00;
	}
	.header-searchSmall .form {
		position: relative;
		margin: 0 0 5px 0;
	}
	.header-searchSmall .form .input-text {
		padding: 0 5px 0 35px;
		height: 30px;
		line-height: 30px;
		background: #fff;
		border: 1px solid #e1e1e1;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
	}
	.header-searchSmall .form .btn-submit {
		color: #898989;
		top: 5px;
		left: 5px;
		font-size: 14px;
		position: absolute;
		border: none;
		background: none;
		cursor: pointer;
	}
	.header-small .cart {
		display: block;
		position: absolute;
		width: 44px;
		height: 41px;
		right: 10px;
		top: 50%;
		background: url(img/cart.png) center no-repeat;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.header-small .cart .quantity {
		position: absolute;
		width: 24px;
		height: 24px;
		line-height: 22px;
		font-size: 10px;
		color: #fff;
		text-align: center;
		z-index: 5;
		background-color: #bf1900;
		border: solid 2px #00ff01;
		left: 30px;
		bottom: -5px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}
	@media (max-width: 568px) {
		.header-small .logo {max-width: 175px}
	}

/* </header> */

/* ################################################# */
/* <body> */
	/* ------- Panel ------- */
	@media (min-width: 960px) {

	}

	/* HEADING */

	/* home banner */
	.homepage-banner .banner{
		padding-top:44px;
	}

	.homepage-banner .event{}
	.homepage-banner .event .panel-head{
		background:#84ad52;
	}
	.homepage-banner .event .panel-head .heading-2{
		margin:0;
		padding:12px 0px 12px 35px;
		position:relative;
		text-transform:uppercase;
		color:#fff;
		font-weight:normal;
	}

	.homepage-banner .event .panel-head .heading-2:before{
		content:'\f073';
		display:block;
		font-family:FontAwesome;
		position:absolute;
		top:11px;
		left:7px;
		font-size:22px;
	}

	.homepage-banner .event .panel-body{
		padding:10px;
		border: 1px solid #ff9595;
		height:281px;
		overflow:hidden;
	}
	.homepage-banner .event .panel-body .list-event{}
	.homepage-banner .event .panel-body .list-event > li{}
	.homepage-banner .event .panel-body .list-event > li .article-2{}
	.homepage-banner .event .panel-body .list-event > li .article-2 .thumb{

	}
	@media (min-width:479px){
		.article-2 .thumb{
			width:78px;
			float:left;
			height:78px;
			background:#fff;
			margin-right:10px;
		}
	}

	.homepage-banner .event .panel-body .list-event > li .article-2 .thumb .image{}
	.homepage-banner .event .panel-body .list-event > li .article-2 .info{}
	.homepage-banner .event .panel-body .list-event > li .article-2 .info .title *{
		color:#333;
		font-weight:normal;
		font-size:14px;
	}

	/* home-general */


	/* home-productCatalogue */
	.homeproductcatalogue-1 {background: #fff;}
		.homeproductcatalogue-1 .panel-head {width: 100%;position: relative;}
		/* .homeproductcatalogue-1 .panel-head .heading {background: #14a9de;} */
		.homeproductcatalogue-1 .panel-head .heading {
			height: 80px;
			font-size: 18px;
			padding: 40px 0 0 0;
			/* padding-left: 20px; */
			margin: 0;
			position: relative;
			background:url(img/giao-dien-bien-goi2.png) no-repeat;
			text-align:center;
			font-weight:normal;
		}
		.homeproductcatalogue-1 .panel-head .heading span {color: #fff;font-weight:normal;}
		.homeproductcatalogue-1 .panel-head .heading .order {
			/* position: absolute; */
		    /* top: 0;left: 0; */
		    /* border-bottom: 45px solid transparent; */
		    /* border-left: 70px solid #1080a7; */
		}
		.homeproductcatalogue-1 .panel-head .heading .order b {position: absolute;top: 3px;left: -62px;}
		.homeproductcatalogue-1 .panel-head .list-cat {padding: 15px 20px 5px 20px;}
		.homeproductcatalogue-1 .panel-head .list-cat .link {font-size: 14px;line-height: 20px;color: #333;}
		.homeproductcatalogue-1 .panel-head .list-cat .link:hover {color: #14a9de;}
		.homeproductcatalogue-1 .product {
			position: relative;
			border: 1px solid #dedede;
		}
		.homeproductcatalogue-1 .list-product .item:nth-child(n+2) .product {border-left: none;}
		.homeproductcatalogue-1 .product .sale {
			width: 39px;height: 39px;
			position: absolute;
			font-size: 12px;line-height: 39px;
			color: #fff;text-align: center;
			border-radius: 50%;
			background: url(image/sale.png) 0% 0% no-repeat;
			top: 10px;left: 10px;
		}
		.homeproductcatalogue-1 .product .thumb {padding: 5px}
		.homeproductcatalogue-1 .product .thumb .image {
			height: 135px;
			padding: 0px;
			margin: 0 0 3px 0;
		}
		.homeproductcatalogue-1 .product .info {text-align: center;}
		.homeproductcatalogue-1 .product .title {
			font-size: 14px;
			line-height: 20px;
			font-weight: bold;
		}
		.homeproductcatalogue-1 .product .title>a {color: #84ad52;}
		.homeproductcatalogue-1 .product .madein {
			margin: 0 0 8px 0;
			max-height: 20px;
			font-size: 12px;
			line-height: 20px;
			color: #666;
			overflow: hidden;
			-ms-text-overflow: ellipsis;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.homeproductcatalogue-1 .product .madein .value {font-weight: bold;}
		.homeproductcatalogue-1 .product .title .link {display: block;}
		.homeproductcatalogue-1 .product .title .link:hover {color: #2fa8fc;}
		.homeproductcatalogue-1 .product .price.not-sale {text-align: center;}
		.homeproductcatalogue-1 .product .price .new {
			font-size: 16px;
			line-height: 20px;
			font-weight: bold;
			color: #db2827;
			padding-bottom: 12px;
		}
		.homeproductcatalogue-1 .product .price .old {
			position: relative;
			font-size: 13px;
			line-height: 20px;
			color: #959595;
			text-decoration: line-through;
		}
		@media (min-width: 960px) {
			.homeproductcatalogue-1 .list-product .item:nth-child(n+5) .product {border-top: none;}
			.homeproductcatalogue-1 .list-product .item:nth-child(4n+5) .product {border-left: 1px solid #dedede;}
		}
		@media (min-width: 1220px) {
			.homeproductcatalogue-1 .product .thumb .image {height: 165px;}
		}
		@media (max-width: 1200px) {
			.homeproductcatalogue-1 .banner {display: none;}
			.homeproductcatalogue-1 .panel-head .heading {
				background:url(img/giao-dien-bien-goi2.png) ;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-ms-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}
		}
		@media (max-width: 960px) {
			.homeproductcatalogue-1 .panel-head .heading {height: auto;padding: 10px 0 0 50px;}
			.homeproductcatalogue-1 .panel-head .heading .order {
			    border-bottom: 35px solid transparent;
			    border-left: 50px solid #1080a7;
			}
			.homeproductcatalogue-1 .panel-head .heading .order {left: -47px;font-size: 12px;}
			.homeproductcatalogue-1 .panel-head {margin-bottom: 20px;}
			.homeproductcatalogue-1 .panel-head .heading {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: justify;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-ms-flex-align: center;
			    -webkit-align-items: center;
			    align-items: center
			}
			.homeproductcatalogue-1 .panel-head .list-cat {
				display: none;
				border: 1px solid #e1e1e1;
				border-top: none;
				position: absolute;
				z-index: 1000;background: #fff;
				right: 0px;top: 100%;bottom: initial;
			}
		}
		@media (max-width: 479px) {
			.homeproductcatalogue-1 .list-product .item {
				padding-left: 0;
				width: 50%;
			}
			.homeproductcatalogue-1 .list-product .item:nth-child(n+2) .product {border-top: none;}
			.homeproductcatalogue-1 .list-product .item:nth-child(n) .product {border-left: 1px solid #dedede;}
			.homeproductcatalogue-1 .product .thumb .image {height: 100px;}
		}

	/* Aside */
	.aside_categories{}
	.aside_categories .panel-head{
		margin: 0 0 15px 0;
		font-weight:normal;

	}
	.aside_categories .panel-head > *{
		font-weight:normal;
		font-size:25px;
	}
	.aside_categories .panel-body{}
	.aside_categories .panel-body .cat-item{}
	.aside_categories .panel-body .cat-item .sub-heading {
		color:#000;
		font-weight:normal;
		padding-left:20px;
		position:relative;
	}

	.aside_categories .panel-body .cat-item .sub-heading:before {
		content:'\f054';
		display:block;
		position:absolute;
		left:0;
		top:0;
		font-family:FontAwesome;
		font-size:11px;
	}

	.aside_categories .panel-body .cat-item .list-sub-cat{
		padding-left:20px;
	}
	.aside_categories .panel-body .cat-item .list-sub-cat > li{
		pading-left:20px;
		margin: 0 0 7px 0;
	}
	.aside_categories .panel-body .cat-item .list-sub-cat > li > *{
		color:#777;
		font-weight:normal;
		font-size:13px;
	}
	.aside_categories .panel-body .cat-item .list-sub-cat > li:hover > *{
		color:#bf1900;
	}

	/* Slide */
	.main-slide {
		position: relative;
		margin: 0 0 10px 0;
	}
	.main-slide .uk-slidenav {
		display: block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 18px;
		color: #fff;
		background: rgba(123, 99, 85, .7);
		-webkit-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}
	.main-slide .uk-slidenav-previous {left: 1px;}
	.main-slide .uk-slidenav-next {right: 1px;}
	.main-slide .uk-dotnav {bottom:5px;}
	.main-slide .uk-dotnav>*>* {background: #fff;}
	.main-slide .uk-dotnav>.uk-active>* {background: #bf1900;}
	@media (min-width: 960px) {
		.main-slide .uk-dotnav {
			visibility: hidden;
			z-index: -1;
		}
	}
	@media (max-width: 960px) {
		.main-slide .uk-slidenav {
			display: none;
			visibility: hidden;
		}
		.main-slide .uk-dotnav {
			visibility: visible;
			z-index: 5;
		}
	}
	.main-slide .image {
		height:442px;
	}

	.categories{
		height: 100%;
		background: #fff;
	}
	.categories .panel-head{
		background:#e51f28;

		position:relative;
		height:36px;
		line-height:38px;
		font-size:17px;
	}
	/*.categories .panel-head:before{
		position:absolute;
		top:12px;
		left:6px;
		width:14px;
		height:10px;
		background:url(img/bar.png);
		display:block;
		content:'';
	}*/
	.categories .panel-head .heading-1{
		line-height:36px;
		text-align:center;
		color:#fff;
		font-weight:bold;
		font-size: 15px;
	}
	.categories .panel-body{}
	.categories .panel-body ul{}
	.categories .panel-body ul li {
		padding: 10px 10px 10px 35px;
		float: left;
		width: 50%;
		border: 1px solid #e1e1e1;
		border-top: none;
	}
	.categories .panel-body ul li:nth-child(n+2) {border-left: none;}
	.categories .panel-body ul li:nth-child(2n+3) {border-left: 1px solid #e1e1e1;}
	.categories .panel-body ul li > *{
		color:#333;
		font-size:14px;
		display:block;
	}


	/* PRODUCT */
	.product-catalogue{}
	.product-catalogue .description{
		margin-bottom: 5px;
		padding: 5px;
		background:#fff4e7;
	}
	.product-catalogue .subchild{}
	.product-catalogue .subchild .item{}
	.product-catalogue .subchild .item .image{
		height:150px;
	}

	.product-1{
		background:#fff;
		border: 1px solid #e5e5e5;
		text-align: center;
	}
	.product-1 .thumb{
		margin: 0;
	}
	.product-1 .image{
		height:220px;
	}
	.product-1 .info{
		/*padding:10px 10px;*/
	}
	.product-1 .info .title {
		margin: 0 0 8px 0;
		font-size: 14px;
		line-height: 20px;
	}
	.product-1 .info .title a {color: #84ad52;}
	.product-1 .madein {
		margin: 0 0 8px 0;
		max-height: 20px;
		font-size: 12px;
		line-height: 20px;
		color: #666;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.product-1 .madein .value {font-weight: bold;}
	.product-1 .info .price {
		font-size: 13px;
		line-height: 20px;
		color:#999;
	}
	.product-1 .info .price .new {
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
		color: #db2827;
		padding-bottom: 12px;
	}
	.product-1 .info .price .old {text-decoration: line-through;}

	.product-details .info-details {border-top: 1px solid #e1e1e1;}
	.product-details .signature {position: relative;padding-top: 15px;}
	.product-details .signature:before {
		content: "";
		display: block;
		position: absolute;
		width: 250px;
		border-top: 1px dashed #252525;
		left: 0px;top: 0px;
	}
	.product-details .signature p {margin: 0 0 5px 0;}
	.product-details .gallerys {margin-bottom: 20px;}
	.product-details .gallery #carousel .image {
		height: 78px!important;
		width:78px;
		border:1px solid #e6e6e6;
	}

	.product-details .introduction {font-size: 14px;line-height: 20px;color: #000;}
	.product-details .introduction .maintitle {font-size: 20px;line-height: 28px;}
	.product-details .introduction .description p {margin: 0 0 7px 0;}
	.product-details .introduction .price {font-size: 15px;}
	.product-details .introduction .price .new .number {
		 font-size: 24px;
		 font-weight: bold;
		 color: #e60f1e;
	}
	.product-details .introduction .order .link {
	 display: inline-block;
	 padding: 12px 30px 12px 70px;
	 background-repeat: no-repeat;
	 background-position: 35px 50%;
	 background-color: #84ad52;
	 background-image: url(img/icon-cart-2.png);
	 border-radius: 4px;
	 color: #fff;
	}
	.product-details .introduction .order .addtocart {background-image: url(img/icon-cart.png);}
	.product-details .product-code-status .list .item {float: left;position: relative;}
	.product-details .product-code-status .list .item+.item {padding-left: 10px;margin-left: 10px;}
	.product-details .product-code-status .list .item+.item:before {
	 content: "";
	 display: block;
	 position: absolute;
	 height: 10px;
	 border-left: 1px solid #000;
	 left: 0px;top: 5px;
	}
	.product-details .product-code-status .list .item span {color: #e60f1e;}
	.product-slide #slider {border: 1px solid #e1e1e1;border-radius: 0px;}
	.product-slide #slider li {}
	.product-slide #slider .image {max-height: 400px;}
	.product-slide #carousel .item {border: none;border: 1px solid #e1e1e1;}
	.product-slide #carousel li.item:nth-child(n+2) {margin-left: 10px;}
	.product-slide #carousel .image {height: 85px;}
	.product-slide .flex-direction-nav a {display: block;opacity: 1;visibility: visible;background: #000;color: #fff;}
	.product-slide .flex-direction-nav .flex-prev {left: 0px;}
	.product-slide .flex-direction-nav .flex-next {right: 0px;}
	.product-slide .flex-direction-nav .flex-prev:before {content:'\f104';font-family: FontAwesome;color: #fff;}
	.product-slide .flex-direction-nav .flex-next:before {content:'\f105';font-family: FontAwesome;color: #fff;}
	.product-details .gallery #carousel .slides li+li {margin: 0 0 0 10px;}
	@media (min-width: 1220px) {
	 .product-details .gallery #carousel {max-height: 320px;overflow: hidden;}
	 .product-details .gallery #carousel .flex-next, .product-details .gallery #carousel .flex-prev {}
	 .product-details .gallery #carousel .slides li {float: none!important;}
	 .product-details .gallery #carousel .slides li+li {margin: 10px 0 0 0;}
	}
	@media (max-width: 479px) {
	 .product-details .order {
	  -moz-flex-direction: column;
	  -webkit-flex-direction: column;
	  -ms-flex-direction: column;
	  -o-flex-direction: column;
	  flex-direction: column;
	 }
	 .product-details .order .link {width: 195px;}
	 .product-details .order .link+.link {margin: 10px 0 0 0!important;}
	}
	@media (min-width: 960px) and (max-width: 1219px), (max-width: 567px) {
	 .product-details .product-code-status {
	  -moz-flex-direction: column;
	  -webkit-flex-direction: column;
	  -ms-flex-direction: column;
	  -o-flex-direction: column;
	  flex-direction: column;
	  -ms-flex-align: flex-start;
		 -webkit-align-items: flex-start;
		 align-items: flex-start;
	 }
	 .product-details .product-code-status>*+* {margin-top: 10px;}
	}
	@media (max-width: 479px) {
		.prdcatalogue-list {margin-left: 0;}
		.prdcatalogue-list>* {
			padding-left: 0;
			width: 100%;
		}
		.product-1 .image {height: 250px;}
	}

	.tab-control {
		margin: 0 0 30px;
		padding: 0;
		width: 100%;
	}
	.tab-control li {float: left;}
	.tab-control li a {
	 position: relative;
	 display: block;
	 padding: 12px 20px;
		border: 0px;
		color: #252525;
		cursor: pointer;
		font-weight: bold;
	}
	.tab-control li a:before {
	 content: "";
	 display: block;
	 position: absolute;
	 width: 0;height: 0;
	 z-index: 100;
	 border-top: 7px solid #84ad52;
	 border-left: 8px solid transparent;
	 border-right: 8px solid transparent;
	 bottom: initial;top: 100%;
	 left: 50%;
	 -webkit-transform: translate(-50%, 0);
	 -ms-transform: translate(-50%, 0);
	 -o-transform: translate(-50%, 0);
	 transform: translate(-50%, 0);
	 display: none;
	}
	.tab-control li.uk-active a:before {display: block;}
	.tab-control li.uk-active a, .tab-control li:hover a {background: #84ad52;color: #fff;}
	@media (max-width: 479px) {
	 .tab-control li a {padding: 10px 5px;font-size: 13px;}
	}



	/* Article */
	.article-catalogue  {margin-bottom: 25px!important;}
	.article-catalogue .panel-body {padding: 0 0 10px 0;}
	.panel-article .list-article>li {margin-bottom: 10px;}
	[class*=article-] .description p {margin: 0;}
	[class*=article-] .title a {
		-webkit-transition: all .4s linear;
		-moz-transition: all .4s linear;
		-ms-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}
	.article-1 {position: relative;}
	.article-1 .thumb {position: relative;}
	.article-1 .title {
		margin: 0 0 10px 0;
		font-size: 16px;
		line-height: 20px;
	}
	.article-1 .title a {color: #333;}
	.article-1 .meta {
		margin: 0 0 5px 0;
		font-size: 13px;
		line-height: 20px;
		color: #999;
	}
	.article-1 .time {
		display: inline-block;
		padding-left: 20px;
		background: url(img/calendar.png) 0px 50% no-repeat;
	}
	.article-1 .description {
		font-size: 14px;
		line-height: 20px;
		height: 80px;
	}
	@media (min-width: 479px) {
		.article-1 .thumb {
			float: left;
			width: 250px;
			height:155px;
		}
		.article-1 .info {
			position: relative;
			float: left;
			width: -moz-calc(100% - 250px);
			width: -webkit-calc(100% - 250px);
			width: -ms-calc(100% - 250px);
			width: -o-calc(100% - 250px);
			width: calc(100% - 250px);
			padding-left: 20px;
		}
	}
	@media (min-width: 479px) and (max-width: 767px) {
		.article-1 .thumb {width: 180px;}
		.article-1 .info {
			position: relative;
			width: -moz-calc(100% - 180px);
			width: -webkit-calc(100% - 180px);
			width: -ms-calc(100% - 180px);
			width: -o-calc(100% - 180px);
			width: calc(100% - 180px);
		}
		.article-1 .viewed {margin: 5px 0 0 0;}
		.article-1 .description {display: none;}
	}
	@media (max-width: 479px) {
		.article-1 .thumb {margin: 0 0 10px 0;}
		.article-1 .meta {font-size: 13px;}
	}

	/* Article Detail */
	.article-detail {
		margin: 0 0 25px 0;
		font-family: Arial, sans-serif;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.article-detail .article,
	.article-detail .share-box {margin-bottom: 20px;}
	.article-detail .title {
		margin: 0 0 15px 0;
		font-size: 20px;
		line-height: 24px;
		font-weight: bold;
		color: #d42c17;
	}
	.article-detail .article h1 .article-detail .article h1 *,
	.product-details .article h1, .product-details .article h1 * {
		margin: 0 0 15px 0!important;
		font-size: 18px!important;
		line-height: 24px!important;
		font-weight: bold!important;
	}
	.article-detail .article h2, .article-detail .article h2 *,
	.product-details .article h2, .product-details .article h2 * {
		margin: 0 0 15px 0!important;
		font-size: 16px!important;
		line-height: 20px!important;
		font-weight: bold!important;
	}
	.article-detail .article h3, .article-detail .article h3 *,
	.product-details .article h3, .product-details .article h3 * {
		margin: 0 0 10px 0!important;
		font-size: 14px!important;
		line-height: 20px!important;
		font-weight: bold!important;
	}
	.article-detail .article .description {
		font-weight: bold;
		margin-bottom: 10px;
		color: #000;
	}
	.article-detail .article img,
	.product-detail .content .article img,
	.product-detail .content-small .article img {
		display: block!important;
		width: auto!important;
		height: auto!important;
		margin: 0 auto 15px auto!important;
	}
	.share-box>*+* {margin-left: 5px;}
	.share-box .plus {position: relative;margin-top: -4px;}
	@media (max-width: 567px) {
		.article-detail .title {
			margin: 0 0 10px 0;
			font-size: 18px;
			line-height: 24px;
		}
		.article-detail .article iframe,
		.product-detail .content .article iframe,
		.product-detail .content-small .article iframe {
			display: block!important;
			width: auto!important;
			height: auto!important;
			max-width: 100%!important;
			margin: 0 auto!important;
		}
	}
	/* homepage-news */
	.homepage-news .heading {
		margin: 0 0 20px 0;
		font-size: 20px;
		line-height: 24px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.homepage-news {margin: 0 0 20px 0;}
	.homepage-news .article .thumb {margin: 0 0 10px 0;}
	.homepage-news .article .title {
		margin: 0 0 10px 0;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
	}
	.homepage-news .article .title a {color: #333;}
	.homepage-news .article .description {
		font-size: 14px;
		line-height: 20px;
		color: #666;
	}
	@media (min-width: 1220px) {
		.homepage-news .article .image {height: 185px;}
	}

	/* Article Related */
	.article-related {margin-bottom: 10px!important; }
	.article-related .heading {
		margin: 0 0 20px 0;
		font-size: 16px;
		line-height: 20px;
		color: #333;
		font-weight: bold;
		text-transform: uppercase;
	}
	.article-related .list-article>li {margin-bottom: 15px;}
	.article-related .article .thumb {margin: 0 0 5px 0;}
	.article-related .article .title {
		margin: 0;
		max-height: 36px;
		font-size: 12px;
		line-height: 18px;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis
	}
	.article-related .article .title a {color: #333;}
	.article-related .article .title a:hover {color: #0088cc;}
	@media (min-width: 960px) {
		.article-related {margin-bottom: 15px!important; }
	}
	@media (min-width: 1220px) {
		.article-related {margin-bottom: 25px!important; }
		.article-related .article .image {height: 165px;}
		.article-related .article .thumb {margin: 0 0 10px 0;}
	}
	@media (max-width: 1220px) {
		.article-related .list-article {margin-left: -10px;}
		.article-related .list-article>li {
			padding-left: 10px;
			margin-bottom: 10px;
		}
	}
	@media (min-width: 767px) and (max-width: 1220px) {
		.article-related .article .image {height: 140px;}
	}
	@media (min-width: 599px) and (max-width: 767px) {
		.article-related .article .image {height: 160px;}
	}
	@media (min-width: 567px) and (max-width: 599px) {
		.article-related .article .image {height: 150px;}
	}
	@media (min-width: 479px) and (max-width: 567px) {
		.article-related .article .image {height: 130px;}
	}
	@media (max-width: 479px) {
		.article-related .heading {
			margin: 0 0 10px 0;
			font-size: 14px;
		}
		.article-related .article .title {
			max-height: 36px;
			font-size: 14px;
			line-height: 18px;
		}
		.article-related .article .image {height: 105px;}
	}
	@media (max-width: 350px) {
		.article-related .article .image {height: 90px;}
	}



	/* Banner */
	.banner p {margin: 0;}
	.banner a {display: block;}
	.aside-banner p {margin: 0 0 10px 0;}


	/* Contact */
	.contact {margin-bottom: 15px;}
	.contact .contact-infomation,
	.contact .contact-form {
		margin-bottom: 20px!important;
	}
	.contact .contact-infomation .note {
		margin-bottom: 10px;
		font-style: italic;
		color: #666;
		font-weight: 500;
	}
	.contact .contact-infomation .company {
		margin-bottom: 10px;
		font-size: 22px;
		line-height: 24px;
		text-transform: uppercase;
		color: #d42c17;
		font-weight: bold;
	}
	.contact .contact-infomation .address {margin-bottom: 20px;}
	.contact .contact-infomation .address p {
		margin: 0 0 5px 0;
		color: #000;
	}
	.contact .contact-infomation .address a {color: #000;}
	.contact .contact-map {
		padding: 4px;
		border: 1px solid #d5d5d5;
		height: 340px;
	}
	.contact .contact-form .label {
		font-size: 14px;
		line-height: 22px;
		color: #000;
		margin-bottom: 15px;
	}
	.contact .contact-form .form-row {margin-bottom: 15px;}
	.contact .contact-form .input-text,
	.contact .contact-form .form-select,
	.contact .contact-form .form-textarea {
		border: 1px solid #d5d5d5;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.contact-form .form-select {color: #999!important;}
	.contact .contact-form .input-text,
	.contact .contact-form .form-select {height: 30px;}
	.contact .contact-form .form-textarea {height: 200px;}
	.contact-form .btn-submit {
		display: inline-block;
		padding: 6px 25px;
		cursor: pointer;
		background: #d42c17;
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		border: none;
		border-radius: 3px;
	}

	/* Breadcrumb */
	.breadcrumb {
		position: relative;
		padding: 10px 0;
		margin-bottom: 15px;
		background: url(img/bg-breadcrumb.png) 0% 0%;
	}
	.breadcrumb ul a {
		font-size: 14px;
		line-height: 20px;
		color: #252525;
	}
	.breadcrumb .uk-breadcrumb>li:nth-child(n+2):before {
		content: "\f101";
		font-family: FontAwesome;
		margin: 0 10px;
		color: #252525;
	}
	.breadcrumb ul a:hover,
	.breadcrumb ul .uk-active a {color: #bf1900;}

	/* Pagination */
	.pagination {
		margin-bottom: 20px!important;
		padding-top: 15px;
		border-top: 1px dotted #c8c8c8;
	}
	.pagination li a {
		display: block;
		font-size: 13px;
		background: #f2f2f2;
		border: 1px solid #e1e1e1;
		color: #252525;
		border-radius: 0;
	}
	.pagination li a:hover,
	.pagination .uk-active a {
		background: #bf1900;
		border-color: #bf1900;
		color: #fff;
	}
	/* Parner */
	.partner {
		padding: 20px 0;
		border-top: 1px solid #c8c8c8;
	}
	.partner .slider .image {height: 75px;}
/* </body> */
/* ################################################# */

/* <footer> */
	.footer {
  position: relative;
  padding: 35px 0 10px 0;
 }
 .footer:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 7px;
  background: url(img/footer_divider1.png) repeat-x;
  top: 0px;
  left: 0px;
 }
 .footer .upper .panel {margin-bottom: 25px!important;}
 .footer .upper .heading {
  margin: 0 0 15px 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
 }
 .footer .upper .heading>* {color: #252525;}
 .footer-subscribe .panel-body>.label {
  margin: 0 0 15px 0;
  font-size: 14px;
  line-height: 22px;
  color: #000;
 }
 .footer-subscribe .form {
  margin: 0 0 20px 0;
  position: relative;
  padding-right: 85px;
 }
 .footer-subscribe .form .input-text {
  height: 34px;
  line-height: 34px;
  border: 1px solid #d5d5d5;
  border-right: none;
  background: #fff;
 }
 .footer-subscribe .form .btn-submit {
  display: block;
  padding: 0 10px;
  height: 34px;
  position: absolute;
  width: 85px;
  top: 0px;
  right: 0px;
  line-height: 34px;
  background: #ffa707;
     background: -moz-linear-gradient(top, #ffa707 0, #ff9024 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa707), color-stop(100%, #ff9024));
     background: -webkit-linear-gradient(top, #ffa707 0, #ff9024 100%);
     background: -o-linear-gradient(top, #ffa707 0, #ff9024 100%);
     background: -ms-linear-gradient(top, #ffa707 0, #ff9024 100%);
     background: linear-gradient(to bottom, #ffa707 0, #ff9024 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa707', endColorstr='#ff9024', GradientType=0);
     border-radius: 0;
     border: 1px solid #eb8e2f;
     color: white;
     font-weight: bold;
     cursor: pointer;
 }
 .footer-social li {float: left;}
 .footer-social li+li {margin-left: 10px;}
 .footer-social a {
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #597ac7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
 }
 .footer-social .google a {background: #3a3a3a;}
 .footer-social .twitter a {background: #5cbdec;}
 .footer-social .pinterest a {background: #ff3635;}
 .footer-social .youtube a {background: #fd3832;}
 .footer .upper .site-link {position: relative;}
 .footer .upper .site-link .list li:not(:last-child) {margin-bottom: 5px;}
 .footer .upper .site-link .list li a {
  display: block;
  position: relative;
  padding-left: 10px;
  font-size: 13px;
  line-height: 20px;
  color: #666;
 }
 .footer .upper .site-link .list li a:before {
  content: "\f111";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 4px;
 }
 .footer .upper .site-link .list li a:hover {text-decoration: underline;}
 .footer .middle {
  padding: 25px 0 20px 0;
  border-top: 1px solid #eaeaea;
  font-size: 13px;
  line-height: 18px;
  color: #666;
 }
 .footer .middle .bcthuong>* {
  display: block;
  width: 175px;
 }
 .footer .middle .address p {margin: 0 0 5px 0;}
 .footer .lower {
  padding: 20px 0 5px 0;
  border-top: 1px solid #eaeaea;
 }
 .footer .lower .tags a {
  float: left;
  display: block;
  margin: 0 5px 0 0;
  font-size: 13px;
  line-height: 18px;
  color: #cacaca;
 }
 .footer .lower .tags a:hover {
  color: #666;
  text-decoration: underline;
 }
 @media (min-width: 960px) {
  .footer .upper .site-link {
   padding-left: 25px;
   height: -webkit-calc(100% - 25px);
   height: -moz-calc(100% - 25px);
   height: -ms-calc(100% - 25px);
   height: -o-calc(100% - 25px);
   height: calc(100% - 25px);

  }
 .flexslider{border:0 !important;}
  .footer .upper .site-link:before {
   content: "";
   display: block;
   position: absolute;
   width: 1px;
   height: 100%;
   border-right: 1px dashed #c8c8c8;
   top: 0px;
   left: 0px;
  }
 }
 @media (max-width: 768px) {
  .footer .middle .container {display: block;}
  .footer .middle .address {margin: 0 0 15px 0;}
 }
/* </footer> */
/* <animation> */
/* </animation> */
/* </bibomart.css> */
#example3 .etalage_small_thumbs li{
	border:1px solid #e6e6e6;
}
#example3 .etalage_smallthumb_active{
	border:1px solid #ffcf0d;
}

.block-fixed{
	position:fixed;
	left:0;
	top:120px;
	z-index:999;
}
.block-fixed .thumb{
	width:80px;
}
.block-fixed .image{
	height:80px;
}
@media (max-width:769px){
	.homeproductcatalogue-1 .panel-head .heading .order {
		display:none;
	}
	.main-slide .categories{
		display:none;
	}
	.main-slide .banner{
		display:none;
	}
	.homeproductcatalogue-1 .product {
		border-top: 1px solid #dedede;
	}
}
.prdcategory {margin: 0 0 30px 0;}
.prdcategory .list>li {margin-bottom: 20px;}
.prdcategory .list .item {position: relative;}
.prdcategory .list .item .thumb {
	border: 1px solid #d5d5d5;
	background: #fff;
}
.prdcategory .list .item .image {height: 200px;}
.prdcategory .list .item .title {
	margin: 0;
	position: absolute;
	width: 100%;
	padding: 10px;
	z-index: 5;
	top: initial;
	bottom: 0px;
	left: 0px;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	font-weight: normal;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    background-image: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}
.prdcategory .list .item .title a {color: #fff;}
.support-fixed {
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	font-size: 12px;
	line-height: 20px;
    border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	background: #fff;
	background: -moz-linear-gradient(90deg, #fff 0%, #f0f0f0 100%);
	background: -webkit-linear-gradient(90deg, #fff 0%, #f0f0f0 100%);
	background: -o-linear-gradient(90deg, #fff 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(90deg, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(90deg, #fff 0%, #f0f0f0 100%);
	z-index: 99999;
}
.support-fixed .title {
	position: relative;
	padding: 5px 15px 5px 20px;
	margin-right: 50px;
	background: #84ad52;
	color: #fff;
	border-left: 3px solid #025229;
	text-transform: uppercase;
}
.support-fixed .title:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 0px;
	left: initial;
	right: -10px;
	border-left: 10px solid #84ad52;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.support-fixed .item {font-weight: bold;}
.support-fixed .item+.item {margin-left: 15px;}
.support-fixed .item .label {
	text-transform: uppercase;
	color: #333;
}
.support-fixed .item .value {
	color: #f20300;
}
@media (max-width: 960px) {
	.support-fixed {
		bottom: 35px;
		padding: 5px 5px
	}
	.support-fixed .title {display: none;}
	.support-fixed .item+.item {margin-left: 10px;}
}
@media (max-width: 479px) {
	.support-fixed .item.email, .support-fixed .item.hotline {display: none;}
}

@media (max-width: 960px) {
	#goTop {
		display: none;
		visibility: hidden;
		opacity: 0
	}
}
.mobile-hotline-fixed {
	position: fixed;
	top: initial;
	bottom: 5px;
	left: 5px;
	z-index: 1000;
}
.mobile-hotline-fixed a {
	display: block;
	padding: 6px 10px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, .15);
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
}
.mobile-hotline-fixed a .label {
	font-size: 12px;
	text-transform: uppercase
}
.mobile-hotline-fixed a .phone-number {
	font-size: 16px;
	color: #ff0000
}
#tab-content .article iframe,
.article-detail .article iframe {
	display: block!important;
	margin: 0 auto 15px auto!important;
}
@media (max-width: 567px) {
	#tab-content .article .youtube-embed-wrapper,
	.article-detail .article .youtube-embed-wrapper	{
		margin-bottom: 15px;
	}
	#tab-content .article iframe,
	.article-detail .article iframe	{
		height: auto!important;
		width: auto!important;

	}
}

#offcanvas .uk-offcanvas-bar {background: #84ad52}
#offcanvas .uk-offcanvas-bar .uk-search-field {
	background: #fff;
	color: #000;
	font-size: 13px;
}
#offcanvas .uk-nav-offcanvas {border-bottom: 1px solid #63843c}
.offcanvas li.l1>a.dropicon {border-left: 1px solid #63843c}
#offcanvas .uk-search:before {color: #84ad52}
#offcanvas .uk-nav-offcanvas>li>a {
	color: #fff;
	text-shadow: none;
	border-top: 1px solid #63843c
}
.uk-nav-offcanvas>.uk-open>a, 
html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, 
html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
	background: rgba(0, 0, 0, .25)!important
}
.uk-nav-offcanvas .uk-nav-sub {
    border-top: 1px solid #63843c;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
	background: rgba(0, 0, 0, .25)
}
.uk-nav-offcanvas ul a {
	color: #fff;
	font-size: 13px;
}