@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,200&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


body{font-family: 'Poppins', sans-serif !important; color: #000; font-size: 16px; background: #f1f1f1;}
h1 { line-height: normal !important; }
.exNavBg{ background: rgba(0, 0, 0, 0.6); }
.logoIco{}
.logoIco img { width: 130px; }
.navbar-brand  span{color: #fed136;	font-size:25px;font-weight:700;letter-spacing:0.1em;}
.navbar-brand {color: #fff;font-size:25px;font-weight:700;letter-spacing:0.1em;}
.navbar-nav .nav-item .nav-link{
	padding:10px 22px;
	font-size: 14px;
    font-weight: 400;
    text-transform:none;
    color: #fff; margin:0 0 2px 2px; 
}

.cartIcon{ padding:10px !important; }
.cartIcon:hover{ background: none !important; }

.navbar-nav .nav-item a:hover{ background: #d82428; color: #fff !important; margin:0 0 2px 2px; }
.navbar-nav .nav-item a.active{ background: #d82428; color: #fff !important;margin:0 0 2px 2px;  }

.dropdown-item:hover{background-color:#fed136;color:#fff;}
nav{-webkit-transition: padding-top .3s,padding-bottom .3s;
    -moz-transition: padding-top .3s,padding-bottom .3s;
    transition: padding-top .3s,padding-bottom .3s;
    border: none;
	}
 .shrink {padding-top: 0; padding-bottom: 0; background-color: #212529;}
.banner{
	background-image:url('../images/slide-bg.jpg');
	text-align: left;
    color: #fff;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.banner-text{padding:180px 0 140px 0;}
.banner-heading span{color: #ffffff; font-weight: 600;}
.banner-heading {font-size: 52px;font-weight: 300;margin-bottom: 30px; line-height:70px;
	color: #fff; text-transform:none; background: rgba(0,0,0,0.5); padding: 0 15px;
}

.exMainBg {
	background:#f6f6f6 url('../images/main-bg.png') no-repeat center;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

.exWelcomeBg {padding: 60px 0;}
.exWelcomeBg h1{ color: #413b3f;font-size: 42px !important; font-weight: 300 !important; 
	text-transform: none; margin-bottom: 20px }
.exWelcomeBg h1 span{ font-weight: 700 !important; color: #d82428 }
.exWelcomeBg h1 i {font-style: normal;width: 100%;	display: inline-block; }
.exWelcomeBg p{ color: #808080; font-size: 16px !important; font-weight: 300;  }
.welcomeImg {
	position: relative;
	margin-top: 0px;
	width: 95% ; 
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}

.normalTextBg {
	background:url('../images/normal-text-bg.jpg') no-repeat center;
    color: #fff;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
     padding: 80px 0;
     text-align: center;
}

.normalTextBg h2{color: #fff; font-size: 36px !important; font-weight: 600 !important; }
.normalTextBg p{ color: #fff; font-size: 22px !important; font-weight: 300 !important; margin-bottom: 0px;  }

.hoursOperationBg {padding: 80px 0;}
.hoursOperationBg h2{ color: #413b3f;font-size: 42px !important; font-weight: 300 !important; text-align: center; 
	text-transform: none; margin-bottom: 80px !important }
.hoursOperationBg h2 span{ font-weight: 700 !important; color: #d82428 }

.hoImg { max-width: 600px !important; float: left; }
.hoImg img{ width: 100%; }
.hoWhiteBox {
	background:#fff url('../images/ho-white-bg.jpg') no-repeat center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	box-shadow: 0 1px 5px #a2a2a2;padding: 30px;
	float: left;width: 100%;}

.hoursOperationCont {
	position: relative;display: inline-block;width: 100%;
	padding-top: 125px;	margin-top: -84px;	margin-left: -100px;}

.hoWhiteBox ul { margin: 0px; padding: 0px; margin-bottom: 20px; }
.hoWhiteBox ul li{ border-bottom: 1px solid #e3e3e3; padding:2% 0; list-style: none; font-size: 14px; color: #2f2f2f; font-weight: 300; }
.hoWhiteBox ul li span {
	color: #d82428;
	font-weight: 600;
	min-width: 43px;
	display: inline-block;
	text-align: right;
	margin-right: 15px;
}


.needInformationBg {
	background:url('../images/ft-bg.jpg') no-repeat center;
    color: #fff;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
     padding: 70px 0 150px 0;
}

.needInformationBg h2{ color: #fff;font-size: 42px !important; font-weight: 300 !important; text-align: center; 
	text-transform: none; margin-bottom: 80px !important; }
.needInformationBg h2 span{ font-weight: 700 !important; color: #d82428 }

.exAddressArea p{ color: #444444; font-size: 15px; font-weight: 300; margin-bottom: 10px; }
.exAddressArea span{ font-weight: 600; }
.exAddressArea a{ color: #444; text-decoration: underline; word-break: break-word;  }
.exAddressArea a:hover{ color: #d82428; text-decoration: underline;  }

.infoWhiteBox { background: #fff; border-radius: 5px; padding: 30px; }
.infoWhiteBox h4{ font-size: 20px !important; font-weight: 500 !important; color: #444444;  text-align: left;}
.mapImg img{ width: 100%; min-height: 150px; border: 4px solid #dfdfdf; margin-bottom: 15px;}

.formBox input, .formBox textarea { border: 1px solid #ccc; font-size: 16px; font-weight: 300; height: 55px;
 color: #8c8c8c; border-radius: 4px; }
 .formBox textarea { height: auto; }
.formBox h4{ font-size: 20px !important; font-weight: 500 !important; color: #444444;  text-align: left;}
.normalBtn {
	background: #d82428;
	border-radius: 0px;
	padding: 8px 20px;
	color: #fff;
	font-size: 16px;
	border: none;
	font-weight: 400;
}
.normalBtn:hover {
	background: #b22023;
	color: #fff;
	font-weight: 400;
}

.footerBg {
	background: #d82428;
	padding: 20px 0;
	color: #fff;
	position: fixed;
	bottom: 0;
	width: 100%;
}
.ftLeft{ float: left;text-align: left; }
.ftRight{ float: right; text-align: right; }
.footerBg p{ font-size: 14px; color: #fff; font-weight: 300; margin: 0px; }
.footerBg a{ font-size: 14px; color: #fff; font-weight: 300; }

 .loginPopup {margin: 5rem auto !important; max-width: 350px;}
 .loginPopup .modal-body{padding-top: 0px;}
.loginPopup .modal-header{ padding-bottom: 0px; }
.loginBox{ padding:20px; }
.loginLogo img{ width: 180px; margin-bottom: 20px; }
.loginBox input { border: 1px solid #ccc; font-size: 14px; font-weight: 300; height: 42px;
 color: #8c8c8c; border-radius: 4px; }


.innerHeading { text-align: center;line-height: 20px; line-height: normal !important; }

.innerBanner{
	background-image:url('../images/slide-bg.jpg');
	text-align: left;
    color: #fff;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; height: 300px;
}

.viewCartMessage{ border: 1px solid #cad2cc; background: #eff6f1; padding: 20px; 
	text-align: center; font-size: 20px;font-weight: 300; color: #6bb33f; margin: 20px 0;}
	.viewCartMessage a{ font-weight: 500; color:#6bb33f; }
.menuTabs {
	background: #fff;
	border: none;
}
.menuTabs li{ margin-bottom: 0px !important; }
.menuTabs li a{ background:#fff;  color: #464646 !important; border: none !important; padding:15px 20px; }
.menuTabs li a:hover{ background:#e9e9e9; color: #d82428 !important;border-radius: 0px; }
.menuTabs li a.active{ background:#e9e9e9 !important; color: #d82428 !important; border-radius: 0px;}

.menuTabList{ margin-bottom: 20px; }
.menuTabBox { padding: 0px; }
.grayBoxList{ background: #e9e9e9; padding:20px; box-shadow: 0 3px 3px #ccc; }

.exWhiteBox{ background: #fff; padding: 15px; box-shadow: 0 3px 3px #ccc; margin-bottom: 15px;}

.foodImg{max-width: 100px; width: 100%; float: left; margin-right: 12px;}
.foodImg img {min-height:100px; border-radius: 2px; max-width: 100%; object-fit: contain; }
.foodCont{ padding-left: 115px; }
.foodCont h3{ font-size: 20px; color: #3f3f3f; font-weight: 600; margin-bottom: 3px; }
.foodCont p{ font-size: 14px; color: #a8a8a8; font-weight: 300; margin-bottom: 2px; }
.foodCont p span{ font-size: 16px; color: #d82428; font-weight: 500; }

.menuFoodLRight{ padding-top: 30px; text-align: center; }

.normalSmBtn {
	background: #d82428;
	border-radius: 0px;
	padding: 6px 20px;
	color: #fff;
	font-size: 14px;
	border: none;
	font-weight: 400;
}
.normalSmBtn:hover {
	background: #b22023;
	color: #fff;
	font-weight: 400;
}

.exRightWhiteBox{ background: #fff; padding:0px; box-shadow: 0 3px 3px #ccc; width: 100%; margin-bottom: 15px; float: left;}
.orderRightTitle {
	color: #4c4c4c;
	font-size: 16px;
	font-weight: 600;
	background: #f9f9f9;
	padding:14px 12px;
}
.blackColor{ color: #333; }
.orderAddList{ width: 100%; float: left; padding: 10px; }
.closeIcon img{ width: 20px; }
.orderAddList span{ font-weight: 600; }
.orderAddList table tbody tr td{font-size: 14px; font-weight: 300; color: #747474; border-top:0px; 
	border-bottom: 1px solid #f3f3f3; padding:10px 5px;}

.innerCont{ padding:40px 0 150px 0; }

.foodViewImg {margin-bottom: 20px; display: inline-block;}
.foodViewImg img{width: 100%;}
.popupContBox{ padding: 0px 20px 30px 20px }

.foodTitlePopup{ font-size: 26px; font-weight: 600; color: #2b2b2b; padding-left: 15px; }
.foodViewItem p{ color: #797979; font-size: 18px; }
.foodViewItem .priceTex { color:#d82428; font-weight: 600; }
.quantityArea label{ font-weight: 600; width: 100%; float: left; }
.itemSelect { float: left; margin-right: 10px; }
.itemSelect select { width:100px; height: 36px; background: #f5f5f5; border: 1px solid #ccc;}

.innerWhiteBox{ background: #fff; padding: 15px; box-shadow: 0 3px 3px #ccc; margin-bottom: 15px;}
.innerWhiteBox h2{ font-size: 20px !important; font-weight: 600 !important; color: #525252;  padding-bottom: 5px; }
.innerWhiteBox .borderLine{border-top: 1px solid #ccc;  height: 5px;}
.innerWhiteBox form .form-group label{color: #525252; font-size: 14px !important; font-weight: 500;}
.innerWhiteBox form input, .innerWhiteBox form select{ border: 1px solid #ccc; font-size: 12px; height: 40px; }
.innerWhiteBox form textarea { border: 1px solid #ccc; font-size: 12px; }

.yourOrderTable thead{ background: #5490c3; padding: 5px; border:none; color: #fff; font-size: 14px; font-weight: 500; }
.yourOrderTable tbody tr td{ font-size: 13px; color: #424242; }
.prizeTotleBg{ background: #f7f7f7; font-weight: 600; }


.paymentGrayBox {
	background: #ebe9eb;
	padding: 15px;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #5490c3;
	background-color: #5490c3;
}
.pl15 { padding-left: 15px !important; }

.paymentGrayBox label.redioBtn {font-size: 14px !important; font-weight: 300 !important;  color: #424242; margin-left: 10px;}
.cardImg a{ margin:0 0 5px 3px; }
.cardImg a img{width: 35px;}

.paymentGrayBox p{font-size: 14px !important; font-weight: 300 !important;  color: #424242;}
.checkbox {
  display: block;
  margin-bottom: 15px;
}

.input-group { margin-bottom: 15px; }


.arrow_box {
	position: relative;
	background: #fff;
	border: 1px solid #fff;
	padding: 8px;
	border-radius: 5px;
	margin-left: 20px;
	font-size: 12px;
	font-weight: 300;
	margin-top: -8px;
}

.cardImg {
	margin-top: -5px;
	position: relative;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box::after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box::before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}

.checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkbox label {
  position: relative;
  cursor: pointer; font-size: 14px !important; font-weight: 300 !important;  color: #424242;
}

.checkbox label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #5490c3;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  background: #5490c3;
}

.checkbox input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #fff;
  background: #5490c3;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.termsContentOUter p, .termsContentOUter li { word-wrap: break-word; }



/*Media CSS----------*/

@media screen and (min-width:768px) and (max-width:991px) {
.navbar-nav .nav-item .nav-link {
	padding: 10px 12px;
}
.hoursOperationCont {
    padding-top: 95px;
}
.hoursOperationBg h2 {
    margin-bottom: 40px !important;
}
.hoursOperationBg {
    padding: 50px 0;
}
.needInformationBg {
    padding: 50px 0 50px 0;
}
.needInformationBg h2 {
    margin-bottom: 40px !important;
}
.innerBanner {
    height: auto;
}

}

@media screen and (max-width:767px) {
	.foodCont {
	padding-left: 0;
	float: left;
	margin-top: 15px;
}
	.exWhiteBox .foodImg {
	max-width: 100%;

}
	.foodImg img {
	max-width: 100%;
	width: 100%;
}
	.itemSelect {
	margin-bottom: 15px;
}
.foodViewItem h3 {
	font-size: 30px !important;
}
.welcomeImg {
	position: relative;
	margin-top: 0px;
	width: 100% ; 
}
.hoursOperationCont {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 0;
	margin-top: 0;
	margin-left: 0;
}
.banner-text {
	padding: 90px 0 60px 0;
}
.banner-heading {
	font-size: 26px;
	line-height: 50px;
}
.exWelcomeBg h1 {font-size: 30px !important;}

.normalTextBg h2 {
	font-size: 28px !important;
}
.hoursOperationBg h2 {
	font-size: 30px !important;
	margin-bottom: 28px !important;
}

.hoursOperationBg {
	padding: 30px 0;
}
.needInformationBg h2 {
	font-size: 30px !important;
	margin-bottom: 28px !important;
}

.needInformationBg {
	padding: 30px 0;
}
.formBox{ margin-top: 20px; margin-bottom: 30px; }
.exWelcomeBg {
    padding: 30px 0;
}
.cartIcon{ padding:10px 22px!important; }
.banner-heading {
	line-height: auto;
}
.menuTabs li a {
	padding: 15px 10px; font-size: 12px !important;
}
.navbar-collapse{
	margin-top: 78px !important;
	background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0% !important;
}

.footerBg .text-left, .footerBg .text-right { text-align: center !important; }

.innerBanner {
    height: auto !important;
}
.termsContentOUter p, .termsContentOUter li {
    word-wrap: break-word;
    font-size: 13px;
}

}


.productDetailPoup tr th, .productDetailPoup tr td { padding: 3px 8px; }

div.cdk-overlay-container {
    position: fixed;
    z-index: 9999;
}

div.cdk-overlay-container div + div>div {
transform: translateX(-16px) translateY(28px) !important;
}
.quantityArea .itemSelect {
    display: inline-block;
	margin-right: 0;
	float: none;
	padding: 0 10px;
}
.foodViewItem .ng-star-inserted { margin-bottom: 15px; }
.foodViewItem .ng-star-inserted.form-control { margin-bottom: 0; }
.quantityArea { margin-bottom: 15px; }
@media screen and (max-width:767px) {
	.font14Mobile {font-size:14px !important}
}