:root {
      --f7-theme-color: #222F5E !important;
    }

    body {

      font-family: Poppins, sans-serif !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: Poppins, sans-serif !important;
    }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
 /* border: 1px solid green;*/
 -webkit-text-fill-color: var(--f7-theme-color);
  -webkit-box-shadow: 0 0 0px 1000px rgb(0 0 0 / 0%) inset;
  transition: background-color 5000s ease-in-out 0s;
}

.btn-theme {
    background-color: var(--f7-theme-color)!important;
    border-color: var(--f7-theme-color)!important;
    color: #fff!important;
    width: auto;
}
.bg-theme {
    background-color: var(--f7-theme-color)!important;
   
    color: #fff;
}
.bg-theme-secondry {
    background-color: #492c6c!important;
   
    color: #fff;
}

.toggle-dual{
	background: #4caf50!important;
}
.theme-color{
	color: var(--f7-theme-color)!important;
}
.theme-color-secondry{
	color: #492c6c!important;
}
.color-white{
	color: #ffffff!important;
}
body{
	background-color: #fff!important;
	font-family: 'Archivo Narrow',sans-serif!important;
}
.uppercase{
	text-transform: uppercase;
}
.title-highlight{
	font-size: 56px!important;
}
.bg-dark{
	background: #313131 !important;
    background: linear-gradient(180deg, #000000 0, #131313) !important;
    color: #fff;
}

.categoryinfo {
   
  /*  box-shadow: 0 10px 30px rgb(0 0 0 / 40%);*/
    padding: 45px;
    position: relative;
    opacity: .95;
  /*  background-color: rgb(255 255 255 / 79%);*/
    color: #fff!important;
   max-width: 600px;
    margin: auto;

}
 
.categoryinfo .title{
	border-width: 1px 0;
    border-style: solid;
    padding: 4px 15px 0;
    font-size: 32px;
    text-transform: uppercase;
     
    line-height: 1.3;
    display: inline-block;
    margin: 0;
}
.categoryinfo .description{
	
    text-transform: uppercase;
    color: #fff!important;
   
}
.withoutimg{
	
    position: relative;
    opacity: .95;
    background-color: rgb(255 255 255 / 79%);
    color: #1b2024!important;
  
}
.withoutimg .title{
	border-width: 1px 0;
    border-style: solid;
    padding: 4px 15px 0;
    font-size: 32px;
    text-transform: uppercase;
     
    line-height: 1.3;
    display: inline-block;
    margin: 0;
}
.withoutimg .description{
	
    text-transform: uppercase;
    color: #1b2024!important;
   
}

.productimg{
	height: 105px;
	width: 105px;
	border-radius: 50%!important;
	box-shadow: 0 1px 1px rgb(0 0 0 / 45%);
    transition: all .3s ease-in-out;
}

.productimg-app{
	height: 70px;
	width: 70px;
	border-radius: 50%!important;
	box-shadow: 0 1px 1px rgb(0 0 0 / 45%);
    transition: all .3s ease-in-out;
        background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.productimg-z{
	height: 105px;
	width: 105px;
	border-radius: 0 50% 50%!important;
	box-shadow: 0 1px 1px rgb(0 0 0 / 45%);
    transition: all .3s ease-in-out;
}
.cartimg{
	height: 60px;
	width: 60px;
	border-radius: 0 50% 50%!important;
	box-shadow: 0 1px 1px rgb(0 0 0 / 45%);
    transition: all .3s ease-in-out;
}
.productimg:hover{
	
	
	box-shadow: 0 1px 1px rgb(0 0 0 / 45%);
    transition: all .3s ease-in-out;
    border-radius: 50% 0 50% 50%!important;
   
}
.food-category:hover{
	border:4px solid var(--f7-theme-color)!important;
	 transition: all .1s ease-in-out!important;
	
}
.food-category{
	border:4px solid #fff!important;
	
	
}
.zoomimage{
	height: 250px;
    width: 250px;
    position: absolute;
    top: -250px;
    left: 106px;
    display: none;
	transition: all .25s ease-in;
	transform: rotate(1deg);
	    box-shadow: 5px 5px 15px rgb(0 0 0 / 25%);
}
.button-active{
	background:var(--f7-theme-color)!important;
	color: #fff!important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--f7-theme-color)!important;
    color: #000;
}
.activelunch {
    background-color: var(--f7-theme-color)!important;
    color: #fff!important;
}
a {
    color: var(--f7-theme-color);
    text-decoration: none;
}
.bold-theme-color{
	    color: var(--f7-theme-color);
	    font-weight: 600;
}
.loc-image-hover {
  position: relative;
  overflow: hidden;
  display: block;
  font-size: 0;
}
.loc-image-hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -o-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
  transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
}
.loc-image-hover:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.location-items {
  margin-top: -30px;
}
.location-item {
  margin-top: 30px;
  position: relative;
}
.location-item a {
  display: block;
}
.location-item .image {
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 230px;
}
.location-item .image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -o-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
  transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
}
.location-item .image:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #090c0f;
  opacity: 0.8;
  -o-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
  transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
  z-index: 2;
  pointer-events: none;
}
.location-item .image:after {
  content: "";
  position: absolute;
  left: 24px;
  top: 24px;
  right: 24px;
  bottom: 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  opacity: 0.70;
  -o-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
  transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.3, 0, 0.3, 1);
  z-index: 3;
  pointer-events: none;
}
.location-item .desc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 4;
}
.location-item .desc .icon {
  margin-bottom: 10px;
  display: block;
  font-size: 36px;
  line-height: 1;
  color: #fff;
}
.location-item .desc .icon svg {
  max-width: 100%;
  max-height: 60px;
}
.location-item .desc .name {
  margin: 0;
  display: block;
}
.location-item:hover .image .img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.location-item:hover .image:before {
  opacity: 0.7;
}
.location-item:hover .image:after {
  opacity: 1;
}
.custmize-page-segmented {
      margin: 10px auto;
    --f7-segmented-strong-button-active-bg-color: var(--f7-theme-color);
    --f7-segmented-strong-button-active-text-color: #fff;
    --f7-segmented-strong-button-active-box-shadow: none;
}
.cus-size-0{
	
		visibility: hidden;
		height: 0px;
        padding: 0px;
}
.cus-size-1{
		width: 250px;
    visibility: hidden;
    height: 0px;
    padding: 0px;
}
.cus-size-2{
	width: 270px;
}
.cus-size-3{
	width: 345px;
}

