html {
    overflow-x: hidden;
	
	
}
button:focus,
*:focus {
    outline: none;
}





body {
    font-family:Calibri;
   margin: 0px;
    padding: 0px;
    font-size: 13px;
    line-height: 1.8;
    font-weight: 400;
    color:#d3b362;
	 background-color:#000000 !important;
    transition: transform ease-in .4s;
    overflow: hidden;
}

.navbar-expand-lg .navbar-nav {
    margin-left: auto !important;
    
}

  .app-logo {
   
    background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:210px;
    height: 160px;
	
 position: fixed;
    top:40%;
	
  }

  .app-logo img {
    
    background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:210px;
	
    height: 160px;
	border-radius:6%;
	border:6px solid #d3b362;
  }

.app-splash-screen {
 background-color:#000000 !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 10000;
    transition: all ease-in 250ms;
  }


.red{
  background: red;
}



.cart-bg
{
	background-color:#d3b362 !important;
	border-radius:3px;
}

.menu-header-txt
{
	color:#d3b362;
}


.menu-header-txt-1
{
	
	text-align:left;
	margin-left:15px;
	color:#d3b362;
	
}
.menu-header-txt-2
{
	
	text-align:left;
	margin-left:0px;
	color:#d3b362;
	
}

.add-rate
{
  width: 100%;
  padding: 5px;
  background-color:#d3b362;
  color:#000000;
  float: left;
  text-align: center;
}


.add-rate:hover
{
  width: 100%;
  padding: 5px;
   background-color:#d3b362;
  color:#ffffff;
  float: left;
  text-align: center;
}




.menu-popup

{
	margin-left:0px;
	text-align:left;
	color:#d3b362;
}
.menu-popup-4

{
	margin-left:0px;
	text-align:left;
	color:#d3b362;
	margin-left:15px;
}

.menu-popup-1

{
	
	text-align:center;
	direction:ltr;
	float:right;
	margin:0px 10px;
	color:#d3b362;
}

.menu-popup-2

{
	
	text-align:right;
	direction:ltr;
	color:#d3b362;
	margin-left:-20px;
}



	



.offer-dedicated-nav .nav-link {
		
		color:#ffffff;
		font-weight: 600;
		text-align: center;
		  text-decoration: none;
	}
	

	
	
.offer-dedicated-nav .nav-link .active {
		     text-decoration: none;
			color:#ffffff;
			max-width:100%;
			border-bottom:#d3b362 solid 3px ;
		}
		

		
.offer-dedicated-nav .nav-link:hover {
				border-bottom:#ffffff solid 3px ;	
			color:#ffffff;
		}
.offer-dedicated-nav .nav-link:focus {
				border-bottom:#ffffff solid 3px ;
			color:#ffffff;
			  text-decoration: none;
		}
	
	.nav-item {
		margin: 0 0px 0 0;
	}




.btn-add-to-cart-1
{
font-size: 14px;
    margin-top: 5px;
    color:#d3b362    ;
    border: 1px solid #d3b362    ;
    padding: 0 8px;
    border-radius:3px;
	margin-top:5px;
	margin-right:5px;
   
    
  
}
.btn-add-to-cart-1:hover
{
font-size: 14px;
    margin-top: 5px;
    color:#d3b362    ;
    border: 1px solid #d3b362    ;
    padding: 0 8px;
    border-radius:3px;
	margin-top:5px;
   margin-right:5px;
    
  
}


.header-top 
{
	width:130px;
	
}

.header-top img 
{
	width:130px;
	height:55px;
}



.time-available
{
	float:left;
	direction: ltr;
}
.time-available-1
{
	float:right;
	direction: ltr;
}

.btn-left {
	float: left
}

.btn-right {
	float: right
}

 .bg-gradient-green{
    background-image:linear-gradient(to right, #fff, #fff);
    color:#d3b362;
    font-size: 14px;
    font-weight: 600;
   
  }


.order-list-txt
{
	color:#d3b362;
	font-size:14px;
	font-weight:bold;
}
.order-list-txt:hover
{
	color:#d3b362;
	font-size:14px;
	font-weight:bold;
}

.order-list-txt-1
{
	color:#d3b362;
	font-size:19px;
	font-weight:bold;
}

.order-list-txt-1:hover
{
	color:#d3b362;
	font-size:19px;
	font-weight:bold;
}



.text-black-50
{
	color:#d3b362;
}
.btn-success-table
{
	background-color: #fff !important;
	border-color:#fff !important;
	float:right;
	
}
.badge-danger-bt {
    background-color:#d3b362;
    border-color:#d3b362;
	color:#000000;
}

button {
    background: transparent;
    border: none;
    padding: 0;
}
.navbar-nav .header-1
{
	float:right;
	right:0px;
}
label {
    line-height: normal;
}
.logo
{
    color: #fff !important;
     padding-left: 10px; 
     font-size: 21px;
      font-weight:900;
}
.align-item-center {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}
.p-relative {
    position: relative;
}
.none {
    display: none;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.overlay-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.overlay-bg{
    background:#d3b362;
    opacity: 0.5;
}

.transform-center {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0%, -50%);
    z-index: 1;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
    font-size: inherit;
    margin: 0;
}
.swiper-button-next,
.swiper-button-prev {
    box-shadow: 0 2px 14px 0px rgba(0, 0, 0, 0.1);
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    top: 52%;
    transform: translate(0%, -48%);
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 14px;
    font-weight: 900;
    color: #ff0018;
}
.swiper-button-next {
    right: 10px;
}
.swiper-button-prev {
    left: 10px;
}
.swiper-button-disabled {
    display: none;
}
.sticky-top
{
	position: sticky;
	top: 0;
    z-index: 1020;
	
}
.back-btn button {
    box-shadow: 0 2px 14px 0px rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    background: #fff;
    font-size: 16px;
    font-weight: 900;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.u-line {
    border-bottom: 1px solid rgba(202, 142, 70, .2);
	padding-bottom:8px;
}

.banner-adv-bg{
    width: 100%;
    height: auto;
    background-color:#d3b362;
    position: fixed;
    bottom: 0;
    z-index: 999;
}
.banner-adv {
    position: relative;
    height: 138px;
    /* background-image: url('../img/banner-adv-bg.png'); */
    background-color: rgba(255, 0, 24, 0.58);
    background-size: cover;
    background-position: center;
    width: 100%;
    overflow: hidden;
}
.banner-adv .flex-adv{
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.banner-adv .flex-adv .btn-submit{
    color:#d3b362;
    background: #ff0018;
    border-color: #ff0018;
}
.banner-adv .flex-adv a i{
    font-size: 28px;
    color:#d3b362;
    margin-right: 10px;
}
.banner-adv .text {
    text-align: center;
    font-size: 24px;
    margin-right: 20px;
    font-weight: 700;
    color:#d3b362;
    text-decoration: underline;
}
.banner-adv .close-banner{
    cursor: pointer;
    position: absolute;
    right: 22px;
    top: 8%;
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 50%;
    z-index: 9;
    border: 1px solid #fff;
    color:#d3b362;
}
.banner-adv2 .close-banner {
    cursor: pointer;
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: block;
    z-index: 9;
    color:#d3b362;
}
.banner-adv .close-banner:before,
.banner-adv .close-banner:after{
    border-bottom: 2px solid;
    content: "";
    position: absolute;
    left: 9px;
    top: 16px;
    width: 15px;
}
.banner-adv2 .close-banner:before,
.banner-adv2 .close-banner:after{
    border-bottom: 2px solid;
    content: "";
    position: absolute;
    left: 12px;
    top: 19px;
    width: 15px;
}
.banner-adv2 .close-banner:before,
.banner-adv .close-banner:before {
    transform: rotate(-45deg);
}
.banner-adv2 .close-banner:after,
.banner-adv .close-banner:after {
    transform: rotate(45deg);
}
.banner-adv2 .close-banner{
    display: none;
}
.banner-adv2 {
    position: relative;
    height:90px;
   
    width: 100%;
    overflow: hidden;
   
}
.banner-adv2>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
   
}
.banner-adv2 .text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 15px;
    right: 15px;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: 500;
    color:#d3b362;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-adv2 .text img {
    margin: 0 25px;
}
/* Custom Panel */
.custom-builder-panel {
    position: fixed;
    top: 20%;
    z-index: 3333;
    left: -150px;
    transition: 0.5s all;
}
.custom-builder-panel:hover {
    left: 0;
}
.builder-switch {
    position: absolute;
    right: -50px;
    top: 0;
    background-color:#d3b362;
    color:#d3b362;
    width: 50px;
    height: 50px;
    font-size: 18px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-animation: bounceRight 2s infinite;
    animation: bounceRight 2s infinite;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c9b38c' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");

}
.custom-builder-panel:hover .builder-switch{
  animation: bounceRight 0s;
  -webkit-animation: bounceRight 0s;
}
.builder-slide-panel{
    width: 150px;
    height: 50px;
    background-color:#d3b362;
    padding: 6px 6px;
    box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c9b38c' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");

}
.builder-slide-panel h4{
  text-align: center;
  display: flex;
  justify-content: center;
  align-self: center;
  line-height: 2.8;
}
.builder-slide-panel h4{
  font-size: 14px;
  font-weight: bold!important;
  color: #3eff01!important;
  vertical-align: middle;
  text-transform: uppercase;
}
.switch-icon {
  width: 50px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.switch-icon i{
  vertical-align: middle;
  color: #3eff01;
}
.custom-builder-panel:hover .builder-switch:before{
  animation: box_ripple 3s cubic-bezier(.18,.74,.72,1);
  text-decoration: none;
}
.builder-switch:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(0, 0, 0, 0.44);
  opacity: 0;
  transform: scale(1,1) translate(-50%);
  transform-origin: 50% 50%;
  z-index: 1;
  animation: box_ripple 2s cubic-bezier(.18,.74,.72,1) infinite;
  text-decoration: none;
}

.custom-builder-panel:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 5px;
    background: rgba(0, 0, 0, 0.44);
    opacity: 0;
    transform: scale(1,1) translate(-50%);
    transform-origin: 50% 50%;
    z-index: 1;
}
.custom-builder-panel:hover:before{
    animation: box_ripple 1s cubic-bezier(.18,.74,.72,1);
    text-decoration: none;
}
@keyframes box_ripple{
    0%{
        transform:scale(0,0);
        opacity:.3
    }
    40%{
        transform:scale(15,15);
        opacity:.3
    }
    100%{
        opacity:0;
        transform:scale(40,40)
    }
}
/* right bounce */
@-webkit-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
@-moz-keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}
@keyframes bounceRight {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}
/*======================
1.1 Typography
========================*/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px;
    font-family:Calibri;
    font-weight: 500;
    color:#d3b362;
}
h1 {
    font-size: 3.5vw;
    line-height: normal;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 21px;
}
h4 {
    font-size: 26px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom:0px;
    font-family:Calibri;
	color:#d3b362;
}
.details-title-text
{
	  font-size: 15px;
    line-height: 1.8;
    margin-bottom:0px;
    font-family:Calibri;
	color:#d3b362;
	float:left;
	
}

.details-title-text-1
{
	  font-size: 15px;
    line-height: 1.8;
    margin-bottom:0px;
    font-family:Calibri;
	color:#d3b362;
	text-align:left;
	margin-left:10px;
}
.footer
{
	background-color:#000000 !important;
	 color:#ffffff;
	 font-size:11px;
}

.footer-add-txt {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom:0px;
    font-family:Calibri;
	color:#d3b362;
}


a {
    color:#d3b362;
    text-decoration: none;
    transition: 0.5s;
}
a:focus,
a:hover {
    color:#d3b362;
    text-decoration: none;
    transition: 0.5s;
}
.store-btn
{
	
	 color:#d3b362;
    text-decoration: none;
    transition: 0.5s;
}
.store-btn:hover
{
	
	 color:#d3b362;
    text-decoration: none;
    transition: 0.5s;
}


dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
ul li,
ol li {
    margin: 0px;
    padding: 0px;
    position: relative;
    list-style: none;
}
blockquote {
    background-color: #f4f4f4;
    position: relative;
    padding: 3rem;
    margin: 2rem 0;
    border: #4329a333 solid 1px;
}
blockquote p {
    font-size: 32px;
    line-height: 45px;
    font-style: italic;
    margin: 0;
    word-break: break-word;
}
blockquote h6 {
    color:#d3b362;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
	
	
   
}

.fs-12 {
    font-size: 12px;
}
.fs-14 {
    font-size: 14px;
}
.fs-15 {
    font-size: 15px;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fw-100 {
    font-weight: 100;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 900;
}
.title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
}
.title-2 {
    display: flex;
    align-items: baseline;
}
.title-2 small {
    margin-left: 30px;
}
/*pagination*/

.custom-pagination {
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-pagination .page-link {
    padding: 10px 20px;
    color: #ff0018;
}
.custom-pagination .page-item .page-link:hover,
.custom-pagination .page-item.active .page-link {
    background: #ff0018;
    color:#d3b362;
    border-color: #ff0018;
}
/*======================
1.2 Space margins and padding
========================*/

.no-margin {
    margin: 0;
}
.no-padding {
    padding: 0;
}
.full-width {
    width: 100%;
}
.section-padding {
    padding:20px 0;
}
.padding-10 {
    padding: 10px;
}
.padding-tb-10 {
    padding: 10px 0;
}
.padding-3 {
    padding:3px;
}
.padding-15 {
    padding: 15px;
}
.padding-20 {
    padding: 20px;
}
.main-sec {
    height: 60px;
    clear: both;
    width: 100%;
}
.mb-xl-20 {
    margin-bottom: 20px;
}
.pb-xl-20 {
    padding-bottom: 20px;
}
.mb-20{
  margin-bottom: 20px;
}

/*==================
1.4. Buttons
====================*/

.btn-first {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 6px 16px 5px;
    font-size: 13px;
    line-height: 1.595;
    border-radius: .25rem;
    transition: color .15s ease-in-out,
     background-color .15s ease-in-out,
      border-color .15s ease-in-out, 
      box-shadow .15s ease-in-out;
}
.white-btn {
    color:#d3b362;
    background: #fff;
    border-color: #4d4d4d;
    font-size: 11px;
}
.white-btn:hover,
.white-btn:focus {
  border-color: rgba(67, 41, 163, .2);
	background-color:#d3b362;
	color:#d3b362;
	
}


.white-btn1 {
    border-color: rgba(67, 41, 163, .2);
   color:#d3b362;
	background-color:#e1e1e1;
}
.white-btn1:hover,
.white-btn1:focus {
    border-color:#d3b362;
	background-color:#d3b362;
	color:#d3b362;
	
}







.green-btn {
    border-color: rgba(67, 41, 163, .2);
    color:#d3b362;
    background-color:#d3b362;
    border-color:#d3b362;
}
.green-btn:hover,
.green-btn:focus {
    border-color: rgba(67, 41, 163, .2);
    background: #ff0018;
    color:#d3b362;
}

.category-btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color:#d3b362;
    border: 1px solid transparent;
    padding:8px 20px;
    font-size: 15px;
	right:10px;
	top:10px;
	height:30px;
    line-height:1;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color:#d3b362;
    font-weight:400;
}
.category-btn:hover,
.category-btn:focus {
    border-color: #007a48;
    background: #007a48;
    color:#d3b362;
}


.category-details {
   
    text-align:left;
    vertical-align: middle;
    user-select: none;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid transparent;
   width:100%;
   
}

.category-details .category-details-inner1 {
    width:70%;
	float:left;
   
}
.category-details .category-details-inner2 {
    width:30%;
	float:left;
   
}


.category-details .text-pro {
    color:#d3b362;
    font-weight:600;
	font-size:17px;
	text-transform:capitalize;
	margin-left:10px;
	 font-family:Calibri;
	
	
	
}

.category-details .text-pro1 {
    color:#d3b362;
    font-weight:400;
	font-size:12px;
	text-transform:capitalize;
	margin-left:10px;
	 font-family:Calibri;
	
	
}

.category-details .text-pro2 {
    color:#d3b362;
    font-weight:500;
	font-size:15px;
	text-transform:capitalize;
	margin-right:10px;
	margin-top:8px;
	 font-family:Calibri;

	
	
}



.btn-second {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
   
    padding: 6px 16px 5px;
    font-size: 13px;
    line-height: 1.595;
    border-radius: .25rem;
    transition: color .15s ease-in-out, 
    background-color .15s ease-in-out,
     border-color .15s ease-in-out,
      box-shadow .15s ease-in-out;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 500;
    position: relative;
}



.btn-second .green-btn {
    border-color: rgba(67, 41, 163, .2);
    color:#d3b362;
    background-color:#d3b362;
    border-color:#d3b362;
}
.btn-second .green-btn:hover,
.btn-second .green-btn:focus {
    border-color: rgba(67, 41, 163, .2);
    background: #ff0018;
    color:#d3b362;
}








.btn-second img {
    float: left;
    left: -8px;
    position: relative;
    width: 22px;
    height: 22px;
}
.btn-submit {
    color:#d3b362;
    background: #fff;
    border-color: #4d4d4d;
   
    font-size: 17px;
    padding: 4px 40px;
    cursor: pointer;
    letter-spacing: 1pt;
}
.btn-submit:hover,
.btn-submit:focus {
    border-color:#d3b362;
    background: #fff;
    color:#d3b362;
}


.btn-submit-1 {
    color:#d3b362;
    background: #d3b362;
    border-color: #d3b362;
    font-size: 13px;
    padding: 9px 40px;
    cursor: pointer;
    
}
.btn-submit-1:hover,
.btn-submit-1:focus {
    border-color: #002137;
    background: #002137;
    color: #d3b362;
}









.btn-facebook {
    color:#d3b362;
    background: #3b5998;
    border-color: #3b5998;
}
.btn-facebook:hover,
.btn-facebook:focus {
    border-color: #2d4373;
    background: #2d4373;
    color:#d3b362;
}
.btn-google {
    color:#d3b362;
    background: #4285f4;
    border-color: #4285f4;
}
.btn-google:focus,
.btn-google:hover {
    border-color: #1266f1;
    background: #1266f1;
    color:#d3b362;
}
span.circle-tag {
    height: 36px;
    width: 36px;
    background: #fff;
    border-radius: 50%;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right:40px;
}
span.square-tag>img,
span.rectangle-tag>img,
span.wishlist-tag-1>img,
span.wishlist-tag-2>img,
span.circle-tag>img{
    padding:4px;
}
span.rectangle-tag {
   
    width: auto;
   margin-right: 0;
   
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding:3px;
	float:left;
	
}

span.wishlist-tag-1 {
    height: 25px;
    width: 25px;
    background: #fff;
    border-radius: 50%;
    font-size:21px;
    display: flex;
	position:absolute;
	z-index:5;
    align-items:right;
    cursor: pointer;
	float:right;
	right:10px;
	top:10px;
}

