* {
	padding:0;
	margin:0;
	border:none;
	outline:none;
	font-family: 'Open Sans', sans-serif;;
	text-decoration:none;
  }
  html {
	background:#f7f7f7;
  }
	/*@font-face {
	font-family:"Open Sans";
	src:url("fonts/ElleFutura-Bold.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
	}*/
	#bn {
		height:116px;
	}
	.padding {
		padding-top:15px;
		padding-bottom:15px;
	}
	.name {
		font-family: 'Open Sans', sans-serif;
		font-weight:300;
	}
	.null {
		padding:10px;
		text-align:center;
	}
	.title h1 {
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		color:black;
	}
	h3, .title-bg {
		font-family: 'Open Sans', sans-serif;
		font-weight:500;
		color:black;
		font-size:22px;
	}
	.des {
		padding:8px 0;
		font-size:14px;
		font-style:italic;
	}
	.content {
		padding:8px 0;
		font-size:14px;
	}
	.content img {
		padding:8px 0;
		max-width:100% !important;
	}
	#right {
		width:280px;
		float:right;
		background:white;
	}
	#left {
		width:calc(100% - 280px);
		float:left;
		background:white;
	}
	.a {
		font-size:14px;
		color:#243c82;
		display:block;
		padding:8px 15px;
		background:#f5f5f5;
		border-bottom:1px dashed rgba(0,0,0,0.1);
	}
	.a:hover {
		font-weight:500;
	}
	.title-2 {
		margin-top:5px;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		color:white;
		padding:5px 15px;
		font-size:18px;
		background:#243c82;
	}
	#logo {
		display:block;
		float:left;
		height:70px;
		width:210px;
		background:url(../images/website/logo3.png?v=b) center center no-repeat;
		background-size:200px auto;
	}
	#banner {
		display:block;
		float:left;
		height:100px;
		width:100%;
		background:white url(../images/website/logo3.png?v=a) center center / cover no-repeat;
		background-size:auto 90px;
	}
	.wapper {
		margin:0 auto !important;
		max-width:1140px;
		overflow:hidden;
		width:100%;
	}
	[menu-m], [mobile] {
		display:none;
	}
	[menu] {
		display:block;
	}
	[menu] b {
		color:red;
		font-size:24px;
		margin-top:20px;
		display:inline-block;
		font-weight:700;
	}
	#bg, #bg-2 {
		background:rgba(0,0,0,0.4);
		display:none;
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:999;
	}
