<goquanviet.css> */

/* ===== Header style ===== */

.pc-header {

	position: relative;

	background: #fff;

	z-index: 5;

}

.pc-header .topbar {

	position: relative;

	padding: 10px 0;

	background: #c51b1b;

	color: #fff;

	font-size: 12px;

	line-height: 18px;

}

.pc-header .topbar a {color: #fff;}

.pc-header .topbar a:hover {color: #ffc000;}

.header-contact > li,

.header-nav > li {

	float: left;

	position: relative;

}

.header-contact > li + li {margin-left: 20px;}

.header-nav > li + li {

	margin-left: 15px;

	padding-left: 15px;

}

.header-nav > li + li:before {

	content: "";

	display: block;

	position: absolute;

	height: 10px;

	left: 0px;

	top: 4px;

	border-left: 1px solid #fff;

}

.pc-header .upper {

	position: relative;

	padding: 20px 0 15px 0;

	/* background: #de2020 url(img/bg-header.jpg) 0px 0px no-repeat; */

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

	z-index: 5;

}

.pc-search {

	position: relative;

	margin: 20px 0;

	width: 600px;

}

.pc-search .category {

	width: 200px;

	background: #fff;

	-webkit-border-radius: 5px 0 0 5px;

	-moz-border-radius: 5px 0 0 5px;

	-ms-border-radius: 5px 0 0 5px;

	-o-border-radius: 5px 0 0 5px;

	border-radius: 5px 0 0 5px;

}

.pc-search .form .select2-selection__rendered {

	height: 40px;

	line-height: 40px;

}

.pc-search .form-select,

.pc-search .select2-container--default .select2-selection--single {

	display: block;

	height: 40px!important;

	border: none!important;

	background: #fff;

	color: #444;

	font-size: 14px;

	outline: none;

} 

.pc-search .import {

	position: relative;

	/* width: -webkit-calc(100% - 200px); */

	/* width: -moz-calc(100% - 200px); */

	/* width: -ms-calc(100% - 200px); */

	/* width: -o-calc(100% - 200px); */

	/* width: calc(100% - 200px); */

	/* padding-right: 100px; */

	width:100%;

}

.pc-search .form .input-text {

	border: none;

	height: 40px;

	padding: 0  10px;

	background: #fff;

	border: 1px solid #e1e1e1;

	color: #444;

	font-size: 14px;

	line-height: 40px;

}

.pc-search .form .btn-submit{

	display: block;

	position: absolute;

	width: 100px;

	height: 40px;

	left: initial;

	top: 0;

	right: 0;

	background: #ffc000;

	border: none;

	-webkit-border-radius: 0 5px 5px 0;

	-moz-border-radius: 0 5px 5px 0;

	-ms-border-radius: 0 5px 5px 0;

	-o-border-radius: 0 5px 5px 0;

	border-radius: 0 5px 5px 0;

	cursor: pointer;

	color: #fff;

	font-size: 12px;

	font-family: 'UTM Avo Bold';

	text-transform: uppercase;

	outline: none;

}

.pc-search .form .select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top: 5px;}

.select2-container--default .select2-results__option[aria-selected=true],

.select2-container--default .select2-results__option--highlighted[aria-selected] {

	background-color: #c51b1b;

	color: #fff;

}

.pc-search .form .input-text::-webkit-input-placeholder {

	color: #999;

	font-size: 13px;

}

.pc-search .form .input-text::-moz-placeholder {

	color: #999;

	font-size: 13px;

}

.pc-search .form .input-text:-ms-input-placeholder {

	color: #999;

	font-size: 13px;

}

.pc-search .form .input-text:-moz-placeholder {

	color: #999;

	font-size: 13px;

}

.pc-cart {

	display: block;

	position: relative;

	width: 50px;

	height: 50px;

	background: #fff url(img/icon_cart.png) center no-repeat;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

}

.pc-cart .quantity,

.mobile-cart .quantity {

	display: block;

	position: absolute;

	width: 22px;

	height: 22px;

	left: initial;

	right: -5px;

	top: -7px;

	background: #ffc000;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	line-height: 22px;

	text-align: center;

}

.pc-header .lower {

	position: relative;

	background: #c51b1b;

}

.main-nav {

	width: 100%;

	position: relative;

}

.main-nav li {position: relative;}

.main-nav li.ismegamenu {position: static;}

.main-nav .main-menu > li > a {

	display: block;

	position: relative;

	padding: 15px 20px;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	line-height: 20px;

	text-transform: uppercase;

}

.main-nav .dropdown-menu {

	display: none;

	position: absolute;

	min-width: 220px;

	left: 0px;

	top: 100%;

	border-top: 3px solid transparent;

	z-index: 1000;

}

.main-nav .main-menu > li:hover > .dropdown-menu,

.main-nav .main-menu > li:hover > .megamenu {

	display: block;

}

.main-nav .sub-menu {

	background: #fff;

	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);

	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);

	-o-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);

	box-shadow: 0 5px 5px rgba(0, 0, 0, .2);

}

.main-nav .sub-menu > li > a {

	display: block;

	position: relative;

	padding: 10px 10px 10px 15px;

	color: #000;

	font-size: 14px;

	line-height: 20px;

	-webkit-transition: all .25s ease;

	-moz-transition: all .25s ease;

	-o-transition: all .25s ease;

	transition: all .25s ease;

}

.main-nav .sub-menu > li + li > a {border-top: 1px dotted #bababa;}

.main-nav .sub-menu > li:hover > a {

	background: rgba(0, 0, 0, .15);

	text-indent:5px;

}

.main-nav .megamenu {

	display: none;

	position: absolute;

	width: 100%;

	top: 100%;

	left: 0px;

	padding: 25px 25px;

	background: #fff;

	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);

	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);

	-o-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);

	box-shadow: 0 5px 5px rgba(0, 0, 0, .2);

	z-index: 100;

}

.main-nav .megamenu .groups > *:nth-child(n + 4) {margin-top: 20px;}

.main-nav .megamenu .title {

	position: relative;

	margin: 0 0 15px 0;

	padding-bottom: 8px;

	font-size: 14px;

	line-height: 20px;

	text-transform: uppercase;

}

.main-nav .megamenu .title:before {

	content: "";

	display: block;

	position: absolute;

	width: 50px;

	height: 2px;

	top: initial;

	bottom: 0px;

	left: 0px;

	background: #e42323;

}

.main-nav .megamenu .title  a {

	display: block;

	position: relative;

	color: #333;

}

.main-nav .megamenu .list > li:not(:last-child) {margin-bottom: 10px;}

.main-nav .megamenu .list > li > a {

	position: relative;

	padding-left: 15px;

	color: #666;

	font-size: 13px;

	line-height: 20px;

}

.main-nav .megamenu .list > li > a:before {

	content: "\f101";

	display: block;

	position: absolute;

	left: 0px;

	font-family: FontAwesome;

}

.main-nav .megamenu .title:hover  a,

.main-nav .megamenu .list > li:hover > a {

	color: #e42323;

}


/* ===== Mobile header ===== */

.mobile-header {

	position: relative;

	background: url(img/bg_header-mobile.png) 0px 0px;

	z-index: 5;

}

.mobile-bgheader {

	display: block;

	position: absolute;

	width: 100%;

	top: 0px;

	left: 0px;

	z-index: -1;

}

.mobile-header .upper {

	position: relative;

	padding: 10px 10px;

	text-align: center;

}

.mobile-header .logo {display: inline-block;}

.mobile-header .logo a {width: 175px;}

.mobile-cart {

	display: block;

	position: absolute;

	left: initial;

	right: 20px;

	top: 50%;

	width: 22px;

	height: 22px;

	margin-top: -11px;

	background: url(img/icon_cart_mobi.png) 0px 0px no-repeat;

	z-index: 5;

}

.mobile-cart .quantity {

	top: -10px;

	right: -10px;

}

.mobile-header .lower {padding: 10px 8px;}

.mobile-search .form {

	position: relative;

	padding-right: 50px;

}

.mobile-search .form .input-text {

	display: block;

	position: relative;

	height: 38px;

	padding: 0 10px;

	background: #fff;

	border: none;

	color: #000;

	font-size: 14px;

	line-height: 38px;

}

.mobile-search .form .btn-submit {

	display: block;

	position: absolute;

	height: 38px;

	width: 50px;

	background: #ffc000 url(img/icon_search.png) center no-repeat;

	left: initial;

	right: 0px;

	top: 0px;

	border: none;

	text-indent: -99909px;

}

@media (max-width: 567px) {

	.mobile-header .logo a {width: 150px;}

	.mobile-header .lower {padding: 0px 8px 8px 8px;}

}


/* ===== Body style ====== */


/* >>>>> Slide show, slider, slide set <<<<< */

.main-slideshow .uk-slidenav {

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	background: rgba(0,0,0,.3);

	width: 48px;

	height: 52px;

	color: #fff;

	font-size: 46px;

	text-align: center;

	line-height: 50px;

	-webkit-transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-o-transition: all .25s ease-in-out;

	transition: all .25s ease-in-out;

  
}