.whish-list-tag-padd
{
	cursor: pointer;
	float:right;
	left:100px;
	top:10px;
}
span.rectangle-tag+span.rectangle-tag{
    margin:0px;
}
span.square-tag {
    height: 36px;
    width: 36px;
    background: #fff;
    border-radius: 50%;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


span.share-tag {
    height: 36px;
    width: 36px;
    background: #fff;
    border-radius: 50%;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
span.deal-tag {
    border-radius: 3px;
    padding: 4px 10px;
    background-color:#d3b362;
    box-shadow: 0 1px 5px 0 rgba(66, 41, 163, .08), 0 0 0 1px rgba(66, 41, 163, .08);
}
span.add-product {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid #ff0018;
    background-color:#d3b362;
    color: #ff0018;
    box-shadow: 0 1px 5px 0 rgba(66, 41, 163, .08), 0 0 0 1px rgba(66, 41, 163, .08);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
span.add-product i {
    font-size: 12px;
}
span.type-tag{
    padding: 3px 15px;
    position: absolute;
    bottom: 0;
    border-radius: 5px 5px 0px 0px;
    cursor: pointer;
}
/*==================
1.5. Section-Colors-&-Backgrounds
====================*/

.bg-light-white {
    background-color: #e1e1e1;
}
.bg-light-theme {
    background-color: #fbfbfc;
}
.bg-light-green {
    background-color: #ff0018;
}


.bg-yellow{
    background-color: #ffc000;
}
.bg-green{
    background-color: #4aa110;
}

.bg-gradient-orange{
    background-image: linear-gradient(to bottom,#ff0018, #ff0018);
}
.bg-black{
    background-color:#d3b362;
}

.bg-grey{
    background-color: #d2d2d2;
}


/*Colors*/


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 

{
    color:#d3b362;
	 font-family:Calibri;
	
	
}

.text-light-black {
    color:#d3b362;
	 font-family:Calibri;
	font-size:14px;
}

.btn-info {
    color:#d3b362;
    background-color: #004f2f  !important;
    border-color: #ddd !important;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color:#d3b362;
    background-color: #097922 !important;
    border-color: #097922 !important;
}



.floatBlock {
    margin: 0px 1.81em 0 0 !important;
    padding: 0px 6px;
    font-size: 14px !important;
}
.containers {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
   
  }
  
  /* Hide the browser's default radio button */
  .containers input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
   position: absolute;
    top: 0;
	
    border: 1px solid #d4d4db;
    width: 20px;
    height: 20px;
    background-color: #d3b362;
    border-radius: 4px;
  }
  

    .checkmark-1 {
		font-size:13px;
		color:#ffffff;
		font-weight:normal;
		margin:10px 0px;
		
  
  }
  .address-chk
  {
  margin-left: -15px;
  }
    .address-chk-1
  {
  top:-17px;
  margin-left:25px;
  margin-right:10px;
  cursor:pointer;
 }
 
  .address-chk-2
  {
  float:left;
 
 
 }
  
.check-padd
  {
	  margin-right:0px;
	  float:right;
  }
  
   .check-padd-1
  {
	  margin-right:22px;
	  float:right;
  }
  
  .check-padd-poup
  {
	left:13px;
	position: absolute;
    top: 0;
  }
  
   .check-padd-poup-1
  {
	left:9px;
	position: absolute;
    top: 0;
  }
  
  /* On mouse-over, add a grey background color */
  .containers:hover input ~ .checkmark {
    background-color: #d3b362;
	
  }
  
  /* When the radio button is checked, add a blue background */
  .containers input:checked ~ .checkmark {
    background-color: #2196F3;
	left:50px;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
   left: 6px;
top: 2px;
width: 5px;
height: 9px;
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
transform: rotate(45deg);
  }
  
  /* Show the indicator (dot/circle) when checked */
  .containers input:checked ~ .checkmark:after {
    display: block;
	left:50px;
  }
  
  /* Style the indicator (dot/circle) */
  .containers .checkmark:after {
       top: 9px;
      left: 9px;
      width: 8px;
      height: 8px;
      border-radius: 10%;
      background: white;
  }
.tabs-menu{
    border-radius:0px !important;
}

.phone-number{
     font-family:Calibri;
}
.modal-content{
    width: 100% !important;
    margin: auto;
	
}

.modal-content-color{
	
	width: 100% !important;
	background-color:#000000 !important;
    margin: auto;
	border-radius: 10px;
	padding:10px 10px 15px 10px;
   
}



.count-number .btn {
	//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
	height: 24px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	border: 1px solid $color_scarlet_approx;
	padding: 0px 8px;
	/*border-radius: 3px 0 0 3px;*/
	float: left;
	font-size: 12px;
	color:#d3b362;
	font-weight: 400;
   
	
}


.left {
    border-radius: 0 3px 3px 0;
}
.right{
    border-radius: 3px 0 0 3px;
}
.count-number .btn:focus {
    
}
.count-number .btn:active, &:hover {
    background-color: $color_scarlet_approx !important;
    color: $white !important;
    border: 1px solid #004f2f !important;
}

.btn-info-disabled{
   
    color:#d3b362;
    background-color:#f14343  !important;
    border-color: gray !important;
    cursor: not-allowed !important;
}


.text-light-black-card {
    color:#d3b362;
	 font-family:Calibri;
	font-size:14px;
}

.text-light-black-card:hover {
    color:#d3b362;
	 font-family:Calibri;
	font-size:14px;
}


.text-light-black-offer {
    color:#d3b362;
	 font-family:Calibri;
	
	font-size:14px;
}

.text-light-black-offer:hover {
    color:#d3b362;
	 font-family:Calibri;
	
	font-size:14px;
}
.card-header-1
{
	padding: 0.75rem 1.25rem;
    margin-bottom: 0;
	background-color:#d3b362;
    color:#d3b362;
	width:100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.text-light-black-br {
    color:#d3b362;
	 font-family:Calibri;
	
	font-size:14px;
}

.text-light-black-br:hover {
    color:#d3b362;
	 font-family:Calibri;
	
	font-size:14px;
}

.text-light-black-title {
    color:#d3b362;
	 font-family:Calibri;
	font-weight:bold;
	font-size:15px;
	margin-left:10px;
	cursor:pointer;
	
	
}

.text-light-black-title:hover {
    color:#d3b362;
	 font-family:Calibri;
	font-weight:bold;
	font-size:15px;
	margin-left:10px;
	
	
}
.text-orange {
    color: #fb6100;
}
.text-custom-white {
    color:#d3b362;
	font-size:13px;
	font-weight:600;
	border-right:#fff solid 1px;
}
.text-light-white {
    color:#d3b362;
}

.text-grey {
    color: #e1e1e1;
}

.text-grey1 {
    color: #434343;
}
.text-dark-white {
    color:#d3b362;
}
.text-yellow {
    color: #fcb71b;
}
.text-light-green {
    color:#d3b362;
}
.text-success {
    color: #13aa37;
}

/*======================
2. Homepages
========================*/
/*Navigation*/

.header {
    position: fixed;
    left: 0;
    z-index: 10;
    display: flex;
    width: 100%;
    height: 60px;
    transform: translateZ(0);
    transition: all .2s ease;
    box-shadow: 0 0 0 1px rgba(67, 41, 163, .1), 0 1px 8px 0 rgba(67, 41, 163, .1);
    background-color:#d3b362;
}
.header .mainNavCol {
    z-index: 1;
    display: flex;
    align-items: center;
    background-color:#d3b362;
	height:60px;
}
.header .logo {
    flex: 1 150px;
    justify-content: center;
    max-width: 160px;
}
.header .main-search {
    flex: 1;
}
.header .right-side,
.header .user-details>a,
.header .gem-points a,
.header .right-side>.cart-btn>a {
    padding: 14px 0;
    justify-content: center;
    z-index: 1;
    display: flex;
    align-items: center;
}
.header .logo img {
    transform: scale(1.3);
}
.header .right-side {
    padding: 0;
}
.header .gem-points i,
.header .right-side .cart-btn a i {
    font-size: 30px;
}
.header .user-details>a>span,
.header .gem-points span {
    margin-left: 8px;
}
.header .right-side .catring,
.header .right-side .user-details,
.header .right-side .user-details,
.header .right-side .gem-points,
.header .right-side .cart-btn {
    margin: 0 15px;
}
.header .right-side .cart-btn:last-child {
    margin-right: 0;
}
.header .right-side .user-details>a>span {
    padding-right: 30px;
}
.header .mobile-address .delivery-add span,
.header .search-form span,
.sorting-addressbox .full-address {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 0;
    position: relative;
}
.header .mobile-address .delivery-add,
.header .search-form a.delivery-add {
    display: flex;
    padding: 8px 0;
    white-space: nowrap;
}
.header .search-form span.icon {
    margin-right: 10px;
}
.header .mobile-address .delivery-add span.address,
.header .search-form span.address {
    padding-right: 25px;
}
.header .mobile-address .delivery-add span.address:before,
.header .mobile-address .delivery-add span.address:after,
.header .search-form span.address:before,
.header .search-form span.address:after,
.header .user-details>a>span:before,
.header .user-details>a>span:after {
    transition: all 0.3s ease-in-out;
    background-color:#d3b362;
    position: absolute;
    content: '';
    height: 2px;
    width: 8px;
    top: 20px;
}
.header .user-details>a>span:before,
.header .user-details>a>span:after {
    top: 30px;
}
.header .user-details>a>span:before,
.header .mobile-address .delivery-add span.address:before,
.header .search-form span.address:before {
    transform: rotate(45deg);
    right: 10px;
}
.header .user-details>a>span:after,
.header .mobile-address .delivery-add span.address:after,
.header .search-form span.address:after {
    transform: rotate(-45deg);
    right: 6px;
}
.header .search-form a.delivery-add.open span.address:before {
    transform: rotate(-45deg);
}
.header .search-form a.delivery-add.open span.address:after {
    transform: rotate(45deg);
}
.location-picker,
.header .search-form .search-box {
    display: flex;
    align-items: center;
}
.header .search-form .search-box input {
    padding: .375rem 10px .375rem 40px;
    border-radius: 0;
}
.header .right-side .cart-btn .user-alert-cart,
.header .right-side .cart-btn .user-alert-notification {
    background: #bc2634;
    color:#d3b362;
    position: absolute;
    border-radius: 50%;
    right: auto;
    color:#d3b362;
    display: flex;
    align-items: center;
    padding: 6px;
    line-height: normal;
    height: auto;
    font-size: 10px;
    top: 14px;
    margin-left: 8px;
}
.header .right-side .cart-btn .user-alert-cart {
    height: 18px;
    right: 6px;
}
.header .search-form .search-box:before {
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    padding: 0 8px;
    font-size: 18px;
    color:#d3b362;
}
.location-picker {
    position: absolute;
    top: 100%;
    left: 0;
    width: 50%;
    display: none;
}
.location-picker input {
    padding: 20px 10px 20px 40px;
    border-radius: 0;
}
.location-picker:before {
    content: '\f3c5';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    padding: 0 15px;
    font-size: 18px;
    color:#d3b362;
    pointer-events: none;
}
.location-picker.open,
.sorting-addressbox .btns {
    display: flex;
}
.cart-dropdown .cart-detail-box,
.notification-btn .notification-dropdown,
.user-dropdown {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    top: 100%;
    left: 15%;
    right: 0;
    width: 225px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.cart-dropdown .cart-detail-box,
.notification-btn .notification-dropdown {
    left: auto;
    right: -15%;
}
.header .user-details:hover>.user-dropdown {
    opacity: 1;
    visibility: visible;
    left: -50%;
    transition: 0.3s;
}
.user-dropdown ul {
    padding: 10px 15px;
    display: inline-table;
}
.user-dropdown ul>li {
    display: inline-block;
    width: 50%;
    position: relative;
    float: left;
    padding: 15px 10px;
    height: 85px;
    margin-bottom: 15px;
    padding-bottom: 0;
}
.header .user-details .user-dropdown ul>li>a {
    display: block;
}
.user-dropdown ul>li>a .icon {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.user-dropdown ul>li>a .icon i {
    font-size: 30px;
}
.user-details .user-dropdown ul>li>a span.details {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-right: 0;
    font-size: 12px;
    font-weight: 500;
}
.user-dropdown .user-footer {
    display: flex;
    position: relative;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ccc;
    font-weight: 500;
}
.user-dropdown .user-footer span {
    margin-right: 8px;
}
.parent-megamenu,
.header .right-side .cart-btn.cart-dropdown,
.header .right-side .cart-btn.notification-btn {
    position: static;
}
.cart-dropdown:hover>.cart-detail-box,
.notification-btn:hover>.notification-dropdown {
    opacity: 1;
    visibility: visible;
    left: auto;
    right: 0%;
    transition: 0.3s;
    width: 250px;
}
.notification-dropdown .product-detail a {
    display: flex;
    padding: 10px;
    background: #f5f5f5;
    align-items: center;
}
.notification-dropdown .product-detail a .img-box {
    margin-right: 10px;
}
.notification-dropdown .product-detail a .product-about p {
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.notification-dropdown .rating-box {
    padding: 10px;
    text-align: center;
}
.notification-dropdown .rating-box span {
    font-size: 20px;
    cursor: pointer;
}
.notification-dropdown .rating-box cite {
    display: block;
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
}
.cart-dropdown .cart-detail-box .card {
    border: none;
}
.cart-dropdown .cart-detail-box .card .card-header,
.cart-dropdown .cart-detail-box .card .card-footer {
    background: #fff;
}
.cart-dropdown .cart-detail-box .card .card-body .item-total .total-price,
.cart-dropdown .cart-detail-box .card .card-body .cat-product-box .cat-product {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #ccc;
}
.cart-dropdown .cart-detail-box .card .card-body .cat-product-box .cat-product .cat-name {
    font-size: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cart-dropdown .cart-detail-box .card .card-body .cat-product-box .cat-product .cat-name a p {
    margin-bottom: 0px;
}
.cart-dropdown .cart-detail-box .card .card-body .cat-product-box .cat-product .cat-name a p span {
    margin-right: 10px;
}
.cart-dropdown .cart-detail-box .card .card-body .cat-product-box .cat-product .delete-btn i {
    font-size: 12px;
}
.parent-megamenu>a>i,
.mobile-search {
    display: none;
    padding: 0;
}
.header .mobile-address .delivery-add {
    align-items: center;
    justify-content: center;
    background: #fff;
}
.sorting-addressbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f4f4f4;
    padding: 10px 15px;
}
.sorting-addressbox .btns .filter-btn {
    margin-left: 15px;
}
.sorting-addressbox .btns .filter-btn button {
    display: block;
    text-align: center;
    margin: 0 auto;
}
#search-box .modal-header .search-box {
    display: flex;
    align-items: center;
}
.header .main-search>.row>div {
    align-self: center;
}
#search-box .modal-header .search-box:before {
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    padding: 0 8px;
    font-size: 18px;
    color:#d3b362;
}
#search-box .modal-header .search-box input {
    padding: .375rem 10px .375rem 40px;
    border-radius: 0;
}
/*======================
5. Restaurent
========================*/
.page-banner {
    height: 300px;
    border-radius: 0px;
}
.page-banner img {
    width: 100%;
    height: 100%;

    object-position: center;
}
.page-banner>.overlay-2>.container>.row {
    padding-top: 10px;
}
.tag-share {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/*Restaurent Details*/

.heading .title {
    margin-bottom: 5px;
}
.heading .sub-title span {
    margin-left: 20px;
}
.restaurent-logo {
    position: absolute;
    top: -40%;
    right: 15px;
    box-shadow: 0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08);
    background: #fff;
    width: 80px;
    height: 80px;
}
.heading .head-rating .rating span.rate-data {
    margin-left: 5px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.heading .head-rating,
.heading .head-rating .product-review {
    display: flex;
    align-items: center;
}
.heading .head-rating .product-review {
    margin-left: 35px;
}
.heading .head-rating .product-review h6 {
    margin-right: 25px;
}
.heading .head-rating .product-review h6 span {
    font-weight: 400;
}
.restaurent-details-mob {
    display: none;
    text-align: center;
}
.restaurent-details-mob span {
    display: block;
    font-weight: 600;
}
/*list view*/
.product-list-view:first-child {
   
}
.product-list-view {
    padding: 15px 15px 65px 15px;
    cursor: pointer;
    display: flex;
	position:relative;
	 background: rgba(0, 0, 0, 0.1);
	justify-content: space-between;
    width: 100%;
	border-bottom: 1px solid rgba(67, 41, 163, .1);
}
.product-list-view:hover {
    background: rgba(139, 211, 230, 0.9);
    transition: 0.5s;
	
}
.product-list-view .product-list-info {
   
}
.product-list-view .product-right-col {
   
    position: relative;
	
  
}
.product-list-view .product-list-title h6 {
    margin-bottom: 5px;
}


.product-list-view .product-list-img {
    flex: 0 0 100px;
   
    height: auto;
	position:absolute;
	left:0px;
}
.product-list-view .product-list-img img {
   width: 134px;
   height:120px;
  
}


.product-right-col .open-time {
    
	background-color:#d3b362;
	
	float:right;
	
	top:60px;
   text-align:center;
	

height: 30px;
padding: 5px;
	
}


.product-right-col .open-time .time-txt {
   
	color:#d3b362;
	font-size:11px;
	
	
     font-family:Calibri;
    margin-top: 5px;
   
    
	
	
}


.product-list-info .product-list-img .offer {
    
    background-color: #04482b ;
    z-index: 9;
  
    text-align: center;
    top: -25px;
    width: 80px;
    left:0px;
    height: 25px;
    position: relative;
  	
}


.product-list-info .product-list-img .offer .offer-txt {
   
	color:#d3b362;
	font-size:13px;
	margin:40px 0px 0px 0px;
	font-weight:600;
	line-height:3px;
	
}


.product-list-view .product-list-info .product-list-img .offer-price {
    
	background-color:#04482b ;
	z-index:99999;
	float:right;
	left:450px;
	top:20px;
   text-align:center;
   padding:10px;
	
	
	position:absolute;
	
	
	
}


.product-list-view .product-list-info .product-list-img .offer-price .offer-price-txt {
   
	color:#d3b362;
	font-size:21px;
	margin:40px 0px 0px 0px;
	font-weight:500;
	
	line-height:3px;
	
	
	
}










.product-list-view .product-list-bottom,
.product-list-view .product-list-details {
    justify-content: space-between;
   
    flex-wrap: wrap;
    align-items: flex-start;
	
}
.product-list-view .product-list-details .product-list-title {
    align-content: space-between;
    padding-left:150px;
    max-width: 100%;
	
	text-align:left;
	
	
}




.product-list-view .product-list-details .product-detail-right-box {
    display: flex;
    justify-content: space-between;
    width: 60%;
}
.product-list-view .product-list-details .product-detail-right-box .product-list-tags{
    display: flex;
    flex-wrap: wrap;
}
.product-list-view .product-right-col .product-list-bottom .mob-tags-label {
    display: none;
}
.product-list-view .product-list-details .product-detail-right-box .product-list-label span {
    margin: 0;
    margin-bottom: 2px;
}
.product-list-view .product-list-details .product-detail-right-box .product-list-price .product-list-time {
    display: none;
}
.product-list-view .product-list-details .product-list-price {
    text-align: right;
}
.product-list-view .product-list-time,
.product-list-view .product-list-time ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.product-list-view .product-list-time ul li {
    padding: 0 10px;
    position: relative;
}
.product-list-view .product-list-time ul li:after {
    content: '';
    background: #fff;
    width: 3px;
    height: 3px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0px, -50%);
}
.product-list-view .product-list-time ul li:last-child {
    padding-right: 0;
}
.product-list-view .product-list-time ul li:last-child:after {
    display: none;
}
.product-list-view .product-list-bottom .product-list-type {
    padding-left: 20px;
}
.product-list-view .product-list-bottom .product-list-type span {
    display: inline-block;
}
.product-list-view .product-list-time {
    width: 27%;
    justify-content: space-between;
}
.product-list-view .product-list-time>span {
    margin-right: 20px;
}

/*==================
1.3. Forms
====================*/


label.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
label.custom-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    user-select: none;
    line-height: normal;
    font-size: 13.3px;
}
label.custom-checkbox:last-child {
    margin-bottom: 25px;
}
/* Create a custom checkbox */

label.custom-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #d4d4db;
    width: 20px;
    height: 20px;
    background-color:#d3b362;
    border-radius: 4px;
}
/* On mouse-over, add a grey background color */

label.custom-checkbox:hover input ~ .checkmark {
    background-color: #d3b362;
    border: 1px solid #fff;
}
/* When the checkbox is checked, add a blue background */

label.custom-checkbox input:checked ~ .checkmark {

    background-color: #d3b362;
    border: 1px solid #fff;
}
/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */

label.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */

label.custom-checkbox .checkmark:after {
   left:5px;
  top: 2px;
  width: 5px;
  height: 10px;
  font-size:15px;
 border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



/*filter-sidebar*/
.filter-mob
{
	color:#d3b362;
}

.filter-sidebar .title-2 small {
    margin-left: 10px;
}
.filter-sidebar .title-2 small a {
    text-decoration: underline;
}
.filter-sidebar .sidebar-tab>ul>li {
    margin-right: 28px;
    border-radius: 0;
}
.filter-sidebar .sidebar-tab>ul>li>a {
    color: rgba(0, 0, 0, .55);
    border-radius: 0;
    border-bottom: 4px solid transparent;
    font-weight: 700;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}
.filter-sidebar .sidebar-tab>ul>li>a.active {
    background: transparent;
    color:#d3b362;
    border-bottom: 4px solid #841C7D;
}
.filter-sidebar .sidebar-tab .tab-content .siderbar-innertab>ul {
    display: flex;
    margin-bottom: 10px;
}
.filter-sidebar .sidebar-tab .tab-content .siderbar-innertab>ul>li {
    width: 50%;
}
.filter-sidebar .sidebar-tab .tab-content .siderbar-innertab>ul>li>a {
    flex: 1;
    white-space: normal;
    border: 1px solid transparent;
    transition-property: z-index, background, border-color, color;
    transition-timing-function: ease;
    transition-duration: .1s;
    border-color: rgba(67, 41, 163, .2);
    color: #841C7D;
    background-color: transparent;
    border-radius: 4px;
    text-align: center;
    font-weight: 600;
    padding: 4px 0;
}
.filter-sidebar .sidebar-tab .tab-content .siderbar-innertab>ul>li>a.disabled {
    color: #ccc;
}
.filter-sidebar .sidebar-tab .tab-content .siderbar-innertab>ul>li>a.active {
    border-color: #841C7D;
    color:#d3b362;
    background-color: #841C7D;
}
.filter-sidebar .sidebar-tab .tab-content .siderbar-innertab>ul>li:first-child>a {
    border-radius: 4px 0 0 4px;
}
.filter-sidebar .sidebar-tab .tab-content .siderbar-innertab>ul>li:last-child>a {
    border-radius: 0px 4px 4px 0px;
}
.filter-sidebar .sidebar-tab .tab-content p.delivery-type a:before {
    content: '';
    width: 2px;
    height: 2px;
    background:#d3b362;
    display: inline-flex;
    margin: 0 8px;
    vertical-align: middle;
}
.filter-sidebar .sidebar-tab .filters .card-header,
.filter-sidebar .sidebar-tab .filters .card {
    border: none;
    padding: .75rem 0;
    background: #fff;
}
.filter-sidebar .sidebar-tab .filters .card {
    padding: 0;
    margin-bottom: 25px;
}
.filter-sidebar .sidebar-tab .filters .card .card-body {
    padding: 0;
}
.filter-sidebar .sidebar-tab .filters .card-header a {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: space-between;
}
 .filters .card-header a:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	float:right;
	color:#d3b362;
	z-index:999;
	
}



.filters .card-header a.collapsed:after {
    content: '\f077';
	z-index:999;
}
.filters .rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filters .rating button {
    border: 1px solid #ccc;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 19px;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    display: block;
    border-right: 0;
    font-weight: 900;
}
.filters .rating button:hover {
    background: #841C7D;
    color:#d3b362;
    border-color: #841C7D;
}
.filters .rating button:first-child {
    border-radius: 3px 0 0 3px;
}
.filters .rating button:last-child {
    border-radius: 0px 3px 3px 0px;
    border-right: 1px solid #ccc;
}
.filters .delivery-slider .irs--flat .irs-line,
.filters .delivery-slider .irs--flat .irs-bar {
    height: 2px;
    top: 30px;
    cursor: pointer;
}
.filters .delivery-slider .irs--flat .irs-bar {
    background-color: #841C7D;
}
.filters .delivery-slider .irs--flat .irs-grid-text {
    font-size: 16px;
    color:#d3b362;
    padding: 0 0px 0 25px;
    top: 25px;
}
.filters .delivery-slider .irs-grid-pol.small,
.filters .delivery-slider .irs--flat .irs-grid-pol {
    display: none;
}
.filters .delivery-slider .irs--flat .irs-handle {
    width: 0;
}
.filters .delivery-slider .irs--flat .irs-handle>i:first-child {
    top: 50%;
    width: 25px;
    height: 25px;
    background-color: #841C7D;
    border-radius: 50%;
    transform: translate(0px, -50%);
    cursor: pointer;
}
.filters .delivery-slider .irs--flat .irs-handle.state_hover>i:first-child,
.filters .delivery-slider .irs--flat .irs-handle:hover>i:first-child {
    background-color: #F7A22D;
}
.filters .delivery-slider .irs--flat .irs-from,
.filters .delivery-slider .irs--flat .irs-to,
.filters .delivery-slider .irs--flat .irs-single {
    background-color: #841C7D;
}
.filters .delivery-slider .irs--flat .irs-from:before,
.filters .delivery-slider .irs--flat .irs-to:before,
.filters .delivery-slider .irs--flat .irs-single:before {
    border-top-color: #841C7D;
}
.delivery-slider .irs--flat.irs-with-grid {
    width: 95%;
}

/*Categories*/
.browse-cat .categories {
    text-align: center;
    display: block;

}

.browse-cat .categories .icon {
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 125px;
    height: 125px;
}
.browse-cat .categories .icon2{
    width: 100%;
    height: 100%;
}
.browse-cat .categories .icon i {
    font-size: 45px;
}
.browse-cat .categories .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.browse-cat .categories .cat-name {
    padding: 5px 0;
    display: block;
    font-size: 16px;
}
.browse-cat-2 .categories .icon {
    position: relative;
}
.browse-cat-2 .categories .icon img {
    border-radius: 0;
}
.browse-cat-2 .categories .icon .product-addbtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.browse-cat-2 .categories .icon .product-addbtn span i {
    font-size: 12px;
}
/*Recent Order*/
.product-box-3,
.product-box {
    position: relative;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #fff;
	cursor:pointer;
	 box-shadow: 0 0 0 1px rgba(51, 0, 2, .20), 0 1px 5px 0 rgba(51, 0, 2, .20);
  
}
.swiper-slide .testimonial-wrapper,
.swiper-slide .product-box-3,
.swiper-slide .product-box {
    margin: 4px;
}
.product-box-3:hover,.product-box:hover {
	 background: #d3b362;
     box-shadow: 0 0 0 1px rgba(255, 255, 255, .80), 0 1px 5px 0 rgba(255, 255, 255, .90);
}
.product-box-3 .product-img,
.product-box .product-img img {
    position: relative;
    width: 100%;
    height: 150px;
    border-radius: none;
	margin-top:-20px;
	
}
.product-box-3 .product-caption,
.product-box .product-caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 5px;
    width: 100%;
}
.product-box .product-caption .title-box {
   
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.product-box .product-caption .product-title {
    margin-bottom: 0px;
    font-size: 14px;
    text-transform: capitalize;
}
.product-box .product-caption p {
    font-size: 12px;
}
.product-box .product-caption .product-btn {
   
    color:#d3b362;
    cursor: pointer;
}
.product-box .product-img .product-tags .custom-tag,
.product-box .product-img .product-tags {
    display: flex;
    align-items: center;
    justify-content: start;
}

.product-box .product-img .product-tags>span:first-child {
    position: absolute;
    top: 10px;
    right: 10px;
}
.product-box .product-caption .product-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.product-box .product-caption .product-details span {
    display: block;
    line-height: normal;
}
.product-box .product-caption .product-footer {
   
     display: flex;
    align-items: center;
    justify-content: flex-start;
}
.product-box .product-footer-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fbfbfc;
    padding: 12px 10px;
}

/*Explore Collection*/
.ex-collection-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
   
}
.ex-collection-box img {
   
    width:350px;
    height:290px;
    cursor: pointer;
}