@media (min-width:1060px) {
	[home-a] {
		display:block !important;
	}
}
[home-a] {
	display:none;
}
@media (max-width:992px) {
	#bn {
		height:116px;
	}
	#menu, [menu] {
		display:none;
	}
	[menu-m] {
		display:block;
	}
	[mobile] {
		position:fixed;
		top:0;
		height:100%;
		z-index:10000;
		width:280px;
		max-width:100%;
		background:white;
		box-shadow:0px 0px 5px rgba(0,0,0,0.4);
		display:none;
	}
	[mobile].m-click {
		display:block;
	  -webkit-animation-name: m-menu; /* Safari 4.0 - 8.0 */
	  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	  animation-name: m-menu;
	  animation-duration: 1s;
	}
	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes m-menu {
	  from {left:-100%}
	  to {left:0;display:block;}
	}

	/* Standard syntax */
	@keyframes m-menu {
	  from {left:-100%}
	  to {left:0;display:block;}
	}
	.mobile-tools {
		width:68px;
		height:68px;
		top:16px;
		left:0px;
		background:url(../images/icons/tools.png) center center no-repeat;
		position:absolute;
		cursor:pointer;
	}

	.home {
		width:68px;
		height:68px;
		float:right;
		background:url(../images/icons/home.png) center center no-repeat;
		display:inline-block;
	}

	.mobile-tools {
		display:block !important;
	}
	.wapper {
		max-width:600px !important;
		width:100% !important;
	}
	#pages-show {
		max-width:560px !important;
		width:calc(100% - 40px) !important;
	}
	td.td {
		width:0% !important;
		display:none !important;
	}
	td.td2 {
		width:100% !important;
	}
	#menu-m {
		margin:0px !important;
		padding:0 10px;
	}
	#menu-m > li {
		float:unset !important;
		display:block;
		overflow:hidden;
		height:unset !important;
	}
	#menu-m > li > a {
		color:black !important;
	}
	#menu-m > .menu-2, #menu-m > .menu-3, .menu-2 > li, #menu-3 > li {
		display:block !important;
	}
	#menu-m > li > .menu-2 {
		visibility:unset !important;
		position:unset !important;
		top:unset !important;
		left:unset !important;
		list-style:none !important;
		box-shadow:unset !important;
		border:0 !important;
		background:none !important;
		padding:10px !important;
	}
	#menu-m {
		list-style:none;
		position:relative;
	}
	#menu-m > li {
		height:36px;
		float:left;
		border-top: 1px solid #ececec;
	}
	#menu-m > li > a {
		margin:0 15px;
		line-height:36px;
		display:block;
		color:black;
		font-size:14px;
		font-weight:400;
		text-transform:uppercase;
	}
	#menu-m > li > a.more {
		padding-right:16px;
		background:url(../images/icons/arrow-bottom-2.png) right center no-repeat;
		background-size:14px 14px;
	}
	#menu-m > li > a.more + ul {
		display:none;
	}
	#menu-m > li > a:hover {
		background:url(../images/website/line-menu.png) center bottom repeat-x;
	}
	#menu-m > li > a.more:hover {
		background:url(../images/icons/arrow-bottom-2.png) right center no-repeat, url(../images/website/line-menu.png) center bottom repeat-x;
		background-size:14px 14px, auto 4px;
	}
	#menu-m > li:hover > .menu-2 {
		visibility:visible;
	}
	#menu-m > li > .menu-2 {
		position:absolute;
		top:100%;
		left:0;
		list-style:none;
		box-shadow: 1px 1px 15px rgba(0,0,0,0.15);
		border: 2px solid #ddd;
		background:white;
		padding:10px;
	}
	#menu-m > li > .menu-2 > li {
		display:block;
		white-space:nowrap;
		min-width:160px;
		overflow:hidden;
		padding:0 15px;
	}
	#menu-m > li >.menu-2 > li > a {
		display:block;
		font-size:13px;
		font-weight:400;
		text-transform:uppercase;
		height:24px;
		line-height:24px;
		padding: 5px 0;
		color:#323232;
	}
	#menu-m > li >.menu-2 > li a:hover {
		color:black;
	}
	#menu-m > li > .menu-2 > li > .menu-3 {
		list-style:none;
		display:none;
	}
	#menu-m > li > .menu-2 > li > .menu-3 > li {
		display:block;
		padding:0 15px;
	}
	#menu-m > li > .menu-2 > li > .menu-3 > li > a {
		display:block;
		font-size:14px;
		font-weight:500;
		text-transform:uppercase;
		height:24px;
		line-height:24px;
		padding: 8px 0;
		color:#323232;
		border-top:1px solid rgba(0,0,0,0.1);
	}
	#menu-m > li > .menu-2 > li > .menu-3 > li > a:hover {
		color:black;
	}

	#menu-m > li >.menu-2 > li a:hover {
		color:black;
	}

	.wap-search {
		height:36px;
		margin:16px 15px !important;
		width:calc(100% - 32px);
		overflow:hidden;
		border:1px solid #808080;
		border-radius:18px;
	}
	.wap-search .keyword {
		width:calc(100% - 66px);
		padding:0 15px;
		height:36px;
		line-height:36px;
		float:left;
	}
	.wap-search .submit {
		width:36px;
		height:36px;
		padding:0;
		float:right;
		background:white url(../images/icons/search.png) center center no-repeat;
		background-size:22px 22px;
	}

	#breakcrumbs {
		padding-left:10px !important;
		padding-right:10px !important;
	}

}
@media (min-width:992px) {
	#menu {
		float:left;
		height:50px;
		list-style:none;
	}
	#menu > li {
		float:left;
		height:50px;
	}
	#menu > li > a {
		display:block;
		height:20px;
		line-height:20px;
		margin-top:9px;
		color:white;
		font-family:"Open Sans";
		padding:6px 15px;
		border-right:1px solid #d0d0d0;
		text-decoration:none;
		font-size:14px;
		font-weight:600;
	}
	#menu a {
		text-transform:uppercase;
	}
	#menu > li.more:hover .menu-wap {
		visibility:visible;
	}
	#menu > li.more:hover .menu-2 {
		display:block;
	}
	#menu > li.more > a {
		background:url(../images/icons/arrow-bottom-white.png) calc(100% - 8px) calc(50% + 2px) no-repeat;
		background-size:12px 12px;
	}
	.menu-2 {
		display:none;
		background-color:#f9f9f9;
		position:absolute;
		top:100%;
		width:200px;
		box-shadow:0px 0px 4px rgba(0,0,0,0.3);
		overflow:hidden;
		z-index:999;
	}
	.menu-2 li {
		display:block;
	}
	.menu-2 li:hover {
		background:white;
	}
	.menu-2 li a {
		display:block;
		padding:18px 20px;
		font-family:"Open Sans" !important;
		font-size:12px;
		color:black;
		text-decoration:none;
		height:16px;
		line-height:16px;
	}
	.menu-wap {
		visibility:hidden;
		background-color:#f3f3f3;
		position:absolute;
		top:100%;
		left:0;
		right:0;
		min-height:300px;
		box-shadow:0px 0px 4px rgba(0,0,0,0.3);
		overflow:hidden;
		z-index:999;
	}
	.left-menu-wap {
		width:240px;
		display:block;
		float:left;
		background:#f3f3f3;
		height:100%;
		min-height: 300px;
	}
	.left-menu-wap .list-menu-wap {
		display:block;
		padding:18px 20px;
		font-family:"Open Sans";
		font-size:12px;
		color:rgba(0,0,0,0.7);
		text-decoration:none;
		height:16px;
		line-height:16px;
		font-weight:600;
	}
	.arrow-left {
		background:url(../images/icons/arrow-bottom-2.png) center center no-repeat;
		background-size:12px 12px;
		height:10px;
		width:18px;
		transform:rotate(270deg);
		display:inline-block;
	}
	.arrow-left.main-color {
		background:url(../images/icons/arrow-bottom-main-color.png) center center no-repeat;
	}
	.bsize-16 {
		background-size:16px 16px !important;
	}
	.left-menu-wap .list-menu-wap:hover, .left-menu-wap .list-menu-wap.active {
		background:white;
	}
	.right-menu-wap {
		width:calc(100% - 280px);
		padding:10px 20px;
		display:block;
		float:left;
		background:white;
		height:100%;
		min-height: 280px;
	}
	.content-menu {
		display:none;
	}
	.content-menu:first-child {
		display:block;
	}
	.wap-search {
		margin:30px 10px;
		border:1px solid #d0d0d0;
		height:38px;
		overflow:hidden;
		width:180px;
		float:right;
		border-radius:4px;
	}
	.wap-search .keyword {
		width:calc(100% - 56px);
		height:26px;
		padding:6px 10px;
		line-height:24px;
		float:left;
	}
	.wap-search .submit {
		height:38px;
		width:35px;
		border-left:1px solid #d0d0d0;
		color:white;
		line-height:36px;
		background:#b20119;
		float:left;
		background:white url(../images/icons/search.png) center center no-repeat;
		background-size:22px 22px;
		opacity:0.5;
	}
	#about {
		font-family: 'Open Sans', sans-serif;;
		font-size:28px;
		line-height:38px;
		font-weight:400;
		color:#243c82;
		padding:20px;
		text-align:center;
	}
	.link {
		display:block;
	}
	#menu .title-group-product {
		background:url(../images/website/line-product.png) center bottom no-repeat;
		text-align:center;
		height:40px;
	}
	#menu .title-group-product a {
		font-family:"Open Sans";
		font-size:16px;
		color:black;
		font-weight:400;
		display:block;
		min-width:100px;
		display:inline-block;
		height:40px;
		line-height:40px;
		text-transform:uppercase;
	}
	#menu .title-group-product a:hover {
		animation-name: titleGroupProduct;
		animation-duration: 1s;
	}
	@keyframes titleGroupProduct {
	  from {color: black;}
	  to {color: #f3600a;}
	}
	#menu .wap-list-product, .wap-list-product-menu {
		width:100%;
		overflow:hidden;
		padding:5px;
	}
	#menu .wap-list-product-menu {
		max-height:400px;
	}
	#menu .wap-list-product-menu .list-product:hover {
		box-shadow:0 0 5px rgba(0,0,0,0.5);
		animation-name: hoverProduct;
		animation-duration: 0.2s;
		background-color:#f3f3f3;
	}
	#menu .wap-list-product-menu .list-product {
		width:calc((100% - 10px)/3 - 20px);
		padding:5px;
		margin:5px;
		float:left;
	}
	#menu .wap-list-product-menu .list-product:nth-child(3n + 1) {
		clear:both;
	}
	#menu .list-product .image {
		overflow:hidden;
		z-index:1;
		display:block;
		width:100%;
	}
	#menu .list-product .image, #menu .list-product .image .image-m {
		overflow:hidden;
		z-index:1;
	}
	#menu .list-product:hover .image .image-m {
		transform:scale(1.1);
		animation-name: zoom;
		animation-duration: 0.2s;
	}
	#menu .list-product:hover .name {
		color:#243c82;
		animation-name: link;
		animation-duration: 0.2s;
	}
	@keyframes zoom {
	  0% {transform:scale(1);}
	  100% {transform:scale(1.1);}
	}
	@keyframes link {
	  0% {color:black;}
	  100% {color:#243c82;}
	}
	@keyframes hoverProduct {
	  0% {box-shadow:0 0 0 rgba(0,0,0,0);background-color:white;}
	  100% {box-shadow:0 0 5px rgba(0,0,0,0.5);background-color:#f3f3f3;}
	}
	#menu .list-product .link {
		display:block;
		padding-bottom:5px;
		border-bottom:1px solid rgba(0,0,0,0.2);
		overflow:hidden;
	}
	#menu .list-product .name {
		padding:5px 5px 0 5px;
		min-height:26px;
		height:auto;
		line-height:26px;
		font-size:20px;
		font-weight:500;
		text-transform:uppercase;
		color:black;
		text-align:center;
	}
	#menu .list-product .desc {
		font-size:13px;
		text-align:Center;
		padding:5px;
		min-height: 20px;
		max-height: 40px;
		line-height: 20px;
		margin: 5px 0;
		overflow: hidden;
		color: #444;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-align: center;
	}
	#menu .list-product .price {
		color:red;
		font-size:14px;
		font-weight:500;
		padding:5px;
		text-align:center;
	}
}
	.top-bar {
		padding:5px 0;
		min-height:20px;
		line-height:20px;
	}
	.top-bar a {
		color:white;
		font-size:13px;
		font-weight:500;
		margin-right:30px;
		display:inline-block;
	}
	.hotline {
		padding-left:26px;
		background:url(../images/icons/hotline.png) 2px center no-repeat;
		background-size:26px 26px;
		color:white !important;
		font-size:14px !important;
	}
	.address {
		padding-left:26px;
		background:url(../images/icons/address.png) 2px center no-repeat;
		background-size:26px 26px;
		color:white !important;
		font-size:14px !important;
	}
	.align-center {
		display:block;
		text-align:center;
	}
	.show-more {
		display:inline-block;
		color:#243c82;
		margin-bottom:25px;
	}
	.show-more:hover {
		font-weight:500;
	}

