@charset "UTF-8";

@font-face {
	font-family: main;
	src: url("../fonts/main/RobotoRegular.eot");
	src: url("../fonts/main/RobotoRegular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/main/RobotoRegular.woff") format("woff"),
		url("../fonts/main/RobotoRegular.ttf") format("truetype"),
		url("../fonts/main/RobotoRegular.svg#RobotoRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: mainbold;
	src: url("../fonts/main/RobotoBold.eot");
	src: url("../fonts/main/RobotoBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/main/RobotoBold.woff") format("woff"),
		url("../fonts/main/RobotoBold.ttf") format("truetype"),
		url("../fonts/main/RobotoBold.svg#RobotoBold") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Main */
:root {
	--color-main: #000;
	--color-hover: #ec2d3f;
	--color-btn: #fff;
	--background-main: #ec2d3f;
	--background-hover: #ec2d3f;
	--background-btn: #808080;
	--color-red: #ec2d3f;
	--color-gray: gray;
}

#block-body {
	overflow: hidden;
}

#header {
}

#body {
}

#footer {
}

/* General */
.title-main {
	position: relative;
	margin: auto;
	background: url("../images/bg_title_red.png") repeat;
	margin-left: -15px;
}

.flower {
	position: relative;
	background: #fff;
}

.flower::before {
	position: absolute;
	content: "";
	background: url("../images/flower_title.png");
	width: 128px;
	height: 92px;
	right: calc(100% - 15px);
	top: -15px;
	z-index: -1;
}

.title-main h2 {
	display: inline-block;
	font-family: mainbold;
	color: var(--color-main);
	font-size: 17px;
	text-transform: uppercase;
	line-height: 48px;
	width: 278px;
	background: url(../images/bg-title.png) no-repeat left center;
	padding-left: 50px;
}

.title-main h2::before {
	content: "";
	position: absolute;
	top: 48px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-color: transparent #c51b1b transparent transparent;
}

.title-main p {
}

.btn-main {
	text-align: center;
}

.btn-main a {
	background: var(--background-btn);
	color: var(--color-btn);
	padding: 10px 20px;
	display: inline-block;
	border-radius: 5px;
}

.btn-main a:hover {
	background: var(--background-hover);
}

/*end General*/
/*============================*/
/* Header */
#block-header {
}

.header-box {
	position: relative;
}

.header-top {
	background: #2c1815;
	color: #fff;
}

.header-top .box {
	align-items: center;
	font-size: 13px;
	padding: 9.5px 0;
}

.header-slogan {
}

.header-slogan marquee {
}

.header-slogan marquee span {
}

.header-address {
}

.header-address i {
}

.header-address span {
}

.header-email {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid rgb(204 204 204 / 50%);
	line-height: 14px;
}

.header-email i {
}

.header-email span {
}

.header-hotline {
}

.header-hotline i {
}

.header-hotline span {
}

.header-social {
}

.header-social span {
}

.header-social a {
}

.header-social a img {
}

.header-mid {
}

.header-mid .box {
	align-items: center;
	padding: 10px 0;
}

.header-logo {
	width: 85px;
}

.header-logo a {
}

.header-logo a img {
}

.header-banner {
}

.header-banner a {
}

.header-banner a img {
}

.header-cart {
	color: #fff;
	font-size: 20px;
}

.header-cart a:hover {
	color: #fff;
}

.header-cart a i {
}

.header-cart a span {
}

.header-lang {
}

.header-lang a {
}

.header-lang a svg {
	width: 30px;
}

.header-sale {
	margin-right: auto;
	margin-left: 10px;
}

.header-sale a:hover {
	color: #fff;
}

.header-search {
	max-width: 670px;
	width: 50%;
	border-radius: 5px;
	overflow: hidden;
}

.header-search .search {
	display: flex;
}

.header-search .search input {
	height: 40px;
	border: none;
	text-indent: 15px;
	flex-grow: 1;
}

.header-search .search p {
	width: 60px;
	background: #fcca24;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.header-search .search p svg {
	width: 16px;
}

.header-search .search p svg g {
}

.header-search .search p svg g path {
	fill: #fff;
}

.header-bot {
}

/*end header*/
/*============================*/
/* Menu */
#block-menu {
	background: #2c1815;
}