.ex-collection-box:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}
.ex-collection .category-type a {
    position: absolute;
    bottom: 0;
  
}
.large-product-box {
    position: absolute;
    top: 0;
    height: 100%;
    bottom: 0;
    overflow: hidden;
    padding-bottom: 20px;
    right: 15px;
    left: 15px;
}
.large-product-box img {
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.large-product-box .category-type a {
    left: 15px;
    width: auto;
    right: 15px;
    margin-bottom: 35px;
}


/*=========================
12. About Us
===========================*/
/*slider*/
.about-us-slider .slide-item {
    height: 400px;
}
.about-us-slider .slide-item img{
    width: 100%;
    height:400px;
    object-fit: cover;
    object-position: center;
}
.about-us-slider .slide-item .right-side-content h1 {
    font-size: 60px;
    line-height: 1.2;
    z-index: 9999;
}
.about-us-slider .slide-item .right-side-content{
    transition: all 1s linear;
    transition-delay: 1s;
}
.about-us-slider .slide-item .right-side-content h3,
.about-us-slider .slide-item .right-side-content a,
.about-us-slider .slide-item .right-side-content h1{
  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
.about-us-slider .slide-item.swiper-slide-active .right-side-content a,
.about-us-slider .slide-item.swiper-slide-active .right-side-content h3,
.about-us-slider .slide-item.swiper-slide-active .right-side-content h1{
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.embed-responsive-item .banner-hd
{
   
    text-align: center;
    position: absolute;
   
    background-color: rgba(0, 0, 0, .5);
   align-items: center;
    justify-content: center;
    left: 10%;
    top: 35%;
   
    padding: 10px;
 
}

.embed-responsive-item .banner-hd h1
{
    color:#d3b362;
    font-size:35px;
    text-transform: uppercase;
   
}

.embed-responsive-item .banner-hd h5
{
    color:#d3b362;
    font-size: 17px;
    top: -40px;
   
}
.embed-responsive-item .explore
{ width:100%;

	
	}
	
	.about-us-slider1 swiper-container1 .slide1 .embed-responsive1
	{
		height:310px;
	}
	
	.about-us-slider1 swiper-container1 .slide1 .embed-responsive-item1
	{
		height:310px;
	}
	
	.about-us-slider1 .slide-item1 {
    height: 100%;
	
}

	
.slide-item1 .embed-responsive1 .embed-responsive-item1 .explore {
  
     max-height: 310px;
	 width:100%;
    cursor: pointer;
}
.slide-item1 .embed-responsive1 .embed-responsive-item1 .explore img
{ 
 
    height: 310px;
    cursor: pointer;
}
	
	.list-card
{
margin:0 auto;
width:153px;
cursor:pointer;
		}
		
			.list-card img
{
margin:0 auto;
width:120px;
cursor:pointer;
		}


/*Restaurent Details*/

.heading .title {
    margin-bottom: 5px;
}
.heading .sub-title span {
    margin-left: 20px;
}
.restaurent-logo {
    position: absolute;
    top: 75%;
    right:30px;
    box-shadow: 0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08);
    background: #fff;
    width:100px;
    height:100px;
	
}
.heading .head-rating .rating span.rate-data {
    margin-left: 5px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.heading .head-rating,
.heading .head-rating .product-review {
    display: flex;
    align-items: center;
}
.heading .head-rating .product-review {
    margin-left:0px;
}
.heading .head-rating .product-review h6 {
    margin-right: 25px;
}
.heading .head-rating .product-review h6 span {
    font-weight: 400;
}
.restaurent-details-mob {
   
    text-align: center;
}
.restaurent-details-mob span {
    display: block;
    font-weight: 600;
}
/*Restaurent tabs*/

.restaurent-tabs.fix-tab {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 2;
}
.restaurent-tabs .restaurent-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.restaurent-tabs .nav-pills .nav-link {
    margin-right: 15px;
    margin-bottom: 0;
    padding: 10px 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
}
.restaurent-tabs .nav-pills .nav-link.active {
    border-bottom: 3px solid #841C7D;
    color:#d3b362;
    opacity: 1;
    background-color: transparent;
}
.restaurent-tabs .restaurent-menu .add-wishlist img{
    width: 20px;
    cursor: pointer;
}

.search-form .search-box input {
    padding: .375rem 10px .375rem 40px;
    border-radius: 0;
}
.search-box .search-box {
    display: flex;
    align-items: center;
}

.search-box .search-box:before {
    content: '\f002';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    padding: 0 8px;
    font-size: 18px;
    color:#d3b362;
}
#search-box .modal-header .search-box input {
    padding: .375rem 10px .375rem 40px;
    border-radius: 0;
}









 .box {
   
  
    margin: auto 0;
	width:100%;
	display:block;

}

 .box .inner {
   width:65%;
	float:left;
	 margin-bottom:10px;
	
	
}
 .box .inner1 {
    
  width:35%;
  float:left;
  margin-bottom:10px;
 
	
}

 .box .inner2 {
   width:65%;
	float:left;
	 margin-bottom:10px;

	
	
}


.box ul {
    display: block;
}
 .box li {
   width:33%;
    padding: 0;
	float:left;
	position:relative;
	margin-right:1px;
}

 .box .inner1 ul {
    display: block;
   
}
 .box .inner1 li {
   width:49%;
    padding: 0;
	float:left;
	position:relative;
	margin-right:1px;
}

 .box .inner2 ul {
    display: block;
   
}
 .box .inner2 li {
   width:49%;
    padding: 0;
	float:left;
	position:relative;
	margin-right:1px;
}
.table-top-bx
{
    width:100%;
    height: auto;
    margin-top: 3px;

}

.table-top-bx .inner-tb-bx
{
    width:50%;
    height: auto;
    float: left;
   

}

.popular
{
    width:100%;
    height: auto;
    margin-top: 3px;

}

.popular .popular-bx
{
 width:24.23%;
    height: auto;
    float: left;
	margin-right:8px;
  

}



.rounded-circle
{
	border-radius:50%!important;

	}
	
		.right-pro-bx
{
	display:block;
	float:left;
	left:0px;
}

	
.side-filter
{
	display:block;
	float:left;
	left:-860px;
	position:absolute;
	order:1;
	
	
	
}
.side-filter-1
{
	display:block;
	float:right;
	right:-270px;
	position:absolute;
	order:0;
	
	
}
.mobile {
	
	display:none;
	
}

.language {
	
	display:block;
	
}

.language-text {
	font-size:13px;
	color:#d3b362;
	cursor:pointer;
	direction: ltr;
	margin-right:0px;
	
}
.language-text:hover {
	font-size:13px;
	color:#d3b362;
	cursor:pointer;
	direction: ltr;
	margin-right:5px;
	
}



.restaurant-detailed-header {
	bottom: 0;
	left: 0;
	padding: 60px;
	position: absolute;
	right: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 100%);
}
.restaurant-detailed-header {
	&.relative{
		position: relative;
		padding-top:40px;
		background-color: $black;
	}
}

/******hover effect*****/
.mobile-box{margin: 0 0px;}
/****hover effect****/
.heading-menus{

position: absolute;
display: block;
/* padding: 20px; */
height: 500p;
text-align: center;
top: 100px;
background: #fff26;
width: 90%;
color: white;

}
.heading-menus  h2{ text-align: center; color: white;    font-size: 23px;}
.hovereffect {
width: 100%;
height: 93%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background-color: black;
    border-radius: 10px;
}

.hovereffect .overlay {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 18px;
left: 0;
padding: 100px 20px;
}

.hovereffect img {
display: block;
position: relative;
max-width: none;
width: calc(100% + 20px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: .5;

}  

.hovereffect:hover img {
opacity: 0.4;
filter: alpha(opacity=40);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.hovereffect h2 {
text-transform: uppercase;

color:#d3b362;
text-align: center;
position: relative;
font-size: 17px;
overflow: hidden;
padding: 0.5em 0;
background-color: transparent;
}

.hovereffect h2:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
color:#d3b362;
opacity:1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}


/******hover effect*****/


	.product-list-rating {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  float:left;
  
}

	.pop_up_header-rest
{ text-align:left;
direction:ltr;
float:left;
margin-left:-20px;

	}


	.pop_up_header
{ text-align:left;
direction: ltr;
float:left;
margin-left:-15px;
	}
	
.pop_up_header-1
{ text-align:left;
direction:ltr;
float:left;
margin-left:0px;
	}
	
	.pop_up_header-2
{ text-align:left;
direction:ltr;
float:left;
margin-left:-20px;

	}
	
		.pop_up_header-3
{ text-align:left;
direction:ltr;
float:left;


	}
	
.pop_up_header-4
{ text-align:left;
direction:ltr;
float:left;


	}
	
.pop_up_header-5
{ text-align:right;
direction:ltr;
float:right;
color:#d3b362;
}

.pop_up_header-6
{ 
direction:ltr;
float:left;
margin-left:-10px;
}
.pop_up_header-7
{ 
direction:ltr;
float:right;

}
	
.pop-up-close{
  
  margin:-1rem;
  border:none;
  
  
}

.pop-up-close-bt{
  
 
  font-size: 1.5rem;
  font-weight: 700;
  color:#d3b362;
  margin-right:5px;
  float:right;
 
  
}


.float-left
{
  float: left;
}

.float-right
{
  float: right;
}

.popup-close-bt
{
  float:right;
}

.popup-close-bt-1
{
  float:left;
  color:#d3b362 !important;
}


.restaurant-detailed-header__docked-inner
{
  position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 1;
    width: 300px;
    padding: 5px 10px;
}

.product-image {
	max-height: 110px;
	max-width: 140px;
	margin: 10px 0 10px 10px;
	
}

.booking-form>form {
	margin-left:340px;
	padding:0px 30px;
}

.box
{
	width:100%;
	margin:auto;
}
.box .imgbox
{
	width:30px;
	margin:auto;
	float:left;
	height:30px;
	text-align:center;
}

.blue-print
{
	width:45px;
    right:120px;
    position: absolute;
  z-index: 2;
  top: 0;
  float:right;
	
}



.count-number .btn {
	//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
	height: 24px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: $color_scarlet_approx;
	border: 1px solid $color_scarlet_approx;
	padding: 0px 8px;
	/*border-radius: 3px 0 0 3px;*/
	float: left;
	font-size: 12px;
	font-weight: 400;
   
	
}

.order-text
{
	direction:ltr;
	text-align:right;
	float:right;
}
.drop-text
{
	direction:ltr;
	text-align:left;
	float:left;
	
}
.restaurant-detailed-header-left img {

height: 88px;
border-radius: 3px;
-o-object-fit: cover;
float:left;
object-fit: cover;
box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}
.login-header
{
	margin-left:-15px;
}
.login-text
{
	direction:ltr;
	text-align:left;
	float:left;
}
/*.highlight-order
{
	border-left: 5px solid #fff
	}*/
.bg-white
{
	background-color:#000000 !important;
}

ngb-rating {
    color: #fcb71b;
    font-size:15px;
   float:left;
   
  }
  
.rating-pop {
   
   float:right;
     color:#d3b362;
   
  }
  
   .rating-pop-1 {
   
   float:left;
     color:#d3b362;
   
  }
  
  .clear
  {
	  clear:both;
  }
  
  /* Create a custom checkbox */
.checkmark {
 position: absolute;
  top: 0;
 
  border: 1px solid #fff;
  height: 20px;
  width: 20px;
  
 
   
  
}


/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  
 
  
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color:#d3b362;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
 
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;

}

/* Style the checkmark/indicator */
.container .checkmark:after {

  left:5px;
  top: 3px;
  width: 5px;
  height: 10px;
  font-size:15px;
 
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.takeaway
{ float: left; margin-right: 6px;
	}

.takeaway-1
{
float: left; margin-right:12px;
}

.takeaway-2
{
text-align: left; margin-left: -4px; margin-top:25px;
direction:ltr;
}

.takeaway-3
{
text-align: left; margin-left: -4px;
direction:ltr;
}

.restaurant-detailed-header-left .cart-banner

{
	position:absolute;
	z-index:9;
	top:-30px;
	width:100px;
	float:right;
	right:0px;


}


.cart-banner img 

{
height: 88px;
border-radius: 3px;
-o-object-fit:cover;
object-fit: cover;
display:block;
 box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.badge-1 {
	
	border-radius: 2px;
	height:20px;
	padding: 5px;
	font-size:10px;
	font-weight: 500;
	margin-left:10px;
}
.rest-star
{
	float: left; margin-left: -8px;
}
.promote-1
{
	color:#d3b362;
}
.promote
{
	color:#d3b362;
}
.price-txt
{
 color:#d3b362;
}


.menu_header
{ text-align:left;
direction: ltr;
float:left;

max-width:100%;
color:#d3b362;


	}
.menu_header-pop
{ text-align:left;
direction: ltr;
float:left;
max-width:100%;
color:#d3b362;

	}
	
.text-white
{ color:#d3b362;
	}
	
	.text-black-1
{ color:#d3b362;
	}	
	
.text-gray
{ color:#d3b362;
	}
	
.menu_header-2
{ text-align:right;
direction:rtl;
float:right;
right:0px;


	}
	
.add-det
{ 

float:left;
right:0px;


	}
	
	.media-width
	{
		width:50% !important;
		float:left;
		
		
	}
	
	.bg-white-menu
	{
		background-color:#000000 !important;
		
	
		
	}
	
		.bg-white-menu-txt
	{
		color:#d3b362;
		font-size:1.25rem;
		
		
		
	}
	.bg-white-2
	{
		background-color:#000000;
		color:#ffffff;
	}
	
	
	.bg-white-1
	{
		background-color:#d3b362;
		color:#ffffff;
	}
			.bg-white-1 a
	{
		
		color:#d3b362;
	}
	
	
	.drop-down-cart
{ text-align:left;
direction: ltr;


	}
	
	.menu_header-text
{ text-align:left;
direction: ltr;
float:left;

	}
		.padd-popup
	{
		float:left;
		margin:20px 0px 0px 0px;
		direction:ltr;
		
		
		
		}
		
.booking-form .form-label {
	color: rgba(0, 0, 0, 0.2);
	font-weight: 700;
	position: absolute;
	top: 20px;
	left: 0px;
	text-transform: uppercase;
	line-height: 24px;
	height: 23px;
	font-size: 16px;
	pointer-events: none;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.validator{
	color:#d3b362;
}

.form-error{
	color:#d3b362;
	float: right !important;
	text-transform : lowercase;
	text-align: right !important;
	
}

.menu_header-padd
{
	margin-left: 160px;
	float:left;
	direction:ltr;
	/*margin-top:-20px;*/
	
}
.ph-padd
{
	margin-right:-50px;
	float:right;
	direction:ltr;
	right:0px;
	
	
}
.cart-right
{
	text-align:right;
	direction:rtl;
}
.cart-right
{
	text-align:left;
	direction:ltr;
}
	
	.cart-right-1
{
	text-align:right;
	direction:ltr;
}
	

.bt-name-padd
{
	margin-left:30px;
}

.bt-name-padd-1
{
	margin-left:-10px;
}
	
	
.btn-add-to-cart-icon {
	position: fixed;
    z-index:99;
    right: 10px;
    bottom: 10px;
    padding: 15px;
	display:block;
	border-radius:6px;
	background-color:#d3b362;
	color:#000000; 
	font-size:16px;
    border: 1px solid #fff;
	font-weight: 100;
	box-shadow: 1px 0px 3px #d3b362;
}

.btn-add-to-cart-icon .round {
	position:absolute;
   z-index:99999;
   width:30px;
    height:30px;
   right: 10px;
    bottom:45px;
    padding:8px 12px 12px 12px;
    border-radius:50%;
	background-color: #F00;
	color:#ffffff; 
	font-size:13px;
    cursor:pointer;
	
}



.custom-tab1{
    display: flex;
    width:100%;
    float: left;
  
  }

  .custom-tab1 .padd
  {
    padding: 0px 0px;
	text-decoration:none;
    
  }

  .custom-tab1 .custom-tab-inner{
    text-align: center;
   font-size:15px;
    font-weight: 600;
    text-transform: capitalize;
  
  }

  .custom-tab1 .custom-tab-inner .custom-tab-inner-box1{
   
    width:100%;
    text-align: center;
  
  
  }

  .custom-tab1 .custom-tab-inner .custom-tab-inner-box1 img{
   
   
    text-align: center;
   margin-bottom:5px;
   margin-top:5px;
   border-radius: 6px;
   object-fit:cover;
   width: 100%; 
   height: 100px;
   
  }
  .custom-tab-inner-box1 .custom-tab-txt{
   
   
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom:5px;
  
  
  }



 
  .custom-tab-txt.custom-tab1 a:focus{
    background-color: gray;
  color: white;
  margin: 0 auto;
    text-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    font-size: 14.5px;

  }
 
  .custom-tab-txt .custom-tab1 a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: white;
    color: black;
    text-align: center;
     text-decoration: none;
    float: left;
  
  }
  
  .checkmark:after {
  left: 6px;
    top: 2px;
    width: 5px;
    height: 9px;
   
    border-width: 0 2px 2px 0;
    transform: rotate(
45deg);
 
}
  

  
  
  /*------------------------------*/
  
  
  .theme-nav-1 {
    background:#000000 none repeat scroll 0 0!important;
    padding:8px 0px;
    z-index: 999;

    
}
.nav-link-1
{
	color:#4d1808;
	padding:0px 10px;
	
}

 .nav-link-1 a
 
 {
	color:#d3b362;
	
}

 .nav-link-1 a:hover
 
 {
	color:#d3b362;
}



.nav-theme-pic {
	
	height: 32px;
    width: 32px;
	border: 2px solid #d3b362;
    position: relative;
	vertical-align: text-top;
    text-align: center;
    padding:7px 2px 5px 3px;
    font-size: 15px;
	margin-top:-5px;
}

.nav-theme-pic:hover {
	
	height: 32px;
    width: 32px;
	border: 2px solid #d3b362;
	 padding:7px 2px 5px 3px;
	position: relative;
	
    vertical-align: text-top;
    text-align: center;
  
    font-size: 15px;
}


.header-txt
{
	color:#d3b362;
	margin:0px 5px;
	text-align:center;
	font-family:Calibri;
}
.header-txt:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}
  .header-txt-1
{
	color:#d3b362;
	margin:0px 5px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-1:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}
.header-txt-2
{
	color:#d3b362;
	margin:0px 5px;
	text-align:center;
	font-family:Calibri;
}

.header-txt-2:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}

.header-txt-3
{
	color:#d3b362;
	margin:0px 5px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-3:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}
.header-txt-4
{
	color:#d3b362;
	margin:0px 5px;
	text-align:center;
	font-family:Calibri;
}

.header-txt-4:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}
 
   .header-txt-6
{
	color:#d3b362;
	margin:0px 5px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-6:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}
 
 
 

