/* Our custom style  */


.form-bg {
  background: url("https://megaone.acrothemes.com/restaurant/img/table-img.jpg")
    no-repeat;
  background-attachment: inherit;
  background-size: cover;
  background-position: top center;
}

/*Map Section*/

#google-map {
  height: 400px;
  width: 100%;
}
.col-map #google-map {
  height: 418px;
}

.map {
  background: url("https://megaone.acrothemes.com/food/img/map.jpg");
}

.contact-icon {
  font-size: 16px;
  padding-right: 12px;
  float: left;
}

.icon-flex {
  display: inline-flex;
}

.maxi {
  max-width: 187px;
}

.form-control {
  height: 50px;
}

.feature-content {
  position: relative;
  top: 80px;
  margin-bottom: 80px;
}

.box-margin {
  margin-bottom: 20px;
}

.center-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


/* #wpcf7-f861-o1{
	width: 550px !important;
	
}

@media (max-width: 620px) {
	.reservation-section-page {
		max-width: 100% !important;
		background-color: red;
	}
	.#wpcf7-f861-o1 {
		width: 0px !important;
	}
} */

.loader {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 111111;
  background: #202020 !important;
  overflow: hidden !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-wrapper {
  display: inline-block;
  animation: mirrorflip 2s 0s linear infinite;
}

@keyframes mirrorflip {
  0% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
  }
  50% {
    transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
  }
  100% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
  }
}
.zic-img {
	margin-bottom: 25px;
}

.owl-carousel .owl-stage {
	margin-top: 0px !important; 
}

.zic-img h2{
	font-size: 60px !important;
}

.loader-wrapper img{
	width: 150px;
	height:auto;
}

@media screen and (max-width: 1024px) {
    .text {
        /* text-align: center !important; */
        text-align: left !important;
    }
}

@media (min-width: 992px) {
   header .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 100%; 
    }
}
.navbar-brand {
    /* display: inline-block; */
    display: inline;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

 .text {
        text-align: start !important;
        /* text-align: left !important; */
    }
.dbox .text{
	text-align: left !important;
}
#quantity_665ec4ded3546{
	border: 1px solid #f10ecc;

}
#heightFix{
	height: 92vh;
}

.social-icons-simple li{
    display: inline-block;
}

.social-icons-simple li a {
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 38px;
    border: 1px solid transparent;
    text-align: center;
    width: 36px;
    color: #FFFFFF;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}
.social-icons-simple.darkcolor li a{
    color: #fff;
}
.social-icons-simple.whitecolor li a{
    color: #fff;
}
.social-icons-simple li a:hover{
    background-color: #f10ecc;
}

.social-icons-simple li.animated-wrap a:hover{
    background-color: transparent;
    color: #ffffff;
}


.social-icons-simple li {
    display: inline-block;
    padding-left: 8px;
}
.social-icons-simple li:first-child {
    padding-left: 0;
    padding-left: 8px;
}

.revicon {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 40px;
    z-index: 11;
}

.current-menu-item{
	color:#f10ecc !important;
}

.footer-menu li a:hover{
	color:#f10ecc !important;
}

.owl-nav{
	margin-top: 20px;
}





@media (width < 992px) {
   footer .timing {
        text-align: start; 
    }
}

@media screen and (max-width: 700px){
	.revicon {
		display:none}
	#slide-44-layer-1{
		padding-left: 20px !important;
	font-size:25px !important;
	}
	#slide-45-layer-1{
	padding-left: 20px !important;
font-size:30px !important;
	}
	#slide-46-layer-1{
padding-left: 20px !important;
	font-size:30px !important;
	}
	#slide-46-layer-1_6266{
		padding-left: 20px !important;
	font-size:25px !important;
	}
	}


.ftco-section {
    margin-top: 200px;
    margin-bottom: 200px;
}

.ftco-section .wrapper {
    width: 100%;
    -webkit-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
}

.ftco-section .contact-wrap {
    background: url(../img/bg-1.jpg) !important;
}

.ftco-section .info-wrap {
    color: rgba(255, 255, 255, 0.8);
}

.ftco-section .info-wrap h3 {
    color: #fff;
}