.name-category {
    font-family: 'Open Sans', sans-serif;
	font-weight:500;
	font-size:28px;
	color:green;
	text-align:center;
	padding:15px;
	text-transform:uppercase;
	padding-bottom:20px;
	position:relative;
}
.name-category:before {
	content:'';
	bottom:5px;
	position:absolute;
	left:calc(50% - 180px);
	width:360px;
	border-bottom:1px solid #fc9a01;
}
.name-category:after {
	content:'';
	bottom:12px;
	position:absolute;
	left:calc(50% - 120px);
	width:240px;
	border-bottom:1px solid #fc9a01;
}



/* PAGE NEWS */
.list-product {
	overflow:hidden;
	padding:5px;
	margin:3px;
	border-bottom:1px solid #ececec;
	width:calc(33.3333% - 16px);
	float:left;
	background:white;
	box-shadow:0px 0px 1px rgba(0,0,0,0.3);
}
.list-product:nth-child(3n + 1) {
	clear:both;
}
@media (max-width:992px) {
	.list-product {
		overflow:hidden;
		padding:5px;
		margin:3px;
		border-bottom:1px solid #ececec;
		width:calc(50% - 16px);
		float:left;
		background:white;
		box-shadow:0px 0px 1px rgba(0,0,0,0.3);
	}
	.list-product:nth-child(2n + 1) {
		clear:both;
	}
	.list-product:nth-child(3n + 1) {
		clear:unset;
	}
}/* PAGE NEWS */
.list-product-home {
	overflow:hidden;
	padding:10px;
	margin-left:1px !important;
	margin-bottom:1px !important;
	width:calc(25% - 21px) !important;
	height:calc(50% - 21px) !important;
	float:left;
	background:white;
}
.list-product-hone:nth-child(4n + 1) {
	clear:both !important;
}
@media (max-width:992px) {
	.list-product-home {
		width:calc(33.3333% - 21px) !important;
	}
	.list-product-home:nth-child(3n + 1) {
		clear:both !important;
	}
	.list-product-home:nth-child(4n + 1) {
		clear:unset !important;
	}
}
@media (max-width:768px) {
	.list-product-home {
		width:calc(50% - 21px) !important;
	}
	.list-product-home:nth-child(2n + 1) {
		clear:both !important;
	}
	.list-product-home:nth-child(3n + 1) {
		clear:unset !important;
	}
	.list-product-home:nth-child(4n + 1) {
		clear:unset !important;
	}
}
@media (max-width:400px) {
	.list-product-home {
		width:calc(100% - 21px) !important;
	}
	.list-product-home:nth-child(2n + 1) {
		clear:unset !important;
	}
	.list-product-home:nth-child(3n + 1) {
		clear:unset !important;
	}
	.list-product-home:nth-child(4n + 1) {
		clear:unset !important;
	}
}
@media (max-width:480px) {
	#bn {
		height:60px;
		display:none;
	}
	.list-product {
		overflow:hidden;
		padding:5px;
		margin:3px;
		border-bottom:1px solid #ececec;
		width:calc(100% - 16px);
		float:unset;
		background:white;
		box-shadow:0px 0px 1px rgba(0,0,0,0.3);
	}
	.list-product:nth-child(2n + 1) {
		clear:unset;
	}
	.list-product:nth-child(3n + 1) {
		clear:unset;
	}
}
.list-product:hover {
	box-shadow:0px 0px 2px rgba(0,0,0,0.3);
}
.list-product:not(.list-product-home):hover .thumb {
  animation-name: zoom-img;
  animation-duration: 1s;
  transform: scale(1.2);
}
.list-product .thumb {
	display:block;
	position:relative;
	width:100%;
	height:220px;
}
.list-product-home .thumb {
	display:block;
	position:relative;
	width:100%;
	height:208px;
}
.list-product .infor-product {
	overflow:hidden;
	height:160px;
	position:relative;
	background:white;
	margin:0 -5px;
}
.list-product .infor-product .name-product-p {    
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	margin:5px 0 10px 0;
	overflow:hidden;
	min-height:20px;
	max-height:40px;
	line-height:20px;
	font-weight:500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	text-align:center;
	color:red;
    text-transform: uppercase;
}
.list-product-home .name-product-p {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
	text-align:left !important;
	height:17px !important;
	line-height:20px;
	overflow:hidden;
	color:rgba(0,0,0,0.75);
	font-size:14px;
}
.list-product .infor-product .description {
    font-family: 'Open Sans', sans-serif;
	font-size:16px;
	min-height:20px;
	max-height:40px;
	line-height:20px;
	margin:5px 0;
	overflow:hidden;
	color:#444;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	text-align:center;
}

