@font-face {
	font-family:Aquawax-Regular;
	src:url("fonts/Aquawax-Regular-trial.ttf");
}
@font-face {
	font-family:Roboto-Regular;
	src:url("fonts/Roboto-Regular.ttf");
}

@font-face{font-family:'Gilroy';src:url('fonts/SVN-Gilroy-300.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Gilroy';src:url('fonts/SVN-Gilroy-400.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Gilroy';src:url('fonts/SVN-Gilroy-500.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Gilroy';src:url('fonts/SVN-Gilroy-600.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Gilroy';src:url('fonts/SVN-Gilroy-700.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}

body {
    margin: 0;
    padding: 0;
}
/*
a {
    color: #ec1f25;
}
a:hover {
    color: #ec1f25;
    text-decoration: none;
}
*/
p {
  
}
img {
	max-width: 100%;
}
.hide {
    display: none!important;
}
.color_white{color:white;}
.base_color {color:#ec1f25;}
.base_color_2 {color:#ef8121;}

.main-img{width: 100%;height: auto;}
.font-bold {
	font-weight: bold;
}
.w100 {
	width: 100% !important;
}
.mg0 {
	margin: 0 !important;
}
.mgl0 {
	margin-left: 0;
}
.mgr0 {
    margin-right: 0;
}
.mgt0 {
    margin-top: 0;
}
.mgb0 {
    margin-bottom: 0;
}
.pd0 {
	padding: 0;
}
.pdl0 {
	padding-left: 0 !important;
}
.pdr0 {
    padding-right: 0 !important;
}
.mt15 {
    margin-top: 15px;
}
.h30 {height:30px;clear: both;}
.h50 {height:50px;clear: both;}
.h100 {height:100px;clear: both;}
.uppercase {
	text-transform: uppercase;
}
.mobile {
	display: none !important;
}
.text-center {
	text-align: center;
}
.cb:after {
	clear: both;
	content: '';
    display: block;
}
.scrollup {
    opacity: 1;
    position: fixed;
    bottom: 35px;
    right: 20px;
    display: none;
    z-index: 999;
}
a.scrollup:hover div {
	background: #386E97 !important;
}
a.scrollup:hover i {
	color: white !important;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

header .btn.ss-btn {
    padding: 8px 30px;
}
header .btn.ss-btn i {
    position: inherit;
    top: 0;	
}
.main-menu ul li a {
    text-transform: uppercase;
}
.menu-area {
    margin-top: 0;
}
header .logo img {
    height: 140px;
	padding-top: 10px;	
}
.title-about {
    justify-content: space-between;
}
.meal-price span {
    text-decoration: initial;
	font-size: 18px;
    color: red;
}
.cart-top li {
    position:relative;
}
#cartCount {
	position:absolute;
	top:0;
    color: #ffce1c;	
    font-weight: bold;	
	display: inline-block; /* Quan trọng để transform: scale hoạt động */
    transition: transform 0.3s ease-in-out; /* Tạo hiệu ứng mượt mà khi thay đổi scale */
    will-change: transform; /* Tối ưu hóa hiệu năng render cho trình duyệt */
}
.select-sub {
    width: 30%;
}
.select-sub-2 {
    width: 20%;
}
.select-sub .icon {
    left: -10%;
}
.select-sub .icon img {
    height: 70px;
}