.custom-tab
{
	padding:10px 0px;
}

.custom-tab .active {
  background-color: #d3b362;
  color: #ffffff;

}

.custom-tab a:focus{
  background-color: #d3b362;
  color: #ffffff;


  }
 
  .custom-tab a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
     background-color: #000000;
    color:#d3b362;
    text-align: center;
    border: 2px solid #d3b362;
    text-decoration: none;
    width:100%;
    height:50px;
	


    
  }


.text-secondary-1
{
	color:#ffffff !important;
}
.text-dark-1
{
	color:#ffffff !important;
}
  
.btn-success-1
{
	background-color: #d3b362 !important;
    border-color: #d3b362 !important;
}

.badge-success-1
{
	 background-color:#dd4e00 !important;
    border-color:#dd4e00;
	color:#ffffff;
	
	
}

.count-number-input {
   
    width: 24px;
    color:#000000;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    border: 0;
    padding: 0px;
	background-color:#d3b362;
	border:1px solid #000000;
	border-radius:3px;
    float: left;
    font-family:Calibri;
	
}

.count-number .btn{
    background-color: #d3b362  !important;
	color:#000000;
	
}

.count-number .btn:hover{
    background-color: #d3b362  !important;
}
.text-primary-1 {
    color:#d3b362 !important;
}
.modal-title-1 {
    color:#d3b362;
}

.badge-dark-1 {
    color:#000000;
    background-color: #d3b362;
}

.btn-secondary-1 {
     color:#000000;
    background-color: #d3b362;
    border-color: #d3b362;
}

.btn-primary-1 {
    background-color: #d3b362 !important;
    border-color: #d3b362 !important;
	 color:#000000;
}