.container-menu {
	align-items: center;
}

.menu-main {
	position: relative;
	align-items: center;
	flex-grow: 1;
	justify-content: flex-start;
}

.menu-main li {
	position: relative;
	color: #ffffff;
	font-family: main;
	text-transform: uppercase;
	padding: 0 10px;
}

.menu-main li a {
	font-family: main;
	color: inherit;
	display: block;
}

.menu-main > li {
	text-align: center;
	position: relative;
}

.menu-main > li:hover,
.menu-main > li.active {
	color: yellow;
}

.menu-main > li > a {
	font-size: 16px;
	line-height: 50px;
	text-transform: uppercase;
}

.menu-main .menu-list li:hover > ul,
.menu-main li:hover .menu-list {
	opacity: 1;
	visibility: visible;
}

.menu-main li .menu-list {
	-webkit-transform: rotate3d(1, 0, 0, -90deg);
	-moz-transform: rotate3d(1, 0, 0, -90deg);
	-o-transform: rotate3d(1, 0, 0, -90deg);
	-ms-transform: rotate3d(1, 0, 0, -90deg);
	transform: rotate3d(1, 0, 0, -90deg);
	-webkit-transform-origin: 0 0 0;
	-moz-transform-origin: 0 0 0;
	-o-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.menu-main li:hover .menu-list {
	-webkit-transform: rotate3d(0, 0, 0, 0deg);
	-moz-transform: rotate3d(0, 0, 0, 0deg);
	-o-transform: rotate3d(0, 0, 0, 0deg);
	-ms-transform: rotate3d(0, 0, 0, 0deg);
	transform: rotate3d(0, 0, 0, 0deg);
}

.menu-main li ul {
	background-color: #c51b1b;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	z-index: 10;
	width: 250px;
	box-shadow: 0 0 3px 1px #6b6a6a;
	-webkit-transition: visibility 0.3s, opacity 0.3s;
	-moz-transition: visibility 0.3s, opacity 0.3s;
	-ms-transition: visibility 0.3s, opacity 0.3s;
	-o-transition: visibility 0.3s, opacity 0.3s;
	transition: visibility 0.3s, opacity 0.3s;
}

.menu-main .menu-list {
	left: 0;
	top: 100%;
}

.menu-main .menu-list li {
	text-align: left;
	border-bottom: 1px solid #d0d0d0;
}

.menu-main .menu-list li a {
	display: block;
	padding: 6px 20px;
}

.menu-main li ul {
	left: 100%;
	top: 0;
}

.menu-main .menu-list li:last-child {
	border-bottom: none;
}

.menu-main .menu-list li:hover,
.menu-main .menu-list li:focus {
	background-color: #045fbb;
}

/*============================*/
/* Search */

.search-full {
	width: calc(230 / var(--ctn-per));
	background: #fff;
}

.search-full svg {
	width: 20px;
}

.search-full svg * {
	fill: #000;
}

.search-full input {
	flex-grow: 1;
	height: 35px;
	outline: none;
	padding: 0px;
	border: 0px;
	background: transparent;
	text-indent: 10px;
	font-size: 12px;
}

.search-full button {
	width: 35px;
	height: 35px;
	line-height: 35px;
}

.search-full button:focus {
	outline: none;
}

.search-full input::-webkit-input-placeholder {
	color: #ccc;
}

.search-full input:-moz-placeholder {
	color: #ccc;
}

.search-full input::-moz-placeholder {
	color: #ccc;
}

.search-full input:-ms-input-placeholder {
	color: #ccc;
}

/*search-in-out*/

.menu-search {
	width: 20px;
}

.menu-search i {
	color: #fff;
	font-size: 20px;
}

.search-form {
	background-color: #ccc;
	height: 40px;
	position: absolute;
	right: 0%;
	top: 100%;
	z-index: 9999;
	display: block;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	box-shadow: -2px 2px 9px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	border: 1px solid rgba(220, 220, 220, 0.3);
	opacity: 0;
	color: #000;
}

.form-row-search input[type="text"] {
	border: none;
	outline: none;
	width: 100%;
	height: 42px;
	padding: 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 47px;
	position: absolute;
	display: block;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

/*============================*/
/* Slideshow */
#block-slideshow-mobile {
	display: none;
}

#block-slideshow {
	position: relative;
}

