body {
	font-family: roboto,sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #111
}

a {
	color: inherit
}

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

ul {
	padding: 0;
	list-style-type: none;
	margin: 0
}

.nav-top {
	background: url(../images/bg-header.png) no-repeat center center;
	background-size: cover;
	min-height: 120px
}

	.nav-top i.fas.fa-bars {
		color: #000
	}

	.nav-top .navbar-toggleable-sm .navbar-nav .nav-link {
		color: #fff;
		padding: 1px 15px;
		transition: .3s;
		position: relative;
		list-style: 1
	}

		.nav-top .navbar-toggleable-sm .navbar-nav .nav-link.active {
			color: #ed6f0d
		}

		.nav-top .navbar-toggleable-sm .navbar-nav .nav-link:hover {
			color: #ed6f0d;
			transition: .3s
		}

.header {
	z-index: 10
}

	.header .nav-top .search {
		position: relative
	}

	.header .nav-top .nav-item.line .nav-link::after {
		content: "|";
		color: #333;
		margin-left: 15px
	}

	.header .nav-top .nav-top-right .nav-item .nav-link {
		padding-left: 0
	}

	.header .nav-top .nav-link.cart {
		position: relative;
		/* padding-right: 50px; */
		margin-right: 80px;
	}

		.header .nav-top .nav-link.cart .amount {
			position: absolute;
			font-size: 13px;
			background: #b66b28;
			width: 18px;
			height: 18px;
			text-align: center;
			border-radius: 50%;
			color: #fff;
			right: 5px;
			top: -5px;
		}

	.header .nav-top .nav-top-right .nav-link {
		font-size: 12px;
		color: #333
	}

	.header input.form-control {
		height: 40px;
		width: 370px;
		font-size: 14px;
	}

		.header input.form-control::placeholder {
			color: #666
		}

	.header .form-gr-search {
		position: relative;
		/* padding-right: 26px; */
		/* margin-right: 40px; */
	}

		.header .form-gr-search .icon {
			position: absolute;
			right: 15px;
			top: 8px
		}