.btn-1 {
    display: inline-block;
    font-weight: 400;
    color:#d3b362;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.address-bx1
{
	float:left;
}

.address-bx2
{
	float:left;
	width:89%;
	margin-right:8px;
}
.address-bx

{
	 color:#d3b362 !important;
    border:1px solid #2a2926 !important;
	padding:10px;
	
	margin-top:5px;
	width:99.1%;
	text-align:left;
	direction:ltr;
	float:left;
	font-size:12px;
	font-weight:normal;
	
}
.address-bx-margin
{
	margin-right:5px;
}


  
 .btn-outline-success-1
 {
	color: #ffffff !important;
	 background-color:#d3b362 !important;
	margin-right:5px;
}

 .btn-outline-success-1:hover
 {
	 color: #ffffff !important;
	 background-color:#d3b362 !important;
  
}

.nav-link-1 {
    color:#d3b362;
    font-weight: 600;
    text-align: center;
}

.btn-outline-primary-1
 {
	 color: #ffffff !important;
     cursor:pointer;
	font-weight:normal;
	 background-color:#d3b362 !important;
	  border-color:#d3b362 !important;
	  text-align:center;

}

.btn-outline-primary-1:hover
 {
	 color: #ffffff !important;
	 background-color:#d3b362 !important;
	  border-color:#d3b362 !important;
	 cursor:pointer;
	 font-weight:normal;
	  text-align:center;
	
}

/*.menu_banner img
{
	height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0px;
    background-position: center;


}
*/
.company
{
 clear:both;
   height:100%;
   

}
.company img
{
display: block;
  width:100vw;
  height: 69vh;
  object-fit: cover; 
opacity: 0.3;
}

.menu_banner
{
	 position:absolute;
    z-index:999;
  top:50%;
  width:30%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
 

.menu_banner .input
{
	width:100%;
	margin:auto;
	
}
 .company .text-box
 {
	 float:left;
	 width:80%;
	 height:38px;
 }
  select {
     
      -webkit-border-radius: 0;
      border: 0;
      outline-offset: -1px;
    }
 .company .text-box-1
 {
	 float:right;
	 width:20%;
	  height:38px;
 } .company .text-box-2
{
	width:100%;
	margin:auto;
	clear:both;
	color:  #d3b362;
	
}
 
.button-company
 {
	 color: #000000 !important;
	 background-color: #d3b362 !important;
     height:38px;
	width:100%;
	cursor:pointer;
 }
.button-company:hover
 {
	 color:  #ffffff !important;
	 background-color:#d3b362 !important;
     height:38px;
	width:100%;
	cursor:pointer;
 }

.company-logo {
   
    background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:210px;
    height: 160px;
	opacity:1;
	z-index:99;
	margin-left:30%;
	

	
  }

.company-logo img {
    
   background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:180px;
    height: 160px;
	border-radius:6%;
	border:6px solid #d3b362;
	opacity:1;
	z-index:99;
	
  }

.text-center
{
	 color:#d3b362 !important;
}

.text-center a
{
	 color:#ffffff !important;
	 margin-left:5px;
	 font-weight:normal;
	 font-size:11px;
}

.text-center a:hover
{
	 color:#d3b362 !important;
	 margin-left:5px;
}

.login-text-reg
{
	 color: #ffffff !important;
	 width:100%;
	 display:block;
}


.login-text
{
	 color: #d3b362 !important;
}
.login-text a
{
	 color:#d3b362 !important;
	 margin-left:5px;
	 font-weight:normal;
	 font-size:11px;
}

.login-text a:hover
{
	 color:#d3b362 !important;
	 margin-left:5px;
}



.text-primary-1 {
    color:#d3b362 !important;
}
.cart-popup-txt
{
	color:#d3b362;
	float:left;
	text-align:left;
	direction:ltr;
}


.btn-primary {
     background-color: #d3b362 !important;
    border-color: #d3b362 !important;
	color:#000000 !important;
}

  .text-success-1 {
	color:#d3b362;
}
  .text-success-2 {
	color:#d3b362;
	text-align:right;
	margin-right:10px;
	direction:ltr;
}

    .text-success-3 {
	color:#d3b362;


	text-align:left;
	margin-left:25px;
	direction:ltr;
	
}

    .text-success-4 {
	color:#d3b362;
	text-align:left;
	direction:ltr;
	
	
}

.product-box-3-mob .product-img-mob,
.product-box-mob .product-img-mob img {
    position: relative;
    
    height:150px;
	border-radius:3px;
   
	
}



@media (max-width: 1500px) {
	.location-picker {
		width: 100%;
	}
	.filters .delivery-slider .irs--flat .irs-grid-text {
		font-size: 14px;
	}
	.our-articles .side-bar .product-box .product-caption .title-box .tags,
	.home-4 .product-box .product-caption .title-box .tags {
		display: none;
	}

}
@media (max-width: 1200px) {
	.header .right-side .catring,
	.header .right-side .user-details,
	.header .right-side .user-details,
	.header .right-side .gem-points,
	.header .right-side .cart-btn {
		margin: 0 10px;
	}
	.filters .delivery-slider .irs--flat .irs-grid-text {
		font-size: 10px;
	}
	.product-list-view .product-list-details .product-detail-right-box {
		width: 70%;
	}
	.product-list-view .product-list-time {
		width: 31%;
	}
	.promocode-text,
	.product-list-view .product-list-time ul li {
		padding: 0 5px;
	}
	.banner-1 .content-wrapper .content-box .input-group .input-group2 input,
	.inner-wrapper .main-page .login-box input {
		border-radius: 4px 0 0 4px;
	}
	.banner-1 .content-wrapper .content-box .input-group .input-group2,
	.inner-wrapper .main-page .login-box .input-group .input-group2 {
		margin-bottom: 20px;
	}
	.banner-1 .content-wrapper .content-box .input-group-prepend,
	.inner-wrapper .main-page .login-box .input-group-prepend {
		display: flex;
	}
	.how-it-works .how-it-works-box.arrow-1:after{
		top: -20px;
	}
	.home-4 .product-box .product-caption .title-box .tags {
		display: block;
	}
	.our-blog .blog-box .post {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.our-blog .blog-box .side-blog {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.thankmsg-sec .msg-wrapper .contact-details>li {
		font-size: 12px;
		margin: 0 8px;
	}
	.side-blog .content-wrap .entry-title{
		font-size: 12px;
	}
	.mb-lg-20 {
		margin-bottom: 20px;
	}
	.mb-lg-40 {
		margin-bottom: 40px;
	}
	 .media-width
	{
		width:50% !important;
		float:left;
		
	}
	
}
@media (max-width: 992px) {
	
	
	
	
	.copyright .medewithlove{
	  margin-bottom: 20px;
	}
	.header .logo img {
		transform: none;
	}
	.product-list-view .product-list-time {
		width: 32%;
	}
	.side-blog .content-wrap .entry-title{
		font-size: 18px;
	}
	.header .logo {
		max-width: 115px;
	}
	
	.header .search-form span {
		font-size: 12px;
	}
	.filters .delivery-slider .irs--flat .irs-grid-text {
		font-size: 14px;
	}
	.header .gem-points i,
	.header .right-side .cart-btn a i {
		font-size: 25px;
	}
	.filter-sidebar {
		padding: 0 15px;
	}
	.product-list-view,
	.sort-tag-filter {
		padding: 0px 0;
	}
	.header .gem-points span {
		display: none;
	}
	.main-padding {
		padding: 64px;
	}
	.our-articles .blog-inner{
		margin-top: 0;
	}
	.promocode-text {
		width: 100%;
	}
	.how-it-works .how-it-works-box.arrow-1:after{
		top: -60px;
    	left: 80px;
	}
	.how-it-works .how-it-works-box.arrow-2:after{
		display: none;
	}
	.main-banner .footer-img {
		max-width: 170px;
	}
	.our-blog .blog-box .post .blog-img img,
	.our-blog .blog-box .post .blog-img {
		height: auto;
	}
	.our-articles .side-bar .product-box .product-caption .title-box .tags,
	.our-blog .blog-box {
		display: block;
	}
	.our-blog .blog-box .post,
	.our-blog .blog-box .side-blog {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.banner-2 {
		height: 1000px;
	}
	.thankmsg-sec .msg-wrapper .contact-details>li {
		font-size: 16px;
		margin: 0 20px;
	}
	.inner-wrapper .main-page .top-nav h5 {
	    margin-right: 15px;
	}
	.inner-wrapper .main-page .top-nav h5:last-child{
		margin-right: 0;
	}
	.mb-md-20 {
		margin-bottom: 20px;
	}
	.mb-md-40 {
		margin-bottom: 40px;
	}
	.copyright .payment-logo,
	.copyright .copyright-text,
	footer .ft-logo-box {
		justify-content: center;
	}
	.product-box-3 .product-img,
.product-box .product-img img {
    position: relative;
   border-radius: none;
    width:100%;
   height:100%;
  
}
	.menu_header-text
{ text-align:center;
direction: ltr;

	}

}
@media (max-width: 767px) {
.company
{
 clear:both;
   height:100%;
   

}
.company img
{
display: block;
  width:100vw;
  height: 69vh;
  object-fit: cover; 
opacity: 0.3;
}

.menu_banner
{
	 position:absolute;
    z-index:999;
  top:50%;
  width:60%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
 

.menu_banner .input
{
	width:100%;
	margin:auto;
	
}
 .company .text-box
 {
	 float:left;
	 width:80%;
	 height:38px;
 }
  select {
     
      -webkit-border-radius: 0;
      border: 0;
      outline-offset: -1px;
    }
 .company .text-box-1
 {
	 float:right;
	 width:20%;
	  height:38px;
 } .company .text-box-2
{
	width:100%;
	margin:auto;
	clear:both;
	color:  #d3b362;
	
}
 
.button-company
 {
	 color: #000000 !important;
	 background-color: #d3b362 !important;
     height:38px;
	width:100%;
	cursor:pointer;
 }
.button-company:hover
 {
	 color:  #ffffff !important;
	 background-color:#d3b362 !important;
     height:38px;
	width:100%;
	cursor:pointer;
 }

.company-logo {
   
    background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:210px;
    height: 160px;
	opacity:1;
	z-index:99;
	margin-left:30%;
	

	
  }

.company-logo img {
    
   background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:180px;
    height: 160px;
	border-radius:6%;
	border:6px solid #d3b362;
	opacity:1;
	z-index:99;
	
  }
	
	.address-bx1
{
	float:left;
}

.address-bx2
{
	float:left;
	width:84%;
	margin-right:8px;
}
.address-bx

{
	 color:#d3b362 !important;
    border:1px solid #2a2926 !important;
	padding:10px;
	
	margin-top:5px;
	width:99.1%;
	text-align:left;
	direction:ltr;
	float:left;
	font-size:12px;
	font-weight:normal;
	
}
.address-bx-margin
{
	margin-right:5px;
}

	
	 .media-width
	{
		width:50% !important;
		float:left;
		
	}
	
	
	.header,
	.section-2,
	.main-banner {
		height: auto;
	}
	.header .search-form span {
		font-size: 14px;
	}
	.product-list-view .product-list-details .product-detail-right-box .product-list-tags,
	.product-list-view .product-list-details .product-detail-right-box .product-list-label,
	.header .right-side .cart-btn.notification-btn,
	.header .right-side .user-details>a>span,
	.heading .head-rating .product-review h6,
	.parent-megamenu a span,
	.main-search,
	.title-2 small,
	
	.banner-adv {
		display: none;
	}
	.header .main-search {
		flex: none;
	}
	.header .right-side .cart-btn.notification-btn,
	.header .right-side .user-details {
		position: static;
		margin: 0px;
	}
	.header .right-side .cart-btn.notification-btn>a {
		position: absolute;
		left: 50px;
		margin: 0 10px;
		top: 0;
	}
	.header .right-side .user-details>a {
		position: absolute;
		left: 0;
		margin: 0 10px;
		top: 0;
	}
	.header .user-details:hover>.user-dropdown {
		left: 0;
	}
	.parent-megamenu .megamenu .ex-collection-box{
		padding-bottom: 40px;
	}
	.heading .head-rating .product-review {
		width: 100%;
		justify-content: space-between;
		margin-left: 20px;
	}
	.heading .head-rating {
		text-align: center;
	}
	.header .logo {
		max-width: 100%;
		padding-left: 86px;
	}
	.header .right-side .catring {
		margin: 0;
	}
	.header .right-side .catring>a {
		margin: 0;
		position: absolute;
		left: 60px;
		top: 18px;
	}
	.how-it-works .how-it-works-box.arrow-1:after{
		top: -35px;
    	left: 70px;
	}
	.parent-megamenu .megamenu{
		height: 100vh;
		overflow: auto;
	}
	.product-list-view .product-list-bottom .product-list-type,
	.product-list-view .product-list-details .product-list-title {
		padding-left:150px;
		direction:ltr;
	}
	.product-list-view .product-list-info .product-list-img {
		flex: 0 0 75px;
		

		align-items: center;
	}
	.sort-tag-filter,
	.product-list-view {
		padding: 15px 15px 45px 15px;
	}
	.restaurent-tags {
		margin-bottom: 15px;
	}
	.notification-btn .notification-dropdown {
		right: 0;
		left: -15%;
	}
	.notification-btn:hover>.notification-dropdown {
		left: 0;
	}
	.product-list-view,
	.location-picker,
	.user-page .login-sec,
	.inner-wrapper .main-page .top-nav {
		position: relative;
	}
	.user-page .login-sec {
		transform: none;
	}
	.main-sec {
		height: 0px;
	}
	.sort-tag-filter {
		text-align: center;
	}
	.product-list-view {
		align-items: flex-start;
	}
	.map-gallery-sec .map-pl-0{
    	padding-left: 15px;
	}
	.megamenu,
	.cart-dropdown .cart-detail-box,
	.user-dropdown{
		opacity: 1;
	    visibility: visible;
	    left: 0;
	    display: none;
	}
	.megamenu.show,
	.cart-dropdown .cart-detail-box.show,
	.user-dropdown.show,
	.product-list-view .product-list-bottom,
	.product-list-view .product-list-details,
	.mobile-search,
	.restaurent-details-mob,
	.sort-tag-filter,
	.parent-megamenu>a>i {
		display: block;
	}
	.parent-megamenu i{
		font-size: 22px;
	}
	.product-list-view .product-right-col .product-list-bottom .mob-tags-label{
		display: flex;
		flex-wrap: wrap;
	}
	.product-list-view .product-right-col .product-list-bottom .mob-tags-label,
	.product-list-view .product-list-time ul,
	.promocode-text .promocode-btn {
		margin-top: 10px;
	}
	.product-list-view .product-list-time ul li:first-child {
		padding-left: 0;
	}
	.product-list-view .product-list-details .product-detail-right-box .product-list-rating .ratings,
	.product-list-view .product-list-info,
	.map-gallery-sec .map-pr-0 {
		padding-right: 15px;
	}
	.product-list-view .product-right-col {
   
    position: relative;
	
  
}
	.product-list-view .product-list-bottom .product-list-type span.new {
		position: absolute;
		left: 0;
		top: 63px;
		background: #fff;
		padding: 0 6px;
		border-radius: 3px;
		font-size: 12px;
		margin: 4px;
	}
	.product-list-view .product-list-details .product-detail-right-box .product-price-icon {
		position: absolute;
		left: 0;
		top: 100px;
	}
	.promocodeimg {
		height: 175px;
	}
	.product-list-view .product-list-details .product-detail-right-box .product-list-rating {
		display: flex;
	}
	.product-list-view .product-list-details .product-detail-right-box .product-list-label button,
	.promocode-text .promocode-btn a {
		display: inline-block;
	}
	.product-list-view .product-list-time,
	.product-list-view .product-list-details .product-detail-right-box {
		width: 100%;
	}
	.product-list-view .product-list-time span {
		margin: 0;
		position: absolute;
		top: 15px;
		right: 0;
	}
	.checkout-product .img-name-value .product-name span,
	.tracking-sec,
	.promocode-text{
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		
	}
	.product-name-menu
	{
		color:#d3b362;
		direction:ltr;
		float:left;
	}
	.inner-wrapper .main-page .top-nav {
		top: 0;
		right: 0;
		align-items: center;
		justify-content: center;
	}
	.inner-wrapper .main-page .top-nav h5 {
		margin-right: 15px;
	}
	.main-padding {
		padding: 32px;
	}
	.mobile-search i {
		font-size: 25px;
	}
	.tracking-sec .tracking-map,
	.tracking-sec .tracking-details {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.promocode-text {
		padding: 30px;
	}
	.driver-tip-sec .tip-percentage {
		height: 65px;
	}
	.restaurent-product-list .restaurent-product-detail{
		flex-direction: column-reverse;
	}
	.restaurent-product-list .restaurent-product-img {
	    margin: 15px auto;
	    height: 150px;
	}
	.map-gallery-sec .main-box #locmap {
		height: 250px;
	}
	.tracking-sec .tracking-details .fullpageview{
		position: relative;
		bottom: 0;
		margin-top: 30px;
	}
	.color-theme{
		top:50%;
	}
	.custom-builder-panel{
		top: 36%;
	}
	/*side-panel*/
	#side-panel{
		display: none;
	}

	.mb-sm-20 {
		margin-bottom: 20px;
	}
	.mb-sm-40 {
		margin-bottom: 40px;
	}

	
.box {
    margin: auto 0;
	width:100%;
	display:block;

}
.box .inner {
   width:100%;
	float:left;
	 margin-bottom:10px;
}
 .box .inner1 {
  width:100%;
  float:left;
   margin-bottom:10px;
}
 .box .inner2 {
  width:100%;
  float:left;
   margin-bottom:10px;
}

.product-list-view .product-list-info .product-list-img .open-time {
    
	background-color:#04482b ;
	z-index:99999;
	float:right;
	left:280px;
	top:5px;
	
   text-align:center;
	width:100px;
	height:30px;
	position:absolute;
	
	
	
	
}


.product-list-view .product-list-info .product-list-img .open-time .time-txt {
   
	color:#d3b362;
	
	margin:10px 0px 0px 0px;
	font-weight:600;
	
	
}
.product-box-3,.product-box{
    position: relative;
    
   background: none;
   box-shadow:none;
   
}

.product-box-3 .product-img,
.product-box .product-img img {
    position: relative;
   border-radius: none;
    width:100%;
   height:150px;
  
}

.ex-collection-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
   
}
.ex-collection-box img {
   
    width: 100%;
    height: 250px;
    cursor: pointer;
}


.ex-collection-box:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}
.ex-collection .category-type a {
    position: absolute;
    bottom: 0;
	font-size:11px;
   
}
span.rectangle-tag+span.rectangle-tag{
    margin: 0px 0px 0px 1px;
}
span.rectangle-tag {
   
  
   font-size: 11px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    float:left;
	font-family:Calibri;
	
	
	
}
.popular
{
    width:100%;
    height: auto;
  

}

.popular .popular-bx
{
     width:23%;
    height: auto;
    float: left;
	margin-right:6px;
}
	.table-top-bx
{
   
    height: auto;
    margin-top:-2px;
	margin-bottom:2px;

}

.table-top-bx .inner-tb-bx
{
   
    height: auto;
    float: left;
	   margin-top:2px;
	
   

}
.side-filter
{
	
	float:left;
	left:0px;
	position:absolute;
	order:0;
	display:none;
	
	
}
.side-filter-1
{
	display:block !important;
	float:right;
	left:0px;
	position:absolute;
	order:0;
	
	
}
.mobile {
	width:100%;
	
	z-index:1000;
		display:block;
}

.menu-bar {
	color:#d3b362;
	font-size:26px;
	cursor:pointer;
	padding:10px 12px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

.menu-bar:hover {
	background-color:rgba(0, 0, 0, 0.1);
	border-radius:50px;
}

#tag-menu {
	display:none;
}


#tag-menu:checked ~ div.drawer {
 animation: slide-in 0.5s ease;
 animation-fill-mode: forwards;
}

.drawer {
	position: absolute;
	left:-280px;
	
	
	z-index:100;
	width:280px;
	animation: slide-out 0.5s ease;
	animation-fill-mode: forwards;
}

.drawer ul li {
	list-style:none;
}

.drawer ul li a {
	padding:10px 30px;
	text-decoration:none;
	display:block;
	color:#d3b362;
	border-top:1px solid #039;
}

.drawer ul li a:hover{
	background-color:rgba(0, 0, 0, 0.1);
}

.drawer ul li a i {
	width:50px;
	height:35px;
	text-align:center;
	padding-top:15px;
}
	.menu_header-text
{ text-align:center;
direction: ltr;

	}
	
		.btn-add-to-cart-icon {
	position: fixed;
    background-color: $color_shamrock_approx;
    z-index:99;
    right: 10px;
    bottom: 10px;
    padding: 15px;
	display:block;
	border-radius:6px;
    color:#d3b362;
	font-size: 30px;
	font-weight: 100;
	box-shadow: 1px 0px 3px#d3b362;000;
}
	.ph-padd
{
	margin-right:-15px;
	float:right;
	direction:ltr;
	right:0px;
	
	
}

.custom-tab1{
    display: flex;
    width:100%;
    float: left;
  
  }

  .custom-tab1 .padd
  {
    padding: 0px 0px;
	text-decoration:none;
    
  }

  .custom-tab1 .custom-tab-inner{
    text-align: center;
   font-size:15px;
    font-weight: 600;
    text-transform: capitalize;
  
  }

  .custom-tab1 .custom-tab-inner .custom-tab-inner-box1{
   
   
    text-align: center;
  
  
  }

  .custom-tab1 .custom-tab-inner .custom-tab-inner-box1 img{
   
   
    text-align: center;
   margin-bottom:5px;
   margin-top:5px;
   border-radius: 6px;
   object-fit:cover;
  }
  

  
  .product-image {
	max-height: 110px;
	max-width: 140px;
	
	
}
  
    .product-image img {
	max-height: 110px;
	max-width: 140px;
	
	
}
  
  .custom-tab-inner-box1 .custom-tab-txt{
   
   
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom:5px;
  
  
  }



 
  .custom-tab-txt.custom-tab1 a:focus{
    background-color: gray;
  color: white;
  margin: 0 auto;
    text-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    font-size: 14.5px;

  }
 
  .custom-tab-txt .custom-tab1 a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: white;
    color: black;
    text-align: center;
     text-decoration: none;
    float: left;
  
  }
 
@keyframes slide-in {
 from {left: -280px;}
 to {left: 0;}
}

@keyframes slide-out {
 from {left: 0;}
 to {left: -280px;}
}


}
@media (max-width: 576px) {
.company
{
 clear:both;
   height:100%;
   

}
.company img
{
display: block;
  width:100vw;
  height: 69vh;
  object-fit: cover; 
opacity: 0.3;
}

.menu_banner
{
	 position:absolute;
    z-index:999;
  top:50%;
  width:60%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
 

.menu_banner .input
{
	width:100%;
	margin:auto;
	
}
 .company .text-box
 {
	 float:left;
	 width:80%;
	 height:38px;
 }
  select {
     
      -webkit-border-radius: 0;
      border: 0;
      outline-offset: -1px;
    }
 .company .text-box-1
 {
	 float:right;
	 width:20%;
	  height:38px;
 } .company .text-box-2
{
	width:100%;
	margin:auto;
	clear:both;
	color:  #d3b362;
	
}
 
.button-company
 {
	 color: #000000 !important;
	 background-color: #d3b362 !important;
     height:38px;
	width:100%;
	cursor:pointer;
 }
.button-company:hover
 {
	 color:  #ffffff !important;
	 background-color:#d3b362 !important;
     height:38px;
	width:100%;
	cursor:pointer;
 }

.company-logo {
   
    background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:210px;
    height: 160px;
	opacity:1;
	z-index:99;
	margin-left:13%;
	

	
  }

.company-logo img {
    
   background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:180px;
    height: 160px;
	border-radius:6%;
	border:6px solid #d3b362;
	opacity:1;
	z-index:99;
	
  }
	
	
	 .media-width
	{
		width:100% !important;
		float:left;
		
	}
	
	.cart-dropdown .cart-detail-box,
	.notification-btn .notification-dropdown,
	.user-dropdown,
	.cart-dropdown:hover>.cart-detail-box,
	.notification-btn:hover>.notification-dropdown {
		width: 100%;
	}
	.user-dropdown,
	.cart-dropdown .cart-detail-box{
		height: 100vh;
	}
	.delivery-slider .irs--flat.irs-with-grid {
		width: 97%;
	}
	.filter-sidebar,
	.most-popular .browse-cat>div {
		padding: 0;
	}
	.user-page .login-sec .login-box {
		padding: 20px;
	}
	.header .user-details:hover>.user-dropdown {
		left: 0;
	}
	.how-it-works .how-it-works-box.arrow-1:after,
	.restaurent-logo {
		display: block;
	}
	.header .right-side .user-details>a,
	.header .right-side .cart-btn.notification-btn>a {
		margin: 0 5px;
	}
	.header .right-side .cart-btn.notification-btn>a {
		left: 40px;
	}
	.header .right-side .catring>a {
		left: 50px;
	}
	.user-dropdown ul>li {
		width: 33%;
	}
	.checkout-product .img-name-value .product-value {
		margin: 0 15px;
	}
	.checkout-product .img-name-value .product-img {
		width: 70px;
		height: 70px;
	}
	.restaurent-product-list .restaurent-product-detail {
		padding-right: 10px;
		padding-bottom: 0;
	}
	.restaurent-product-list .restaurent-product-detail .restaurent-tags {
		margin-bottom: 5px;
	}
	.recipt-sec .recipt-name.title,
	.restaurent-product-list>div,
	.recipt-sec p.title span,
	.recipt-sec p.title {
		display: block;
	}
	.restaurent-ad .ad-img .content-box {
		padding: 0 30px;
	}
	.banner-1 .right-side-content h1 {
		font-size: 45px;
	}
	.countdown-box .time-box:first-child {
		margin-left: 0;
	}
	.browse-cat .categories .icon {
		width: 125px;
	}
	.browse-cat-2 .categories .icon {
		width: auto;
	}
	.final-order .title2 span {
		margin-left: 80px;
	}
	.payment-option-tab>.nav>.nav-item {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.driver-tip-sec>.nav>.nav-item>.nav-link,
	.payment-option-tab>.nav>.nav-item>.nav-link {
		border: 1px solid rgba(67, 41, 163, .2);
	}
	.copyright .payment-logo {
		display: block;
		text-align: center;
	}
	.mb-xs-20 {
		margin-bottom: 20px;
	}
	.mb-xs-40 {
		margin-bottom: 40px;
	}
		
.blue-print
{
	width:45px;
    right:40px;
    position: absolute;
  z-index: 2;
  top: 0;
  float:right;
	
}

.ex-collection-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
   
}
.ex-collection-box img {
   
    width: 100%;
    height: 250px;
    cursor: pointer;
}


.ex-collection-box:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}
.ex-collection .category-type a {
    position: absolute;
    bottom: 0;
	font-size:11px;
  
}


.about-us-slider .slide-item img{
    width: 100%;
    max-height:80%;
    object-fit: cover;
    object-position: center;
}
.btn-submit-1 {
    color:#d3b362;
    background: #fff;
    border-color:#d3b362;
    font-size: 13px;
    padding: 9px 0px;
    cursor: pointer;
    
}
.btn-submit-1:hover,
.btn-submit-1:focus {
    border-color: #004f2f;
    background: #004f2f;
    color:#d3b362;
}

.product-list-view .product-list-info .product-list-img {
    flex: 0 0 100px;
   
    height:90px;
}
.product-list-view .product-list-info .product-list-img img {
   flex: 0 0 100px;
    height:130px;
}

.product-list-view .product-list-info .open-time {
    
	background-color:#04482b ;
	
	float:right;
	left:290px;
	top:10px;
   text-align:center;
	width:100px;
position:absolute;
height: 30px;
padding-top: 5px;
	
}

.product-list-info .product-list-img .offer {
    
    background-color: #04482b ;
    z-index: 9;
    text-align: center;
    top: -25px;
	left:0px;
    height:20px;
    position: relative;
  	
}


.product-list-info .product-list-img .offer .offer-txt {
   
	color:#d3b362;
	font-size:11px;
	margin:40px 0px 0px 0px;
	font-weight:600;
	line-height:3px;
	
}

.product-box-3,.product-box{
    position: relative;
    
   background: none;
   box-shadow:none;
   
}


.product-box-3 .product-img,
.product-box .product-img img {
    position: relative;
    width: 255px;
    height:100px;
    border-radius: none;
	
}

.product-box-3-mob .product-img-mob,
.product-box-mob .product-img-mob img {
    position: relative;
   
    height:60px;
	border-radius:3px;
   
	
}
.product-box-3 .product-caption,
.product-box .product-caption {
	text-align:center;
 
    
}
.product-box .product-caption .title-box {
   
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.product-box .product-caption .product-title {
    margin-bottom: 0px;
    font-size: 14px;
    text-transform: capitalize;
}
.product-box .product-caption p {
    font-size: 12px;
}
.product-box .product-caption .product-btn {
    margin-top: 10px;
    color:#d3b362;
    cursor: pointer;
}
.product-box .product-img .product-tags .custom-tag,
.product-box .product-img .product-tags {
    display: flex;
    align-items: center;
    justify-content: start;
}

.product-box .product-img .product-tags>span:first-child {
    position: absolute;
    top: 10px;
    right: 10px;
}
.product-box .product-caption .product-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.product-box .product-caption .product-details span {
    display: block;
    line-height: normal;
}
.product-box .product-caption .product-footer {
    margin-top: 10px;
     display: flex;
    align-items: center;
    justify-content: flex-start;
}
.product-box .product-footer-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fbfbfc;
    padding: 12px 10px;
}

/*slider*/
.about-us-slider .slide-item {
    height:173px;
}
.about-us-slider .slide-item img{
    width: 100%;
  
    object-fit: cover;
    object-position: center;
}
.about-us-slider .slide-item .right-side-content h1 {
    font-size: 60px;
    line-height: 1.2;
    z-index: 9999;
}
.about-us-slider .slide-item .right-side-content{
    transition: all 1s linear;
    transition-delay: 1s;
}
.about-us-slider .slide-item .right-side-content h3,
.about-us-slider .slide-item .right-side-content a,
.about-us-slider .slide-item .right-side-content h1{
  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
.about-us-slider .slide-item.swiper-slide-active .right-side-content a,
.about-us-slider .slide-item.swiper-slide-active .right-side-content h3,
.about-us-slider .slide-item.swiper-slide-active .right-side-content h1{
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.embed-responsive-item .banner-hd
{
   
    text-align: center;
    position: absolute;
   
    background-color: rgba(0, 0, 0, .5);
   align-items: center;
    justify-content: center;
    left: 10%;
    top:10%;
   
    padding: 10px;
 
}

.embed-responsive-item .banner-hd h1
{
    color:#d3b362;
    font-size:21px;
    text-transform: uppercase;
   
}

.embed-responsive-item .banner-hd h5
{
    color:#d3b362;
    font-size:13px;
    top: -20px;
   
}
.banner-adv2 {
    position: relative;
	height:70px;
   
   
    width: 100%;
    overflow: hidden;
	
   
}
.banner-adv2 .text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 15px;
    right: 15px;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: 500;
    color:#d3b362;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-submit {
    color:#d3b362;
	 border-color: #004f2f;
    background: #004f2f;
   
    font-size: 12px;
    padding: 5px;
    cursor: pointer;
    letter-spacing:0pt;
}
.btn-submit:hover,
.btn-submit:focus {
    border-color: #009458;
    background: #009458;
    color:#d3b362;
}

h3
{
	font-size:14px;
	font-weight:600;
	}
	.page-banner {
    height: 100px;
}
.product-list-view .product-list-title h6
{
	font-size:14px}
	
	span.rectangle-tag+span.rectangle-tag{
  margin-bottom:2px;
  width:auto;
 
}

span.rectangle-tag {
   
  
   font-size: 11px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
   margin: 0px 1px 0px 1px;
}
.restaurent-logo {
    position: absolute;
    top: 50%;
    right: 15px;
    box-shadow: 0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08);
    background: #fff;
    width: 80px;
    height: 80px;
}
.form-control{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .20rem;
   font-size:11px;
    font-weight: 400;
	 font-family:Calibri;
    line-height: 1.5;
	color: #ffffff;
   background-color:#d3b362;
   background-clip: padding-box;
   text-transform:capitalize;
   border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.store-btn{
    color:#d3b362;
    text-decoration: none;
    transition: 0.5s;
	font-size:11px
}
.text-light-black
{
	font-size:15px;
	 font-family:Calibri;
}
.text-light-black-title {
    color:#d3b362;
	 font-family:Calibri;
	font-weight:bold;
	font-size:15px;
	margin-left:10px;
	cursor:pointer;
	
	
}

.text-light-black-title:hover {
    color:#d3b362;
	 font-family:Calibri;
	font-weight:bold;
	font-size:15px;
	margin-left:10px;
	
	
}

.br-txt
{
	font-size:11px;
	line-height:.5;
}
.rounded-circle
{
	border-radius:50%!important;

	}
.white-btn{
    color:#d3b362;
    background: #004f2f;
    border-color: #4d4d4d;
    font-size: 11px;
}
.btn-first {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
   
    border: 1px solid transparent;
    padding: 5px;
    font-size: 11px;
    line-height: 1.595;
    border-radius: .25rem;
    transition: color .15s ease-in-out,
     background-color .15s ease-in-out,
      border-color .15s ease-in-out, 
      box-shadow .15s ease-in-out;
}
.btn-second {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
	font-size:12px;
   line-height: 1.595;
 transition: color .15s ease-in-out, 
    background-color .15s ease-in-out,
     border-color .15s ease-in-out,
      box-shadow .15s ease-in-out;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 500;
    position: relative;
}

.category-btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #004f2f;
    border: 1px solid transparent;
    padding:8px;
    font-size: 13px;
    line-height:1;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color:#d3b362;
    font-weight:400;
}
.category-btn:hover,
.category-btn:focus {
    border-color: #007a48;
    background: #007a48;
    color:#d3b362;
}

.list-card
{

margin:0 auto;
width:100px;
cursor:pointer;
		}


.list-card .browse img
{max-width:80px;

	}
.list-card .browse .text
{
	font-size:12px;
}
.list-card
{ width:80px;
	}

	
	.side-filter
{
	display:none;
}
	
	.mobile {
	width:100%;
	
	z-index:1000;
		display:block;
}

.menu-bar {
	color:#d3b362;
	font-size:26px;
	cursor:pointer;
	padding:10px 12px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

.menu-bar:hover {
	background-color:rgba(0, 0, 0, 0.1);
	border-radius:50px;
}

#tag-menu {
	display:none;
}


#tag-menu:checked ~ div.drawer {
 animation: slide-in 0.5s ease;
 animation-fill-mode: forwards;
}

.drawer {
	position: absolute;
	left:-280px;
	
	
	z-index:100;
	width:280px;
	animation: slide-out 0.5s ease;
	animation-fill-mode: forwards;
}

.drawer ul li {
	list-style:none;
}

.drawer ul li a {
	padding:10px 30px;
	text-decoration:none;
	display:block;
	color:#d3b362;
	border-top:1px solid #039;
}

.drawer ul li a:hover{
	background-color:rgba(0, 0, 0, 0.1);
}

.drawer ul li a i {
	width:50px;
	height:35px;
	text-align:center;
	padding-top:15px;
}

	.menu_header-text
{ text-align:center;
direction: ltr;

	}
	.btn-add-to-cart-icon {
	position: fixed;
    background-color: $color_shamrock_approx;
    z-index:99;
    right: 10px;
    bottom: 10px;
    padding: 15px;
	display:block;
	border-radius:6px;
    color:#d3b362;
	font-size: 30px;
	font-weight: 100;
	box-shadow: 1px 0px 3px#d3b362;000;
}

	.ph-padd
{
	margin-right:-15px;
	float:right;
	direction:ltr;
	right:0px;
	
	
}

.custom-tab1{
    display: flex;
    width:100%;
    float: left;
  
  }

  .custom-tab1 .padd
  {
    padding: 0px 0px;
	text-decoration:none;
    
  }

  .custom-tab1 .custom-tab-inner{
    text-align: center;
   font-size:15px;
    font-weight: 600;
    text-transform: capitalize;
  
  }

  .custom-tab1 .custom-tab-inner .custom-tab-inner-box1{
   
   
    text-align: center;
  
  
  }

  .custom-tab1 .custom-tab-inner .custom-tab-inner-box1 img{
   
   
    text-align: center;
   margin-bottom:5px;
   margin-top:5px;
   border-radius: 6px;
   object-fit:cover;
    height: 60px;
   
  }
  .custom-tab-inner-box1 .custom-tab-txt{
   
   
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom:5px;
  
  
  }



 
  .custom-tab-txt.custom-tab1 a:focus{
    background-color: gray;
  color: white;
  margin: 0 auto;
    text-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    font-size: 14.5px;

  }
 
  .custom-tab-txt .custom-tab1 a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: white;
    color: black;
    text-align: center;
     text-decoration: none;
    float: left;
  
  }