.ftco-section .info-wrap .dbox {
    width: 100%;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 25px;
}

.ftco-section .info-wrap .dbox:last-child {
    margin-bottom: 0;
}

.ftco-section .info-wrap .dbox p {
    margin-bottom: 0;
}

.ftco-section .info-wrap .dbox p span {
    font-weight: 500;
    color: #fff;
}

.ftco-section .info-wrap .dbox p a {
    color: #fff;
}

.ftco-section .info-wrap .dbox .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.ftco-section .info-wrap .dbox .icon span {
    font-size: 20px;
    color: #fff;
}

.ftco-section .info-wrap .dbox .text {
    width: calc(100% - 50px);
}

.ftco-section .btn {
    padding: 12px 16px;
    cursor: pointer;
    border-width: 1px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
   .ftco-section .btn {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.ftco-section .btn:hover, .btn:active, .btn:focus {
    outline: none !important;
    -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
    -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
    box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
}

.ftco-section .btn.btn-primary {
    background: #01d28e !important;
    border-color: #01d28e !important;
    color: #fff;
}

.ftco-section .btn.btn-primary:hover, .btn.btn-primary:focus {
    border-color: #019f6c !important;
    background: #019f6c !important;
}

.ftco-section .contactForm .label {
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.ftco-section .contactForm .form-control {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
}

#rev_slider_1_1_wrapper {
	background: transparent;
	padding: 0px
}

#rev_slider_1_1 {
display: none;}

#slide-44-layer-2 {
	 z-index: 5;
                  white-space: nowrap;
                  font-size: 36px;
                  line-height: 46px;
                  font-weight: 400;
                  color: #fff;
                  letter-spacing: 0px;
}

.style-paragraph-margin {
	margin-bottom: 4px !important;
	text-align: center;
}

#slide-44-layer-1 {
	color: #f10ecc;
}

#slide-45-layer-2 {
	  z-index: 5;
                  white-space: nowrap;
                  font-size: 36px;
                  line-height: 46px;
                  font-weight: 400;
                  color: #fff;
                  letter-spacing: 0px;
}

#slide-45-layer-1 {
		  z-index: 5;
                  white-space: nowrap;
                  font-size: 36px;
                  line-height: 46px;
                  font-weight: 400;
                  color: #fff;
                  letter-spacing: 0px;
}

#slide-45-layer-3 {
	z-index: 5;
                  white-space: nowrap;
                  font-size: 36px;
                  line-height: 46px;
                  font-weight: 400;
                  color: #fff;
                  letter-spacing: 0px;
}

#slide-45-layer-4 {
	z-index: 8;
}

#slide-46-layer-4 {
	z-index: 8;
	font-family: Roboto;
}

#slide-46-layer-3 {
	     z-index: 7;
                  min-width: 600px;
                  max-width: 600px;
                  white-space: normal;
                  font-size: 16px;
                  line-height: 26px;
                  font-weight: 400;
                  color: #fff;
                  letter-spacing: 0px;
                  font-family: Roboto;
}

#slide-46-layer-1 {
	  z-index: 6;
                  white-space: nowrap;
                  font-size: 72px;
                  line-height: 82px;
                  font-weight: 500;
                  color: #f10ecc;
                  letter-spacing: 0px;
}

#slide-47-layer-3 {
	 z-index: 5;
                  white-space: nowrap;
                  font-size: 36px;
                  line-height: 46px;
                  font-weight: 400;
                  color: #fff;
                  letter-spacing: 0px;
}

#slide-46-layer-3 {
	   z-index: 7;
                  min-width: 600px;
                  max-width: 600px;
                  white-space: normal;
                  font-size: 16px;
                  line-height: 26px;
                  font-weight: 400;
                  color: #fff;
                  letter-spacing: 0px;
                  font-family: Roboto;
}

#slide-46-layer-2 {
	z-index: 5;
                  white-space: nowrap;
                  font-size: 36px;
                  line-height: 46px;
                  font-weight: 400;
                  color: #fff;
                  letter-spacing: 0px;
}

.reservation-form-design {
	max-width: 550px;
	margin: 0 auto;
}
.tp-splitted {
	color: #f10ecc;
}