.main-slideshow .uk-slidenav-previous:before {

	content: "‹";

  font-family: -webkit-body;

}

.main-slideshow .uk-slidenav-next:before {

	content: "›";

  font-family: -webkit-body;

}

.main-slideshow .uk-slidenav:hover {background: rgba(0, 0, 0, .5);}


@media (max-width: 960px) {

	.main-slideshow .uk-slidenav {

		display: none!important;

		opacity: 0!important;

		visibility: hidden!important;

	}

}


/* >>>>> Commitmet section <<<<< */

.commitment-section {

	position: relative;

	margin: 0 0 20px 0;

	padding: 25px 0 5px 0;

	font-family: Arial, sans-serif;

}

.commitment-section .list > li {margin-bottom: 20px;}

.commitment-section .box {

	position: relative;

	padding-left: 75px;

	min-height: 45px;

}

.commitment-section .box .icon {

	display: block;

	position: absolute;

	width: 60px;

	left: 0px;

	top: 50%;

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

	transform: translate(0, -50%);

}

.commitment-section .box .title {

	display: block;

	color: #333;

	font-size: 12px;

	font-weight: bold;

	line-height: 22px;

	text-transform: uppercase;

}

.commitment-section .box .subtitle {

	color: #999999;

	font-size: 13px;

	line-height: 22px;

}

.commitment-section .box .subtitle a {

	color: #e42323;

	font-weight: bold;

}

.commitment-section .box .subtitle a:hover {color: #ffc000;}


@media (min-width: 960px) {

	.commitment-section {

		margin: 0 0 30px 0;

		padding: 30px 0 10px;

		background: #fff;

	}

}

@media (min-width: 1220px) {

	.commitment-section {

		margin: 0 0 35px 0;

		padding: 40px 0 20px;

	}

}

@media (max-width: 960px) {

	.commitment-section {

		margin: 0;

		padding: 15px 0 10px 0;

	}

	.commitment-section .list {margin-left: -10px;}

	.commitment-section .list > li {

		margin-bottom: 10px;

		padding-left: 10px;

	}

	.commitment-section .box {

		padding: 10px 10px 10px 85px;

		border: 1px solid #e1e1e1;

		background: #fff;

		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .05);

		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .05);

		box-shadow: 0 0 5px rgba(0, 0, 0, .05);

	}

	.commitment-section .box .icon {left: 10px;}

}

@media (max-width: 567px) {

	.commitment-section {padding: 10px 0 5px 0;}

	.commitment-section .list {margin-left: -5px;}

	.commitment-section .list > li {

		margin-bottom: 5px;

		padding-left: 5px;

	}

	.commitment-section .box {

		min-height: 115px;

		padding: 50px 5px 5px 5px;

		text-align: center;

	}

	.commitment-section .box .icon {

		width: 60px;

		height: 35px;

		top: 25px;

		left: 50%;

		margin-left: -30px;

	}

	.commitment-section .box .icon img {

		display: block;

		width: 100%;

		height: 100%;

		object-fit: scale-down;

	}

	.commitment-section .box .title {line-height: 18px;}

	.commitment-section .box .subtitle {

		font-size: 12px;

		line-height: 18px;

	}

}


/* >>>>> Homepage panel <<<<< */

.homepage-panel {

	position: relative;

	margin: 0 0 20px 0;

}

.homepage-panel .panel-head {

	position: relative;

	background: url(img/bg-panelhead.png) 0px 0px;

}

.homepage-panel .heading {

	position: relative;

	display: inline-block;

	margin: 0;

	font-size: 14px;

	font-family: 'UTM Avo Bold';

	font-weight: normal;

	line-height: 20px;

	text-transform: uppercase;

	z-index: 5;

}

.homepage-panel .heading > * {

	position: relative;

	display: block;

	padding: 10px 15px 10px 60px;

	color: #fff;

}

.open-subcat {

	display: block;

	position: absolute;

	width: 40px;

	height: 40px;

	left: initial;

	top: 0px;

	right: 0px;

	background: url(img/bar.png) center no-repeat;

	text-indent: -99999px;

}

@media (min-width: 960px) {

	.homepage-panel {margin: 0 0 25px 0;}

}

@media (min-width: 1220px) {

	.homepage-panel {margin: 0 0 35px 0;}

	.homepage-panel .heading {margin-left: -15px;}

	.homepage-panel .heading:before {

		content: "";

		display: block;

		position: absolute;

		width: 128px;

		height: 92px;

		left: -95px;

		top: -11px;

		background: url(img/heading-flower.png) 0px 0px no-repeat;

		z-index: -1;

	}

	.homepage-panel .heading:after {

		content: "";

		display: block;

		position: absolute;

		width: 0;

		height: 0;

		top: initial;

		bottom: -15px;

		left: 0;

		border-style: solid;

		border-width: 0 15px 15px 0;

		   border-color: transparent #c51b1b transparent transparent;

		   z-index: 5;

	}

	.homepage-panel .heading > * {

		min-width: 278px;
		padding: 14px 20px 14px 70px;

		background: url(img/bg-heading.png) 0px 0px no-repeat;

		-webkit-background-size: 100% 100%;

		-moz-background-size: 100% 100%;

		background-size: 100% 100%;

	}

	.homepage-panel .subcategory > li {

		position: relative;

		float: left;

		padding: 0 20px;

		font-weight: bold;

		font-size: 12px;

		line-height: 20px;

		text-transform: uppercase;

	}

	.homepage-panel .subcategory > li + li:before {

		content: "I";

		display: block;

		position: absolute;

		left: 0px;

		top: 0px;

		font-size: 15px;

		color: #fff;

	}

	.homepage-panel .subcategory > li > a {color: #fff;}

	.homepage-panel .subcategory > li.active > a,

	.homepage-panel .subcategory > li.uk-active > a,

	.homepage-panel .subcategory > li > a:hover {

		color: #ffc000;

	}

}

@media (max-width: 1220px) {

	.homepage-panel .panel-head {

		display: block;

		position: relative;

	}

	.homepage-panel .heading > * {

		min-width: 278px;

		background: url(img/bg-heading.png) 0px 0px no-repeat;

		-webkit-background-size: 100% 100%;

		-moz-background-size: 100% 100%;

		background-size: 100% 100%;

	}

	.homepage-panel .subcategory {

		display: none;

		position: absolute;

		min-width: 220px;

		top: 100%;

		left: initial;

		right: 0px;

		background: #c51b1b;

		-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.175);

		-moz-box-shadow: 0 3px 5px rgba(0,0,0,.175);

		-ms-box-shadow: 0 3px 5px rgba(0,0,0,.175);

		-o-box-shadow: 0 3px 5px rgba(0,0,0,.175);

		box-shadow: 0 3px 5px rgba(0,0,0,.175);

		z-index: 100;

	}

	.homepage-panel .subcategory > li > a {

		display: block;

		position: relative;

		padding: 10px 10px 10px 15px;

		color: #fff;

		font-size: 12px;

		line-height: 18px;

	}

	.homepage-panel .subcategory > li + li > a:before {

		content: "";

		display: block;

		position: absolute;

		width: 100%;

		top: 0px;

		left: 0px;

		border-top: 1px solid #b10707;

		border-bottom: 1px solid #e21919;

	}

	.homepage-panel .subcategory > li > a:hover,

	.homepage-panel .subcategory > li.uk-active > a,

	.homepage-panel .subcategory > li.active > a {

		color: #ffc000;

	}

}

@media (max-width: 767px) {

	.homepage-panel {margin: 0 0 15px 0;}

}

@media (max-width: 567px) {

	.homepage-panel .heading {font-size: 13px;}

	.homepage-panel {margin: 0 0 10px 0;}

}


/*  >>>>> homepage featuredproducts <<<<< */

.homepage-featuredproducts .list-product > li {

	background: #fff;

	border: 1px solid #e1e1e1;

	border-top: none;

	border-left: none;

}

.homepage-featuredproducts .product {

	position: relative;

	padding: 10px 10px;

	background: #fff;

	z-index: 5;

}

.homepage-featuredproducts .product .thumb {

	/*width: 40%;*/

	position: relative;

	overflow: hidden;

}

.homepage-featuredproducts .product .special {

	display: block;

	position: absolute;

	width: 50px;

	height: 50px;

	left: initial;

	right: 20px;

	top: 0px;

	background: url(img/discount.png) 0px 0px no-repeat;

	text-indent: -999999px;

}

.homepage-featuredproducts .product .infor {

	/*width: 60%;*/

	/*padding-left: 20px;*/

}

.homepage-featuredproducts .product .image {

	margin: 0 auto;

	/*max-width: 180px;*/

	height: 300px;

}

.homepage-featuredproducts .product .title {

	margin: 10px 0 10px 0;

	font-size: 15px;

	line-height: 20px;

	text-align: center;

}