.nav-bottom {
	background-image: linear-gradient(#b66b28,#b66b28);
	height: 45px;
}

	.nav-bottom .nav-item .nav-link {
		color: #fff;
		font-size: 14px;
		/* font-weight: 700; */
		position: relative;
		text-transform: uppercase;
		height: 100%;
		/* padding: 15px 53px; */
		font-family: 'Roboto-Medium';
	}

		.nav-bottom .nav-item .nav-link:hover {
			transition: .3s;
			background: #b66b28;
			color: #fff;
		}

	.nav-bottom ul {
	}

	.nav-bottom .nav-item {
		height: 100%
	}

		.nav-bottom .nav-item .mega-menu {
			position: absolute;
			left: 27px;
			background: #964e0e;
			z-index: 2;
			display: none;
			top: 45px;
			width: calc(100% - 30px);
			color: #fff;
			padding: 0 1rem 1rem;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}

		.nav-bottom .nav-item:hover .dropdown-menu {
			display: block
		}

		.nav-bottom .nav-item .dropdown-menu {
			background: #000;
			color: #fff;
			top: calc(100% - 3px);
			border: 0;
			border-top-right-radius: 0;
			border-top-left-radius: 0;
			padding: 0
		}

			.nav-bottom .nav-item .dropdown-menu .dropdown-item {
				color: #fff;
				padding: 20px 30px;
				border-bottom: 1px solid #1e1e1e;
				font-size: 14px
			}

				.nav-bottom .nav-item .dropdown-menu .dropdown-item:last-child {
					border: 0
				}

				.nav-bottom .nav-item .dropdown-menu .dropdown-item:hover {
					color: #f50b21;
					background: #000
				}

		.nav-bottom .nav-item:hover .mega-menu {
			display: block
		}

		.nav-bottom .nav-item .mega-menu .list-link .item-link {
			color: #fff;
			padding: 10px 30px;
			font-size: 14px
		}

			.nav-bottom .nav-item .mega-menu .list-link .item-link:hover {
				color: #f50b21
			}

		.nav-bottom .nav-item .mega-menu .list-link .heading {
			text-transform: uppercase;
			padding: 15px 30px;
			font-weight: 700
		}

	.nav-bottom .nav-bar {
		display: flex
	}

.bg-bac4cc {
	background: #bac4cc
}

.bg-0f3f67 {
	background: #0f3f67;
	color: #fff;
	text-transform: uppercase
}

.home-2 {
	margin-bottom: 1.5rem
}

	.home-2 .item {
		position: relative;
		transition: .3s;
		overflow: hidden;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		overflow: hidden;
		margin-bottom: 1rem
	}

		.home-2 .item:hover img {
			transform: scale(1.1);
			transition: .3s
		}

		.home-2 .item .text {
			position: absolute;
			bottom: 0;
			padding: 5px;
			background: #000;
			color: #fff;
			text-transform: uppercase;
			width: 100%;
			text-align: left;
			padding: 20px 10px;
			font-size: 16px;
			line-height: 1;
		}

.heading-ss-1 {
	color: #c7081b;
	text-transform: uppercase;
	font-weight: 700;
	padding: .4rem .5rem;
	margin-bottom: 1rem;
	/* border: 3px solid #c7081b; */
	border-radius: 25px;
	width: 40.33%;
	text-align: center;
	margin-left: auto;
	background: url(../images/line.png)center 40px no-repeat;
	margin-right: auto;
	position: relative;
	padding-bottom: 15px;
}

	.heading-ss-1 h2 {
		font-size: 24px;
		line-height: 1;
		margin-bottom: 0;
		font-family: 'Roboto-Medium';
		color: #141414;
	}



.home-list-product {
	margin-bottom: 2rem
}

	.home-list-product .item {
		width: calc(20% - 20px);
		margin-right: 20px;
		background: #fff;
		box-shadow: 0 0 4px lightgrey;
		/* padding: 20px 10px; */
		text-align: center;
		border: 1px solid #ececec;
		box-shadow: 0 0 4px #c9c9c9;
	}

		.home-list-product .item .image {
			overflow: hidden;
			margin-bottom: 1rem
		}

		.home-list-product .item:last-child {
			margin-right: 0
		}

		.home-list-product .item .title {
			color: #111;
			font-weight: 700;
			font-size: 15px;
			line-height: 1.2;
			margin-bottom: .5rem
		}

		.home-list-product .item .price-new {
			color: #c7081b;
			font-size: 16px;
			font-weight: 600;
			margin-bottom: .3rem
		}

		.home-list-product .item .price-old {
			color: #adadad;
			font-size: 14px;
			text-decoration: line-through
		}

.home-list-new .item {
	border-radius: 0;
	width: calc(50% - 15px);
	margin-right: 15px
}

	.home-list-new .item .text {
		text-transform: none;
		background: #00000028
	}

.footer {
	background: #f6f6f6;
	background-size: cover;
	font-size: 14px;
	color: #333;
}

	.footer .text-red {
		text-transform: uppercase;
		color: #c7081b;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 30px;
		position: relative;
	}

	.footer .info li {
		margin-bottom: .5rem
	}

	.footer .quick-link li {
		margin-bottom: 0.5rem;
	}

		.footer .quick-link li:hover {
			color: #c7081b;
			transition: .5s
		}

.footer-bot {
	color: #000000;
	font-size: 14px;
	background: #f6f6f6;
	/* text-align: center */
	border-top: 1px solid #8a8a8a;
}

.contact {
	margin-top: -100px
}

	.contact .box {
		box-shadow: 0 3px 10px #00000016;
		margin-bottom: 20p;
	}

		.contact .box .left {
			padding: 40px 60px;
			background: #fff;
		}

			.contact .box .left input.form-control, .contact .box .left textarea.form-control {
				background: #fff;
				color: #666;
				border: 1px solid #d9d9d9
			}

			.contact .box .left .heading {
				font-size: 24px;
				font-weight: 700;
				margin-bottom: 1.5rem
			}

		.contact .box .right {
			background: #b66b28;
			padding: 40px 40px;
			box-shadow: 0 3px 10px #00000016;
			color: #fff;
		}

	.contact .btn-book {
		font-weight: 500;
		padding: .75rem 1.5rem;
		background: #b66b28;
		color: #fff;
		cursor: pointer;
	}

	.contact .info-company {
		font-size: 14px;
		border-bottom: 1px solid #ec3648
	}

		.contact .info-company li {
			margin-bottom: 5px
		}

			.contact .info-company li:first-child {
				text-transform: uppercase;
				font-weight: 700
			}

.breadcrumb.custom {
	padding-left: 0;
	background: #fff;
	margin-bottom: 0;
	font-size: 14px
}

	.breadcrumb.custom .breadcrumb-item.active {
		color: #333
	}

	.breadcrumb.custom .breadcrumb-item {
		color: #8f8f8f
	}

.list-news .item {
	display: flex;
	border-bottom: 1px dashed #b7b7b7;
	flex-wrap: wrap
}

	.list-news .item:last-child {
		border-bottom: none
	}

	.list-news .item .image {
		overflow: hidden;
		width: 35%
	}

	.list-news .item .content {
		width: 65%;
		padding-left: 1rem
	}

		.list-news .item .content h3 {
			font-size: 14px;
			color: #000;
			margin-bottom: .5rem
		}

		.list-news .item .content .time {
			color: #999;
			margin-bottom: .5rem;
			font-size: 12px
		}

		.list-news .item .content .detail {
			font-size: 13px;
			color: #1d1d1d
		}

.pagi.pagination .page-item .page-link {
	border: 0;
	background-color: #fff;
	color: #333;
	font-size: 15px;
	border: 1px solid #dcdcdc
}

.pagi.pagination .page-item:first-child .page-link {
	border-radius: 0
}

.pagi.pagination .page-item:last-child .page-link {
	border-radius: 0
}

.pagi.pagination .page-item.active .page-link {
	color: #bd1526
}

.blog-ss-right .heading, .heading-news, .heading-menu-cate {
	font-size: 18px;
	font-weight: 700;
	padding-left: 20px;
	position: relative;
	margin-top: 1rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
	color: #b66b28;
	line-height: 1;
	padding-bottom: 5px;
	border-bottom: 3px solid #b66b28;
}

.heading-news {
	border-bottom: 0;
	color: #000;
	text-transform: none
}

	.heading-news::after {
		width: calc(100% - 180px);
		height: 2px;
		position: absolute;
		content: "";
		right: 0;
		background: #e1e1e1;
		top: 10px
	}

	.blog-ss-right .heading::before, .heading-news::before, .heading-menu-cate::before {
		width: 10px;
		height: 10px;
		position: absolute;
		content: "";
		left: 0;
		top: 4px;
		background: #b66b28;
	}

	.heading-news::before {
		background: #b66b28;
	}

.blog-ss-right .image {
	margin-bottom: 1rem;
	overflow: hidden
}

	.blog-ss-right .image img {
		width: 100%;
		height: auto
	}

.blog-ss-right .item-left .title {
	font-size: 15px;
	margin-bottom: 10px;
	color: #000
}

.blog-ss-right .item-left .detail {
	font-size: 14px;
	color: #3c3c3c
}

.blog-ss-right .item-right {
	display: flex
}

	.blog-ss-right .item-right .image {
		width: 25%;
		align-self: center
	}

	.blog-ss-right .item-right .text {
		width: 75%;
		padding-left: .65rem;
		margin-bottom: 8px
	}

	.blog-ss-right .item-right .title {
		font-size: 14px;
		margin-bottom: 8px;
		color: #000;
		line-height: 1.5;
		font-weight: 400;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.blog-ss-right .item-right .time {
		font-size: 12px;
		color: #9b9b9b;
		font-weight: 300
	}

.blog-detail .time, .blog-detail .share {
	font-size: 12px;
	color: #9b9b9b
}

.blog-detail .content-blog {
	color: #000;
	font-size: 15px;
	margin-bottom: 3rem
}

	.blog-detail .content-blog .title {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 1rem
	}

	.blog-detail .content-blog .description {
		margin-bottom: 1rem;
		font-weight: 500
	}

.cart {
	color: #000;
	font-size: 14px
}

	.cart .heading {
		font-size: 30px;
		text-transform: uppercase;
		font-weight: 700
	}

	.cart .amount {
		font-size: 16px;
		font-weight: 600;
		color: #c7081a;
		align-self: center
	}

	.cart .card {
		box-shadow: 0 0 15px lightgrey
	}

		.cart .card .item {
			display: flex;
			border-bottom: 1px solid #c7c7c7;
			padding-bottom: 1rem;
			padding-top: 1rem
		}

			.cart .card .item:last-child {
				border-bottom: 0
			}

			.cart .card .item .price {
				color: #c7081a;
				font-size: 16px;
				font-weight: 600;
				text-align: center
			}

			.cart .card .item .del {
				color: #727272
			}

			.cart .card .item i {
				font-size: 10px
			}

		.cart .card .btn:disabled {
			opacity: 1;
			font-weight: 600
		}

	.cart .bill {
		background: #f6f6f6;
		padding: 1.5rem 1rem;
		border-radius: 5px
	}

		.cart .bill .item {
			display: flex;
			font-size: 18px;
			margin-bottom: 1rem
		}

			.cart .bill .item .label {
				color: #333
			}

			.cart .bill .item .price {
				color: #c7081a;
				font-weight: 700;
				margin-left: auto
			}

		.cart .bill .line {
			border-bottom: 1px solid #c7c7c7
		}

		.cart .bill .item.sum {
			font-size: 24px
		}

.heading-page-cate {
	margin-bottom: 1.5rem;
	position: relative
}

	.heading-page-cate .name {
		background: #b66b28;
		color: #fff;
		width: 280px;
		height: 50px;
		border-radius: 50px;
		font-size: 19px;
		font-weight: 700;
		text-transform: uppercase;
		padding: 10px 20px;
	}

		.heading-page-cate .name::after {
			content: " ";
			width: calc(100% - 280px);
			height: 3px;
			background: #b66b28;
			position: absolute;
			top: 24px;
			right: 0;
		}

	.heading-page-cate .card-info {
		background: #f9f9f9;
		padding: 45px 22px 20px;
		margin-top: -25px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 0 2px 5px #00000015;
		position: relative;
		z-index: -1
	}

.all-product {
}

	.all-product .item-product {
		margin-bottom: 25px;
	}

		.all-product .item-product .text {
			padding-left: 1rem;
			padding-right: 1rem
		}

		.all-product .item-product .image {
			margin-bottom: 1rem;
			/* height: 225px; */
			overflow: hidden;
		}

		.all-product .item-product .title {
			color: #111;
			font-weight: 700;
			font-size: 15px;
			line-height: 1.4;
			margin-bottom: .5rem;
			text-align: center
		}

		.all-product .item-product .price-new {
			color: #c7081b;
			font-size: 17px;
			font-weight: 600;
			width: 100%;
			/* text-align: center; */
			margin-right: 5px;
		}

		.all-product .item-product .price-old {
			color: #adadad;
			font-size: 15px;
			text-decoration: line-through;
			margin-left: auto;
			margin-bottom: .3rem
		}

.menu-cate {
	background: #fff;
	box-shadow: 0 2px 4px #00000016;
	padding: 10px 8px;
	overflow: hidden
}

	.menu-cate .item-link {
		padding: 16px 10px;
		border-bottom: 1px dashed #c9c9c9;
		font-size: 15px;
		color: #333
	}

		.menu-cate .item-link:last-child {
			border-bottom: 0
		}

		.menu-cate .item-link::after {
			content: "\f103";
			float: right;
			font-family: "font awesome 5 free";
			font-weight: 900;
			font-size: 10px;
			color: #8b8b8b;
			margin-top: 3px
		}

	.menu-cate .price {
		color: #5a5a5a;
		padding: 8px
	}

		.menu-cate .price .btn {
			color: #bd1526;
			border: 1px solid #bd1526;
			background: #fff;
			margin: 1rem auto
		}

.filter .left, .filter .right {
	font-size: 14px;
	align-self: center
}

	.filter .left select.form-control {
		width: 100px;
		height: 30px;
		color: #6e6e6e;
		font-size: 14px;
		padding: 5px 10px;
		line-height: 1
	}

	.filter .right .btn {
		border: 1px solid #707070;
		color: #707070;
		background: #fff;
		height: 28px;
		width: 28px;
		padding: 3px
	}

.slide-product-thumb img, .slide-product img {
	border-radius: 5px
}

.info-product {
	padding-left: 40px
}

	.info-product .title {
		font-size: 20px;
		color: #000;
		text-transform: uppercase;
		margin-bottom: 1rem;
		font-weight: 700
	}

	.info-product .brand, .info-product .id-sp {
		font-size: 15px;
		color: #b76c29;
		font-weight: bold;
	}

		.info-product .brand a {
			color: #b66b28;
		}

		.info-product .id-sp .red {
			color: #b66b28;
		}

	.info-product .price {
		font-size: 23px;
		font-weight: 700;
		color: #b66b28;
		margin-bottom: 1.5rem;
	}

	.info-product .km {
		font-size: 14px;
		margin-bottom: 1rem
	}

	.info-product .feature {
		font-size: 13px;
		color: #333;
		padding-left: 15px;
		margin-bottom: 10px;
	}

		.info-product .feature li {
			margin-bottom: .75rem;
			list-style-type: disc
		}

	.info-product .btn.order {
		font-size: 24px;
		text-transform: uppercase;
		color: #fff;
		background: #b76c29;
		font-weight: 700;
		border-radius: 50px;
		margin-left: 20px;
	}

	.info-product .share {
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 1rem
	}

.product-article {
	background: #fff;
	box-shadow: 0 1px 5px #00000016;
	padding: 20px;
	margin-bottom: 2rem;
	color: #000;
	font-size: 14px
}

@media(min-width:1100px) {
	.nav-bottom .nav-item .nav-link {
		padding: 15px 46px;
	}
}

@media(max-width:1199px) {
	.nav-top {
		min-height: 110px
	}

		.nav-top .navbar-toggleable-sm .navbar-nav .nav-link {
			font-size: 14px
		}

			.nav-top .navbar-toggleable-sm .navbar-nav .nav-link::after {
				content: "";
				margin-left: 0
			}

	.all-product .item-product .image {
		height: auto;
	}

	.home-list-product .item .image {
		height: 120px
	}
}

@media(max-width:991px) {
	.nav-top .navbar-toggleable-sm .navbar-nav .nav-link {
		font-size: 12px;
		padding-right: .7rem
	}

	.nav-bottom .nav-item .nav-link {
		font-size: 15px
	}

	.home-list-product .item {
		width: calc(33.33% - 15px);
		margin-right: 15px;
		margin-bottom: 1rem
	}

	.heading-ss-1 h2 {
		font-size: 18px;
		line-height: 1;
		margin-bottom: 0
	}

	.heading-ss-1 {
		padding: .5rem
	}

	.all-product .item-product .image {
		height: 135px
	}

	.all-product .item-product .text {
		padding: 0
	}

	.all-product .item-product .price-new, .all-product .item-product .price-old {
		font-size: 12px
	}

	.info-product {
		padding-left: 10px
	}
}

@media(max-width:768px) {
	.nav-bottom .nav-link {
		font-size: 14px;
		padding: 5px 8px
	}

	.header input.form-control {
		height: 40px;
		width: 280px;
		font-size: 14px
	}

	.nav-top .navbar-toggler-right {
		top: 20px
	}

	.nav-bottom {
		background: #246394;
	}

	.footer .quick-link li {
		margin-bottom: .5rem
	}

	.nav-bottom {
		height: auto
	}

		.nav-bottom .nav-bar {
			flex-wrap: wrap
		}

		.nav-bottom .nav-item .nav-link {
			font-size: 15px;
			padding: 12px;
			text-align: left
		}

	.heading-ss-1 {
		/* color: #c7081b; */
		/* text-transform: uppercase; */
		/* font-weight: 700; */
		/* padding: .4rem .5rem; */
		/* margin-bottom: 1rem; */
		/* border: 3px solid #c7081b; */
		/* border-radius: 25px; */
		width: 65%;
		/* text-align: center; */
		/* margin-left: auto; */
		/* margin-right: auto; */
		/* position: relative; */
		background: url(../images/line.png)center 31px no-repeat;
		/* padding: 0; */
		/* width: auto; */
	}


	.home-list-product .item {
		width: calc(50% -20px);
		margin-right: 10px
	}

		.home-list-product .item .image img {
			width: 100%
		}

		.home-list-product .item .image {
			height: auto
		}

	.list-news .item .image {
		overflow: hidden;
		width: 40%;
		margin-bottom: 1rem
	}

	.list-news .item .content {
		width: 60%;
		padding-left: 1rem
	}

	.cart .card .item .price, .cart .card .item .del {
		margin: 20px 0
	}

	.info-product {
		padding-left: 0
	}
}

@media(max-width:575px) {
	.home-1.py-4 .col-lg-4 {
		padding-top: 20px
	}

		.home-1.py-4 .col-lg-4 img {
			width: 100%
		}

	.nav-top .navbar-toggleable-sm .navbar-nav .nav-link::after {
		content: "";
		color: #fff;
		margin-left: 0
	}

	.nav-top .navbar-toggleable-sm .navbar-nav .nav-link {
		padding-left: 1rem
	}

	.header .nav-top .search #txtSearch {
		position: unset;
		width: 210px;
		display: block;
		margin-left: .5rem;
		margin-right: .5rem
	}

	.header .nav-top button.btn-search {
		color: #0f3f67;
		margin-right: .5rem
	}

	.header .nav-top .search {
		position: unset;
		display: flex;
		margin-right: 0 !important
	}

	.header .nav-top .dropdown {
		align-self: center
	}

	.nav-bottom .nav-link {
		font-size: 12px;
		text-align: center
	}

	.nav-bottom .nav-item .dropdown-menu {
		position: unset
	}

	.nav-bottom .nav-item .mega-menu {
		position: unset
	}

	.nav-bottom .nav-item {
		width: 100%
	}

	.home-list-product .item {
		width: calc(100%);
		margin-right: 0
	}

		.home-list-product .item .image img {
			width: 100%
		}

	.nav-top {
		min-height: 40px;
		background: url(../images/bg-header.png) no-repeat top center;
		background-size: cover;
		display: block !important;
	}

		.nav-top .navbar-brand {
			width: 50%;
			padding-bottom: 0;
			padding-top: 0;
		}

	.header .nav-top .nav-link.cart {
		margin-right: 0;
	}

	.nav-top .navbar-brand img {
		width: 100px;
	}

	.nav-top .collapse.navbar-collapse {
		width: 100%;
		top: 60px;
		padding-bottom: 1rem
	}

	.nav-top .navbar-toggleable-sm .navbar-nav .nav-link {
		color: #0f3f67
	}

	.header input.form-control {
		width: 100%
	}

	.footer-1 ul.branch strong {
		font-size: 18px
	}

	.footer-1 .f-20 {
		font-size: 16px
	}

	.news .border-new {
		display: block
	}

	.nav-top .navbar-toggler-right {
		top: 11px;
		right: 0;
	}

	.contact .box .left {
		padding: 25px
	}

	.list-news .item .image {
		overflow: hidden;
		width: 100%;
		margin-bottom: 1rem
	}

		.list-news .item .image img {
			width: 100% !important
		}

	.list-news .item .content {
		width: 100%;
		padding-left: 0
	}

	.cart .card .item .name .font-weight-bold {
		max-height: 80px;
		overflow: hidden
	}

	.cart .card .item .price, .cart .card .item .del {
		margin: 20px 0;
		text-align: center
	}

	.cart .bill .item {
		font-size: 16px
	}

		.cart .bill .item.sum {
			font-size: 18px
		}

	.all-product .item-product .image {
		height: auto
	}

	.filter-link .menu-cate {
		height: 0;
		padding: 0
	}

	.filter-link.show .menu-cate {
		height: auto;
		padding: 10px 8px
	}

	.heading-menu-cate::after {
		content: "\f103";
		float: right;
		font-family: "font awesome 5 free";
		font-weight: 900;
		font-size: 10px;
		color: #c7081b;
		margin-right: 10px;
		margin-top: 2px
	}

	.info-product .btn.order {
		font-size: 16px
	}

	.info-product .add-wish-list {
		margin-top: 1rem
	}
}

@media(max-width:320px) {
	.heading-ss-1 {
		width: 100%;
	}
}

@media screen and (max-width:3000px) {
	.call-now-button {
		display: flex !important;
		background: #e67e22
	}

	.quick-call-button {
		display: block !important
	}
}

@media screen and (min-width:px) {
	.call-now-button .call-text {
		display: none !important
	}
}

@media screen and (max-width:px) {
	.call-now-button .call-text {
		display: none !important
	}
}

.call-now-button {
	top: 90%
}

.call-now-button {
	left: 3%
}

.call-now-button {
	background: #e67e22
}

	.call-now-button div a .quick-alo-ph-img-circle, .call-now-button div a .quick-alo-phone-img-circle {
		background-color: #0c3
	}

	.call-now-button .call-text {
		color: #fff
	}

@media screen and (max-width:680px) {
	.call-now-button {
		display: flex !important;
		background: 0 0
	}

		.call-now-button .call-text {
			display: none
		}
}

.quick-call-button {
	display: none
}

.call-now-button {
	display: none;
	z-index: 9999;
	clear: both;
	margin: 0 auto;
	position: fixed;
	border-radius: 50px
}

	.call-now-button div {
		display: flex
	}

		.call-now-button div p {
			color: #fff;
			display: table;
			padding: 10px;
			border-radius: 21px;
			height: 34px;
			line-height: 14px;
			font-size: 14px;
			margin: 8px 5px 8px 50px;
			text-transform: uppercase;
			font-weight: 400;
			text-align: center;
			box-sizing: content-box;
			text-decoration: none !important;
			box-sizing: border-box
		}

.quick-alo-ph-circle.active {
	width: 130px;
	height: 130px;
	top: -40px;
	left: -40px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(30,30,30,.4);
	opacity: 1;
	-webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.quick-alo-ph-circle-fill.active {
	width: 80px;
	height: 80px;
	top: -15px;
	left: -15px;
	position: absolute;
	background-color: #000;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	-webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.quick-alo-phone-img-circle.shake {
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	background: url(/Themes/Thamsan/images/quick-call-button-phone.png) no-repeat center center;
	-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.quick-alo-phone-img-circle.notshake {
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	background: url(/Themes/Thamsan/images/quick-call-button-phone.png) no-repeat center center;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

@-moz-keyframes quick-alo-circle-anim {
	0% {
		-moz-transform: rotate(0) scale(.5) skew(1deg);
		opacity: .1;
		-moz-opacity: .1;
		-webkit-opacity: .1;
		-o-opacity: .1
	}

	30% {
		-moz-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5;
		-moz-opacity: .5;
		-webkit-opacity: .5;
		-o-opacity: .5
	}

	100% {
		-moz-transform: rotate(0) scale(1) skew(1deg);
		opacity: .6;
		-moz-opacity: .6;
		-webkit-opacity: .6;
		-o-opacity: .1
	}
}

@-webkit-keyframes quick-alo-circle-anim {
	0% {
		-webkit-transform: rotate(0) scale(.5) skew(1deg);
		-webkit-opacity: .1
	}

	30% {
		-webkit-transform: rotate(0) scale(.7) skew(1deg);
		-webkit-opacity: .5
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		-webkit-opacity: .1
	}
}

@-o-keyframes quick-alo-circle-anim {
	0% {
		-o-transform: rotate(0) kscale(.5) skew(1deg);
		-o-opacity: .1
	}

	30% {
		-o-transform: rotate(0) scale(.7) skew(1deg);
		-o-opacity: .5
	}

	100% {
		-o-transform: rotate(0) scale(1) skew(1deg);
		-o-opacity: .1
	}
}

@-moz-keyframes quick-alo-circle-fill-anim {
	0% {
		-moz-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}

	50% {
		-moz-transform: rotate(0) -moz-scale(1) skew(1deg);
		opacity: .2
	}

	100% {
		-moz-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
}

@-webkit-keyframes quick-alo-circle-fill-anim {
	0% {
		-webkit-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}

	100% {
		-webkit-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
}

@-o-keyframes quick-alo-circle-fill-anim {
	0% {
		-o-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}

	50% {
		-o-transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}

	100% {
		-o-transform: rotate(0) scale(.7) skew(1deg);
		opacity: .2
	}
}

@-moz-keyframes quick-alo-circle-img-anim {
	10% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	10% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		-moz-transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		-moz-transform: rotate(0) scale(1) skew(1deg)
	}
}

@-webkit-keyframes quick-alo-circle-img-anim {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}
}

@-o-keyframes quick-alo-circle-img-anim {
	0% {
		-o-transform: rotate(0) scale(1) skew(1deg)
	}

	10% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-o-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-o-transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		-o-transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		-o-transform: rotate(0) scale(1) skew(1deg)
	}
}

.product-article img {
	max-width: 100%;
   
}
.product-article table{
	max-width: 100%;
}
@media(max-width:480px){
.product-article img {
	max-width: 100%;
    width: auto !important;
    height: auto !important;
}	
}
.content-blog img {
	max-width: 100%
}

.nav-link.hot-line .red {
	color: #b66b28;
	font-size: 18px;
	font-family: 'OPENSANS-SEMIBOLD_2';
}

.all-product .item-product, .home-list-product .item {
	position: relative
}

	.all-product .item-product .image, .home-list-product .item .image {
		position: relative
	}

	.all-product .item-product .discount, .home-list-product .item .discount {
		position: absolute;
		color: #fff;
		background: #d6000f;
		padding: 2px 15px;
		font-weight: 700;
		top: 20px;
		left: -10px;
		min-width: 100px;
		text-align: center;
		font-size: 20px
	}
	.all-product .item-product .image img
	{
		height: 166px;
    	object-fit: cover;
	}
	.home-list-product .item .discount {
		top: 10px
	}

		.all-product .item-product .discount::after, .home-list-product .item .discount::after {
			content: "";
			width: 0;
			height: 0;
			border-top: 10px solid darkred;
			border-left: 10px solid transparent;
			position: absolute;
			left: 0;
			top: 33px
		}

	.all-product .item-product .overlay-buy, .home-list-product .item .overlay-buy {
		position: absolute;
		left: 0;
		top: 5px;
		overflow: hidden;
		width: 100%;
		height: 0;
		background: #00000045;
		transition: .3s
	}

	.home-list-product .item .overlay-buy {
		top: 0
	}

	.all-product .item-product .btn-buy, .home-list-product .item .btn-buy {
		background: #d6000f;
		border-radius: 0;
		color: #fff;
		align-self: center;
		opacity: 0;
		visibility: hidden;
		text-transform: uppercase
	}

	.all-product .item-product:hover .overlay-buy, .home-list-product .item:hover .overlay-buy {
		height: calc(100% - 5px);
		display: flex;
		justify-content: center;
		transition: .3s;
	}

	.home-list-product .item:hover .overlay-buy {
		height: 100%
	}

	.all-product .item-product:hover .btn-buy, .home-list-product .item:hover .btn-buy {
		opacity: 1;
		transition: .3s;
		visibility: visible
	}

.qc {
	margin-top: 20px
}

#manufacturerid .item-link a.active {
	color: #c7081b
}

.info-product .km-2 {
	border: 1px solid #c4c4c4;
	background: #f7f7f7;
	padding: 10px 15px;
	margin-bottom: .75rem
}

	.info-product .km-2 .top {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 16px
	}

	.info-product .km-2 .time {
		font-size: 14px
	}

.menu-cate .item-link {
	position: relative;
	font-weight: 700;
	cursor: pointer
}

	.menu-cate .item-link::after {
		position: absolute;
		right: 0;
		top: 1.3rem;
		margin-top: 0;
		transition: .3s
	}

	.menu-cate .item-link .sub-menu {
		margin-left: 10px;
		height: 0;
		overflow: hidden
	}

		.menu-cate .item-link .sub-menu .item {
			padding: 10px;
			font-weight: 400
		}

			.menu-cate .item-link .sub-menu .item:first-child {
				padding-top: 20px
			}

	.menu-cate .item-link.active .sub-menu {
		height: auto;
		transition: .3s
	}

	.menu-cate .item-link.active::after {
		transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transition: .3s;
		margin-top: -2px
	}

.social-button {
	display: inline-grid;
	position: fixed;
	bottom: 15px;
	left: 45px;
	min-width: 45px;
	text-align: center;
	z-index: 99999
}

.social-button-content {
	display: inline-grid
}

.social-button a {
	padding: 8px 0;
	cursor: pointer;
	position: relative
}

.social-button i {
	width: 40px;
	height: 40px;
	background: #43a1f3;
	color: #fff;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	line-height: 1.9;
	position: relative;
	z-index: 999
}

.social-button span {
	display: none
}

.alo-circle {
	animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: zoomIn;
	width: 50px;
	height: 50px;
	top: 3px;
	right: -3px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(30,30,30,.4);
	opacity: .1;
	border-color: #0089b9;
	opacity: .5
}

.alo-circle-fill {
	animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: pulse;
	width: 60px;
	height: 60px;
	top: -2px;
	right: -8px;
	position: absolute;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	background-color: rgba(0,175,242,.5);
	opacity: .75
}

.call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span {
	display: block
}

.social-button a span {
	border-radius: 2px;
	text-align: center;
	background: #67b634;
	padding: 9px;
	display: none;
	width: 180px;
	margin-left: 10px;
	position: absolute;
	color: #fff;
	z-index: 999;
	top: 9px;
	left: 40px;
	transition: all .2s ease-in-out 0s;
	-moz-animation: headerAnimation .7s 1;
	-webkit-animation: headerAnimation .7s 1;
	-o-animation: headerAnimation .7s 1;
	animation: headerAnimation .7s 1
}

@-webkit-keyframes

"headerAnimation" {
	0%

{
	margin-top: -70px
}

100% {
	margin-top: 0
}

}
@keyframes

"headerAnimation" {
	0%

{
	margin-top: -70px
}

100% {
	margin-top: 0
}

}

.social-button a span:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #67b634 transparent transparent;
	position: absolute;
	left: -10px;
	top: 10px
}

.social-button .call-icon i {
	background: #8bc34a
}

.social-button .mes i {
	background: #03a9f4
}

.social-button .mail i {
	background: #0995b7
}

.social-button .zalo i {
	background: #1264c0
}

.social-button .map i {
	background: #c7081b
}

@media(max-width:567px) {
	.social-button-content {
		display: flex;
		justify-content: space-around;
		width: 100%
	}

	.social-button {
		left: 20px;
		width: calc(100% - 40px)
	}

	.call-icon:hover > span, .mes:hover > span, .sms:hover > span, .zalo:hover > span {
		display: none
	}
}

.thank-you-pop {
	width: 100%;
	padding: 20px;
	text-align: center
}

	.thank-you-pop img {
		width: 76px;
		height: auto;
		margin: 0 auto;
		display: block;
		margin-bottom: 25px
	}

	.thank-you-pop .iheader {
		font-size: 42px;
		margin-bottom: 25px;
		color: #5c5c5c
	}

	.thank-you-pop p {
		font-size: 20px;
		margin-bottom: 27px;
		color: #5c5c5c
	}

	.thank-you-pop h3.cupon-pop {
		font-size: 25px;
		margin-bottom: 40px;
		color: #222;
		display: inline-block;
		text-align: center;
		padding: 10px 20px;
		border: 2px dashed #222;
		clear: both;
		font-weight: 400
	}

		.thank-you-pop h3.cupon-pop span {
			color: #03a9f4
		}

	.thank-you-pop a {
		display: inline-block;
		margin: 0 auto;
		padding: 9px 20px;
		color: #fff;
		text-transform: uppercase;
		font-size: 14px;
		background-color: #8bc34a;
		border-radius: 17px
	}

		.thank-you-pop a i {
			margin-right: 5px;
			color: #fff
		}

#ignismyModal .modal-header {
	border: 0
}

._error {
	border: 1px solid red
}

.pagination {
	margin: 0 0 20px
}

	.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
		color: #fff;
		background: #c7081b
	}

	.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover, .pagination > li > a, .pagination > li > span {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 34px;
		width: 34px;
		line-height: 34px;
		padding: 0;
		text-align: center;
		font-size: 15px;
		color: #333;
		border: none;
		margin: 0;
		background: #f5f5f5;
		border-radius: 5px
	}

	.pagination > li, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
		border-radius: 5px
	}

	.pagination > li {
		margin-right: 5px;
		float: left
	}

	.pagination li.active, .pagination li:hover {
		background: #9e9e9e
	}

@media(max-width:375px) {
	.filter-link {
		display: none
	}

	.filter {
		flex-wrap: wrap
	}

		.filter .right {
			margin-left: auto
		}

	.all-product .item-product .btn-buy {
		font-size: 14px;
		align-self: flex-end;
		margin-bottom: 1rem
	}
}

.home-list-product .item {
	width: 100%
}