@font-face {
	font-family: 'DBAdmanXUltraLi';
	src: url('../fonts/DBAdmanXUltraLi.ttf');
}

@font-face {
	font-family: 'DBAdmanX';
	src: url('../fonts/DBAdmanX.ttf');
}

html,
body {
	font-family: "DBAdmanXUltraLi", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size: 20px;

	background-color: #292724;
}

a {
	color: white;
	text-decoration: none;
}

a:hover {
	color: white;
	text-decoration: none;
}

#header {
	background: url(../img/header_background.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#header-contact {
	background-color: #3e3e3e;
	color: white;
	font-size: 18px;
}

#header-menu {
	background-color: #5b5b5b;
	color: white;
	text-align: center;
	font-size: 30px;
}

.header-category {
	background-color: #ac0c19;
	color: white;
	text-align: center;
	font-size: 35px;
}

.header-category-detail {
	background-color: #959595;
}

.divider {
	background-color: #252525;
}

.product-background {
	background-color: #3e3e3e;
}

.footer {
	background-color: #363636;
	color: white;
}


.image {
	position: relative;
	overflow: hidden;
	padding-bottom: 100%;
}

.image img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.imglabel {
	position: absolute;
	left: 15px;
	top: 10px;

	width: 30%;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.imglabel {
		top: 0px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}


.box-item-product {
	display: block;
	position: relative;
	background-color: #ac0c19;
	;
}

.box-item-product .wrapper-img {
	position: relative;
	overflow: hidden;
	padding-top: 50.25%;
}

.box-item-product .wrapper-img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.box-item-product .name-txt {
	/* position: absolute;
	bottom: 0; */
	width: 100%;
	display: block;
	padding: 5px 5px;
	background: #000;
	color: #fff;
	text-align: right;
	font-weight: bold;
	font-size: 19px;
}

.image-full {
	width: 100%;
	height: 100%;
}

.image-full img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
}

.my-10px {
	margin: 10px 0 !important;
}

.p-0 {
	padding: 0 !important;
}

.btn-icon-seemore img {
	width: 150px;
	margin-bottom: 6px;
}

.dropdown-c-menu {
	position: relative;
	display: inline-block;
}

.dropdown-c-menu:hover .sub-dropdown {
	display: flex;
}

.dropdown-c-menu .sub-dropdown {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	flex-direction: column;
	position: absolute;
	bottom: -128px;
	right: -85px;
	min-width: 209px;
	background: #333;
	z-index: 9;
}