.header-txt
{
	color:#d3b362;
	margin:8px 5px 8px 8px;
	text-align:center;
	font-family:Calibri;
}
.header-txt:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}

  .header-txt-1
{
	color:#d3b362;
	margin:8px 5px 8px -4px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-1:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}

  .header-txt-2
{
	color:#d3b362;
	margin:5px 5px 8px -15px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-2:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}



  .header-txt-3
{
	color:#d3b362;
	margin:5px 5px 8px 0px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-3:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}


  .header-txt-4
{
	color:#d3b362;
	margin:8px 5px 8px -4px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-4:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}

.header-txt-5
{
	color:#d3b362;
	margin:8px 5px 8px 35px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-5:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}


  .header-txt-6
{
	color:#d3b362;
	margin:8px 5px 8px 9px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-6:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}
.drop-down-popup
{
	width:70px;
	margin:auto;
	display:table;
}

  
.language {
	
	display:none;
	
}

@keyframes slide-in {
 from {left: -280px;}
 to {left: 0;}
}

@keyframes slide-out {
 from {left: 0;}
 to {left: -280px;}

}
	
	
}

@media only screen and (max-width:480px) {
	
	
	.company
{
 clear:both;
   height:100%;
   

}
.company img
{
display: block;
  width:100vw;
  height: 69vh;
  object-fit: cover; 
opacity: 0.3;
}

.menu_banner
{
	 position:absolute;
    z-index:999;
  top:50%;
  width:60%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
 

.menu_banner .input
{
	width:100%;
	margin:auto;
	
}
 .company .text-box
 {
	 float:right;
	 width:80%;
	 height:38px;
 }
  select {
     
      -webkit-border-radius: 0;
      border: 0;
      outline-offset: -1px;
    }
 .company .text-box-1
 {
	 float:left;
	 width:20%;
	  height:38px;
 } .company .text-box-2
{
	width:100%;
	margin:auto;
	clear:both;
	color:  #d3b362;
	
}
 
.button-company
 {
	 color: #000000 !important;
	 background-color: #d3b362 !important;
     height:38px;
	width:100%;
	cursor:pointer;
 }
.button-company:hover
 {
	 color:  #ffffff !important;
	 background-color:#d3b362 !important;
     height:38px;
	width:100%;
	cursor:pointer;
 }

.company-logo {
   
    background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:180px;
    height: 160px;
	opacity:1;
	z-index:99;
	margin-left:13%;
	

	
  }

.company-logo img {
    
   background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:210px;
    height: 160px;
	border-radius:6%;
	border:6px solid #d3b362;
	opacity:1;
	z-index:99;
	
  }
	
	
	.menu_banner
{
	 position: absolute;
    z-index: 1;
 width:100%;


}
.menu_banner .input
{
	margin-top:10%;
	
	
}
.menu_banner img
{
	height: 139px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0px;
    background-position: center;


}
	
 .media-width
	{
		width:100% !important;
		float:left;
		
	}
	
	.media-width
	{
		width:100% !important;
		float:left;
		
	}
	.product-box-3 .product-caption ul.food-description li:last-child{
		margin-top: 7px;
	}
		.btn-success-table
{
	background-color: #fff !important;
	border-color:#fff !important;
	float:right;

	
}

.product-box-3,.product-box{
    position: relative;
    
   background: none;
   box-shadow:none;
   
}

.product-box-3 .product-img,
.product-box .product-img img {
    position: relative;
    width: 255px;
    height:100px;
    border-radius: none;
	
}

.product-box-3-mob .product-img-mob,
.product-box-mob .product-img-mob img {
    position: relative;
    
    height:60px;
	border-radius:3px;
   
	
}

.product-box-3 .product-caption,
.product-box .product-caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
	
	margin-left:3px;
	
}
.product-box .product-caption .title-box {
   
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
	
	
}
.product-box .product-caption .product-title {
    margin-bottom: 0px;
    font-size: 14px;
    text-transform: capitalize;
}
.product-box .product-caption p {
    font-size: 12px;
}
.product-box .product-caption .product-btn {
    margin-top: 10px;
    color:#d3b362;
    cursor: pointer;
}
.product-box .product-img .product-tags .custom-tag,
.product-box .product-img .product-tags {
    display: flex;
    align-items: center;
    justify-content: start;
}

.product-box .product-img .product-tags>span:first-child {
    position: absolute;
    top: 10px;
    right: 10px;
}
.product-box .product-caption .product-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.product-box .product-caption .product-details span {
    display: block;
    line-height: normal;
}
.product-box .product-caption .product-footer {
    margin-top: 10px;
     display: flex;
    align-items: center;
    justify-content: flex-start;
}
.product-box .product-footer-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fbfbfc;
    padding: 12px 10px;
}

.ex-collection-box {
    position: relative;
    overflow: hidden;
    cursor: pointer;
   
}
.ex-collection-box img {
   
    width: 100%;
    height:250px;
    cursor: pointer;
}


.ex-collection-box:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}
.ex-collection .category-type a {
    position: absolute;
    bottom: 0;
	font-size:11px;
   
}


.about-us-slider .slide-item img{
    width: 100%;
   
    object-fit: cover;
    object-position: center;
}

.btn-submit {
    color:#d3b362;
	 border-color: #004f2f;
    background: #004f2f;
  
    font-size: 13px;
    padding: 5px;
    cursor: pointer;
    letter-spacing:0pt;
}
.btn-submit:hover,
.btn-submit:focus {
     background: #009458;
    border-color: #009458;
    color:#d3b362;
}



.btn-submit-1 {
    color:#d3b362;
    background: #04482b;
    border-color: #4d4d4d;
    font-size: 13px;
    padding: 9px 0px;
    cursor: pointer;
    
}
.btn-submit-1:hover,
.btn-submit-1:focus {
    border-color: #004f2f;
    background: #004f2f;
    color:#d3b362;
}


.product-list-view .product-list-info .product-list-img {
    flex: 0 0 100px;
   
    height:110px;
}
.product-list-view .product-list-info .product-list-img img {
   flex: 0 0 100px;
   
    height:110px;
}


.product-right-col .open-time {
    
	background-color:#04482b ;
	
	float:right;
	right:-13px;
	top:5px;

   text-align:center;
	
position:absolute;
height:20px;
padding-top:2px;
	
}

.product-list-info .product-list-img .offer {
    
    background-color: #04482b ;
    z-index: 9;
  
    text-align: center;
    top: -25px;
  
    left:0px;
    height:20px;
    position: relative;
  	
}


.product-list-info .product-list-img .offer .offer-txt {
   
	color:#d3b362;
	font-size:11px;
	margin:40px 0px 0px 0px;
	font-weight:600;
	line-height:3px;
	
}




.embed-responsive-item .banner-hd
{
   
    text-align: center;
    position: absolute;
   
    background-color: rgba(0, 0, 0, .5);
   align-items: center;
    justify-content: center;
    left: 10%;
    top:0%;
   
    padding: 10px;
 
}

.embed-responsive-item .banner-hd h1
{
    color:#d3b362;
    font-size:35px;
    text-transform: uppercase;
   
}

.embed-responsive-item .banner-hd h5
{
    color:#d3b362;
    font-size: 17px;
    top: -40px;
   
}


.banner-adv2 {
    position: relative;
	height:70px;
  
   
    width: 100%;
    overflow: hidden;
	
   
}
.banner-adv2 .text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 15px;
    right: 15px;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: 500;
    color:#d3b362;
    display: flex;
    align-items: center;
    justify-content: center;
}
h3
{
	font-size:14px;
	}

.page-banner {
    height: 100px;
}
.product-list-view .product-list-title h6
{
	font-size:14px}
	
span.rectangle-tag+span.rectangle-tag{
	margin-right:0px;
   
}
span.rectangle-tag {
   
  
   font-size: 11px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    float:left;
	font-family:Calibri;
}

.restaurent-logo {
    position: absolute;
    top: 50%;
    right: 15px;
    box-shadow: 0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08);
    background: #fff;
    width: 80px;
    height: 80px;
}
.store-btn
{
	
	 color:#d3b362;
    text-decoration: none;
    transition: 0.5s;
}
.store-btn:hover
{
	
	 color:#d3b362;
    text-decoration: none;
    transition: 0.5s;
}
.text-light-black
{
	font-size:15px
}
.text-light-black-title {
    color:#d3b362;
	 font-family:Calibri;
	font-weight:bold;
	font-size:15px;
	margin-left:10px;
	cursor:pointer;
	
	
}

.text-light-black-title:hover {
    color:#d3b362;
	 font-family:Calibri;
	font-weight:bold;
	font-size:15px;
	margin-left:10px;
	
	
}

.br-txt
{
	font-size:11px;
	line-height:.5;
	
}
.rounded-circle
{
	border-radius:50%!important;
	
	}
.white-btn{
   
  color:#d3b362;
    background: #004f2f;
    border-color: #4d4d4d;
    font-size: 11px;
}

.btn-first {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
  
    border: 1px solid transparent;
    padding: 5px;
    font-size: 11px;
    line-height: 1.595;
    border-radius: .25rem;
    transition: color .15s ease-in-out,
     background-color .15s ease-in-out,
      border-color .15s ease-in-out, 
      box-shadow .15s ease-in-out;
}

.btn-second {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
	font-size:12px;
    line-height: 1.595;
    border-radius: .25rem;
    transition: color .15s ease-in-out, 
    background-color .15s ease-in-out,
     border-color .15s ease-in-out,
      box-shadow .15s ease-in-out;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 500;
    position: relative;
}
.category-btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #004f2f;
    border: 1px solid transparent;
    padding:8px;
    font-size: 13px;
    line-height:1;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color:#d3b362;
    font-weight:400;
}
.category-btn:hover,
.category-btn:focus {
    border-color: #007a48;
    background: #007a48;
    color:#d3b362;
}
.popular
{
    width:100%;
    height: auto;
 
}

.popular .popular-bx
{
    width:23%;
    height: auto;
    float: left;
	margin-right:6px;
}
.list-card
{
margin:0 auto;
width:100px;
cursor:pointer;
		}


.list-card .browse img
{max-width:80px;

	}
.list-card .browse .text
{
	font-size:12px;
}
.list-card
{ width:80px;
	}

	.table-top-bx
{
  
    height: auto;
    margin-top:-7px;

}

.table-top-bx .inner-tb-bx
{
   
    height: auto;
    float: left;
	   margin-top:2px;
	  
}
.side-filter
{
	display:none;
}
.mobile {
	width:100%;
	z-index:1000;
	display:block;
}

.menu-bar {
	color:#d3b362;
	font-size:26px;
	cursor:pointer;
	padding:10px 12px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}

.menu-bar:hover {
	background-color:rgba(0, 0, 0, 0.1);
	border-radius:50px;
}

#tag-menu {
	display:none;
}


#tag-menu:checked ~ div.drawer {
 animation: slide-in 0.5s ease;
 animation-fill-mode: forwards;
}

.drawer {
	position: absolute;
	left:-280px;
	
	
	z-index:100;
	width:280px;
	animation: slide-out 0.5s ease;
	animation-fill-mode: forwards;
}

.drawer ul li {
	list-style:none;
}

.drawer ul li a {
	padding:10px 30px;
	text-decoration:none;
	display:block;
	color:#d3b362;
	border-top:1px solid #039;
}


.drawer ul li a:hover{
	background-color:rgba(0, 0, 0, 0.1);
}

.drawer ul li a i {
	width:50px;
	height:35px;
	text-align:center;
	padding-top:15px;
}



	.about-us-slider .slide-item1 {
    height:100%;
}

	
.slide-item1 .embed-responsive .embed-responsive-item .explore {
  
    height:100%;
    cursor: pointer;
}
.slide-item1 .embed-responsive .embed-responsive-item .explore img
{ 
 
   height:100%;
    cursor: pointer;
}


	.btn-add-to-cart-icon {
	position: fixed;
    z-index:99;
    right: 10px;
    bottom: 10px;
    padding: 15px;
	display:block;
	border-radius:6px;
    color:#000000;
	font-size:21px;
	font-weight: 100;
	box-shadow: 1px 0px 3px #d3b362;
}

.text-white-1
{
	text-align:center;
}

	.menu_header-text
{ text-align:center;
direction: ltr;

	}
	
	.ph-padd
{
	margin-right:-15px;
	float:right;
	direction:ltr;
	right:0px;
	
	
}


.custom-tab1{
    display: flex;
    width:100%;
    float: left;
  
  }

  .custom-tab1 .padd
  {
    padding: 0px 0px;
	text-decoration:none;
    
  }

  .custom-tab1 .custom-tab-inner{
    text-align: center;
   font-size:15px;
    font-weight: 600;
    text-transform: capitalize;
  
  }


  .custom-tab1 .custom-tab-inner .custom-tab-inner-box1{
   
   
    text-align: center;
	
  
  
  }

  .custom-tab1 .custom-tab-inner .custom-tab-inner-box1 img{
   
    text-align: center;
  width:100px;
   border-radius: 6px;
   object-fit:cover;
   width:120px;
   height: 60px;
   
  }
  .custom-tab-inner-box1 .custom-tab-txt{
   
   
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom:5px;
  
  
  }



 
  .custom-tab-txt.custom-tab1 a:focus{
    background-color: gray;
  color: white;
  margin: 0 auto;
    text-align: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    font-size: 14.5px;

  }
 
  .custom-tab-txt .custom-tab1 a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: white;
    color: black;
    text-align: center;
     text-decoration: none;
    float: left;
  
  }