.picasso-logo {
	position: absolute;
	top: 0;
	left: 15px;
	max-width: 200px;
}

.social-icons-simple {
	text-align: start;
}

.footer-text {
	text-align: start;
}

.footer-text-address {
	text-align: start; margin-top: 45px;
}
#map {
	width: 100%;
	height: 500px;
	margin-top: 50px;
}

.deal-text {
	margin-top: 15px;
	margin-bottom: 15px;
}

.deal-para {
	height: 300px;
}
.ftco-section #contactForm .error {
    color: red;
    font-size: 12px;
}

.ftco-section #contactForm .form-control {
    font-size: 16px;
}

.ftco-section #message {
    resize: vertical;
}

.ftco-section #form-message-warning, #form-message-success {
    display: none;
}

.ftco-section #form-message-warning {
    color: red;
}

.ftco-section #form-message-success {
    color: #28a745;
    font-size: 18px;
    font-weight: bold;
}

.ftco-section .submitting {
    float: left;
    width: 100%;
    padding: 10px 0;
    display: none;
    font-size: 16px;
    font-weight: bold;
}

.ftco-section h1, .ftco-section h2, .ftco-section h3, .ftco-section h4, .ftco-section h5,
.ftco-section .h1, .ftco-section .h2, .ftco-section .h3, .ftco-section .h4, .ftco-section .h5 {
    line-height: 1.5;
    font-weight: 400;
    font-family: "Poppins", Arial, sans-serif;
    color: #fff;
}

.ftco-section .form-group .label {
    color: #ffffff;
    opacity: 0.7;
}

.ftco-section .form-control {
    background-color: #363636;
}

.ftco-section .form-group input::placeholder {
    padding: 10px;
}

.ftco-section .form-group textarea::placeholder {
    padding: 10px;
}


.mini-service-card p{
	text-align:center !important;
}