/* PAGE NEWS */
.list-news {
	overflow:hidden;
	padding:5px;
	margin:10px;
	width:calc(33.3333% - 30px);
	float:left;
}
.list-news:hover {
}
.list-news:nth-child(3n + 1) {
	clear:both;
}
@media (max-width:992px) {
	.list-news {
		overflow:hidden;
		padding:5px;
		margin:10px;
		width:calc(50% - 30px);
		float:left;
	}
	.list-news:nth-child(2n + 1) {
		clear:both;
	}
	.list-news:nth-child(3n + 1) {
		clear:unset;
	}
}
@media (max-width:480px) {
	.list-news {
		overflow:hidden;
		padding:5px;
		margin:10px;
		width:calc(100% - 30px);
		float:unset;
	}
	.list-news:nth-child(2n + 1) {
		clear:unset;
	}
	.list-news:nth-child(3n + 1) {
		clear:unset;
	}
}
.list-news .thumb {
	display:block;
	position:relative;
	width:100%;
	height:auto;
	border-radius:8px;
}
.list-news .infor-news {
	overflow:hidden;
	height:160px;
	position:relative;
}
.list-news .infor-news .name-news-p {    
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	margin:5px 0 10px 0;
	overflow:hidden;
	min-height:20px;
	max-height:40px;
	line-height:20px;
	font-weight:500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	text-align:left;
	color:rgba(0,0,0,0.65);
	font-weight:500;
}
.list-news .infor-news .description {
    font-family: 'Open Sans', sans-serif;
	font-size:16px;
	min-height:20px;
	max-height:40px;
	line-height:20px;
	margin:5px 0;
	overflow:hidden;
	color:#444;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	text-align:left;
}
.read-more {
	height:20px;
	line-height:22px;
	padding:10px 17px 10px 0px;
	display:block;
	width:100px;
	font-family: 'Open Sans', sans-serif;
	color:#fc9a01;
	font-size:13px;
	font-weight:500;
	text-transform:uppercase;
	text-align:left;
}
.read-more .news__arrow {
    padding: 6px;
	font-family: 'Open Sans', sans-serif;
	color:#fc9a01;
}
.read-more:hover {
	color:blue;
}
.read-more:hover .news__arrow {
	color:blue;
}