.header-txt
{
	color:#d3b362;
	margin:8px 5px 8px 8px;
	text-align:center;
	font-family:Calibri;
}
.header-txt:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}

  .header-txt-1
{
	color:#d3b362;
	margin:5px 5px 8px -5px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-1:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}

  .header-txt-2
{
	color:#d3b362;
	margin:5px 5px 8px -15px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-2:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}



  .header-txt-3
{
	color:#d3b362;
	margin:5px 5px 8px 0px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-3:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}


  .header-txt-4
{
	color:#d3b362;
	margin:8px 5px 8px -4px;
	text-align:center;
	font-family:Calibri;
}
.header-txt-4:hover
{
	color:#d3b362;
	text-align:center;
	font-family:Calibri;
	
	
}
  
.language {
	
	display:none;
	
}
 
@keyframes slide-in {
 from {left: -280px;}
 to {left: 0;}
}

@keyframes slide-out {
 from {left: 0;}
 to {left: -280px;}
}

.product-img product-img-mob img
{border-radius:3px;
	}




}


/*--------------------table-booking------------------------*/




.booking-form .submit-btn2-disabled {
	color: white;
    cursor: not-allowed;
	background-color: #f14343;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 13px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}




.hidden{
	display: none;
}
.row
{
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
clear: both;
}
.btn-active{
    background-color: #097922 !important;
  }

  
	
  
@media only screen and (max-width: 768px) {
	.booking-form .booking-bg {
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
	
		width:100%;
		margin: auto;
	}
	.media-width
	{
		width:50% !important;
		float:left;
		
	}
	.booking-form>form {
		margin-left: 0px;
	}

	.blue-print
{
	
   
  top: 30px;
	
}
}

.section {
	height: auto !important;
	

	
}

.section .section-center {
	position:relative;
	
	left: 0;
	right: 0;
	-webkit-transform: translateY(-10%);
	transform: translateY(-10%);
}

#booking {
	font-family: Calibri, "Calibri Light";
	


	
	
}
.clear
{
	clear:both;
}

.booking-form {
	position: relative;
	
	width: 100%;
	margin: auto;
	
}
.booking-form .form-group {
	position: relative;
	
}


.booking-form .booking-bg {
	position: absolute;
	
	width:321px;
	background-image: url(../../../../assets/mall/css/dark-blue/images/table-booking.png);
	background-size: cover;
	background-position: center;
	
	
	overflow: hidden;
}

.booking-form .booking-bg::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	
}


.booking-form .form-header {

	margin-top:350px;
	position: relative;
	z-index: 20;
	text-align:center;
}



.booking-form .form-header h2 {
	font-family: Calibri, "Calibri Light";
	margin-top: 0;
	margin-bottom: 15px;
	font-weight:700;
	color:#d3b362;
	font-size:50px;
	text-transform: uppercase;
}
.heading {
	font-family: Calibri, "Calibri Light";
	margin-top:-30px;
	font-weight:400;
	font-size:37px;
	color:#d3b362;
	text-transform: uppercase;
}


.booking-form .form-header p {
	color:#d3b362;
	font-size: 18px;
}

.booking-form .form-group {
	position: relative;

}
.booking-form .form-control {
	
	height: 55px;
	padding: 0px;
	padding-top: 15px;
	color:#d3b362;
	font-size: 14px;
	font-weight: 700;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #d3b362;
	border-radius: 0px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	background-color: transparent;
	
}

.booking-form .form-control::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-control:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-control::placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form input[type="date"].form-control:invalid {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-group:not(.input-not-empty) .form-control:not(:focus) {
	color: transparent;
}

.booking-form select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.booking-form select.form-control+.select-arrow {
	position: absolute;
	right: 0px;
	bottom: 7px;
	width: 32px;
	line-height: 32px;
	height: 32px;
	text-align: center;
	pointer-events: none;
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;
}

.booking-form select.form-control+.select-arrow:after {
	content: '\279C';
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}



.booking-form .form-group .form-control:focus+.form-label {
	top: 0px;
	color:#d3b362;
	font-size: 14px;
}

.booking-form .form-group.input-not-empty .form-label {
	top: 0px;
	color:#d3b362;
	font-size: 14px;
}

.booking-form .form-checkbox input {
	position: absolute !important;
	margin-left: -9999px !important;
	visibility: hidden !important;
}

.font-25
{
	font-size:25px;
	margin-left:15px;
	
}

.booking-form .form-checkbox label {
	position: relative;
	padding-top: 4px;
	padding-left:60px;
	font-weight: 400;
	padding-right:10px;
	
}

.booking-form .form-checkbox span {
	position: relative;
	padding-left:20px;
	font-weight:600;
	font-size:16px;
	
}


.booking-form .form-checkbox span+label {
	position: relative;
	padding-left:30px;
	font-weight:600;
	font-size:16px;
	
}

.avail{
	
	
	background-color:#dee1e2;
	height:50px;
	margin-bottom:10px;
	
	
}

.booking-form .submit-btn4 {
	
	  background: transparent;
	  border:none;
	  z-index:9999999;
	  height: 35px;
	 
}


.booking-form .submit-btn4-1 {
	
	  background: transparent;
	  border:none;
	  z-index:9999999;
	  height: 35px;
	 
}

.booking-form .submit-btn4-2 {
	
	  background: transparent;
	  border:none;
	  z-index:9999999;
	  height: 35px;
	 
}





.booking-form .submit-btn5 {
	color:#d3b362;
	background-color:#dee1e2;
	
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:20%;
	float:left;
	
	
}


.booking-form .submit-btn6 {
	color:#d3b362;
	background-color:#707070;
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:20%;
	float:left;
	
	
}


.booking-form .submit-btn7 {
	color:#000000;
	background-color:#d3b362;
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size:15px;
	border: none;
	display: block;
	width:48%;
	float:left;
	margin:2px;
	
	
}





.booking-form .form-checkbox label+label {
	margin-left:45px;
}

.radio-length {
	position:relative;
	display:block;
	width:100px;
	margin-right:10px;
	margin-left:10px;
	
}


.booking-form .form-checkbox input+span {
	position: absolute;
	left: 2px;
	top: -4px;
	width: 20px;
	margin-left:8px;
	height: 20px;
	background:#d3b362;
	border-radius: 50%;
	cursor:pointer;
}

.booking-form .form-checkbox input+span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color:#d3b362;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.booking-form .form-checkbox input:not(:checked)+span:after {
	opacity: 0;
}

.booking-form .form-checkbox input:checked+span:after {
	opacity: 1;
	width: 10px;
	height: 10px;
}
.booking-form .form-btn {
	margin-top:90px;
}

.booking-form .submit-btn {
color:#000000;
	background-color:#d3b362 !important;
	font-weight:500;
	height: 45px;
	padding:10px;
	font-size: 18px;
	border: none;
	display: block;
	width:98.5%;
	text-transform: capitalize;
	margin-top:5px;

}

.booking-form .submit-btn:hover {
	color: #ffffff;
	background-color:#d3b362 !important;
	font-weight:500;
	height: 45px;
	padding:10px;
	font-size: 18px;
	border: none;
	display: block;
	width:98.5%;
	text-transform: capitalize;

}

