@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed&display=swap');
body
{
	font-family: 'Roboto', sans-serif;
	background: #fff;
	position: relative;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
	line-height: inherit;
}
a
{
	text-decoration: none;
}
a:hover
{
	color: #80B100 !important;
}
img
{
	max-width: 100%;
}
.bg-green
{
	background-color: #80B100;
}
.text-green
{
	color: #80B100;
}
.border-green
{
	border-color: #80B100 !important;
}
.btn-green {
	color: #fff;
	background-color: #80B100;
	border-color: #80B100;
}
.btn-green:hover {
	color: #fff !important;
	background-color: #74a000;
	border-color: #74a000;
}
.rounded-5
{
	border-radius: 2rem;
}
.logo
{
	height: 3rem;
}
.sp-sale
{
	position: absolute;
	right: .3rem;
	top: .3rem;
	width: 3rem;
	height: 3rem;
	padding: .5rem 0.3rem;
	z-index: 999;
}
.footer-intro
{
	margin-left: -7rem;
	border: 1.5rem solid #fff;
}

.product .card, .product .card img
{
	transition: 0.3s;
}
.product .card:hover
{
	box-shadow: 0 5px 32px rgb(0 0 0 / 10%);
	background: #fff !important;
}
.product .card:hover img
{
	filter: brightness(0.7);
}
.btn-danger:hover
{
	color: #fff !important;
}
.btn-arrow i
{
	background: #333;
	padding: 0.1rem 0.3rem 0.1rem 0.5rem;
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
}