.container-slideshow {
	/* width: 100%; */
	height: auto;
	overflow: hidden;
}

.slideshow-box {
}

.slideshow-img {
	position: relative;
}

.slideshow-img img {
	width: 100%;
}

.slideshow-text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: rgb(255 255 255 / 0.5);
	padding: 10px var(--lor);
}

.slideshow-text h3 {
	font-family: mainbold;
	text-transform: capitalize;
	font-size: 15px;
	margin-bottom: 5px;
}

.slideshow-text p {
}

.slideshow-text article {
	font-family: main;
	font-size: 13px;
}

.slideshow-btn {
	background: none;
}

.slideshow-btn a {
	font-family: main;
	font-size: 15px;
	color: #000000;
	background: #fff;
	padding: 12px 25px;
	display: inline-flex;
	position: relative;
}

.slideshow-btn a:after {
	position: absolute;
	content: "";
	border-top: 22.5px solid white;
	border-right: 15px solid #80808000;
	border-bottom: 22.5px solid white;
	top: 0;
	left: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.slideshow-btn a:hover {
	background-color: var(--background-hover);
	color: #fff;
}

.slideshow-btn a:hover::after {
	border-top-color: var(--background-hover);
	border-bottom-color: var(--background-hover);
}

.slideshow-swiper .slideshow-text * {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s 1s;
	-moz-transition: all 0.5s 1s;
	-ms-transition: all 0.5s 1s;
	-o-transition: all 0.5s 1s;
	transition: all 0.5s 1s;
}

.swiper-slide-active .slideshow-text * {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	visibility: visible;
	opacity: 1;
}

.swiper-slide-active .slideshow-text span {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}

.swiper-slide-active .slideshow-text h3 {
	-webkit-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s;
}

.swiper-slide-active .slideshow-text article {
	-webkit-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s;
}

.swiper-slide-active .slideshow-text .slideshow-btn {
	-webkit-transition-delay: 1.6s;
	-o-transition-delay: 1.6s;
	transition-delay: 1.6s;
}

.swiper-slide:hover .slideshow-text .slideshow-btn,
.swiper-slide:hover .slideshow-text .slideshow-btn a {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

/*end Slide*/
/*============================*/
/*criteria*/
#block-criteria {
	padding: 30px 0;
}

.container-criteria {
}

.criteria-title {
}

.criteria-title h2 {
}

.criteria-title p {
}

.criteria-box {
}

.criteria-col {
	margin: 0;
}

.criteria-item {
}

.criteria-img {
	display: flex;
	align-items: center;
}

.criteria-img img {
	width: 52px;
}

.criteria-img figcaption {
	padding-left: 16px;
}

.criteria-img figcaption h3 {
	font-weight: bold;
	margin-bottom: 5px;
}

.criteria-img figcaption p {
}

.criteria-text {
}

.criteria-text h3 {
}

.criteria-text h3 a {
}

.criteria-text p {
}

.criteria-text article {
}

.criteria-text button {
}

.criteria-text button a {
}

.criteria-text button a:hover {
}

/*end criteria*/
/*===============================*/
/*sale*/
#block-productNew {
	margin-bottom: 30px;
}

#block-sale {
	margin-bottom: 30px;
}

.productList-img {
	padding-right: 18px;
}

.container-sale {
}

.sale-title {
}

.sale-title h2 {
}

.sale-title p {
}

.sale-box {
}

.sale-box .product-col {
}

.sale-box .product-item {
	display: flex;
}

.sale-box .product-img {
	margin: 0;
	width: calc(260 / 600 * 100%);
}

.sale-box .product-text {
	margin: 0;
	flex-grow: 1;
	padding: calc(20 / 600 * 100%);
	width: calc(100% - 260 / 600 * 100%);
}

/*end sale*/
/*===============================*/
/*product*/
#block-product {
}

.container-product {
	margin-bottom: 30px;
}

.product-title {
}

.product-title h2 {
}

.product-title p {
}

.product-box {
	justify-content: flex-start;
}

.product-col {
}

.product-item {
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
}

.product-item:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 100%;
	transform-origin: right;
	transition: transform 0.5s ease-in-out;
	transform: scaleX(0);

	background: red;
}

.product-item:hover:after {
	transform-origin: left;
	transform: scaleX(1);
}