.facebook-text-hvr:hover{color:#4267B2 !important;}
.twitter-text-hvr:hover{color:#1DA1F2 !important;}
.instagram-text-hvr:hover{color:#ffff !important;}
.linkedin-text-hvr:hover{color:#0077B5 !important;}
.pinterest-text-hvr:hover{color:#BD081C !important;}
.google-text-hvr:hover{color:#DB4437 !important;}
.mail-text-hvr:hover{color:#c32aa3 !important;}

/* Inner (non-home) page banner: plain white background, same fonts/colors as the food demo */
.inner-page-banner{
	background: #ffffff;
	padding: 190px 0 50px;
	text-align: center;
}
.inner-page-banner h2{
	margin-bottom: 0;
}
.white-page-section{
	background: #ffffff;
}

/* Generic utilities (replace one-off inline styles) */
.cursor-pointer{
	cursor: pointer;
}

/* Header: mobile side-menu logo + close button (previously inline styles) */
.side-menu-logo{
	width: 60%;
}
.side-menu-close{
	z-index: 100;
}

/* Reservation page: label color on a light form background (previously a <style> block) */
.contactForm.contactForm-dark-label .label{
	color: #444444;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}

/* Hero section (front-page.php). Plain, fully responsive markup - no Slider
   Revolution. That plugin's per-layer JS sets inline styles with 'important'
   priority (element.style.setProperty(prop, val, 'important')), which no
   external stylesheet rule can ever win against - CSS cannot override an
   inline !important. Its fixed-width/nowrap layout was also tuned for short
   one-line taglines ("Delicious Food."), not Picasso's full-sentence copy,
   which overflowed the viewport. Replaced with a plain centered hero that
   wraps and scales normally at every width. */
.hero-section{
	position: relative;
	overflow: hidden;
	background: #ffffff;
	min-height: 70vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 160px 20px 100px;
}
.hero-decor{
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
}
.hero-decor-img{
	position: absolute;
	width: 16vw;
	max-width: 220px;
	min-width: 90px;
	height: auto;
}
.hero-decor-img-1{
	left: 4%;
	bottom: 6%;
}
.hero-decor-img-2{
	right: 4%;
	top: 14%;
}
.hero-content{
	position: relative;
	z-index: 2;
	max-width: 800px;
}
.hero-pretitle{
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	color: #444444;
	margin-bottom: 10px;
}
.hero-title{
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 56px;
	line-height: 1.2;
	margin-bottom: 30px;
}
@media (max-width: 991px){
	.hero-section{ padding: 140px 20px 80px; }
	.hero-title{ font-size: 38px; }
	.hero-pretitle{ font-size: 18px; }
}
@media (max-width: 575px){
	.hero-section{ padding: 120px 15px 60px; }
	.hero-title{ font-size: 28px; }
	.hero-pretitle{ font-size: 16px; }
	.hero-decor-img{ width: 22vw; opacity: 0.6; }
}

/* Footer: opening-hours separator (previously inline backface-visibility) */
.time-line{
	backface-visibility: hidden;
}

/* WooCommerce checkout: table-number field hidden by default, toggled visible by
   footer.php's inline script via element.style.display - deliberately NOT !important
   so that JS toggle keeps working. */
.checkout-field-hidden{
	display: none;
}

/* Mobile nav toggle button (header.php #sidemenu_toggle). The stylesheet's own
   .sidemenu_btn rule was written for a dark-background header (white bars,
   no explicit box size/position) - on this light header it rendered as an
   invisible full-width white-on-white sliver instead of a hamburger icon. */
header{
	position: relative;
}
#sidemenu_toggle.sidemenu_btn{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 30px;
	height: 24px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
#sidemenu_toggle.sidemenu_btn span{
	width: 100%;
	height: 2px;
	background: #444444;
	display: block;
	margin: 0;
}

/* ===================================================================
   WooCommerce cart / checkout - light theme
   (moved here from wordpress-additional-css.css, WP admin's "Additional
   CSS" box; that file has been removed and this is now the single
   source for these rules)
   =================================================================== */

/* Cart */

.wp-block-woocommerce-cart-order-summary-block {
	background-color: #f7f7f7;
}

.wc-block-components-totals-coupon-link {
	color: #84b813;
}

#wc-block-components-totals-coupon__input-0 {
	background-color: #ffffff;
	color: #444444;
	border: 1px solid #e0e0e0;
}
.exbuttons_added {
	display: flex !important;
	margin-right: 7px !important;
	margin-left: 7px !important;
}
.quantity .input-text {
	background-color: #f7f7f7;
	opacity: 1;
}
.woocommerce-order-overview__date {
	background-color: #f7f7f7;
	color: #444444;
}


.wc-block-components-text-input label {
	color: #767676 !important;
}

#wc-block-components-totals-shipping__change-address__link {
	color: #84b813;
}

.wc-block-components-totals-coupon__content button {
	background-color: #84b813;
}

.wc-block-cart__submit-container a {
	background-color: #84b813;
	color: #ffffff;
}

.wc-block-cart__submit-container a:hover {
	background-color: #444444;
	color: #ffffff;
}

.wc-block-cart-items__row {
	transition: 0.4s;
}

.wc-block-components-quantity-selector {
	background-color: #f7f7f7;
}

.wc-block-cart-items__row, #contact-fields, #shipping-fields, #billing-fields, #shipping-option, #payment-method,
.wp-block-woocommerce-checkout-order-summary-block{
	background-color: #f7f7f7;
}

.ex-options {
	background-color: #f7f7f7;
}


#email {
	background-color: #ffffff;
	color: #444444;
	border: 1px solid #e0e0e0;
}

#shipping-first_name, #shipping-last_name, #shipping-address_1, #shipping-address_2, #shipping-country, #shipping-postcode, #shipping-city, #shipping-phone, #components-form-token-input-0,
#billing-first_name, #billing-last_name, #billing-address_1, #billing-address_2, #billing-postcode, #billing-city, #billing-phone, #components-form-token-input-2{
	background-color: #ffffff;
	color: #444444;
	border: 1px solid #e0e0e0;
}

#email value {
	color: #444444;
}

.components-button {
	background-color: #84b813;
	color: #ffffff;
	border: none;
	outline: none;
}

.wc-block-components-checkout-return-to-cart-button:hover {
	color: #84b813;
}

.wc-block-components-product-price__value, .wc-block-formatted-money-amount {
	color: #84b813;
}

.wc-block-components-textarea, #components-form-token-input-1,
#components-form-token-input-2{
	background-color: #ffffff;
	color: #444444;
	border: 1px solid #e0e0e0;
}

.exfd-cart-content .woocommerce-mini-cart__buttons a:last-child{
margin-left:0px
}

.exfd-cart-content .woocommerce-mini-cart__buttons a:first-child{
margin-bottom:3px
}

.woocommerce form h3{
	width:300px;
}

.woocommerce form input{
	display: block;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #444444;
   background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #e0e0e0;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.select2-selection .select2-selection--single{
	    width: 100%;
    text-align: left;
    height: 42px;
    outline: 0;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 300;
    border: 1px solid #e0e0e0;
    background-color: #ffffff !important;
    color: #444444;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

}
.woocommerce form label{
	margin-right:20px;
}

#customer_details select{
	  width: 100%;
    text-align: left;
    height: 42px;
    outline: 0;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 300;
    border: 1px solid #e0e0e0;
    background-color: #ffffff !important;
    color: #444444;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 14px;
}