.product .h5
{
	font-size: 1.15rem;
}
#dichvu i
{
	width: 3.5rem;
}
.card-title
{
	overflow: hidden;
}
.card.shadow.shadow-sm:hover
{
	transition: all .3s;
}
.card.shadow.shadow-sm:hover
{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.card.shadow.shadow-sm > a
{
	overflow: hidden;
}
.card.shadow.shadow-sm > a > img
{
	transition: all .5s;
}
.card.shadow.shadow-sm:hover > a > img
{
	transform: scale(1.1);
}
.input-group-text
{
	width: 2.5rem;
}
.page-item.active .page-link
{
	border-color: #dc3545;
	background: #dc3545;
}
.page-link
{
	color: #333;
}
.footer
{
	background: #000;
	color: #ccc;
}
.footer a
{
	color: #ccc;
}
footer
{
	color: #ccc;
}

.new-img
{
	width: 5rem;
}
.new-img-dt
{
	width: 10rem;
}
.new-rela-dt
{
	width: 7rem;
}
.product-carousel > .carousel-indicators li
{
	height: auto;
	width: 20%;
	border: 1px solid #ccc;
	padding: 0.25rem;
}
.product-carousel > .carousel-indicators
{
	bottom: -10px;
	margin-left: 0%;
	margin-right: 0%;
	position: relative;
}
.btn-outline-danger:hover
{
	color: #fff !important;
}
.table-card img
{
	max-width: 125px;
}
.txt-mess
{
	height: 11.15rem;
}
a.fw-bold.btn.btn-danger:hover
{
	color: #fff !important;
}
.g-recaptcha
{
	display: inline-block;
}
.modal-body
{
	background: url('../images/bg-home-cate.jpg');
	background-position: center;
	background-repeat: repeat-y;
}
#ModalReg1 .modal-body
{
	background: #fff;
}
.modal-dialog .btn-close
{
    position: absolute;
    right: -1.5rem;
    top: -1.5rem;
    background: #dc3545;
    border-radius: 50%;
    padding: 5px;
    opacity: 1;
    line-height: initial;

}
.modal-body .form-control, .modal-body .form-select
{
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #333;
}
.modal-body .input-group-text
{
	background: #fff;
	color: #333;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
}
.offcanvas-header {
	align-items: flex-start;
}
#bg-info
{
	background: url('../images/bg-home-cate.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#center-ct {
    height: 20rem;
}
video {
  object-fit: cover;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
}
.video-overlay
{
object-fit: cover;
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
}
.card-order
{
	top: 50%;
	transform: translateY(-50%);
}
.h-100vh
{
	height: 100vh;
}
.input-stt {
    width: 80px;
}
.mess
{
	height: 147px;
}
.btn-call
{
	color: #fff !important;
}
#hotline {
	/*width: 75px;*/
	right: .5rem;
	bottom: 0rem;
	z-index: 999999;
}
#toggle-hotline-left
{
	cursor: pointer;
}
#hotline-left
{
	position: absolute;
	right: 4.5rem;
	bottom: -100%;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: -1;
	padding-left: 10px;
}

#hotline-left.show
{
	opacity: 1;
	visibility: visible;
	bottom: 1rem;
}

.toggle-btn .fa-minus
{
	display: none;
}

.toggle-btn.active .fa-ellipsis-h
{
	display: none;
}

.toggle-btn.active .fa-minus
{
	display: inline-block;
}

#hotline-left ul.list-inline
{
	margin: 0;
	white-space: nowrap;
}

#hotline-left .list-inline-item
{
	margin-right: 10px;
}
.fa-facebook-messenger, .fa-whatsapp
{
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#hotline a, #hotline-left a {
	font-size: 28px;
	color: #fff;
	transition: all .5s;
	height: 58px;
	width: 58px;
	display: grid;
	text-align: center;
	align-content: center;
	text-decoration: none;
	border: 1px solid #fff;
}
#hotline-left .position-relative
{
	margin-bottom: -11px;
}
#hotline a:hover, #hotline-left a:hover {
	background-color: #74a000 !important;
	color: #fff !important;
	border: 1px solid #fff;
}
.zalo img
{
	width: 36px;
	margin-left: 10px;
}
.zalo:hover img
{
	/* filter: invert(100%); */
}
.kakaotalk img
{
	width: 36px;
	margin-left: 10px;
}
.phonehotline span {
    font-size: 8px !important;
    display: block;
}
@media all and (min-width: 992px)
{
	.navbar .nav-item .dropdown-menu, .navbar .nav-item .dropdown-menu > .dropdown > .dropdown-menu{ display: none; border-radius: 0px; padding-top: 0px; padding-bottom: 0px; width: max-content;}
	.nav-right > .nav-item > .nav-link {}
	.navbar-nav > .nav-item > .nav-link { color: #000;}
	.navbar-nav > .nav-item > .nav-link:hover { color: #007206 !important; }
	.navbar .nav-item:hover .nav-link{  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu > .dropdown:hover .dropdown-menu { display: block;  }
	.navbar .nav-item .dropdown-menu > .nav-item { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
	.dropdown-menu .nav-item .nav-link{ padding-left: 0px !important; padding-right: 0px !important; border-bottom: 1px dotted #007206; color: #000; }
	.dropdown-menu .nav-item:last-child .nav-link{ border-bottom: 0px dotted #007206; }
	.navbar .nav-item .dropdown-menu > .dropdown .dropdown-menu { position: absolute; left: 100%; top: -.1rem; width: 100%;}
	.navbar-nav > .nav-item > .btn-call:hover
	{
		color: #fff !important;
	}
}
@media (max-width: 767.98px)
{
	body
	{
		font-family: 'Roboto', sans-serif;
		font-size: 1rem;
	}
	.bg-offset
	{
		background: url('../images/bg-offset.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}
	.carousel
	{
		
	}
	.footer-intro
	{
		margin-left: 0px;
		border-width: 0px;
	}
	.offcanvas-body a
	{
		color: #333;
		padding-left: 0px !important;
	}
	.offcanvas-body > nav > ul > li > div > ul > li:last-child > a
	{
		border-bottom: 0px !important;
	}
	.lbl-price
	{
		display: none;
	}
	.zalo
	{
		display: none;
	}
}