.product-img {
}

.product-img a {
	position: relative;
	display: block;
}

.product-img a img {
}

.product-text {
	padding: 10px;
	background: #f8f8f8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.product-text div i {
	color: #d9d900;
}

.product-text h3 {
	font-family: mainbold;
	text-transform: capitalize;
	line-height: initial;
	font-size: 14px;
	margin-bottom: 5px;
}

.product-text h3 a {
}

.product-text article {
	display: -webkit-box;
	width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: main;
	font-size: 14px;
	margin-bottom: 5px;
	display: none;
}

.price {
	font-family: main;
	font-size: 13px;
}

.price a,
.price-new {
	font-size: 13px;
	color: var(--color-red);
	font-family: mainbold;
}

.price-new u {
	text-transform: uppercase;
	padding-left: 5px;
}

.price-old {
	font-size: 12px;
	color: var(--color-gray);
	font-family: main;
}

.product-text button {
}

.product-text button a {
}

.product-text button a:hover {
}

/*end product*/
/*===============================*/
.tab-lable {
	justify-content: center;
	margin-bottom: 20px;
}

.tab-lable li {
	margin: 2.5px;
}

.tab-lable .tab-active {
	background: red;
	color: #fff;
}

.tab-lable li h2 {
	cursor: pointer;
	font-family: main;
	font-size: 14px;
	padding: 0 15px;
	border: 1px solid #ccc;
	line-height: 40px;
	color: inherit;
}

/*tab*/
#block-tab {
}

.container-tab {
}

.tab-title {
}

.tab-title li {
}

.tab-title li h2 {
}

.tab-box {
}

.tab-col {
}

.tab-item {
}

.tab-img {
}

.tab-img a {
}

.tab-img a img {
}

.tab-text {
}

.tab-text h3 {
}

.tab-text h3 a {
}

.tab-text p {
}

.tab-text button {
}

.tab-text button a {
}

.tab-text button a:hover {
}

/*end tab*/
/*===============================*/
/*page*/
#block-propage {
}

.container-propage {
}

.product-paging {
}

#block-pagelist {
}

.container-pagelist {
}

.pagelist-paging {
	justify-content: flex-start;
}

/*end page*/
/*===============================*/
/*tabPage*/
#block-tabPage {
}

.container-tabPage {
}

.tabPage-title {
	justify-content: center;
	margin-bottom: 20px;
}

.tabPage-title li {
	margin: 2.5px;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	font-family: "mainbold";
	font-size: 15px;
	color: #282828;
	text-transform: uppercase;
	min-width: 100px;
	text-align: center;
	padding: 8.5px 10px;
	cursor: pointer;
}

.tabPage-title li.tabPage-active {
	background: #027b76;
	border-color: #027b76;
	color: #fff;
}

.tabPage-show {
}

.tabPage-box {
}

.tabPage-col {
}

.tabPage-item {
}

.tabPage-img {
}

.tabPage-img a {
}

.tabPage-img a img {
}

.tabPage-text {
}

.tabPage-text h3 {
}

.tabPage-text h3 a {
}

.tabPage-text p {
}

.tabPage-text article {
}

.tabPage-text button {
}

.tabPage-text button a {
}

.tabPage-text button a:hover {
}

/*end tabPage*/
/*===============================*/
/*loadMore*/
#block-loadMore {
}

.container-loadMore {
}

.loadMore-title {
}

.loadMore-title h2 {
}

.loadMore-title p {
}

.loadMore-box {
}

.loadMore-col {
}

.loadMore-item {
}

.loadMore-img {
}

.loadMore-img a {
}

.loadMore-img a img {
}

.loadMore-text {
}

.loadMore-text h3 {
}

.loadMore-text h3 a {
}

.loadMore-text p {
}

.loadMore-text article {
}

.loadMore-text button {
}

.loadMore-text button a {
}

.loadMore-text button a:hover {
}

/*end loadMore*/
/*===============================*/
/*ads*/
#block-ads {
	margin-bottom: 10px;
}

.container-ads {
}

.ads-box {
}

.ads-item {
}

.ads-img {
}

.ads-img a {
}

.ads-img a img {
}

.ads-text {
}

/*end ads*/
/*===============================*/
/*Album*/
#block-album {
}