#customer_details{
	    width: 72% !important;
}
.woocommerce-additional-fields{
	width:400px !important;

}

.select2-container .select2-selection--single .select2-selection__rendered{
	width: 100%;
    text-align: left;
    height: 42px;
    outline: 0;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 300;
    border: 0;
    background-color: #ffffff;
    color: #444444;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 14px;

}

.select2-container--default .select2-selection--single{
	border: 1px solid #e0e0e0;
	  background-color: #ffffff;

}

.woocommerce-input-wrapper input{
	width: 100%;
}

#customer_details{
	width:75%;
}
#customer_details .col-1{
	padding-left: 0px !important;
}
#customer_details input{
	width:100% !important;
}
.woocommerce-billing-fields__field-wrapper {
    width: fit-content;
    padding: 20px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08) !important;
	margin-top: 20px;
	margin-bottom: 50px;
}
#customer_details input {
	width:400px !important;
}
#billing_last_name{
	width:200px !important;
}

.form-row-last{
	clear:both !important;
}

.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
    float: left !important;
}

.woocommerce-additional-fields{
	box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.08) !important; padding: 20px; margin-top: 43px; width: 445.97px !important; }

#order_comments{
	height: auto; color: #444444; width: 306px; background-color: #ffffff !important; border: 1px solid #e0e0e0;
}
.coupon .input-text {
background-color: #fff;
width: fit-content !important;
}

.wc-proceed-to-checkout a {
	background-color: #84b813 !important;
	color: #ffffff !important;
}

.woocommerce-checkout #payment{
	background-color: #f7f7f7 !important;
	    border-radius: 5px;
}

#place_order {
    background-color: #84b813;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.product-thumbnail img {
max-width: 60px !important;}

@media (max-width: 1068px) {
	.woocommerce table.cart .product-thumbnail {
	display: block !important;
}
}

.coupon button {
	width: 205px;
}

.actions .button:nth-child(2) {
	background-color: #84b813 !important;
	opacity: 1;
}

.coupon {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
}

.coupon input{
	margin-bottom: 0 !important;
}
.payment_method_cheque {
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
}

.wc_payment_method.payment_method_cod {
    display: flex;
    align-items: center;
		flex-direction: row-reverse;
	justify-content: start;
    flex-wrap: wrap;
}

.col-2{
	padding-left:0px !important
}

@media screen and (max-width: 992px) {
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
		float:none;

	}
	.woocommerce-additional-fields{
		width: 445.97px !important;
		margin-bottom: 20px !important;
	}
}

#custom_checkout_field{
	margin-bottom:30px !important;
}
#custom_checkout_field h2{
	display:none;
}

.info-wrap{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.wpcf7-response-output{
	color: #ffffff;
    border: none !important;
       background-color: #84b813;
    border-radius: 20px;
    width: 85%;
}
.woocommerce-checkout #payment div.payment_box {
    position: relative;
    box-sizing: border-box;
  transition: margin-right 2s;
    padding: 1em;
    margin: 1em 0;
    font-size: .92em;
    border-radius: 2px;
    line-height: 1.5;
    background-color: #f7f7f7;
    color: #515151;
}