.booking-form .submit-btn1 {
	color:#000000;
	background-color:#d3b362;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}

.booking-form .submit-btn2 {
	color: #696969;
	background-color: #dde0e1;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}


.booking-form .submit-btn3 {
	color:#d3b362;
	background-color: #d3b362;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}



.booking-form .logo img {
	
	
	width:178px;
	height:183px;
	
	
	
}

.nav-progress {
  display: table;
  overflow: hidden;
  margin: 0;
  width: 100%;
 
 
  background-color: #dee1e2;
 
}
.nav-progress > div {
  position: relative;
  display: table-cell;
  padding: 10px 0;
  color:#d3b362;
  text-align: center;
  font-size: 1.125em;
  line-height: 1.25em;
}
.nav-progress > div.complete {
  background-color: #d3b362;
  color:#d3b362;
}
.nav-progress > div.end {
  background-color: #707070;
  color:#d3b362;
}
.nav-progress > div.complete .arrow {
   border: 2px solid #003917 !important;
  background: #dde1e2 !important;
}
.nav-progress > div.active {
 
  color:#d3b362;
}
.nav-progress > div.active .arrow {
  background: #EC407A !important;
}

.arrow-wrapper {
  position: absolute;
  top: 0px;
  right: 0px;
}
.arrow-wrapper .arrow-cover {
 position: absolute;
    overflow: hidden;
    width: 50px;
    height: 50px;
    left:-38px;

}
.arrow-wrapper .arrow-cover .arrow {
  position: absolute;
  right: -24px;
  z-index: 2;
  width: 50px;
  height: 50px;
 
  background: transparent;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.guest
{
	display:block;
	visibility: hidden;
	
	
}
.main-banner
{
	width: 100% !important;
    height:300px;
background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
	

.table-box
{
	display: block;
	flex-direction: row;
	width:100%;
}


.table-box .table-box-inner
{
width:33.3333%;
   
	float:left;
	text-align:center;
	
}

.table-box .table-box-inner1
{
width:33.3333%;
   
	float:left;
	text-align:center;
	
}
.table-box .table-box-inner2
{
width:33.3333%;
   
	float:left;
	text-align:center;
	
}
.table-box .table-box-inner .complete {
	background-color: #d3b362;
	color:#000000;
	height:30px;
	padding: 5px 0px;
	
  }
  .booking-form .submit-btn-table {
	color:#ffffff;
	background-color:#d3b362;
	font-weight: 400;
	height: 35px;
	font-size: 14px;
	width:32.33%;
	border: none;
	display: block;
    float:left;
	margin:1px;
	
}

.table-box-inner-gl
{
	background-color: #d3b362;
}


.table-box .table-box-inner.end {
    background-color: #707070;
    color:#d3b362;
}
.availbale-gray
{
	background-color:#dde0e1;
}

@media only screen and (max-width:480px) {
	.address-bx1
{
	float:left;
}

.address-bx2
{
	float:left;
	width:70%;
	margin-right:8px;
}
.address-bx

{
	 color:#d3b362 !important;
    border:1px solid #2a2926 !important;
	padding:10px;
	
	margin-top:5px;
	width:99.1%;
	text-align:left;
	direction:ltr;
	float:left;
	font-size:12px;
	font-weight:normal;
	
}
.address-bx-margin
{
	margin-right:5px;
}

	
	 .media-width
	{
		width:100% !important;
		float:left;
		
	}
	
	.booking-form .booking-bg {
	position: absolute;
	background-image: none !important;
	background-size: cover;
	background-position: center;
	
	
	overflow: hidden;
}
.
	.booking-form .booking-bg {
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
	
		width:100%;
		margin: auto;
	}
	.booking-form>form {
		margin-left: 0px;
	}
	
	.booking-form .form-header {

	
	position: relative;
	z-index: 20;
	text-align:center;
}

.booking-form .form-header {
    position: relative;
	z-index: 20;
	text-align:center;
	margin-top: 25px;
}



.booking-form .form-header h2 {
	font-family: Calibri, "Calibri Light";
	margin-top: 0;
	margin-bottom: 15px;
	font-weight:700;
	color:#d3b362;
	font-size:45px;
	text-transform: uppercase;
}
.heading {
	font-family: Calibri, "Calibri Light";
	margin-top:-30px;
	font-weight:400;
	color:#d3b362;
	font-size:30px;
	text-transform: uppercase;
}

.booking-form .form-header p {
	color:#d3b362;
	font-size: 18px;
}

.booking-form .form-group {
	position: relative;
	margin-bottom:13px;
}
.booking-form .form-control {
	
	height: 55px;
	padding: 0px;
	padding-top: 15px;
	color:#d3b362;
	font-size: 16px;
	font-weight: 700;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	background-color: transparent;
	
}

.booking-form .form-control::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-control:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-control::placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form input[type="date"].form-control:invalid {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-group:not(.input-not-empty) .form-control:not(:focus) {
	color: transparent;
}

.booking-form select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.booking-form select.form-control+.select-arrow {
	position: absolute;
	right: 0px;
	bottom: 7px;
	width: 32px;
	line-height: 32px;
	height: 32px;
	text-align: center;
	pointer-events: none;
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;
}

.booking-form select.form-control+.select-arrow:after {
	content: '\279C';
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.booking-form .form-label {
	color: rgba(0, 0, 0, 0.2);
	font-weight: 700;
	position: absolute;
	top: 20px;
	left: 0px;
	text-transform: uppercase;
	line-height: 24px;
	height: 23px;
	font-size: 16px;
	pointer-events: none;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.booking-form .form-group .form-control:focus+.form-label {
	top: 0px;
	color:#d3b362;
	font-size: 14px;
}

.booking-form .form-group.input-not-empty .form-label {
	top: 0px;
	color:#d3b362;
	font-size: 14px;
}

.booking-form .form-checkbox input {
	position: absolute !important;
	margin-left: -9999px !important;
	visibility: hidden !important;
}

.booking-form .form-checkbox label {
	position: relative;
	padding-top: 4px;
	padding-left:60px;
	font-weight: 400;
	
}

.booking-form .form-checkbox span {
	position: relative;
	padding-left:20px;
	font-weight:600;
	font-size:16px;
	
}


.booking-form .form-checkbox span+label {
	position: relative;
	padding-left:30px;
	font-weight:600;
	font-size:16px;
	
}

.avail{
	
	
	background-color:#dee1e2;
	height:50px;
	margin-bottom:10px;
	
	
}

.booking-form .submit-btn4 {
	color:#d3b362;
	  background: transparent;
	  border:none;
	  z-index:9999999;
	
	
	
}


.booking-form .submit-btn5 {
	color:#d3b362;
	background-color:#dee1e2;
	
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:20%;
	float:left;
	
	
}


.booking-form .submit-btn6 {
	color:#d3b362;
	background-color:#707070;
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:20%;
	float:left;
	
	
}


.booking-form .submit-btn7 {
	color:#000000;
	background-color:#d3b362;
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size:15px;
	border: none;
	display: block;

	width:48%;
	float:left;
	margin:2px;
	
	
}





.booking-form .form-checkbox label+label {
	margin-left: 15px;
}

.radio-length {
	position:relative;
	display:block;
	width:100px;
	margin-right:10px;
	margin-left:10px;
	
}


.booking-form .form-checkbox input+span {
	position: absolute;
	left: 2px;
	top: 4px;
	width: 20px;
	height: 20px;
	background:#d3b362;
	border-radius: 50%;
}

.booking-form .form-checkbox input+span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color:#d3b362;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.booking-form .form-checkbox input:not(:checked)+span:after {
	opacity: 0;
}

.booking-form .form-checkbox input:checked+span:after {
	opacity: 1;
	width: 10px;
	height: 10px;
}
.booking-form .form-btn {
	margin-top:90px;
}

.booking-form .submit-btn {
	color:#ffffff;
	background-color: #d3b362;
	font-weight:500;
	height: 45px;
	padding:10px;
	font-size: 18px;
	border: none;
	display: block;
	width:98.5%;
	text-transform: capitalize;

}

.booking-form .submit-btn1 {
	color:#ffffff;
	background-color: #d3b362;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	
	float:left;
	margin:1px;
	
}

.booking-form .submit-btn2 {
	color: #696969;
	background-color: #dde0e1;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}


.booking-form .submit-btn3 {
	color:#d3b362;
	background-color: #d3b362;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}

.booking-form .submit-btn-table {
	color:#ffffff;
	background-color:#d3b362;
	font-weight: 400;
	height: 35px;
	
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}

.booking-form .logo img {
	
	
	width:178px;
	height:183px;
	
	
	
}




}


@media only screen and (max-width:600px) {
	
	.booking-form .booking-bg {
	position: absolute;
	
	
	background-image: none !important;
	background-size: cover;
	background-position: center;
	
	
	overflow: hidden;
}


	.booking-form .booking-bg {
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
	
		width:100%;
		margin: auto;
	}
	.booking-form>form {
		margin-left: 0px;
	}
	
	.booking-form .form-header {

	
	position: relative;
	z-index: 20;
	text-align:center;
}



.booking-form .form-header {
    position: relative;
	z-index: 20;
	text-align:center;
	margin-top: 25px;
}



.booking-form .form-header h2 {
	font-family: Calibri, "Calibri Light";
	margin-top: 0;
	margin-bottom: 15px;
	font-weight:700;
	color:#d3b362;
	font-size:45px;
	text-transform: uppercase;
}
.heading {
	font-family: Calibri, "Calibri Light";
	margin-top:-30px;
	font-weight:400;
	color:#d3b362;
	font-size:30px;
	text-transform: uppercase;
}


.booking-form .form-header p {
	color:#d3b362;
	font-size: 18px;
}

.booking-form .form-group {
	position: relative;
	margin-bottom:13px;
}
.booking-form .form-control {
	
	height: 55px;
	padding: 0px;
	padding-top: 15px;
	color:#d3b362;
	font-size: 16px;
	font-weight: 700;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	background-color: transparent;
	
}

.booking-form .form-control::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-control:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-control::placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form input[type="date"].form-control:invalid {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-group:not(.input-not-empty) .form-control:not(:focus) {
	color: transparent;
}

.booking-form select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.booking-form select.form-control+.select-arrow {
	position: absolute;
	right: 0px;
	bottom: 7px;
	width: 32px;
	line-height: 32px;
	height: 32px;
	text-align: center;
	pointer-events: none;
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;
}

.booking-form select.form-control+.select-arrow:after {
	content: '\279C';
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.booking-form .form-label {
	color: rgba(0, 0, 0, 0.2);
	font-weight: 700;
	position: absolute;
	top: 20px;
	left: 0px;
	text-transform: uppercase;
	line-height: 24px;
	height: 23px;
	font-size: 16px;
	pointer-events: none;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.booking-form .form-group .form-control:focus+.form-label {
	top: 0px;
	color:#d3b362;
	font-size: 14px;
}

.booking-form .form-group.input-not-empty .form-label {
	top: 0px;
	color:#d3b362;
	font-size: 14px;
}

.booking-form .form-checkbox input {
	position: absolute !important;
	margin-left: -9999px !important;
	visibility: hidden !important;
}
.booking-form .form-checkbox label {
	position: relative;
	padding-top: 4px;
	padding-left:60px;
	font-weight: 400;
	
}

.booking-form .form-checkbox span {
	position: relative;
	padding-left:20px;
	font-weight:600;
	font-size:14px;
	
}


.booking-form .form-checkbox span+label {
	position: relative;
	padding-left:30px;
	font-weight:600;
	font-size:14px;
	
}


.avail{
	
	
	background-color:#dee1e2;
	height:50px;
	margin-bottom:10px;
	
	
}

.booking-form .submit-btn4 {
	color:#d3b362;
	  background: transparent;
	  border:none;
	  z-index:9999999;
	
	
	
}


.booking-form .submit-btn5 {
	color:#d3b362;
	background-color:#dee1e2;
	
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:20%;
	float:left;
	
	
}


.booking-form .submit-btn6 {
	color:#d3b362;
	background-color:#707070;
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:20%;
	float:left;
	
	
}


.booking-form .submit-btn7 {
	color:#000000;
	background-color:#d3b362;
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size:15px;
	border: none;
	display: block;
	width:48%;
	float:left;
	margin:2px;
	
	
}





.booking-form .form-checkbox label+label {
	margin-left: 15px;
}


.radio-length {
	position:relative;
	display:block;
	width:100px;
	margin-right:10px;
	margin-left:10px;
	
}

.booking-form .form-checkbox input+span {
	position: absolute;
	left: 2px;
	top: 4px;
	width: 20px;
	height: 20px;
	background: #d3b362;
	border-radius: 50%;
}

.booking-form .form-checkbox input+span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color:#d3b362;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.booking-form .form-checkbox input:not(:checked)+span:after {
	opacity: 0;
}

.booking-form .form-checkbox input:checked+span:after {
	opacity: 1;
	width: 10px;
	height: 10px;
}
.booking-form .form-btn {
	margin-top:90px;
}

.booking-form .submit-btn {
	color:#d3b362;
	background-color: #d3b362;
	font-weight:500;
	height: 45px;
	padding:10px;
	font-size: 18px;
	border: none;
	display: block;
	width:98.5%;
	text-transform: capitalize;

}

.booking-form .submit-btn1 {
	color:#ffffff;
	background-color: #d3b362;
	font-weight: 400;
	height: 45px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	
	float:left;
	margin:1px;
	
}

.booking-form .submit-btn2 {
	color: #696969;
	background-color: #dde0e1;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}


.booking-form .submit-btn3 {
	color:#d3b362;
	background-color: #d3b362;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}



.booking-form .logo img {
	
	
	width:178px;
	height:183px;
	
	
	
}




}



@media only screen and (max-width:992px) {

	h4 {
		position: relative;
		
		
		font-weight:bold;
		color:#d3b362;
		font-size:15px;
		
		text-transform: capitalize;
	}
	
	
	
	h5 {
		position: relative;
		
		
		font-weight:bold;
		color:#d3b362;
		font-size:13px;
		
		text-transform: capitalize;
	}
	h6 {
		position: relative;
		
		
		font-weight:300;
		color:#d3b362;
		font-size:14px;
		
		text-transform: capitalize;
	}
	h3 {
		position: relative;
		padding-top: 4px;
		
		font-weight:bold;
		color:#d3b362;
		font-size:13px;
		
		text-transform: capitalize;
	}
	
	.booking-form .booking-bg {
	position: absolute;
	
	
	background-image: none !important;
	background-size: cover;
	background-position: center;
	
	
	overflow: hidden;
}
	.booking-form .booking-bg {
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
	
		width:100%;
		margin: auto;
	}
	.booking-form>form {
		margin-left: 0px;
	}
	
	.booking-form .form-header {

	
	position: relative;
	z-index: 20;
	text-align:center;
}



.booking-form .form-header {
    position: relative;
	z-index: 20;
	text-align:center;
	margin-top: 25px;
}



.booking-form .form-header h2 {
	font-family: Calibri, "Calibri Light";
	margin-top: 0;

	margin-bottom: 15px;
	font-weight:700;
	color:#d3b362;
	font-size:45px;
	text-transform: uppercase;
}
.heading {
	font-family: Calibri, "Calibri Light";
	margin-top:-30px;
	font-weight:400;
	color: #d3b362;
	font-size:30px;
	text-transform: uppercase;
}


.booking-form .form-header p {
	color:#d3b362;
	font-size: 18px;
}

.booking-form .form-group {
	position: relative;
	margin-bottom:13px;
}
.booking-form .form-control {
	
	height: 55px;
	padding: 0px;
	padding-top: 15px;
	color:#d3b362;
	font-size: 16px;
	font-weight: 700;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	background-color: transparent;
	
}

.booking-form .form-control::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-control:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-control::placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form input[type="date"].form-control:invalid {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-group:not(.input-not-empty) .form-control:not(:focus) {
	color: transparent;
}

.booking-form select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.booking-form select.form-control+.select-arrow {
	position: absolute;
	right: 0px;
	bottom: 7px;
	width: 32px;
	line-height: 32px;
	height: 32px;
	text-align: center;
	pointer-events: none;
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;
}

.booking-form select.form-control+.select-arrow:after {
	content: '\279C';
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.booking-form .form-label {
	color: rgba(0, 0, 0, 0.2);
	font-weight: 700;
	position: absolute;
	top: 20px;
	left: 0px;
	text-transform: uppercase;
	line-height: 24px;
	height: 23px;
	font-size: 16px;
	pointer-events: none;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.booking-form .form-group .form-control:focus+.form-label {
	top: 0px;
	color:#d3b362;
	font-size: 14px;
}

.booking-form .form-group.input-not-empty .form-label {
	top: 0px;
	color:#d3b362;
	font-size: 14px;
}

.booking-form .form-checkbox input {
	position: absolute !important;
	margin-left: -9999px !important;
	visibility: hidden !important;
}

.booking-form .form-checkbox label {
	position: relative;
	padding-top: 4px;
	padding-left:60px;
	font-weight: 400;
	
}

.booking-form .form-checkbox span {
	position: relative;
	padding-left:20px;
	font-weight:600;
	font-size:16px;
	
}


.booking-form .form-checkbox span+label {
	position: relative;
	padding-left:30px;
	font-weight:600;
	font-size:14px;
	
}


.avail{
	
	
	background-color:#dee1e2;
	height:50px;
	margin-bottom:10px;
	
	
}

.booking-form .submit-btn4 {
	color:#d3b362;
	  background: transparent;
	  border:none;
	  z-index:9999999;
	
	
	
}


.booking-form .submit-btn5 {
	color:#d3b362;
	background-color:#dee1e2;
	
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:20%;
	float:left;
	
	
}


.booking-form .submit-btn6 {
	color:#d3b362;
	background-color:#707070;
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:20%;
	float:left;
	
	
}


.booking-form .submit-btn7 {
	color:#000000;
	background-color:#d3b362;
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size:15px;
	border: none;
	display: block;
	width:48%;
	float:left;
	margin:2px;
	
	
}





.booking-form .form-checkbox label+label {
	margin-left: 15px;
}
.booking-form .form-checkbox label {
	position: relative;
	padding-top: 4px;
	padding-left:60px;
	font-weight: 400;
	
}

.booking-form .form-checkbox span {
	position: relative;
	padding-left:20px;
	font-weight:600;
	font-size:16px;
	
}


.booking-form .form-checkbox span+label {
	position: relative;
	padding-left:30px;
	font-weight:600;
	font-size:16px;
	
}


.booking-form .form-checkbox input+span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color:#d3b362;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.booking-form .form-checkbox input:not(:checked)+span:after {
	opacity: 0;
}

.booking-form .form-checkbox input:checked+span:after {
	opacity: 1;
	width: 10px;
	height: 10px;
}
.booking-form .form-btn {
	margin-top:90px;
}

.booking-form .submit-btn {
	color:#d3b362;
	background-color: #d3b362;
	font-weight:500;
	height: 45px;
	padding:10px;
	font-size: 18px;
	border: none;
	display: block;
	width:98.5%;
	text-transform: capitalize;

}

.booking-form .submit-btn1 {
	color:#ffffff;
	background-color:#d3b362;
	font-weight: 400;
	
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}

.booking-form .submit-btn2 {
	color: #696969;
	background-color: #dde0e1;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}


.booking-form .submit-btn3 {
	color:#d3b362;
	background-color: #d3b362;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}



.booking-form .logo img {
	
	
	width:178px;
	height:183px;
	
	
	
}



}

@media only screen and (max-width:480px) {
	
	.company
{
 clear:both;
   height:100%;
   

}
.company img
{
display: block;
  width:100vw;
  height: 69vh;
  object-fit: cover; 
opacity: 0.3;
}

.menu_banner
{
	 position:absolute;
    z-index:999;
  top:50%;
  width:60%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
 

.menu_banner .input
{
	width:100%;
	margin:auto;
	
}
 .company .text-box
 {
	 float:left;
	 width:80%;
	 height:38px;
 }
  select {
     
      -webkit-border-radius: 0;
      border: 0;
      outline-offset: -1px;
    }
 .company .text-box-1
 {
	 float:right;
	 width:20%;
	  height:38px;
 } .company .text-box-2
{
	width:100%;
	margin:auto;
	
	color:  #d3b362;
	
}
 
.button-company
 {
	 color: #000000 !important;
	 background-color: #d3b362 !important;
     height:38px;
	width:100%;
	cursor:pointer;
 }
.button-company:hover
 {
	 color:#ffffff !important;
	 background-color:#d3b362 !important;
     height:38px;
	width:100%;
	cursor:pointer;
 }

.company-logo {
   
    background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:180px;
    height: 160px;
	opacity:1;
	z-index:99;
	margin-left:9%;
	

	
  }

.company-logo img {
    
   background-repeat: no-repeat;
    max-width: 100%;
    background-position: center;
    background-size: contain;
    width:210px;
    height: 160px;
	border-radius:6%;
	border:6px solid #d3b362;
	opacity:1;
	z-index:99;
	
  }
	
	
	.booking-form .booking-bg {
	position: absolute;
	
	
	background-image: none !important;
	background-size: cover;
	background-position: center;
	
	
	overflow: hidden;
}

.media-width
	{
		width:100% !important;
		float:left;
		
	}


	.booking-form .booking-bg {
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
	
		width:100%;
		margin: auto;
	}
	.booking-form>form {
		margin-left: 0px;
	}
	
	.booking-form .form-header {
    position: relative;
	z-index: 20;
	text-align:center;
	margin-top: 25px;
}



.booking-form .form-header {
    position: relative;
	z-index: 20;
	text-align:center;
	margin-top: 25px;
}



.booking-form .form-header h2 {
	font-family: Calibri, "Calibri Light";
	margin-top: 0;
	margin-bottom: 15px;
	font-weight:700;
	color:#d3b362;
	font-size:30px;
	text-transform: uppercase;
}
.heading {
	font-family: Calibri, "Calibri Light";
	margin-top:-25px;
	font-weight:400;
	color:#d3b362;
	font-size:23px;
	text-transform: uppercase;
}


.booking-form .form-header p {
	color:#d3b362;
	font-size: 18px;
}

.booking-form .form-group {
	position: relative;
	margin-bottom:13px;
}
.booking-form .form-control {
	
	height: 55px;
	padding: 0px;
	padding-top: 15px;
	color:#d3b362;
	font-size: 13px;
	font-weight: 700;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	background-color: transparent;
	
}

.booking-form .form-control::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-control:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-control::placeholder {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form input[type="date"].form-control:invalid {
	color: rgba(0, 0, 0, 0.2);
}

.booking-form .form-group:not(.input-not-empty) .form-control:not(:focus) {
	color: transparent;
}

.booking-form select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.booking-form select.form-control+.select-arrow {
	position: absolute;
	right: 0px;
	bottom: 7px;
	width: 32px;
	line-height: 32px;
	height: 32px;
	text-align: center;
	pointer-events: none;
	color: rgba(0, 0, 0, 0.2);
	font-size: 14px;
}

.booking-form select.form-control+.select-arrow:after {
	content: '\279C';
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.booking-form .form-label {
	color: rgba(0, 0, 0, 0.2);
	font-weight: 700;
	position: absolute;
	top: 20px;
	left: 0px;
	text-transform: uppercase;
	line-height: 24px;
	height: 23px;
	font-size: 16px;
	pointer-events: none;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.booking-form .form-group .form-control:focus+.form-label {
	top: 0px;
	color:#d3b362;
	font-size: 14px;
}

.booking-form .form-group.input-not-empty .form-label {
	top: 0px;
	color:#d3b362;
	font-size: 14px;
}


.booking-form .form-checkbox input {
	position: absolute !important;
	margin-left: -9999px !important;
	visibility: hidden !important;
}

.booking-form .form-checkbox label {
	position: relative;
	padding-top: 4px;
	padding-left:60px;
	font-weight: 400;
	
}

.booking-form .form-checkbox span {
	position: relative;
	padding-left:20px;
	font-weight:600;
	font-size:14px;
	
}


.booking-form .form-checkbox span+label {
	position: relative;
	padding-left:30px;
	font-weight:600;
	font-size:16px;
	
}


.avail{
	
	
	background-color:#dee1e2;
	height:50px;
	margin-bottom:10px;
	
	
}

.booking-form .submit-btn4 {
	
	  background: transparent;
	  border:none;
	  z-index:9999999;
	 
	 
	 
	
	
}


.booking-form .submit-btn5 {
	color:#d3b362;
	background-color:#dee1e2;
	
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:20%;
	float:left;
	
	
}


.booking-form .submit-btn6 {
	color:#d3b362;
	background-color:#707070;
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:20%;
	float:left;
	
	
}


.booking-form .submit-btn7 {
	color:#000000;
	background-color:#d3b362;
	font-weight: 400;
	height:50px;
	padding:5px;
	font-size:15px;
	border: none;
	display: block;
	width:48%;
	float:left;
	margin:2px;
	
	
}





.booking-form .form-checkbox label+label {
	margin-left: 15px;
}


.radio-length {
	position:relative;
	display:block;
	width:100px;
	margin-right:10px;
	margin-left:10px;
	
}


.booking-form .form-checkbox input+span {
	position: absolute;
	left: 2px;
	top: 4px;
	width: 20px;
	height: 20px;
	background:#d3b362;
	border-radius: 50%;
}

.booking-form .form-checkbox input+span:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color:#d3b362;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.booking-form .form-checkbox input:not(:checked)+span:after {
	opacity: 0;
}

.booking-form .form-checkbox input:checked+span:after {
	opacity: 1;
	width: 10px;
	height: 10px;
}
.booking-form .form-btn {
	margin-top:90px;
}

.booking-form .submit-btn {
	color:#000000;
	background-color: #d3b362;
	font-weight:500;
	height: 45px;
	padding:10px;
	font-size:14px;
	letter-spacing: 1px;
	border: none;
	display: block;
	width:100%;
	text-transform: capitalize;

}

.booking-form .submit-btn-red {
	color:#d3b362;
	
	font-weight:500;
	border-bottom: solid 2px #ca4646 !important;
	
	padding:10px;
	font-size: 14px;
	border: none;
	display: block;
	width:100%;
	text-transform: capitalize;


}

.booking-form .submit-btn-gray {
	color: rgb(51, 51, 51);
	background-color:#f0f0f0 !important;
	font-weight:500;
	
	padding:10px;
	font-size: 14px;
	border: none;
	display: block;
	width:100%;
	text-transform: capitalize;


}


.booking-form .submit-btn:hover {
	color:#d3b362;
	background-color:#f0b56e !important;
	font-weight:500;
	height: 45px;
	padding:10px;
	font-size: 14px;
	border: none;
	display: block;
	width:100%;
	text-transform: capitalize;

}

.booking-form .submit-btn1 {
	color:#ffffff;
	background-color:#d3b362;
	font-weight: 400;
	padding:5px;
	height: 35px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}

.booking-form .submit-btn2 {
	color: #696969;
	background-color: #dde0e1;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}


.booking-form .submit-btn3 {
	color:#d3b362;
	background-color: #d3b362;
	font-weight: 400;
	height: 35px;
	padding:5px;
	font-size: 14px;
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}

.booking-form .submit-btn-table {
	color:#ffffff;
	background-color:#d3b362;
	font-weight: 400;
	
	font-size: 11px;
	
	border: none;
	display: block;
	width:32.333%;
	float:left;
	margin:1px;
	
}

.booking-form .logo img {
	
	
	width:100px;
	height:100px;
	margin-bottom: 8px;
	
	
	
}

.nav-progress {
	display: table;
	overflow: hidden;
	margin: 0;
	width: 100%;
	height: 50px;
   
	background-color: #dee1e2;
   
  }
  .nav-progress > div {
	position: relative;
	display: table-cell;
	padding: 10px 0;
	color:#d3b362;
	text-align: center;
	font-size: 1.125em;
	line-height: 1.25em;
  }
  .nav-progress > div.complete {
	background-color: #d3b362;
	color:#d3b362;
	
  }
  .nav-progress > div.end {
	background-color: #707070;
	color:#d3b362;
	
  }
  .nav-progress > div.complete .arrow {
	 border: 2px solid #003917 !important;
	background: #dde1e2 !important;
  }
  .nav-progress > div.active {
   
	color:#d3b362;
  }
  .nav-progress > div.active .arrow {
	background: #EC407A !important;
  }
  
  .arrow-wrapper {
	position: absolute;
	top: 0px;
	right: 0px;
  }
  .arrow-wrapper .arrow-cover {
   position: absolute;
	  overflow: hidden;
	  width: 50px;
	  height: 50px;
	  left:-38px;
  
  }
  .arrow-wrapper .arrow-cover .arrow {
	position: absolute;
	right: -24px;
	z-index: -2;
	width: 50px;
	height: 50px;
   
	background: transparent;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  
  .guest
  {
	  display:block;
	  visibility: visible;
	  margin-top:5px;
	  
  }
  .main-banner
{
	width: 100% !important;
    height:139px;
	background-size: cover;
    background-position: 50%;
}

.table-box
{
	display: block;
	flex-direction: row;
	width:100%;
}


.table-box .table-box-inner
{
width:33.3333%;
   
	float:left;
	text-align:center;
	
}

.table-box .table-box-inner1
{
width:33.3333%;
   
	float:left;
	text-align:center;
	
}
.table-box .table-box-inner2
{
width:33.3333%;
   
	float:left;
	text-align:center;
	
}
.table-box .table-box-inner .complete {
	background-color: #d3b362;
	color:#d3b362;
	
  }
   
.table-box .table-box-inner.end {
    background-color: #707070;
    color:#d3b362;
}
  
}

@media only screen and (max-width: 481px) {
	
.modal-content{
    width: 94% !important;
    margin: auto;
}
.media-width
	{
		width:100% !important;
		float:left;
		
	}
.navbar-light .navbar-toggler-icon {
  
   background-image: url(images/menu-toggle.png)!important;
}
}
  
div.scrollmenu {
  background-color: rgb(255, 0, 0);
  overflow: auto;
  white-space: nowrap;
  }
  
  
  
  div.scrollmenu a {
  display: inline-block;
  background-color: rgb(0, 0, 0);
  color: black;
  text-align: center;
  border: 2px solid #74bb4e;
  padding: 14px;
  margin-bottom: 4px;
  text-decoration: none;
  margin-right: 2px !important;
  }
  
  div.scrollmenu a:focus {
  background-color: #002c4a;
  color: white;
  }
  
  /* width */
  ::-webkit-scrollbar {
  width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
  background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
  background: #d3b362;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
  background: #000;
  } 
  
   .note-icon
  {
	  color:#d3b362;
  }
  
   .note-text
  {
	  text-align:left;
	
  }
  
  .payment-mode
  {
	  text-align:left;
  }
  
  .payment-mode-padd
  {
	  margin-right:18px;
  }
  .payment-mode-field
  {
	  float:left;
  }
  
    .payment-mode-field-txt
  {
	   
	   color:#d3b362;
	   text-align:left;
	   direction:ltr;
	   margin-right:5px;
  }
  
  
    .payment-mode-field-padd
  {
	  margin-right:5px;
	 
  }
  
    .popup-choose
  { margin-left:0px;
	text-align:left;
	color:#d3b362;
  direction:ltr;
	  }
	  
	     .popup-choose-7
  { margin-left:0px;
	text-align:left;
	color:#d3b362;
	font-size:12px;
  direction:ltr;
	  }
	    .popup-choose-8   
	  {
		  margin-right:8px;
	  }

.popup-choose-1
  { margin-left:-10px;
  text-align:left;
  direction:ltr;
	  }
.popup-choose-2
  { margin-left:15px;
  text-align:right;
 direction:ltr;
 color:#d3b362;
	  }
.popup-choose-3
  { margin-left:-15px;
  
 }  
	  .popup-choose-4
  { margin-left:15px;
	text-align:left;
	color:#d3b362;
  direction:ltr;
	  }
	
	
	  .type
	  {
		  margin-left:9px;
		  float:left;
	  }
	  
	     .type-1
	  {
		  margin-right:5px;
		 
	  }
	
.table-bg
{
	background-color:#000000 !important;
	border-radius:3px;
	padding:10px;
}