.container-album {
}

.album-box {
	justify-content: flex-start;
}

.album-col {
}

.album-item {
	position: relative;
	overflow: hidden;
}

.album-img {
}

.album-img a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.album-text {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: #00000080;
	padding: 10px;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	visibility: hidden;
	opacity: 0;
	color: #fff;
}

.album-item:hover .album-text {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	visibility: visible;
	opacity: 1;
}

.album-text h3 {
	font-family: mainbold;
	font-size: 16px;
	text-transform: uppercase;
}

.album-text p {
	font-family: main;
	font-size: 13px;
}

/*end Album*/
/*===============================*/
/*Merge*/
:root {
	--merge-news: 680;
	--merge-video: 480;
}

#block-merge {
}

.container-merge {
}

.merge-title {
	margin-bottom: 20px;
	position: relative;
	/* border-bottom: 1px solid #ccc; */
	padding-bottom: 10px;
}

.merge-title::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #848484;
	bottom: 0;
	left: 0;
}

.merge-title::after {
	position: absolute;
	content: "";
	width: 200px;
	height: 2px;
	background: red;
	bottom: 0;
	left: 0;
}

.merge-title h2 {
	font-family: mainbold;
	font-size: 17px;
	text-transform: uppercase;
	display: inline-block;
}

.merge-title p {
}

.merge-box {
}

/*merge-news*/
.merge-news {
	width: calc(var(--merge-news) / var(--ctn-per));
}

.news-first {
	width: calc(290 / var(--merge-news) * 100%);
}

.news-first .news-img {
	width: 100%;
}

.news-first .news-img a {
}

.news-first .news-img a img {
}

.news-first .news-text {
	width: 100%;
}

.news-first .news-text h3 {
	margin-bottom: 5px;
	color: #000;
}

.news-first .news-text h3 a {
	font-family: mainbold;
	font-size: 15px;
}

.news-first .news-text p {
	font-family: main;
	font-size: 13px;
	color: #929292;
	margin-bottom: 5px;
}

.news-first .news-text p span {
	font-style: italic;
}

.news-first .news-text article {
}

.news-first .news-text .btn-main {
}

.news-first .news-text .btn-main a {
}

.news-scroll {
	width: calc(370 / var(--merge-news) * 100%);
	overflow: hidden;
}

.news-col {
}

.news-item {
	background: #f6f5f4;
	padding: 10px;
}

.news-img {
}

.news-img a {
}

.news-img a img {
}

.news-text {
	padding: 10px;
}

.news-text h3 {
	margin-bottom: 5px;
}

.news-text h3 a {
	font-family: mainbold;
	color: #333333;
}

.news-text p {
	font-family: main;
	font-size: 13px;
}

.news-text p span {
}

.news-text article {
	display: -webkit-box;
	width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news-text btn-main a {
}

.news-text btn-main a:hover {
}

/*end merge-news*/
/*================*/
/*merge-video*/
.merge-video {
	width: calc(var(--merge-video) / var(--ctn-per));
}

.video-box {
}

.video-play {
	line-height: 0;
	margin-bottom: 10px;
}

.video-play iframe {
}

.video-list {
	margin-left: calc(-5 / var(--merge-video) * 100%);
	margin-right: calc(-5 / var(--merge-video) * 100%);
}

.video-col {
	padding-left: calc(5 / var(--merge-video) * 100%);
	padding-right: calc(5 / var(--merge-video) * 100%);
}

.video-item {
}

.video-item a {
}

.video-item a img {
}

.video-list {
	overflow: hidden;
}

.video-select {
	width: 100%;
	line-height: 40px;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #ccc;
}

/*end merge-video*/
/*end Merge*/
/*===============================*/
/*partner*/
#block-partner {
}

.container-partner {
}

.partner-title {
}

.partner-title h2 {
}

.partner-title p {
}

.partner-box {
}

.partner-col {
}

.partner-item {
}

.partner-img {
}

.partner-img a {
}

.partner-img a img {
}

.partner-text {
}

.partner-text h3 {
}

.partner-text h3 a {
}

.partner-text p {
}

.partner-text article {
}

.partner-text button {
}

.partner-text button a {
}

.partner-text button a:hover {
}

/*end partner*/
/*===============================*/
/* Brand */
#block-brand {
}