.gallery-product {
	overflow:hidden;
	height:auto;
}
.gallery-product a {
	float:left;
	display:block;
	width:calc(25% - 20px);
	padding:5px;
	margin:5px;
	background:black;
	overflow:hidden;
	position:relative;
}
.gallery-product a:nth-child(4n+1) {
	clear:both;
}
@media (max-width:768px) {
	.gallery-product a {
		width:calc(33.3333% - 20px);
	}
	.gallery-product a:nth-child(4n+1) {
		clear:unset;
	}
	.gallery-product a:nth-child(3n+1) {
		clear:both;
	}
}
@media (max-width:480px) {
	.gallery-product a {
		width:calc(50% - 20px);
	}
	.gallery-product a:nth-child(3n+1) {
		clear:unset;
	}
	.gallery-product a:nth-child(2n+1) {
		clear:both;
	}
}
@media (max-width:360px) {
	.gallery-product a {
		width:calc(100% - 20px);
	}
}
.gallery-product a img {
	width:100%;
	height:100%;
}
.gallery-product .desc {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:7px;
	line-height:20px;
	background:rgba(0,0,0,0.5);
	color:white;
	display:none;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
.gallery-product a:hover .desc {
	display:block;
}
.album img {
}
.album a:hover img {
  animation-name: zoom-img;
  animation-duration: 1s;
  transform: scale(1.2);
}
@keyframes zoom-img {
  from {transform: scale(1);}
  to {transform: scale(1.2);}
}

#breakcrumbs {
	min-height:20px;
	padding:10px;
	line-height:20px;
	font-size:15px;
	color:black;
}
#breakcrumbs a {
	font-size:15px;
	color:green;
    font-family: 'Open Sans', sans-serif;
}
#breakcrumbs a:hover {
	color:red;
}
#main {
	overflow:hidden;
}
#left {
	width:calc(100% - 400px);
	float:left;
	min-height:100px;
	padding:10px;
}
#right {
	width:335px;
	float:right;
	padding:10px;
	min-height:100px;
}
@media (max-width:992px) {
	#left {
		width:calc(100% - 20px);
		float:unset;
		min-height:100px;
		padding:10px;
	}
	#right {
		width:calc(100% - 20px);
		float:unset;
		padding:10px;
		min-height:100px;
}
}
.main-title {
	color:#002e94;
	font-size:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
}
.main-content {
	font-size:16px;
	padding:15px 0;
}
.main-content img {
	max-width:100%;
}
.wap-news-like {
	margin:15px -15px;
	overflow:hidden;
}
.list-news-like {
	margin:15px;
	width:calc(25% - 30px);
	float:left;
	overflow:hidden;
}
.list-news-like .thumb-like {
	width:100%;
	display:block;
	height:130px;
	position:relative;
}
.list-news-like .thumb-like .thumbv {
	position:absolute;
	width:56px;
	height:34px;
	background:url(../images/icons/thumb.png) center center no-repeat;
	background-size:60px 38px;
	top:calc(50% - 17px);
	left:calc(50% - 28px);
}
.list-news-like .name-like {
	display:block;
	padding:5px 0 15px 0;
	color:#002e94;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 17px;
	text-transform:uppercase;
}
.list-news-like .name-like:nth-child(2n) {
	clear:both;
}
@media (max-width:992px) {
	.list-news-like {
		margin:15px;
		width:calc(50% - 30px);
		float:left;
		overflow:hidden;
	}
	.list-news-like:nth-child(2n + 1) {
		clear:both;
	}
}
@media (max-width:360px) {
	.list-news-like {
		margin:15px;
		width:calc(100% - 30px);
		float:unset;
		overflow:hidden;
	}
	.list-news-like:nth-child(2n + 1) {
		clear:unset;
	}
}
.main-action {
	overflow:hidden;
}

.thumb .thumbv {
	position:absolute;
	width:56px;
	height:56px;
	background:url(../images/icons/thumb.png) center center no-repeat;
	background-size:56px 56px;
	top:calc(50% - 28px);
	left:calc(50% - 28px);
}