.payment_method_cheque{
	display: flex;
    flex-direction: column;
}

.woocommerce-checkout #payment ul.payment_methods li{
	display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: start;
    flex-wrap: wrap;
}

#place_order{
	margin-top: 20px;
}

.woo:placecommerce form input placeholder{
	color:#767676;
}

.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide {
    clear: both;
    width: 400px;
}

.fdlist_3_name {
	display: inline !important;
}
.fdlist_3_name h3 a{
	text-wrap: wrap;
}
.ex-menu-select select {
	width: 100%;
}

@media (max-width: 500px) {
	.fdlist_3_name h3 a{
	font-size: 15px;
}
}
@media (max-width: 860px) {
	.fdlist_3_price {
		display: block;
		width: 80%;
		text-align: center;
	}
	.fdlist_3_order {
		width: 100% !important;
		text-align: center;
		position: absolute;
	}
}

.exwf-method-title {
	padding: 0px !important;
	overflow-x: hidden;
}

@media (max-width: 410px) {
.exwf-order-dinein,
.exwf-order-take,
.exwf-order-deli,
	.exwf-method-bt span,
	.exwf-del-field span,
	.exwf-crlog a{
		font-size: 12px !important;
	}
}

.woocommerce-info {
	background-color: #f4f4f4;
	color: #444444;
	border-left: 3px solid #84b813;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08) !important;
}

@media (max-width: 860px) {
	.fdlist_3_title {
		width: calc(100% - 130px) !important;
	}
	.fdlist_3_title h3 a{
		font-size: 15px !important;
	}
	.fdlist_3_price {
		        display: block !important;
        width: calc(100% - 180px) !important;
        text-align: start !important;
        margin: 0 auto !important;
	}
}

@media (max-width: 472px) {
	.woocommerce form .form-row-wide {
		clear: none;
	}
	.form-row-wide #table_number{
		width: 380px !important;
	}
	.woocommerce-billing-fields__field-wrapper, .woocommerce-additional-fields
	{
		width: 370px !important;
	}
	.woocommerce-billing-fields__field-wrapper .form-row,
	.woocommerce-input-wrapper {
		width: 100% !important;
	}
	.woocommerce-input-wrapper {
		width: 100% !important;
	}
}

@media (max-width: 472px) {
	.woocommerce-billing-fields__field-wrapper {
		width: 330px !important;
	}
	.woocommerce-billing-fields__field-wrapper .form-row,
	.exwfood-person-dinein{
		width: 100% !important;
	}
	.woocommerce-input-wrapper {
		width: 100% !important;
	}

	.woocommerce form .form-row-wide {
		clear: none;
	}
	.woocommerce-billing-fields__field-wrapper, .woocommerce-additional-fields
	{
		width: 380px !important;
	}
	.woocommerce-billing-fields__field-wrapper .form-row,
	.woocommerce-input-wrapper, .exwfood-date-deli, .exwfood-time-deli {
		width: 100% !important;
	}
	.woocommerce-input-wrapper {
		width: 100% !important;
	}
}

.exbuttons_added{
	    border: 1px solid #84b813 !important;
    width: 110px !important;
    margin-bottom: 10px !important;
}

.exbuttons_added input{
	margin-bottom: 0px !important;

}

@media (max-width: 388px) {
	.woocommerce-billing-fields__field-wrapper {
		width: 325px !important;
	}
	.form-row-wide {
		width: 325px;
	}
	.form-row-wide #table_number{
		width: 325px !important;
	}
	.woocommerce-billing-fields__field-wrapper .form-row {
		width: 100% !important;
	}
	.woocommerce-input-wrapper {
		width: 100% !important;
	}

	.woocommerce-billing-fields__field-wrapper, .woocommerce-additional-fields
	{
		width: 325px !important;
	}
	.woocommerce-billing-fields__field-wrapper .form-row,
	.woocommerce-input-wrapper, .exwfood-date-deli, .exwfood-time-deli {
		width: 100% !important;
	}
	.woocommerce-input-wrapper {
		width: 100% !important;
	}
}

.exwoofood-woocommerce.woocommerce div.quantity input[type=number] {
	height: auto !important;

}

.selection{
	width:100% !important;
}