.container-brand {
}

.brand-box {
}

.brand-col {
}

.brand-item {
}

.brand-img {
}

.brand-img a {
}

.brand-img a img {
}

.brand-text {
}

.brand-text h3 {
}

.brand-text h3 a {
}

.brand-text p {
}

.brand-text button {
}

.brand-text button a {
}

.brand-text button a:hover {
}

/*end Brand*/
/*===============================*/
/* Footer */
#block-footer {
	background: url("../images/hoa-van.png") repeat-x top left,
		url("../images/bg_title_red.png");
}

.footer-title {
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 10px;
}

.footer-title::after {
	position: absolute;
	content: "";
	background: #fff;
	width: 50px;
	height: 2px;
	left: 0;
	bottom: 0;
}

.footer-title h2 {
	font-family: mainbold;
	text-transform: uppercase;
}

/*top*/
.footer-top {
	color: #fff;
	padding-top: 40px;
}

.footer-top .box {
}

.footer-company {
	width: 460px;
}

.company-title {
}

.company-title h2 {
}

.company-item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.company-item i {
	color: #fff;
	border: 1px solid #fff;
	width: 30px;
	line-height: 28px;
	font-size: 12px;
	text-align: center;
}

.company-item span {
	font-family: main;
	font-size: 14px;
	color: #fff;
	padding-left: 10px;
	width: calc(100% - 30px);
	line-height: 1.2;
}

.footer-content {
	line-height: 30px;
	font-family: main;
}

.footer-content li {
}

.footer-content li a {
	font-family: main;
	color: #fff;
	font-size: 14px;
	position: relative;
	left: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.footer-content li a:hover {
	left: 5px;
}

.footer-policy {
	width: 180px;
}

.footer-mail {
	width: 450px;
}

.mail-box {
}

.mail-form {
	position: relative;
}

.mail-form textarea,
.mail-form input {
	border: none;
	width: 100%;
	background: #fff;
	font-family: main;
	color: #000;
	font-size: 13px;
	padding-left: 10px;
	line-height: 34px;
	margin-bottom: 10px;
}

.mail-form textarea {
	height: initial;
	resize: none;
}

.mail-form textarea::-webkit-input-placeholder,
.mail-form input::-webkit-input-placeholder {
	font-family: main;
	color: #333;
	font-size: 13px;
}

.mail-form textarea::-moz-placeholder,
.mail-form input::-moz-placeholder {
	font-family: main;
	color: #333;
	font-size: 13px;
}

.mail-form textarea::-ms-input-placeholder,
.mail-form input::-ms-input-placeholder {
	font-family: main;
	color: #333;
	font-size: 13px;
}

.mail-form textarea::-moz-placeholder,
.mail-form input::-moz-placeholder {
	font-family: main;
	color: #333;
	font-size: 13px;
}

.mail-btn {
	border: none;
	font-family: mainbold;
	font-size: 15px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	min-width: 120px;
	line-height: 40px;
	background: #bb0606;
	color: #fff;
}

.mail-btn:hover {
	background: black;
}

.footer-mail p {
	font-family: main;
	font-size: 14px;
}

.footer-facebook {
	width: 300px;
}

.footer-social {
}

.footer-social a {
	margin: 0 5px;
}

/*mid*/
.footer-mid {
	color: #fff;
}

.footer-mid .box {
	padding: 10px 0;
	font-family: main;
	font-size: 14px;
	border-top: 1px solid #fff;
	align-items: center;
}

.copyright {
}

.copyright p {
	font-size: 13px;
}

.copyright p span {
}

.counter {
}

.counter p {
	padding: 0 5px;
	font-size: 13px;
}

.counter p span {
}

.social-footer {
}

.social-footer a {
}

/*bot*/
.footer-bot {
}

#footer-map {
	line-height: 0;
}

#footer-map iframe {
	width: 100%;
	height: 400px;
}

/*end Footer*/
/*===============================*/
#body-social {
	position: fixed;
	right: 20px;
	bottom: 350px;
	z-index: 9999;
}

#body-social a {
	margin: 2.5px 0;
	border-radius: 50%;
	background: #fff;
	overflow: hidden;
	display: block;
}

/*aside*/
.aside-small {
	width: 270px;
}