.wap-list-news-category {
	overflow:hidden;
}
#right .list-category, .list-news-top {
	overflow:hidden;
	display:block;
	margin-bottom:2px;
}
#right .arrow {
	width:48px;
	height:48px;
	background:#e9e9e9  url(../images/icons/arrow-before.png) center center no-repeat;
	float:left;
}
#right .name-categorys {
	float:right;
	width:calc(100% - 88px);
	padding:14px 20px;
	height:20px;
	line-height:20px;
	color:#565656;
	font-size:14px;
	text-transform:uppercase;
}
#right .list-category:hover .arrow {
	background:#002e94  url(../images/icons/arrow.png) center center no-repeat;
}
#right .list-category:hover .name-categorys {
	color:#002e94;
}
#right .list-news-top {
	padding:15px 0;
	border-bottom:1px solid #efefef;
}
@media (max-width:992px) {
	#right .list-news-top {
		width:calc(50% - 10px);
		float:left;
		padding:15px 5px;
		border-bottom:1px solid #efefef;
	}
	#right .list-news-top:nth-child(2n + 1) {
		clear:both;
	}
}
@media (max-width:480px) {
	#right .list-news-top {
		width:calc(100% - 10px);
		float:unset;
		padding:15px 5px;
		border-bottom:1px solid #efefef;
	}
	#right .list-news-top:nth-child(2n + 1) {
		clear:unset;
	}
}
#right .thumb {
	width:110px;
	height:80px;
	float:left;
}
#right .name-news {
	width:calc(100% - 130px);
	padding:0 10px;
	float:right;
	min-height:60px;
	line-height:20px;
	color:#002e94;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
	text-transform:uppercase;
}
#right .list-news-top:hover .name-news {
	color:black;
}


.price {
	color:red;
	font-weight:500;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
}

 
.wap-show-product {
	overflow:hidden;
}
.wap-show-product .img {
	width:380px;
	margin:20px auto; 
	float:left;
}
.wap-show-product .list-info {
	width:calc(100% - 400px);
	float:left;
	margin-left:20px;
	margin-top:20px;
	box-shadow:0 0 2px rgba(0,0,0,0.1);
}
@media (max-width:992px) {
	.wap-show-product .list-info {
		width:calc(100%);
		float:unset;
		margin-left:0;
		margin-top:20px;
		box-shadow:0 0 2px rgba(0,0,0,0.1);
	}
	.wap-show-product .img {
		width:calc(100% - 10px);
		margin:20px auto; 
		float:unset;
	}
}
.wap-show-product .list-info .infor-product {
	overflow:hidden;
}
.wap-show-product .list-info .infor-product:nth-child(odd) {
	background:rgba(0,0,0,0.02);
}
.wap-show-product .list-info .infor-product .label {
	width:119px;
	padding:5px;
	border-right:1px dashed rgba(0,0,0,0.1);
	font-size:14px;
	font-weight:500;
	color:black;
	float:left;
}
.wap-show-product .list-info .infor-product .label-value {
	width:calc(100% - 140px);
	padding:5px;
	font-size:14px;
	font-weight:400;
	color:black;
	float:left;
}
.select-product {
	display:inline-block;
	padding:6px;
	min-width:18px;
	min-height:18px;
	color:black;
	background-color:#d0d0d0;
	border:1px solid #d0d0d0;
	font-size:14px;
	margin:0px 5px 5px 0px;
	text-align:Center;
	cursor:pointer;
}
.select-product:hover {
	background-color:white;
}
.select-product.active {
	background-color:white;
	background-image:url(../images/icons/select-product.png);
	background-position:right bottom;
	border:1px solid red;
	background-size:20px 20px;
	background-repeat:no-repeat;
}
.selected-p {
	display:inline-block;
	padding:6px;
	min-width:18px;
	min-height:18px;
	color:black;
	border:1px solid #d0d0d0;
	font-size:14px;
	margin:0px 5px 5px 0px;
	text-align:Center;
	background-color:white;
	background-image:url(../images/icons/select-product.png);
	background-position:right bottom;
	border:1px solid red;
	background-size:20px 20px;
	background-repeat:no-repeat;
}
/* PAGE */
#pages-show {
	height:46px;
	background:#e2e2e2;
	padding:0px 20px;
	margin:10px auto;
	width:1100px;
}
.back-page {
	float:left;
	width:20px;
	height:20px;
	padding:10px;
	background:url(../images/icons/back-page.png) 0px 0px no-repeat;
	opacity:0.8;
	cursor:pointer;
	display:inline-block;
}
.back-page:hover {
	opacity:1;
}
.next-page {
	float:left;
	width:20px;
	height:20px;
	padding:10px;
	background:url(../images/icons/next-page.png) 0px 0px no-repeat;
	opacity:0.8;
	cursor:pointer;
	display:inline-block;
}
.next-page:hover {
	opacity:1;
}
.pages {
	cursor:pointer;
	float:left;
	min-width:20px;
	padding:10px;
	height:26px;
	font-size:15px;
	color:black;
	line-height:26px;
	text-align:center;
	display:inline-block;
}
.pages:hover {
	background:#f6821f;
	color:white;
}
.pages-here {
	cursor:pointer;
	float:left;
	min-width:20px;
	padding:10px;
	height:26px;
	font-size:15px;
	color:black;
	line-height:26px;
	text-align:center;
	background:white;
	display:inline-block;
}
.footer-top {
	overflow:hidden;
	min-height:180px;
	background:#00216b;
	MARGIN-TOP:15PX;
}
.wapper .col-4 {
	width:calc(33.33333% - 32px);
	padding:0px 16px;
	float:left;
}
.wapper .col-6 {
	width:calc(50% - 32px);
	padding:16px;
	float:left;
}
@media (max-width:992px) {
	.wapper .col-4 {
		width:calc(100% - 32px);
		padding:16px;
		float:unset;
	}
	.wapper .col-6 {
		width:calc(100% - 32px);
		padding:16px;
		float:unset;
	}
}
.title-f {
    color: white;
    font-size: 16px;
    font-weight: 500;
    min-height: 36px;
    line-height: 24px
}
.content-f {
	color:white;
	font-size:13px;
	font-weight:400;
	line-height:20px;
}
.dollar-f {
	background:url(../images/icons/dollar-f.png) left center no-repeat;
	padding-left:30px;
}
.ship-f {
	background:url(../images/icons/ship-f.png) left center no-repeat;
	padding-left:30px;
}
.phone-f {
	background:url(../images/icons/phone-f.png) left center no-repeat;
	padding-left:30px;
}
.footer-bottom {
	height:auto;
	padding:15px;
	background-color:#191919;min-height:300px;background-size:100% 100%;
}
.footer-bottom a, .footer-bottom {
	font-size:14px;
	color:white;
	line-height:20px;
	font-family: 'Open Sans', sans-serif;
}
.f16 {
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
}
.f20 {
	font-size:17px;
	font-family: 'Open Sans', sans-serif;
	padding: 5px 0;
}
	.scroll {
		overflow-y:scroll;
	}
	.scrollbar::-webkit-scrollbar
	{
		width: 6px;
		border-radius:3px;
	}

	.scrollbar::-webkit-scrollbar-track
	{
		/* Nền wap thanh cuộn trước khi hover */
		background-color: rgba(0,0,0,0.05);
		border-radius:3px;
	}

	.scrollbar::-webkit-scrollbar-thumb
	{
		/* Nền thanh cuộn trước khi hover */
		background-color: #2b4591;
		border-radius:3px;
	}
	.scrollbar:hover::-webkit-scrollbar-track
	{
		/* Nền wap thanh cuộn sau khi hover */
		background-color: rgba(0,0,0,0.03);
	}
	.scrollbar:hover::-webkit-scrollbar-thumb
	{
		/* Nền thanh cuộn sau khi hover */
		background-color: #3151ae;
	}