.custmize-page-segmented .button{
	font-size: 12px!important;;
}
.custmize-page-image-normal{
	width: 100%;
    height: auto;
   
    object-fit: cover;
   
    margin: auto;
        max-height: 262px;
 /*   border-radius: 50%;*/
}
.custmize-page-title{
	    color: var(--f7-page-title-text-color);
    letter-spacing: var(--f7-page-title-letter-spacing);
    font-size: var(--f7-page-title-font-size);
    font-weight: var(--f7-page-title-font-weight);
    line-height: var(--f7-page-title-line-height);
    padding-left: calc(var(--f7-page-title-padding-left) + var(--f7-safe-area-left));
    padding-right: calc(var(--f7-page-title-padding-right) + var(--f7-safe-area-right));
    padding-top: var(--f7-page-title-padding-vertical);
    padding-bottom: var(--f7-page-title-padding-vertical);
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}
.btn-cart{
	margin: 3px;
    font-size: 20px;
    min-width: 50px;
}
.card-image{
	    height: 277px;
    object-fit: cover;
}
.captcha{ height: 58px!important;
    width: auto!important;
    font-size: 40px;
   background: #fff;
    font-weight: 500;
    border: 1px solid #d7d4d4;
    padding: 0 10px;}
   .overlay-dark-hover:hover:after, .overlay-dark:after {
    background: #000000!important;
}
#footer a {
    color:var(--f7-theme-color)!important;
}
.bg-gray-dark {
    background-color: #1d1d1d !important;
    color: #fff;
}
.cart-inputs-list li {
    background: rgba(0,0,0,.05);
    border-radius: 8px;
    margin: 10px;
}
.form-control-theme {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
   border: none;
    border-radius: 0.35rem;
    color: #1c0950;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.78rem 1rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
}
 .active-input{
    border-color:dodgerBlue;
    box-shadow:0 0 8px 0 dodgerBlue;
  }
  .error-input-theme{
  	  border-color:red;
    box-shadow:0 0 8px 0 red;
  }
  .emailInputError{
  	font-size: 10px;
    color: red;
  }
  .phone-prefix{
  	margin: auto;
    margin-right: 5px;
  }
  
  