.aside-big {
	width: calc(100% - 300px);
}

.aside-news {
	position: sticky;
	top: 50px;
}

.container-aside {
	position: relative;
	padding-top: 10px;
}

.aside-title {
	position: absolute;
	top: 0;
	left: 0;
}

.aside-title::after {
	position: absolute;
	content: "";
	background: #db0000;
	width: 165px;
	height: 1px;
	bottom: -5px;
	right: -2px;
}

.aside-title::before {
	position: absolute;
	content: "";
	background: #db0000;
	width: 180px;
	height: 2px;
	bottom: -10px;
	right: 0;
}

.aside-title h2 {
	font-family: mainbold;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	background: #007dfb;
	width: 230px;
	padding: 12px 0;
	text-align: center;
	position: relative;
}

.aside-title h2::after {
	position: absolute;
	content: "";
	border-top: 45px solid #007dfb;
	border-right: 15px solid #0000;
	top: 0;
	left: 100%;
}

.aside-title h2::before {
	position: absolute;
	content: "";
	top: 10px;
	background: #e02020;
	width: 15px;
	height: 45px;
	transform: skew(-18deg);
	left: calc(100% + 7px);
}

.aside-box {
	border: 1px solid #cacaca;
	background: #f7f7f7;
	padding: 15px;
	padding-top: 45px;
}

.aside-list li a {
	font-family: "main";
	font-size: 14px;
	color: #333333;
	display: block;
	padding: 14px 0;
	position: relative;
	left: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.aside-list > li > a {
	font-family: "mainbold";
	background: url("../images/bg-list.png") no-repeat left center;
	padding-left: 20px;
	border-bottom: 1px dashed #ccc;
}

.aside-list li a:hover {
	color: red;
}

.aside-col {
	padding-bottom: 20px !important;
}

.aside-img {
	margin-bottom: 10px;
}

.aside-text {
	text-align: center;
}

.aside-text h3 {
	margin-bottom: 5px;
}

.aside-text h3 a {
	font-family: "mainbold";
}

.aside-text article {
	font-family: "main";
	font-size: 14px;
	display: -webkit-box;
	width: 100%;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*end aside*/
/*===============================*/
/*News Classic*/

.newsClassic-col {
}

.newsClassic-item {
}

.newsClassic-img {
	width: 35%;
}

.newsClassic-img a {
}

.newsClassic-img a img {
}

.newsClassic-text {
	width: calc(65% - 10px);
}

.newsClassic-text h3 {
	margin-bottom: 10px;
}

.newsClassic-text h3 a {
	font-family: mainbold;
}

.newsClassic-text p {
	font-family: main;
	font-size: 13px;
	color: #5d5d5d;
	margin-bottom: 5px;
}

.newsClassic-text article {
	font-family: main;
	margin-bottom: 10px;
	display: -webkit-box;
	width: 100%;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.newsClassic-text > a {
	font-family: main;
	font-size: 13px;
}

.newsClassic-text > a:hover {
}

/* end Classic */

/*pushTop*/
#block-pushTop {
}

.container-pushTop {
}

.pushTop-title {
}

.pushTop-title h2 {
}

.pushTop-title p {
}

.pushTop-box {
}

.pushTop-col {
}

.pushTop-item {
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.pushTop-item:hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.pushTop-item:hover .pushTop-text {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.pushTop-img {
}

.pushTop-img {
	box-shadow: inset 8px -5px black;
}

.pushTop-img img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
	max-width: 100%;
	display: block;
	position: relative;
}

.pushTop-text {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #0f4334;
	color: #ffcc01;
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.pushTop-text h3 {
	display: -webkit-box;
	width: 100%;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
}

.pushTop-text h3 a {
	font-family: "mainbold";
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
}

.pushTop-text p {
}

.pushTop-text article {
	display: -webkit-box;
	width: 70%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: "main";
	color: #fff;
	font-size: 13px;
}

.pushTop-text > a {
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #ffcc01;
	color: #000;
	font-family: "main";
	font-size: 13px;
}

.pushTop-text > a:hover {
	background: var(--background-hover);
	color: #fff;
}

/*end pushTop*/
/*===============================*/

.discount {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #bb1515;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	color: #fff;
	border: 2px solid #fff;
}

.inProductList-content {
	padding: 20px;
}