.txt-center {
	text-align:center;
}
.wap-cat {
	width:calc(25% - 20px);
	margin:30px 10px 50px 10px;
	float:left;
    background-color: #fff;
    box-shadow: 0px 1px 3px 1px #78a8ff;
    border-radius: 1px;
	min-height:180px;
	height:auto;
}
.wap-cat.c3 {
	float:unset !important;
	display:inline-block;
}
@media (max-width:720px) {
	.wap-cat.c3 {
		margin: 0 0 30px 0;
	}
}
.wap-cat:nth-child(4n+1) {
	clear:both;
}
.wap-cat .img-cat {
	display:block;
	width:100px;
	height:100px;
	position:relative;
	margin:-50px auto;
	background-color: rgba(0, 0, 0, 0.03);
    box-shadow: 1px 1px 10px 10px rgba(0, 0, 0, 0.1);
	border-radius:50px;
	overflow:hidden;
}	
.wap-cat .img-cat img {
	width:100px;
	height:100px;
}
.wap-cat .img-cat:hover {
  -webkit-animation-name: cat-hv; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-name: cat-hv;
  animation-duration: 0.5s;
  background-color:#44bbff;
  box-shadow: 1px 1px 10px 10px rgba(66, 194, 255, 0.3);
}
@-webkit-keyframes cat-hv {
  from {background-color: rgba(0, 0, 0, 0.03);}
  to {background-color:#44bbff;}
}

/* Standard syntax */
@keyframes cat-hv {
  from {background-color: rgba(0, 0, 0, 0.03);}
  to {background-color:#44bbff;}
}
.wap-cat .parent-cat {
	padding-top:60px;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	font-size:18px;
	padding-bottom:10px;
	display:block;
}
.c3 .parent-cat{
	height:56px;
}
.wap-cat .child-cat {
	padding:2px 20px;
	text-align:center;
	font-size:14px;
	display:block;
	color:#6b6b6b;
}
.descriptionm {
	padding:10px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-align:center;
	height:88px;
	overflow:hidden;
}
@media (max-width:992px) {
	.wap-cat, .wap-cat.c3 {
		width:calc(50% - 20px);
	}
	.wap-cat:nth-child(4n+1) {
		clear:unset;
	}
	.wap-cat:nth-child(2n+1) {
		clear:both;
	}
	.wap-cat.c3 {
		margin:20px !important;
		clear:both !important;
	}
}
@media (max-width:480px) {
	.wap-cat {
		margin: 30px 5px 50px 5px;
		width:calc(50% - 10px);
	}
	.wap-cat.c3 {
		margin: 30px 5px 30px 5px;
		width:calc(100% - 40px) !important;
	}
	.wap-cat .img-cat {
		display:block;
		width:66px;
		height:66px;
		position:relative;
		margin:-33px auto;
		background-color: rgba(93, 179, 74);
		box-shadow: 1px 1px 10px 10px rgba(93, 179, 74, 0.3);
		border-radius:33px;
		overflow:hidden;
	}
	.wap-cat .img-cat img {
		width:66px !important;
		height:66px !important;
	}
}
@media (max-width:380px) {
	.wap-cat {
		width:calc(100% - 10px);
	}
	.wap-cat.c3 {
		width:calc(100% - 10px);
	}
}
.wap-suggest.c3 {
	text-align:center;
}
.title.txt-center {
	color:green;
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	font-weight:500;
}
.bg-title {
	background:url(../images/icons/bg-title.png) center bottom repeat-x;
	overflow:hidden;
}
.center-color {
	text-align:center;
	color:#03613c;
	font-size:22px;
}






















.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}




.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}