.homepage-featuredproducts .product .title a {color: #333;}

.homepage-featuredproducts .product .title a:hover {color: #c51b1b;}

.homepage-featuredproducts .product .wrap-price,

.main-product .wrap-price {

	margin: 0 0 10px 0;

	color: #b7b7b7;

	font-size: 14px;

	line-height: 20px;

	text-align: center;

}

.homepage-featuredproducts .product .isprice > *,

.main-product .isprice > * {

	display: block;

}

.homepage-featuredproducts .product .isprice .new,

.main-product .isprice .new {

	color: #e42323;

	font-weight: bold;

}

.homepage-featuredproducts .product .isprice .old,

.main-product .isprice .old {

	margin: 0 10px;

	text-decoration: line-through;

}

.homepage-featuredproducts .product .isprice .discount,

.main-product .isprice .discount {

	padding: 0 5px;

	background: #e42323;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	line-height: 20px;

}

.homepage-featuredproducts .product .star,

.main-product .star {

	margin: 0 0 10px 0;

	color: rgb(255, 190, 0);

	font-size: 13px;

	letter-spacing: 1px;

}

.homepage-featuredproducts .product .order a,

.main-product .order a {

	display: inline-block;

	position: relative;

	padding: 8px 20px 8px 40px;

	background: #e42323 url(img/icon_cartadd.png) 20px 50% no-repeat;

	-webkit-border-radius: 4px 4px;

	-moz-border-radius: 4px 4px;

	-ms-border-radius: 4px 4px;

	-o-border-radius: 4px 4px;

	border-radius: 4px 4px;

	-webkit-transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-o-transition: all .25s ease-in-out;

	transition: all .25s ease-in-out;

	color: #fff;

	font-size: 14px;

	line-height: 18px;

}

.homepage-featuredproducts .product .order a:hover, 

.main-product .order a:hover {

	background-color: #33344a;

}

.homepage-featuredproducts .panel-foot {margin-top: 25px;}

.homepage-featuredproducts .homepage-banner,

.homepage-news-banner {

	position: relative;

	padding: 5px 5px;

	background: #fff;

	z-index: 5

}

.homepage-featuredproducts .homepage-banner:before,

.homepage-news-banner:before {

	content: "";

	display: block;

	position: absolute;

	width: 100%;

	height: 11px;

	top: initial;

	bottom: -12px;

	left: 0px;

	background: url(img/shadow.png) 0px 0px;

	-webkit-background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	background-size: 100% 100%;

	z-index: -1;

}

.homepage-featuredproducts .homepage-banner a,

.homepage-featuredproducts .homepage-banner p,

.homepage-news-banner a,

.homepage-news-banner p,

.aside-banner a,

.aside-banner p,

.megamenu-banner p,

.megamenu-banner a {

	display: block;

	margin: 0;

	padding: 0;

}

.homepage-featuredproducts .homepage-banner img,

.homepage-news-banner img,

.aside-banner img,

.megamenu-banner img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

}

@media (min-width: 768px) {

	.homepage-featuredproducts .list-product > li:nth-child(4n + 1) {border-left: 1px solid #e1e1e1;}

}

@media (min-width: 1220px) {

	/*.homepage-featuredproducts .product .infor {padding-left: 25px;}*/

	.homepage-featuredproducts .product {padding: 20px 15px;}

	.homepage-featuredproducts .panel-foot {margin-top: 30px;}

}

@media (max-width: 960px) {

	.homepage-featuredproducts .product .special {display: none;}

}

@media (max-width: 767px) {

	.homepage-featuredproducts .list-product > li {border-left: 1px solid #e1e1e1;}

}

@media (max-width: 479px) {

	.homepage-featuredproducts .product {padding: 5px 5px;}

	.homepage-featuredproducts .product .infor {padding-left: 10px;}

	.homepage-featuredproducts .product .image {height: auto;}

	.homepage-featuredproducts .product .isprice .old {margin: 0 0 0 10px;}

	.homepage-featuredproducts .product .order a {

		font-size: 13px;

		line-height: 18px;

	}

	.homepage-featuredproducts .product .isprice .discount {

		display: block;

		position: absolute;

		top: 2px;

		left: 2px;

	}

}


/* >>>>> Homepage category <<<<< */

@media (min-width: 960px) {

	.homepage-category .list-product > li {

		border: 1px solid #e1e1e1;

		border-top: none;

		border-left: none;

	}

	.homepage-category .list-product > li:nth-child(4n + 1) {border-left: 1px solid #e1e1e1;}

}

@media (max-width: 960px) {

	.homepage-category .panel-head {margin: 0 0 10px 0;}

	.homepage-category .list-product,

	.prdcatalogue .list-product,

	.prdsame .list-product {

		margin-left: -8px;

	}

	.homepage-category .list-product > li,

	.prdcatalogue .list-product > li,

	.prdsame .list-product > li {

		margin-bottom: 8px;

		padding-left: 8px;

	}

}

@media (min-width: 700px) and (max-width: 767px) {

	.homepage-category .list-product,

	.prdcatalogue .list-product,

	.prdsame .list-product {

		margin-left: -6px;

	}

	.homepage-category .list-product > li,

	.prdcatalogue .list-product > li,

	.prdsame .list-product > li {

		width: 33.33%;

		margin-bottom: 6px;

		padding-left: 6px;

	}

}

@media (max-width: 567px) {

	.homepage-category .list-product,

	.prdcatalogue .list-product,

	.prdsame .list-product {

		margin-left: -6px;

	}

	.homepage-category .list-product > li,

	.prdcatalogue .list-product > li,

	.prdsame .list-product > li {

		margin-bottom: 6px;

		padding-left: 6px;

	}

}

@media (max-width: 350px) {

	.homepage-category .list-product,

	.prdcatalogue .list-product,

	.prdsame .list-product {

		margin-left: 0;

	}

	.homepage-category .list-product > li,

	.prdcatalogue .list-product > li,

	.prdsame .list-product > li {

		width: 100%;

		margin-bottom: 8px;

		padding-left: 0;

	}

}


/* >>>>> main product <<<<< */

.main-product {

	position: relative;

	padding: 10px 10px;

	background: #fff;

	cursor: pointer;

	z-index: 5;

}

.main-product .special {

	display: block;

	position: absolute;

	width: 50px;

	height: 50px;

	left: initial;

	right: 10px;

	top: 15px;

	background: url(img/discount.png) 0px 0px no-repeat;

	text-indent: -999999px;

}

.main-product .thumb {margin: 0 0 10px 0;}

.main-product .image {

	margin: 0 auto;

	/*max-width: 185px;*/

	height: 300px;

}

.main-product .title {

	margin: 0 0 8px 0;

	max-height: 18px;

	font-size: 15px;

	line-height: 18px;

	overflow: hidden; 

	text-overflow: ellipsis;

	white-space: nowrap;

	text-align: center;

}

.main-product .title a {color: #333;}

.main-product .title a:hover {color: #c51b1b;}

.main-product .order a {

	/*opacity: 0;*/

	/*visibility: hidden;*/

}

.main-product:hover .order a {

	opacity: 1;

	visibility: visible;

}

@media (min-width: 1220px) {

	.main-product {padding: 15px 15px;}

}

@media (max-width: 960px) {

	.main-product {

		padding: 10px 10px 15px 10px;

		border: 1px solid #e1e1e1;

		-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .05);

		-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .05);

		box-shadow: 0px 0px 3px rgba(0, 0, 0, .05);

	}

	.main-product .wrap-price {margin: 0;}

	.main-product .star,

	/*.main-product .order {

		display: none;

	}*/

}

@media (max-width: 567px) {

	.main-product .special {display: none;}

	.main-product .discount {

		display: block;

		position: absolute;

		padding: 2px 7px;

		top: 2px;

		left: initial;

		right: 2px;

	}

	.main-product .isprice .old {margin: 0 0 0 10px;}

}

@media (max-width: 479px) {

	.main-product {padding: 5px 5px 10px 5px;}

	/*.main-product .image {height: 185px;}*/

	.main-product .title {font-size: 14px;}

	.main-product .image{

		height:auto !important;

	}

}


/* >>>>> Homepage news <<<<< */

.homepage-news {margin: 0 0 20px 0;}

.homepage-news .heading {

	position: relative;

	margin: 0 0 20px 0;

	padding-bottom: 10px;

	border-bottom: 1px solid #d5d5d5;

	font-size: 16px;

	font-weight: normal;

	font-family: 'UTM Avo Bold';

	line-height: 20px;

	text-transform: uppercase;

}

.homepage-news .heading:before {

	content: "";

	display: block;

	position: absolute;

	width: 65px;

	height: 2px;

	top: initial;

	bottom: -1px;

	left: 0px;

	background: #e42323;

}

.homepage-news .heading > * {color: #333;}

.homepage-news .featured {

	position: relative;

	overflow: hidden;

}

.homepage-news .featured .thumb {margin: 0 0 10px 0;}

.homepage-news .featured .title {

	margin: 0 0 8px 0;

	max-height: 44px;

	font-size: 16px;

	line-height: 22px;

	overflow: hidden; 

	text-overflow: ellipsis;

}

.homepage-news .featured .meta {

	margin: 0 0 5px 0;

	color: #898989;

	font-size: 13px;

	line-height: 20px;

}

.homepage-news .featured .meta > span {display: block;}

.homepage-news .featured .meta > span + span {margin-left: 15px;}

.homepage-news .featured .description {

	max-height: 66px;

	color: #666;

	font-size: 14px;

	line-height: 22px;

	overflow: hidden; 

	text-overflow: ellipsis;

}

.homepage-news .list-article > li:not(:last-child) {margin-bottom: 15px;}

.homepage-news .article .thumb {

	float: left;

	width: 165px;

	height: 100px;

}

.homepage-news .article .infor {

	float: right;

	width: -webkit-calc(100% - 165px);

	width: -moz-calc(100% - 165px);

	width: -ms-calc(100% - 165px);

	width: -o-calc(100% - 165px);

	width: calc(100% - 165px);

	padding-left: 15px;

}

.homepage-news .article .title {

	margin: 0 0 5px 0;

	max-height: 40px;

	font-size: 15px;

	line-height: 20px;

	overflow: hidden; 

	text-overflow: ellipsis;

}


.homepage-news .featured .title a,

.homepage-news .article .title a {

	color: #333;

}

.homepage-news .featured .title a:hover,

.homepage-news .article .title a:hover {

	color: #e42323;

}

.homepage-news .article .meta {

	color: #898989;

	font-size: 12px;

	line-height: 18px;

}

.homepage-news .article .meta > span {display: block;}

.homepage-news .article .meta > span + span {margin-left: 10px;}


@media (min-width: 960px) {

	.homepage-news {margin: 0 0 25px 0;}

	.homepage-news .featured .title a {color: #e42323;}

}

@media (min-width: 1220px) {

	.homepage-news {margin: 0 0 35px 0;}

	.homepage-news .featured .image {height: 240px;}

}

@media (min-width: 960px) and (max-width: 1220px) {

	.homepage-news .featured .image {height: 270px;}

}

@media (max-width: 960px) {

	.homepage-news .featured {

		margin: 0 0 15px 0;

		padding-bottom: 15px;

		border-bottom: 1px dashed #ccc;

	}

	.homepage-news .featured .image {

		max-height: 420px;

		overflow: hidden;

	}

}

@media (max-width: 479px) {

	.homepage-news .featured .title {

		max-height: 40px;

		font-size: 14px;

		line-height: 20px;

	}

	.homepage-news .list-article > li:not(:last-child) {margin-bottom: 10px;}

	.homepage-news .article .meta {display: none;}

}


/* >>>> Danh mục sản phẩm  <<<<< */

.prdcatalogue .panel-foot {padding-top: 20px;}

@media (min-width: 960px) {

	.prdcatalogue .panel-foot {padding-top: 30px;}

	.prdcatalogue .list-product > li,

	.prdsame .list-product > li {

		border: 1px solid #e1e1e1;

		border-left: none;

	}

	.prdcatalogue .list-product > li:nth-child(n + 4),

	.prdsame .list-product > li:nth-child(n + 5) {

		border-top: none;

	}

	.prdcatalogue .list-product > li:nth-child(3n + 1),

	.prdsame .list-product > li:nth-child(4n + 1) {

		border-left: 1px solid #e1e1e1;

	}

}

@media (max-width: 767px) {

	.prdcatalogue .panel-foot {padding-top: 15px;}

}

@media (max-width: 567px) {

	.prdcatalogue .panel-foot {padding-top: 10px;}

}


/* >>>>> Chi tiết sản phẩm <<<<< */

.prd-detail,

.prd-detail .panel-head {

	margin: 0 0 25px 0;

}

.prd-gallerys .flexslider .flex-direction-nav {

	display: none;

	visibility: hidden;

}

.prd-gallerys .flexslider img {height: 100%;}

.prd-gallerys #slider {

	margin: 0 0 15px 0;

}

.prd-gallerys #slider .thumb {

	/*max-width: 375px;*/

	margin: 0 auto;

}

/*.prd-gallerys #slider .image {height: 265px;}*/

.prd-gallerys #carousel {margin: 0;} 

.prd-gallerys #carousel .thumb {

	padding: 5px;

	border: 1px solid #ddd;

	cursor: pointer;
	height:103px;

} 

/*.prd-gallerys #carousel .thumb .image {height: 70px;}*/

/*.prd-gallerys #carousel .flex-active-slide .thumb {border: 1px solid #e42323;}*/

.prd-detail .heading {

	margin: 0 0 10px 0;

	color: #000;

	font-size: 20px;

	font-weight: normal;

	line-height: 24px;

}

.prd-detail .prd-status {

	margin: 0 0 10px 0;

	color: #333;

	font-size: 13px;

	line-height: 18px;

}

.prd-detail .prd-status > * {

	display: block;

	position: relative;

}

.prd-detail .prd-status > * + * {

	margin-left: 15px;

	padding-left: 15px;

}

.prd-detail .prd-status > * + *:before {

	content: "I";

	display: block;

	position: absolute;

	height: 10px;

	left: 0px;

	top: 1px;

	color: #000;

}

.prd-detail .prd-price {

	margin: 0 0 15px 0;

	padding-bottom: 15px;

	border-bottom: 1px dotted #bababa;

	color: #898989;

	font-size: 16px;

	line-height: 22px;

}

.prd-detail .prd-price .new {

	color: #e42323;

	font-size: 18px;

	font-weight: bold;

}

.prd-detail .prd-price .old {

	margin: 0 15px;

	text-decoration: line-through;

}

.prd-detail .prd-price .discount {

	background: #e42323;

	padding: 2px;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	line-height: 18px;

}

.prd-detail .prd-price .discount > span {

	display: block;

	padding: 2px 10px;

	border: 1px solid #fff;

}

.prd-detail .prd-excerpt {

	margin: 0 0 20px 0;

	padding-bottom: 10px;

	border-bottom: 1px dotted #bababa;

	color: #333;

	font-size: 16px;

	line-height: 20px;

	
}


.prd-detail .article *{

	font-size:18px;

	line-height:168%;

	font-family:'HTVietNam' !important;

}

.prd-detail .prd-excerpt *{

	font-family:'HTVietNam' !important;

}

.prd-detail .prd-excerpt .label {

	display: block;

	margin: 0 0 10px 0;

	color: #000;

	font-weight: bold;

}

.prd-detail .prd-excerpt p {

	position: relative;

	margin: 0 0 5px 15px;

	padding-left: 15px;

}

.prd-detail .prd-excerpt p:before {

	content: "\f10c";

	display: block;

	position: absolute;

	left: 0px;

	top: 0px;

	font-family: FontAwesome;

	font-size: 8px;

}


.prd-detail .prd-buy {margin: 0 0 25px 0;}

.prd-detail .prd-buy .select-label {

	display: block;

	float: left;

	position: relative;

	width: 80px;

	cursor: pointer;

}

.prd-detail .prd-buy .select-label:before {

	content: "";

	display: block;

	position: absolute;

	width: 11px;

	height: 7px;

	top: 50%;

	left: initial;

	right: 10px;

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	-o-transform: translate(0, -50%);

	transform: translate(0, -50%);

	background: url(img/select-arrow.png);

}

.prd-detail .prd-buy .form-select {

	display: block;

	height: 50px;

	padding: 0 10px;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border: 1px solid #c8c8c8;

	font-size: 15px;

	color: #333;

	outline: none;

	cursor: pointer;

}

.prd-detail .prd-buy .btn-add-to-cart {

	display: block;

	position: relative;

	margin-left: 10px;

	padding: 0 15px 0 75px;

	height: 50px;

	background: #c51b1b;

	color: #fff;

	font-size: 13px;

	font-weight: bold;

	line-height: 50px;

	text-align: center;

}

.prd-detail .prd-buy .btn-add-to-cart:before {

	content: "";

	display: block;

	position: absolute;

	width: 55px;

	height: 50px;

	top: 0px;

	left: 0px;

	background: rgba(0, 0, 0, .2) url(img/icon_cart_white.png) 50% 50% no-repeat;

}

.prd-detail .prd-hotline {

	position: relative;

	margin: 0 0 15px 0;

	padding-left: 40px;

	background: url(img/landline.png) 0px 50% no-repeat;

	color: #333;

	font-size: 13px;

	line-height: 30px;

}

.prd-detail .prd-hotline a {

	color: #e42323;

	font-weight: bold;

}

.prd-detail .prd-share > * + * {margin-left: 5px!important;}


.prd-detail .navtab {

	background: #fff;

	border-bottom: 1px solid #d5d5d5;

}

.prd-detail .navtab > li {float: left;}

.prd-detail .navtab > li > span {

	display: block;

	position: relative;

	padding: 9px 20px;

	border: 1px solid transparent;

	bottom: -1px;

	cursor: pointer;

	color: #000;

	font-size: 13px;

	font-weight: bold;

	line-height: 20px;

	text-transform: uppercase;

	z-index: 5;

}

.prd-detail .navtab > li.active > span {

	background: -webkit-linear-gradient(#ededed,#fff);

	background: -o-linear-gradient(#ededed,#fff);

	background: -moz-linear-gradient(#ededed,#fff);

	background: linear-gradient(#ededed,#fff);

	border: 1px solid #d5d5d5;

	border-bottom: 1px solid #fff;

}

.prd-detail .navtab > li > span:hover {color: #c51b1b;}

.prd-detail .prd-content {

	padding: 20px 10px 10px 10px;

	border: 1px solid #d5d5d5;

	border-top: none;

	color: #000;

	font-size: 13px;

	line-height: 20px;

}

.prd-detail .prd-content img {

	display: block!important;

	width: auto!important;

	height: auto!important;

	max-width: 100%!important;

	margin: 0 auto 15px auto!important;

}

.prd-detail .prd-content iframe{

	display: block!important;

	margin: 0 auto 15px auto!important;

}

@media (min-width: 960px) {

	.prd-detail .prd-content {

		padding: 25px 20px 10px 20px;

	}

}

@media (min-width: 1220px) {

	.prd-detail {margin: 0 0 35px 0;}

	.prd-detail .heading {

		font-size: 22px;

		line-height: 30px;

	}

}

@media (max-width: 960px) {

	.prd-gallerys {margin: 0 0 20px 0;}

}

@media (max-width: 479px) {

	.prd-gallerys #slider {padding: 10px 10px;}

	/*.prd-gallerys #slider .image {height: 275px;}*/

	.prd-detail .prd-status {display: block;}

	.prd-detail .prd-status > * + * {

		margin-left: 0;

		margin-top: 8px;

		padding-left: 0;

	}

	.prd-detail .prd-status > * {

		padding-left: 15px!important;

	}

	.prd-detail .prd-status > *:before {

		content: "\f00c"!important;

		display: block;

		position: absolute;

		left: 0px;

		top: -2px;

		font-family: FontAwesome;

		font-size: 10px;

	}

}


/* >>>>> Danh mục bài viết <<<<< */

#article-page,

#product-page {

	margin: 0;

	padding: 0 0 35px 0;

	background: #fff;

}

.artcatalogue .heading,

.prdcatalogue .heading,

.prdsame .heading {

	position: relative;

	margin: 0 0 25px 0;

	padding: 0 0 10px 0;

	border-bottom: 3px solid #c51b1b;

	font-size: 18px;

	font-family: 'UTM Avo Bold';

	line-height: 22px;

	text-transform: uppercase;

}

.artcatalogue .heading:before,

.prdcatalogue .heading:before,

.prdsame .heading:before {

	content: "";

	display: block;

	position: absolute;

	width: 100%;

	height: 1px;

	top: initial;

	left: 0px;

	bottom: -5px;

	background: #c51b1b;

}

.art-detail .article  .content table{

	width: 100% !important;

}

.artcatalogue .heading > *,

.prdcatalogue .heading > *,

.prdsame .heading > * {

	color: #333;

}

.artcatalogue .list-article > li {margin-bottom: 15px;}

.artcatalogue .article .thumb {

	float: left;

	width: 335px;

}

.artcatalogue .article .infor {

	float: right;

	width: -webkit-calc(100% - 335px);

	width: -moz-calc(100% - 335px);

	width: -ms-calc(100% - 335px);

	width: -o-calc(100% - 335px);

	width: calc(100% - 335px);

	padding-left: 15px;

}

.artcatalogue .article .title {

	margin: 0 0 10px 0;

	max-height: 40px;

	font-size: 17px;

	line-height: 20px;

	overflow: hidden; 

	text-overflow: ellipsis;

}

.artcatalogue .article .title a {color: #333;}

.artcatalogue .article .title a:hover {color: #e42323 ;}

.artcatalogue .article .meta {

	margin: 0 0 8px 0;

	color: #999;

	font-size: 13px;

	line-height: 18px;

}

.artcatalogue .article .meta > * {display: block;}

.artcatalogue .article .meta > * + * {margin-left: 15px;}

.artcatalogue .article .description {

	max-height: 66px;

	color: #444;

	font-size: 14px;

	line-height: 22px;

	overflow: hidden; 

	text-overflow: ellipsis;

}

.artcatalogue .article .viewmore {margin-top: 20px;}

.artcatalogue .article .viewmore a {

	display: inline-block;

	position: relative;

	padding: 8px 20px;

	background: #c51b1b;

	-webkit-border-radius: 3px 3px;

	-moz-border-radius: 3px 3px;

	-ms-border-radius: 3px 3px;

	-o-border-radius: 3px 3px;

	border-radius: 3px 3px;

	color: #fff;

	font-size: 13px;

	line-height: 20px;

}

.artcatalogue .panel-foot {

	margin-top: 5px;

	padding-top: 20px;

	border-top: 1px dotted #bababa;

}

@media (min-width: 1220px) {

	.artcatalogue .list-article > li {margin-bottom: 30px;}

	.artcatalogue .article .infor {padding-left: 25px;}

	.artcatalogue .article .image {height: 195px;}

}

@media (max-width: 1220px) {

	#article-page,

	#product-page {

		padding: 0 0 25px 0;

	}

	.artcatalogue .article .thumb {width: 265px;}

	.artcatalogue .article .infor {

		width: -webkit-calc(100% - 265px);

		width: -moz-calc(100% - 265px);

		width: -ms-calc(100% - 265px);

		width: -o-calc(100% - 265px);

		width: calc(100% - 265px);

	}

	.artcatalogue .article .title {font-size: 15px;}

	.artcatalogue .article .viewmore {display: none;}

}

@media (max-width: 960px) {

	#article-page,

	#product-page {

		padding: 0 0 20px 0;

	}

}

@media (min-width: 700px) and (max-width: 960px) {

	.artcatalogue .article .image {height: 155px;}

}

@media (max-width: 767px) {

	#article-page,

	#product-page {

		padding: 0 0 15px 0;

	}

}

@media (max-width: 700px) {

	.artcatalogue .article .thumb {width: 200px;}

	.artcatalogue .article .infor {

		width: -webkit-calc(100% - 200px);

		width: -moz-calc(100% - 200px);

		width: -ms-calc(100% - 200px);

		width: -o-calc(100% - 200px);

		width: calc(100% - 200px);

	}

	.artcatalogue .article .title {

		margin: 0 0 8px 0;

		font-size: 14px;

	}

	.artcatalogue .article .meta {display: none;}

	.artcatalogue .article .image {height: 125px;}

}

@media (max-width: 567px) {

	.artcatalogue .heading,

	.prdcatalogue .heading,

	.prdsame .heading {

		margin: 0 0 20px 0;

		font-size: 16px;

		line-height: 20px;

	}

	.artcatalogue .article .thumb {width: 40%;}

	.artcatalogue .article .image {height: 110px;}

	.artcatalogue .article .infor {

		width: 60%;

		padding-left: 12px;

	}

	.artcatalogue .article .title {

		max-height: 36px;

		margin: 0 0 5px 0;

		font-size: 13px;

		line-height: 18px;

	}

	.artcatalogue .article .description {

		max-height: 54px;

		font-size: 13px;

		line-height: 18px;

	}

}

@media (max-width: 479px) {

	.artcatalogue .list-article > li {margin-bottom: 10px;}

	.artcatalogue .article .image {height: 100px;}

	.artcatalogue .article .title {font-size: 12px;}

	.artcatalogue .article .description {font-size: 12px;}

}


/* >>> Chi tiết bài viết <<<<< */

.art-detail {margin: 0 0 25px 0;}

.art-detail .panel-body {margin: 0 0 20px 0;}

.art-detail .article {

	color: #333;

	font-size: 14px;

	line-height: 22px;

}

.art-detail .article .main-title {

	color: #333;

	margin: 0 0 10px 0;

	color: #c51b1b;

	font-size: 22px;

	line-height: 24px;

} 

.art-detail .article .created {

	margin: 0 0 10px 0;

	color: #999999;

	font-size: 13px;

	line-height: 17px;

}

.art-detail .article .meta {margin: 0 0 12px 0;}

.art-detail .article .meta > * + * {margin-left: 5px!important;}

.art-detail .article .description {

	margin: 0 0 10px 0;

	font-weight: bold;

}


.art-detail .article .description *,

.art-detail .article .content *{

	font-family:'HTVietNam' !important;

	font-size:17px !important;

	line-height:168%;

}


.art-detail .article img {

	display: block!important;

	max-width: 100%!important;

	margin: 0px auto 15px auto!important;
	height: auto!important;

	width: auto!important;

}

.art-detail .comment-title {

	position: relative;

	padding: 5px 0 5px 25px;

	color: #c51b1b;

	font-size: 16px;

	font-weight: bold;

	line-height: 23px;

	text-transform: uppercase;

}

.art-detail .comment-title:before {

	content: "\f0e5";

	display: block;

	position: absolute;

	left: 0px;

	font-family: FontAwesome;

	font-size: 18px;

	line-height: 18px;

}

.art-detail .comment-box {

	padding: 10px 15px 5px 15px;

	border: 1px solid #dadada;

	border-top: 2px solid #888;

	box-shadow: 0 2px 0px #f7f7f7;

}


@media (min-width: 1220px) {

	.art-detail {margin: 0 0 35px 0;}

}

@media (max-width: 960px) {

	.art-detail .article {

		font-size: 13px;

		line-height: 20px;

	}

	.art-detail .article .main-title {

		font-size: 16px;

		line-height: 22px;

	}

}


/* >>>>> Bài viết cùng danh mục <<<<< */

.artsame {margin: 0 0 15px 0;}

.artsame .list-post > li {

	position: relative;

	display: block;

	padding: 8px 0 8px 20px;

	border-bottom: 1px dotted #bababa;

	color: #898989;

	font-size: 14px;

	line-height: 22px;

}

.artsame .list-post > li:before {

	content: "\f101";

	display: block;

	position: absolute;

	left: 0px;

	top: 7px;

	color: #c51b1b;

	font-family: FontAwesome;

	font-size: 14px;

	line-height: 20px;

}

.artsame .list-post > li > a {color: #000;font-size:17px;}

.artsame .list-post > li > a:hover {color: #c51b1b;}


/* ===== Aside ====== */

.aside > * {margin: 0 0 15px 0;}

.aside-news .categories .heading,

.aside-products .categories .heading,

.artsame .heading {

	position: relative;

	margin: 0 0 15px 0;

	border-bottom: 3px solid #c51b1b;

	padding-bottom: 10px;

	font-size: 15px;

	font-weight: normal;

	font-family: 'UTM Avo Bold';

	line-height: 20px;

	text-transform: uppercase;

}

.aside-news .categories .heading:before,

.aside-products .categories .heading:before,

.artsame .heading:before {

	content: "";

	display: block;

	position: absolute;

	width: 100%;

	height: 1px;

	top: initial;

	bottom: -5px;

	left: 0px;

	background: #c51b1b;

}

.aside-news .categories .heading > *,

.aside-products .heading > *,

.artsame .heading > * {

	color: #333;

}

.aside-news .listcat > li > a {

	display: block;

	position: relative;

	padding: 10px 10px 10px 15px;

	color: #333;

	font-size: 14px;

	line-height: 20px;

}

.aside-news .listcat > li > a:before {

	content: "\f101";

	display: block;

	position: absolute;

	left: 0px;

	font-family: FontAwesome;

}

.aside-news .listcat > li + li > a {border-top: 1px solid #d5d5d5;}

.aside-news .listcat > li > a:hover {color: #c51b1b;}

.aside-news .listcat > li > a .count {color: #acacac;}

.aside-news .viewmost .heading,

.aside-products .featured-products .heading {

	position: relative;

	margin: 0 0 15px 0;

	border-bottom: 3px solid #c51b1b;

	font-size: 13px;

	font-weight: normal;

	font-family: 'UTM Avo Bold';

	line-height: 18px;

	text-transform: uppercase;

}

.aside-news .viewmost .heading > *,

.aside-products .featured-products .heading > * {

	display: inline-block;

	padding: 8px 25px 4px 25px;

	background: #c51b1b;

	color: #fff;

}

.aside-news .viewmost .list-article > li {margin-bottom: 10px;}

.aside-news .viewmost .list-article > li + li {

	padding-top: 10px;

	border-top: 1px dotted #c8c8c8;

}

.aside-news .viewmost .article .thumb {

	float: left;

	width: 100px;

	height: 65px;

}

.aside-news .viewmost .article .infor {

	float: right;

	width: -webkit-calc(100% - 100px);

	width: -moz-calc(100% - 100px);

	width: -ms-calc(100% - 100px);

	width: -o-calc(100% - 100px);

	width: calc(100% - 100px);

	padding-left: 12px;

}

.aside-news .viewmost .article .title {

	margin: 0;

	max-height: 54px;

	font-size: 14px;

	line-height: 18px;

	overflow: hidden; 

	text-overflow: ellipsis;

}

.aside-news .viewmost .article .title a {color: #333;}

.aside-news .viewmost .article .title a:hover {color: #c51b1b;}

.aside-products .categories .maincat > li > a,

.aside-products .categories .subcat > li > a {

	display: block;

	position: relative;

	padding: 7px 0 7px 12px;

	color: #000;

	font-size: 14px;

	line-height: 20px;

}

.aside-products .categories .maincat > li > a:before {

	content: "›";

	display: block;

	position: absolute;

	left: 0px;

	top: 4px;

	font-size: 20px;

	font-weight: bold;

	font-family: -webkit-body;

}

.aside-products .categories .maincat > li:hover > a,

.aside-products .categories .subcat > li:hover > a {

	color: #c51b1b;

}

.aside-products .categories .maincat > li > a .count, 

.aside-products .categories .subcat > li a .count {

	color: #898989;

}

.aside-products .categories .subcat {padding-left: 12px;}

.aside-products .categories .subcat > li > a:before {

	content: "\f101";

	display: block;

	position: absolute;

	left: 0px;

	top: 5px;

	font-family: FontAwesome;

}

.aside-products .categories .subcat > li > a {

	padding-left: 15px;

	color: #444;

}


.aside-filter {

	padding: 10px 15px;

	background: #f3f3f3;

	border: 1px solid #e1e1e1;

	font-size: 13px;

	line-height: 20px;

	color: #333;

}

.aside-filter .field-groups:not(:last-child) {

	margin-bottom: 15px;

}

.aside-filter .field-groups + .field-groups {

	padding-top: 15px;

	border-top: 1px dotted #cbcbcb;

}

.aside-filter .main-title {

	margin: 0 0 10px 0;

	font-size: 17px;

	font-weight: bold;

}

.aside-filter .searchbox {

	position: relative;

	padding-right: 32px;

	margin: 0 0 15px 0;

}

.aside-filter .searchbox .input-text {

	height: 30px;

	border: 1px solid #d5d5d5;

	border-right: none;

	background: #fff;

	height: 30px;

}

.aside-filter .searchbox .btn-search {

	display: block;

	position: absolute;

	width: 32px;

	height: 30px;

	top: 0px;

	left: initial;

	right: 0px;

	background: #c51b1b url(img/search-white.png) center no-repeat;

	border: 1px solid #c51b1b;

	cursor: pointer;

	text-indent: -99999px;

}

.aside-filter .field-list {max-height: 200px}

.aside-filter .form-row {

	margin-bottom: 7px;

}

.aside-filter .form .input-checkbox {

	display: none;

}

.aside-filter .form .form-label {

	display: block;

	position: relative;

	padding-left: 25px;

}

.aside-filter .form .form-label:hover {color: #c51b1b;}

.aside-filter .form .form-label:before {

	content: "";

	display: block;

	position: absolute;

	width: 16px;

	height: 16px;

	top: 1px;

	left: 0px;

	background: url(img/icon-checkbox.png) 0px 0px no-repeat;

}

.aside-filter .form .input-checkbox:checked + .form-label:before {

	background: url(img/icon-checkbox-checked.png) 0px 0px no-repeat;

}

.aside-filter .field-list::-webkit-scrollbar {

	background-color: #e4e4e4;

	width: 8px;

}

.aside-filter .field-list::-webkit-scrollbar-thumb {

	height: 10px; 

	width: 7px;

	background: #828282;

}

.aside-products .featured-products .list-product > li:not(:last-child) {margin-bottom: 10px;}

.aside-products .featured-products .list-product > li + li {

	padding-top: 10px;

	border-top: 1px dotted #bababa;

}

.aside-products .featured-products .product {

	position: relative;

	overflow: hidden;

}

.aside-products .featured-products .product .thumb {

	width: 110px;

	height: 110px;

}

.aside-products .featured-products .product .infor {

	width: -webkit-calc(100% - 110px);

	width: -moz-calc(100% - 110px);

	width: -ms-calc(100% - 110px);

	width: -o-calc(100% - 110px);

	width: calc(100% - 110px);

	padding-left: 10px;

}

.aside-products .featured-products .product .title {

	margin: 0 0 8px 0;

	font-size: 13px;

	line-height: 18px;

}

.aside-products .featured-products .product .title a {color: #333;}

.aside-products .featured-products .isprice {

	color: #999;

	font-size: 13px;

	line-height: 20px;

}

.aside-products .featured-products .isprice .new {

	margin: 0 0 2px 0;

	color: #e42323;

	font-size: 15px;

	font-weight: bold;

	line-height: 22px;

}

.aside-products .featured-products .isprice .old {text-decoration: line-through;}

.aside-products .featured-products .isprice .discount {

	display: block;

	position: absolute;

	background: #e42323;

	padding: 2px 8px;

	top: 1px;

	left: 1px;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	line-height: 18px;

}


/* >>>>> Trang liên hệ <<<<< */

#contact-page {

	padding-bottom: 50px;

	background: #fff;

}

.contact-section .contact-infomation .note {

	margin-bottom: 10px;

	font-style: italic;

	color: #666;

}

.contact-section .contact-infomation .company {

	margin-bottom: 10px;

	color: #c51b1b;

	font: normal 18px/24px 'UTM Avo Bold', sans-serif;

	text-transform: uppercase;

}

.contact-section .contact-infomation .address {margin-bottom: 20px;}

.contact-section .contact-infomation .address p {

	margin: 0 0 5px 0;

	color: #000;

}

.contact-section .contact-infomation .address a {color: #000;}

.contact-section .contact-map {

	padding: 4px;

	border: 1px solid #d5d5d5;

	height: 340px;

}

.contact-section .contact-form .label {

	font-size: 14px;

	line-height: 22px;

	color: #000;

	margin-bottom: 15px;

}

.contact-section .contact-form .form-row {margin-bottom: 10px;}

.contact-section .contact-form .input-text, 

.contact-section .contact-form .form-select, 

.contact-section .contact-form .form-textarea {

	border: 1px solid #d5d5d5;

	font-size: 14px;

	line-height: 20px;

	color: #000;

	outline: 0;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

	-moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

.contact-section .contact-form .input-text:focus, 

.contact-section .contact-form .form-select:focus, 

.contact-section .contact-form .form-textarea:focus {

	border-color: #66afe9;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);

	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);

}


.contact-section .contact-form .input-text, 

.contact-section .contact-form .form-select {

	height: 35px;

	line-height: 35px;

}

.contact-section .contact-form .form-textarea {

	height: 200px;

	padding: 8px 10px;

}

.contact-form .btn-submit {

	display: inline-block;

	padding: 7px 25px;

	cursor: pointer;

	background: #c51b1b;

	border: none;

	color: #fff;

	font-size: 12px;

	font-weight: normal;

	font-family: 'UTM Avo Bold';

	line-height: 20px;

	text-transform: uppercase;

}

.contact-section .contact-form .input-text::-webkit-input-placeholder, 

.contact-section .contact-form .form-textarea::-webkit-input-placeholder {

	color: #898989;

	font-size: 12px;

}

.contact-section .contact-form .input-text::-moz-placeholder, 

.contact-section .contact-form .form-textarea::-moz-placeholder {

	color: #898989;

	font-size: 12px;

}

.contact-section .contact-form .input-text:-ms-input-placeholder, 

.contact-section .contact-form .form-textarea:-ms-input-placeholder {

	color: #898989;

	font-size: 12px;

}

.contact-section .contact-form .input-text:-moz-placeholder, 

.contact-section .contact-form .form-textarea:-moz-placeholder {

	color: #898989;

	font-size: 12px;

}

@media (max-width: 1220px) {

	#contact-page {padding-bottom: 35px;}

}

@media (max-width: 960px) {

	#contact-page {padding-bottom: 25px;}

	.contact-section .contact-infomation {margin-bottom: 20px;}

}

@media (max-width: 767px) {

	#contact-page {padding-bottom: 20px;}

}

@media (max-width: 567px) {

	#contact-page {padding-bottom: 15px;}

}


/* ===== Footer style ===== */

/* ######################## Footer ######################## */

.view_map {height: 250px;}

@media (min-width: 1220px) {

	.view_map {height: 375px;}

}

.footer .heading {

	position: relative;

	margin: 0 0 20px 0;

	padding-bottom: 15px;

	font-size: 18px;

	line-height: 20px;

	text-transform: uppercase;

	font-weight: normal;

	font-family: 'UTM Avo Bold', sans-serif;

	text-align: center;

}

.footer .heading:before {

	content: "";

	display: block;

	position: absolute;

	width: 100%;

	height: 1px;

	top: initial;

	bottom: 0px;

	background: #444;

	background: -moz-linear-gradient(90deg, transparent 0%, #444 10%,#444 10%, #444 90%, #444 90%, transparent 100%);

	background: -webkit-linear-gradient(90deg, transparent 0%, #444 10%,#444 10%, #444 90%, #444 90%, transparent 100%);

	background: -o-linear-gradient(90deg, transparent 0%, #444 10%,#444 10%, #444 90%, #444 90%, transparent 100%);

	background: -ms-linear-gradient(90deg, transparent 0%, #444 10%,#444 10%, #444 90%, #444 90%, transparent 100%);

	background: linear-gradient(90deg, transparent 0%, #444 10%,#444 10%, #444 90%, #444 90%, transparent 100%);

}

.footer .heading:after {

	content: "";

	display: block;

	position: absolute;

	width: 100px;

	height: 2px;

	top: initial;

	bottom: 0px;

	left: 0px;

	right: 0px;

	margin: 0 auto;

	background: #d04700;

}

.footer  .heading>* {color: #fff;}

.footer .upper {

	position: relative;

	padding: 25px 0 5px 0;

	background: #444444;

	z-index: 5

}

.footer .upper .heading:before {

	content: "";

	display: block;

	position: absolute;

	width: 100%;

	height: 1px;

	top: initial;

	bottom: 0px;

	background: #5a5a5a;

	background: -moz-linear-gradient(90deg, transparent 0%, #5a5a5a 10%,#5a5a5a 10%, #5a5a5a 90%, #5a5a5a 90%, transparent 100%);

	background: -webkit-linear-gradient(90deg, transparent 0%, #5a5a5a 10%,#5a5a5a 10%, #5a5a5a 90%, #5a5a5a 90%, transparent 100%);

	background: -o-linear-gradient(90deg, transparent 0%, #5a5a5a 10%,#5a5a5a 10%, #5a5a5a 90%, #5a5a5a 90%, transparent 100%);

	background: -ms-linear-gradient(90deg, transparent 0%, #5a5a5a 10%,#5a5a5a 10%, #5a5a5a 90%, #5a5a5a 90%, transparent 100%);

	background: linear-gradient(90deg, transparent 0%, #5a5a5a 10%,#5a5a5a 10%, #5a5a5a 90%, #5a5a5a 90%, transparent 100%);

}

.footer .upper .store {

	margin-bottom: 20px;

	position: relative;

}

.footer .upper .store-name {

	position: relative;

	margin: 0 0 15px 0;

	font-size: 13px;

	line-height: 20px;

	text-transform: uppercase;

	font-weight: normal;

	font-family: 'UTM Avo Bold', sans-serif;

}

.footer .upper .store-name>* {color: #fff;font-family:'Baomoi-SemiBold';font-size:15px;letter-spacing:0.5px;}

.footer .upper .store-infor {

	position: relative;

	font-size: 14px;

	line-height: 20px;

	color: #999999;

}

.footer .upper .store-infor a {color: #fff;}

.footer .upper .store-infor a:hover {color: #e1e1e1;}

.footer .upper .store-infor li {

	position: relative;

	margin-bottom: 10px;

	padding-left: 25px;

	background: url(img/icon_location.png) 0px 3px no-repeat;

	color:#fff;

} 

.footer .upper .store-infor .phone {background: url(img/icon_landline.png) 0px 5px no-repeat;}

.footer .upper .store-infor .email {background: url(img/icon_email_ft.png) 0px 5px no-repeat;}

.footer .upper .store-map {padding-top: 10px;}

.footer .upper .store-map a {

	display: inline-block;

	position: relative;

	padding: 5px 115px 5px 35px;

	background: url(img/icon_map_1.png) 0px 50% no-repeat, url(img/google-map.png) 100% 50% no-repeat;

	font-size: 14px;

	line-height: 20px;

	color: #fff;

}

.footer .middle {

	padding: 20px 0;

	background: #333333;

}

.footer .middle .form .input-text {

	display: block;

	position: relative;

	height: 32px;

	padding: 0 10px;

	background: #555555;

	border: 1px solid #999;

	line-height: 32px;

	font-size: 14px;

	color: #fff;

}

.footer .middle .form .action {

	margin-top: 20px;

	text-align: center;

}

.footer .middle .form .btn-submit {

	display: inline-block;

	width: 155px;

	height: 44px;

	background: url(img/bg-button-1.png) center  no-repeat;

	border: none;

	text-align: center;

	line-height: 40px;

	color: #fff;

	font-size: 15px;

	text-transform: uppercase;

	font-weight: bold;

}

.footer .middle .form .input-text::-webkit-input-placeholder {

	color: #fff;

	font-size: 13px;

}

.footer .middle .form .input-text::-moz-placeholder {

	color: #fff;

	font-size: 13px;

}

.footer .middle .form .input-text:-ms-input-placeholder {

	color: #fff;

	font-size: 13px;

}

.footer .middle .form .input-text:-moz-placeholder {

	color: #fff;

	font-size: 13px;

}

.footer .lower {

	padding: 10px 0;

	background: #222222;

	color: #fff;

	font-size: 14px;

	line-height: 18px;

	text-align: center;

}

.footer .lower a {color: #fff;}

.footer .lower a:hover {text-decoration: underline;}


@media (min-width: 960px) {

	.footer .upper {background: #000;}

	.footer .upper .store-infor {

		font-size: 15px;

		line-height: 26px;

	}

	.footer .upper .store-name, .footer .upper .store-infor {padding-left: 20px;}

	.footer .upper .store-name:before {

		content: "\f111";

		display: block;

		position: absolute;

		left: -4px;

		top: 0px;

		font-family: FontAwesome;

		font-size: 10px;

		color: #d04700;

	}

	.footer .upper .store-infor:before {

		content: "";

		display: block;

		position: absolute;

		height: 100%;

		left: 0px;

		top: 0px;

		border-left: 1px solid #545454;

		border-right: 1px solid #363636;

	}

}

@media (min-width: 1220px) {

	.footer .upper {padding: 35px 0 30px 0;}

	
	.footer .middle {padding: 30px 0;}

	.footer .heading {

		margin: 0 0 25px 0;

		font-size: 20px;

		line-height: 24px;

	}

	.footer .middle .form .action {margin-top: 25px;}

	.footer .middle .form .input-text {

		-webkit-border-radius: 3px;

		-moz-border-radius: 3px;

		-ms-border-radius: 3px;

		-o-border-radius: 3px;

		border-radius: 3px;

	}

}

@media (max-width: 960px) {

	.footer .upper:before {

		content: "";

		display: block;

		position: absolute;

		width: 100%;

		height: 50%;

		top: initial;

		bottom: 0px;

		left: 0px;

		background: url(img/bg-footer-center.png) 50% 100% no-repeat;

		-webkit-background-size: 100%;

		background-size: 100%;

		z-index: -1;

	}

	.footer .upper .store {

		margin-left: 5px;

		margin-bottom: 15px;

	}

	.footer .upper .uk-grid>*:nth-child(n+2) .store {padding-top: 15px;}

	.footer .upper .uk-grid>*:nth-child(n+2) .store:before {

		content: "";

		display: block;

		position: absolute;

		width: 100%;

		top: 0px;

		left: 0px;

		border-top: 1px solid #545454;

		border-bottom: 1px solid #363636;

	}

	.footer .middle .form-row:not(.action) {margin-top: 5px;}

}

@media (max-width: 479px) {

	.footer .heading {

		font-size: 13px;

		line-height: 20px;

	}

}


/* ====== Fixed style ====== */

#goTop {

	position: fixed;

	display: block;

	bottom: 40px;

	width: 40px;

	height: 40px;

	top: initial;

	left: initial;

	right: 15px;

	background: #e42323;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-ms-border-radius: 3px;

	-o-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

	line-height: 43px;

	font-size: 22px;

	font-weight: 400;

	text-align: center;

	text-decoration: none;

	z-index: 999;

}


/* </goquanviet.css> 

/* ######################## projects-featured ######################## */

.projects-featured,

.actual-products,

.homepage-featured-news {

	margin: 0 0 15px 0;

}

.projects-featured .article {

	position: relative;

	overflow: hidden;

	text-align: center;

	background: #fff;

}

.projects-featured .article .image {position: relative;}

.projects-featured .article .title {

	margin: 0 0 8px 0;

	max-height: 40px;

	font-size: 16px;

	line-height: 20px;

	overflow: hidden; 

	-ms-text-overflow: ellipsis; 

	text-overflow: ellipsis;

}

.projects-featured .article .title a {color: #000;}

.projects-featured .article .title a:hover {color: #1d8acb;}

.projects-featured .article .description {

	margin: 0 0 10px 0;

	max-height: 60px

	font-size: 14px;

	line-height: 20px;

	color: #000;

	overflow: hidden; 

	-ms-text-overflow: ellipsis; 

	text-overflow: ellipsis;

}

.projects-featured .article .viewmore a {

	display: inline-block;

	padding: 3px;

	border: 1px solid #000000;

	line-height: 20px;

	font-size: 14px;

	text-transform: uppercase;

	color: #fff;

}

.projects-featured .article .viewmore a>span {

	display: block;

	padding: 5px 20px;

	background: #000000;

}


@media (min-width: 567px) {

	.projects-featured .article .title {font-size: 18px;}

	.projects-featured{

		margin-top:30px !important;

	}

}

@media (min-width: 960px) {

	.projects-featured,

	.actual-products,

	.homepage-featured-news {

		margin: 0 0 25px 0;

	}

}

@media (min-width: 1220px) {

	.projects-featured,

	.actual-products,

	.homepage-featured-news {

		margin: 0 0 40px 0;

	}

	.projects-featured .article {border: 2px solid transparent;}

	.projects-featured .article:hover {border-color: #000;}

	.projects-featured .article .image,

	.actual-products .article .image {height: 212px;}

	.projects-featured .article .image:before {

		content: "";

		display: block;

		position: absolute;

		width: 100%;

		height: 100%;

		top: 0px;

		left: 0px;

		background: rgba(255, 255, 255, .6);

		opacity: 0;

		z-index: -1;

		-webkit-transition: all .25s ease;

		-moz-transition: all .25s ease;

		-o-transition: all .25s ease;

		transition: all .25s ease;

	}

	.projects-featured .article:hover .image:before {

		opacity: 1;

		z-index: 5

	}

	.projects-featured .article .infor {

		position: absolute;

		width: 100%;

		padding: 0 15px;

		left: 0px;

		top: 50%;

		opacity: 0;

		z-index: -1;

		cursor: pointer;

		-webkit-transform: translate(0, -50%);

		-moz-transform: translate(0, -50%);

		-ms-transform: translate(0, -50%);

		-o-transform: translate(0, -50%);

		transform: translate(0, -50%);

		-webkit-transition: all .25s ease .25s;

		-moz-transition: all .25s ease .25s;

		-o-transition: all .25s ease .25s;

		transition: all .25s ease .25s;

	}

	.projects-featured .article:hover .infor {

		opacity: 1;

		z-index: 9

	}

}

@media (max-width: 1220px) {

	.projects-featured .list-article,

	.actual-products .list-article {

		margin-left: -10px;

	}

	.projects-featured .list-article>li,

	.actual-products .list-article>li {

		padding-left: 10px;

	}

	.projects-featured .article .thumb {margin: 0 0 8px 0;}

	.projects-featured .article .viewmore a {

		font-size: 13px;

		line-height: 18px;

	}

}

@media (min-width: 960px) and (max-width: 1220px) {

	.projects-featured .article .image,

	.actual-products .article .image  {

		 height: 175px;

	}

}

@media (max-width: 960px) {

	.projects-featured .article {

		padding: 2px;

		border: 1px solid #e1e1e1;

		box-shadow: 0 0 1px rgba(0, 0, 0, .05);

		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .05);

		-ms-box-shadow: 0 0 1px rgba(0, 0, 0, .05);

		-o-box-shadow: 0 0 1px rgba(0, 0, 0, .05);

		-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .05);

	}

	.projects-featured .article .infor {padding-bottom: 5px;}

}

@media (min-width: 767px) and (max-width: 960px) {

	.projects-featured .article .image,

	.actual-products .article .image {

		height: 180px;

	}

}

@media (max-width: 767px) {

	.projects-featured .article .description {margin: 0;}

	.projects-featured .article .viewmore {display: none;}

}

@media (min-width: 567px) and (max-width: 767px) {

	.projects-featured .article .image,

	.actual-products .article .image {

		height: 205px;

	}

}

@media (max-width: 567px) {

	.projects-featured .list-article,

	.actual-products .list-article {

		margin-left: -5px;

	}

	.projects-featured .list-article>li,

	.actual-products .list-article>li {

		padding-left: 5px;

	}

	.projects-featured .article .title {margin: 0;}

	.projects-featured .article .description {display: none;}

}

@media (min-width: 479px) and (max-width: 567px) {

	.projects-featured .article .image,

	.actual-products .article .image {

		height: 165px;

	}

}

@media (max-width: 479px) {

	.projects-featured  {margin: 0 0 10px 0;}

	.projects-featured .article .thumb {margin: 0 0 5px 0;}

	.projects-featured .article .image,

	.actual-products .article .image {

		height: auto !important;

	}

	.projects-featured .article .title {

		max-height: 20px

		font-size: 14px;

		font-weight: normal;

	}

}

@media (max-width: 350px) {

	.projects-featured .article .image,

	.actual-products .article .image {

		height: 100px;

	}

}


.heading-1 {

	position: relative;

	margin: 0 0 20px 0;

	padding-bottom: 15px;

	line-height: 24px;

	font-size: 18px;

	font-weight: normal;

	font-family: 'UTM Avo Bold', sans-serif;

	text-transform: uppercase;

	text-align: center;

}

.heading-1>* {color: #6a0a0b;}


.widget-zalo img{
	max-width:60px;
}

.widget-zalo{
	position: fixed;
	left:32px;
	bottom:135px;
	z-index: 100;
}
/* 
@media(max-width: 600px){
	.widget-zalo{
		left:initial;
		right:10px;
		bottom:65px;
		z-index: 99999;
	} */
/* } */