.mobile-phone {
  margin: auto;
 /* margin-top: 170px;*/
  padding: 10px 10px 30px;
  width: auto;
  height: 600px;
  box-shadow: 0 0 20px #414141;
  border-radius: 30px;
}

.screen {
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  border-radius: 30px;
  overflow-y: auto;
}

.brove {
    width: 115px;
    height: 20px;
    background: white;
    position: absolute;
    border-radius: 0 0 20px 20px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.speaker {
  width: 60px;
  height: 5px;
  background: #d2d2d2;
  display: block;
  margin: auto;
  margin-top: 5px;
  border-radius: 20px;
}
.accordion-button{
	background: #f2f2f2!important;
}
.card-cart{
	box-shadow: 0 6px 12px rgb(195 195 195 / 50%)!important;
    border: none!important;
}
.cart-img{
	border-top-left-radius: 0.35rem;
	width: 80px
}
.cart-ab{
	color:black!important;
}
.cart-delete{
	    position: absolute;
    right: -12px;
    top: -11px;
    color: #6f6b6b!important;
    z-index: 9999;
    font-size: 13px;
}
.la-2x{
	font-size: 2rem!important;
}
.chef-special {
    line-height: 19px;
    display: inline-block;
    padding: 0 5px;
    font-family: 'Lora';
    font-style: italic;
    font-size: 10px;
    letter-spacing: 1px;
    vertical-align: top;
    margin-right: 5px;
    background-color:var(--f7-theme-color)!important;
    color: #fff;
}
.get-direction {
    line-height: 19px;
    display: inline-block;
    padding: 0 5px;
    font-family: 'Lora';
    font-style: italic;
    font-size: 10px;
    letter-spacing: 1px;
    vertical-align: top;
    margin-right: 5px;
    background-color:var(--f7-theme-color)!important;
    color: #fff;
}

.discount-note {
    line-height: 19px;
    display: inline-block;
    padding: 0 5px;
    font-family: 'Lora';
    font-style: italic;
    font-size: 10px;
    letter-spacing: 1px;
    vertical-align: top;
    margin-right: 5px;
    background-color:#ff9800!important;
    color: #fff;
}
.price-discount{
	    text-decoration: line-through;
    /* text-decoration-color: red; */
    color: red!important;
}

.la-chef{
    content: url(chef.png);
    height: 11px;
    background: none;
    vertical-align: middle;
}


.flag.flag-uk {
  content: url(uk.png);
    height: auto;
    background: none;
    vertical-align: middle;
}
.flag.flag-fi {
  content: url(fi.png);
    height: auto;
    background: none;
    vertical-align: middle;
}
.fi-brand-oiva:before {
 content: url("https://foozu3.fi/website_common_code/css/oiva.svg");
}.accordion-cus {
 
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active-cus, .accordion-cus:hover {
  /*background-color: #f2f2f2; */
}

.panel-cus {
  padding: 0 18px;
  display: none;
  /*background-color: white;*/
  overflow: hidden;
}
.navbar-dark .navbar-xs,.navbar-dark .navbar-nav ,.navbar-dark .navbar-collapse.show{
	background: linear-gradient(180deg, #000000 0, #131313);
}

.navbar-dark .navbar-nav .nav-item .nav-link{
	color: #fff!important;
}
.timingblock{
	
	    padding: 2px;
    color: antiquewhite;
	
}

@media only screen and (max-width: 700px) {
#myScrollspy{
top: 82px!important;
}

}
.app_store{
	width: 100%;
	
}


/* ========== */
.error-input-theme{
  scroll-margin: 150px;
}
.form_login , .signup_form , .verification_form ,.forgetpass_form{
	    background: var(--f7-list-bg-color);
    margin: 10px!important;
    border-radius: 10px;
}
.form-profile-edit ,.feedback-form{
	    background: var(--f7-list-bg-color);
 
    border-radius: 10px;
    padding: 10px
}
.w-100 {
	width: 100%!important;
}
.text-muted{
	opacity: .7
}
.star-rating {
  display: inline-block;
  font-size: 0;
}

.star-rating i {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  cursor: pointer;
}

.star-rating i.fa-star.active,
.star-rating i.fa-star:hover {
  color: gold;
}
.check{
	right: -8px;
    top: -8px!important;
    left: auto!important;
    font-size: 18px!important;
    color: #fff900;
  transform: none!important;
}


 
 .stamp {
  width: 80px;
  height: 80px;
  background: var(--f7-theme-color);
  
  margin-bottom: 10px;
 
 
  
  
} 
.stamp_active {
   transform: rotate(12deg);
	
	
	font-weight: 700;
	border: 0.25rem solid #555;
	display: inline-block;
	
	text-transform: uppercase;
	border-radius: 1rem;
	font-family: 'Courier';
	-webkit-mask-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/8399/grunge.png');
  -webkit-mask-size: 944px 604px;
  mix-blend-mode: multiply;
}
 .stamp_deactive{
   
	
	
	font-weight: 700;
	border: 0.25rem solid #555;
	display: inline-block;
	
	text-transform: uppercase;
	border-radius: 1rem;
	font-family: 'Courier';
	-webkit-mask-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/8399/grunge.png');
  -webkit-mask-size: 944px 604px;
  mix-blend-mode: multiply;
  opacity: .5;
 	
 } 
 .stamp_used{
 	background: gray!important;
 }
 
.stamp_text{
	font-size: 48px!important;
	
	
	
}
 #myScrollspy {
  justify-content: center;
  }
@media (max-width: 767px) {
  /* Styles for mobile screens */
  #myScrollspy {
    overflow-x: auto;
    white-space: nowrap;
justify-content: unset;
  }
 .nav ,.nav-pills, .nav-item {
    display: inline-block;
  }
.pre-order-date{
  overflow-x: auto;
    white-space: nowrap;
justify-content: unset;

}

}
.datebox{
 display: inline-flex;
}
.pre-order-date{
min-width: 300px; 
display: flex;
justify-content: center;
width: 40%
}

.cat-thumb{width: 50px;
    /* border: rebeccapurple; */
    border-radius: 50%;}



.btn-animated {
    background: rgb(0 0 0 / 19%);
    color: var(--f7-theme-color);
    border: 2px solid var(--f7-theme-color);
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    transition: color 400ms;
margin: 10px
}

.btn-animated::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--f7-theme-color);
    z-index: -1;
    transition: transform 400ms ease-out;
    transform: scaleX(0);
    transform-origin: left;
}
.btn-animated:hover::before {
   transform: scaleX(1);
}

.btn-animated:hover {
    color: #fff;
}
.button-box,
.button-box-special {
    width: 250px;
    height: 150px;
    /* border: 1px solid black; */
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.btn-full:first-child {
  width:100%!important;
} 
.btn-full-span{
display:none;
}
.btn-full:first-child .btn-full-span {
  display:inline!important;
} 
.two-line-ellipsis{
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} 

.p-0{
  padding: 0 !important;
}

.m-0{
  margin: 0 !important;
}