@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}

.col-ab {
	width:calc(25% - 52px);
	padding:15px;
	margin:0 10px 15px 10px;
	float:left;
	border:1px dashed red;
	overflow:hidden;
	min-height:50px !important;
}
.col-ab .img {
	width:60px !important;
	min-height:80px !important;
	float:left;
}
.col-ab .img img {
	width:60px !important;
	height:60px !important;
	margin:10px 0;
	background-size:80px 80px;
	background-position:center center;
}
.col-ab .ab {
	width:calc(100% - 70px) !important;
	float:left;
	margin-left:10px;
	min-height:80px !important;
}
.col-ab a {
    font-weight: 500;
    padding: 5px 0 10px 0;
    color: #000;
    font-size: 16px;
	text-align:left;
	display:block;
}
.col-ab .p {
    padding: 5px 0 10px 0;
	font-size:13px;
	font-weight:400;
	text-align:center;
	line-height:20px;
}
@media (max-width:992px) {
	.col-ab {
		width:calc(50% - 62px);
		float:left;
	}
	.col-ab:nth-child(2n + 1) {
		clear:both;
	}
}
@media (max-width:768px) {
	.col-ab {
		width:calc(100% - 62px);
		float:none;
	}
}
.line-p {
	display:block;
	height:13px;
	margin:10px auto;
	background:url(../images/website/line-p.png) center center no-repeat;
	background-size:auto 13px;
}
.p-more {
	background:#d33;
	display:block;
	height:30px;
	line-height:31px;
	color:white;
	font-weight:500;
	font-size:14px;
	text-align:center;
	margin-top:5px;
}
.col-ft {
	width:calc(25% - 30px);
	padding:0 15px;
	float:left;
}
.col-ft .title1 {
    font-weight: bold;
    padding: 1px 0 9px 0;
    color: #000;
    font-size: 20px;
	text-align:center;
}
.icon-item {
	text-align:center;
}
.col-ft .desc {
	font-size:13px;
	font-weight:400;
	text-align:center;
	line-height:20px;
}
@media (max-width:992px) {
	.col-ft {
		width:calc(50% - 30px);
		padding:0 15px 20px 15px;
		float:left;
	}
	.col-ft:nth-child(2n + 1) {
		clear:both;
	}
}
@media (max-width:768px) {
	.col-ft {
		width:calc(100% - 30px);
		padding:0 15px 20px 15px;
		float:none;
	}
}
.i1 {
	display:inline-block;
	width:60px;
	height:60px;
	background:url(../images/icons/i1.png) center center no-repeat;
	background-size:60px 60px;
}
.i2 {
	display:inline-block;
	width:60px;
	height:60px;
	background:url(../images/icons/i2.png) center center no-repeat;
	background-size:60px 60px;
}
.i3 {
	display:inline-block;
	width:60px;
	height:60px;
	background:url(../images/icons/i3.png) center center no-repeat;
	background-size:60px 60px;
}
.i4 {
	display:inline-block;
	width:60px;
	height:60px;
	background:url(../images/icons/i4.png) center center no-repeat;
	background-size:60px 60px;
}

#footer {
	overflow:hidden;
}
#footer .col-footer {
	width:calc(100% / 3);
	float:left;
}

#footer .title {
	color:white;
	font-size:20px;
	line-height:30px;
	border-bottom:2px solid white;
	font-weight:500;
	text-shadow: 0 0 4px black;
}
#footer .infor {
	padding:5px 20px;
	line-height:20px;
	color:white;
	font-size:13px;
	font-weight:500;
	text-shadow: 0 0 4px black;
}
#footer .infor a {
	font-weight:500;
	color:white;
	text-shadow: 0 0 4px black;
}
	.hotline-b {
		padding-left:26px;
		background:url(../images/icons/a3.png) 2px center no-repeat;
		background-size:26px 26px;
		color:rgba(0,0,0,0.5) !important;
		font-size:14px !important;
	}
	.clock {
		padding-left:26px;
		background:url(../images/icons/hour.png) 2px center no-repeat;
		background-size:26px 26px;
		color:rgba(0,0,0,0.5) !important;
		font-size:14px !important;
	}
	.col-b {
		width:170px !important;
	}
	.rmm {
		color:#fc9a01;
		border:1px solid #fc9a01;
		padding:8px 15px;
		display:inline-block;
	}
.image-category:before {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/icons/icon_dm1.png);
    position: absolute;
    top: 0px;
    right: -10px;
}
.image-category:after {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/icons/icon_dm.png);
    position: absolute;
    bottom: 0px;
    right: -10px;
}
@media(max-width:992px) {
	.image-category {
		display:none;
	}
	[prd-h] {
		width:calc(100% - 1px) !important;
	}
}