#billing_country_field{
	    display: flex;
    flex-direction: column;
}

#select2-billing_country-results{
	    background-color: #ffffff;
	    border: 1px solid #e0e0e0;
}

#select2-billing_country-results li{
	color:#444444 !important;
}
.woocommerce-billing-fields .woocommerce-input-wrapper{
	width: 100% !important;
}
#select2-billing_state-results{
	 background-color: #ffffff;
	 border: 1px solid #e0e0e0;
}
#select2-billing_state-results li{
	 color:#444444 !important;
}

.woocommerce .quantity .qty {
    text-align: center;
    width: 100px;
}

.select2-results ul li:active, .select2-results ul li:hover, .select2-results ul li:focus {
    background-color: #84b813 !important;
    color: #ffffff !important;
}

#exwfood_time_deli select option {
    background-color: #ffffff !important;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
	width: auto;
    overflow: visible;
}

.select2-search--dropdown {

    background: #ffffff !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
background-color: #84b813 !important;
color: #ffffff !important;
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
background-color: #eef5df !important;
}

.select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field {
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
	color: #444444;
}

.exbuttons_added:nth-child(3){
	margin-left: 12px;
    overflow: hidden;
}

.exwoofood-woocommerce.woocommerce div.quantity input[type=number] {
	margin-left: 12px;
    overflow: hidden;
}

/* ===================================================================
   Food-ordering plugin (ex_wf_list / exwoofood) - light theme
   (moved here from wordpress-food-plugin-custom.css, the plugin's own
   "Custom CSS" settings box; that file has been removed and this is
   now the single source for these rules)
   =================================================================== */

.ex-fdlist .exfd-filter .exfd-filter-group .ex-menu-list a {
	background-color: #f7f7f7;
}

.exfd-cart-content {
	background-color: #f7f7f7;
}

.exfd-cart-content .woocommerce-mini-cart a.remove.remove_from_cart_button {
    border: 1px solid #84b813;
    background: #84b813;
    color: #fff;
}

.exwf-user-dl-info span.adrl-link a {
	color: unset;
}

.exwf-user-dl-info {
    border: 2px solid #e0e0e0;
}

.ex_modal .modal-content {
    background-color: #ffffff;
}

.ex_modal .modal-content .fd_modal_des h5 {
	color: #444444;
}

.exwoofood-woocommerce.woocommerce div.quantity input[type=text].qty, .exwoofood-woocommerce.woocommerce div.quantity input[type=number] {
	background: unset !important;
}

.exwoofood-woocommerce.woocommerce div.quantity input[type=number] {
    font-weight: 500;
}

.fdstyle-list-2 .fdlist_2_title .fdlist_2_price button, .fdstyle-list-3 .fdlist_3_order button {
	background-color: #84b813;
	color: #ffffff;
}

.exwf-opcls-info .exwf-opcls-content {
	background: #f7f7f7;
}

.exwf-order-method .exwf-del-field div input {
	color: #444444;
}

#exwf-user-address {
	background-color: #ffffff;
	color: #444444;
	border: 1px solid #e0e0e0;
}

.ex-fdlist{
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.08) !important;
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.08) !important;
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.08) !important;
	padding: 20px
}


.ex-menu-select div{
	    background-color: #ffffff !important;
	    border: 1px solid #e0e0e0;
			color: #444444
}

.ex-menu-select select{
	   background-color: #ffffff !important;
	   border: 1px solid #e0e0e0;
	   color: #444444;
	z-index:1 !important;
}

.exwf-mbnav{
	   background-color: #ffffff !important;
	   border-top: 1px solid #e0e0e0;
}

.exwf-mbnav-content > .exwf-account-icon {
	display: none;
}


span > del > span, h5 > del > span {
  text-decoration: line-through;
  color: red;
  font-weight: bold;
}

span > ins > span, h5 > ins > span {
  font-weight: bold;
}

div.message {
    display: block;
    width: 100%;
    cursor: pointer;
    color: #444444 !important;
}

div.message__headline{
	color: #444444 !important}

@media screen and (max-width: 782px){
	.woocommerce-billing-fields__field-wrapper{
		width: fit-content !important;
	}
}