@import url(https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&family=Pacifico&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Chewy&display=swap');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Chewy&display=swap');

/* @import url(https://cdn.materialdesignicons.com/1.3.41/css/materialdesignicons.min.css); */
/* -------------// General Style //------------- */



*{box-sizing: border-box;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */}
                                  
body{padding: 0; margin: 0; font-family: 'PT Sans Narrow', sans-serif; font-size: 16px; font-weight: 400; color: var(--paginatxt); background: var(--paginaachtergrond);}
/*body{padding: 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; color: var(--paginatxt)}*/
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0;}
ul, li{padding: 0; margin: 0; list-style: none;}
a{padding: 0; margin: 0; text-decoration: none; transition: all 400ms ease; color: #1d1d1d; cursor: pointer;}
a:hover{text-decoration: none; color: var(--hoofdkleur);}
p{padding: 0; margin: 0;}
button{outline: none; transition: all 400ms ease;}
button:focus{outline: none;}
input{outline: none; transition: all 400ms ease; outline: none; color: var(--inputextcolor)}
input:focus{outline: none!important; box-shadow: unset!important; color: var(--inputextcolor);}
textarea:focus{outline: none; box-shadow: unset!important;}
/* img{max-width: 100%;}*/
/* -------------// Common Style //------------- */
.container{max-width: 1230px; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.container:after{content: ""; display: table; clear: both;}
#preloader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../uiimages/loader.gif) center no-repeat var(--hoofdkleur);}
#preloader label{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 50px; font-size: 16px; color: var(--hoofdlinkkleur); letter-spacing: 1px; }
.headding-sub{font-size: 30px; color: var(--onevenkleurtitel);  padding-bottom: 0px; font-weight: 700;}
.headding-part .headding-title {font-size: 70px; color: var(--onevenkleurtitel); line-height: 58px; letter-spacing: 2px;font-weight: 700; }

.headding-subdarkback{font-size: 30px; color: var(--evenkleurtitel) !important;  padding-bottom: 0px;}

.headding-part .headding-titledark {font-size: 70px; color: var(--evenkleurtitel); line-height: 58px; letter-spacing: 2px;font-weight: 700; }
.catmainheader .headding-sub{font-size: 30px; color: var(--catsticktitle) !important;  padding-bottom: 0px;}
.catmainheaderrest .headding-sub{font-size: 30px; color: var(--catsticktitle) !important;  padding-bottom: 0px;}

.logoheader{position: absolute; top:5px; left:0; max-width:200px;}
.logoheaderoverlap{max-height:44px; max-width:200px;}


.sticky-group {background-color: var(--catstickback) !important; padding:0; border-radius: 0px 0px 10px 10px;}
.sticky-grouprest {background-color: var(--catstickback) !important; padding:0; ;}
.btn i.fa ~ span {margin-left: 5px;}
hr {margin-bottom: 0px; margin-top: 0px; border-top: 1px solid #e5e5e5; border-bottom: none; border-left: none; border-right: none; opacity: 1;}

/* -------------// Headings Style //------------- */
h1 {font-size: 43px; padding: 0px; margin: 0;}
h2 {font-size: 35px; padding: 0px; margin: 0;}
h3 {font-size: 20px; padding: 0px; margin: 0;}
h4 {font-size: 17px; padding: 0px; margin: 0;}
h5 {font-size: 15px; padding: 0px; margin: 0;}
h6 {font-size: 13px; padding: 0px; margin: 0;}

.h0 {font-size: 64px; padding: 0px; margin: 0;}
.h1 {font-size: 48px; padding: 0px; margin: 0;}
.h2 {font-size: 35px; padding: 0px; margin: 0;}
.h3 {font-size: 20px; padding: 0px; margin: 0;}
.h4 {font-size: 17px; padding: 0px; margin: 0;}
.h5 {font-size: 15px; padding: 0px; margin: 0;}
.h6 {font-size: 13px; padding: 0px; margin: 0;}


.topborder{border-top: 1px solid #fff;}
.bottomborder{border-bottom: 1px solid #fff;}
/* -------------// Button Style //------------- */
.com-btn{background: var(--pagebtn); border: 1px solid var(--pagebtnborder); color: var(--pagebtntxt); font-weight: 700; padding: 17px 41px; border-radius: 50px; display: inline-block; letter-spacing: 1px; text-transform: uppercase; margin-top: 40px; }
.com-btn:hover{background: var(--pagebtntxt); color: var(--pagebtn);}
.btn, button { padding: 13px 15px; font-size: 16px; line-height: 16px; font-weight: 700; cursor: pointer; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; text-transform: uppercase; box-shadow: unset !important; }
.btn-color {color: var(--pagebtntxt) !important; background: var(--pagebtn); border: none; border:1px solid var(--pagebtnborder); }
.btn-color:hover {color: var(--pagebtn) !important; background: var(--pagebtntxt); border: none; border:1px solid var(--pagebtnborder);}




.btn-color-grey {color: #000 !important; background: #f2f2f2; border: none; border: 1px solid #000; }

.btn-green {color: var(--headersbtntxt); !important; background: var(--headersbtn); border:1px solid var(--headersbtnborder); }
.btn-green:hover {color: var(--headersbtn)!important; background: var(--headersbtntxt);}
.btn-popup {color: var(--pagebtntxt); !important; background: var(--pagebtn); border: none; }
.btn-popup:hover {color: var(--headersbtntxt) !important; background: var(--hoofdkleur);}
.spancart-total {line-height: 1.1em; font-size: 0.6em; width: 20%; padding: 0px 5px;}
.spanbtn-color-order:hover {line-height: 1.1em; font-size: 0.6em; width: 50%; padding: 0px 5px;}
.btn-color-order {color: var(--basketbtntxt) !important; background: var(--basketbtn); height:52px; line-height:1.4em; border:var(--pagebtntxt);  border: 1px solid var(--basketbtntxt);}
.btn-color-order:hover {color: var(--basketbtntxt) !important; background: var(--basketbtn);}
.cart-total {background:var(--cart-order-btn-back); border-radius:10px; color:var(--cart-order-btn-text);  line-height: 1.1em; font-size: 0.6em; width: 20%; padding: 0px 5px;}

.btn-color-res {color: var(--pagebtntxt) !important; background: var(--pagebtn); height:52px; line-height:1.4em; border: 1px solid var(--pagebtntxt); height:52px; line-height:1.4em; }
.btn-color-res:hover {color: var(--pagebtn) !important; background: var(--pagebtntxt);}

.tab p {background:var(--hoofdlinkkleur) !important; border-radius:10px; color:var(--hoofdkleur); padding: 1px 5px 1px 5px; line-height: 1.1em;}


.send-btn {color: var(--pagebtntxt) !important; background: var(--pagebtn); border: none; border: 1px solid var(--pagebtnborder); }
.send-btn:hover {color: var(--send-btn-text) !important; background: var(--send-btn-back); border: 1px solid var(--send-btn-border);}
button:focus {box-shadow: unset !important;}

button.owl-prev{left: 30px;}
button.owl-prev:before{content: "\f104"; font-family: fontawesome; font-size: 80px;}
button.owl-next{right: 30px;}
button.owl-next:before{content: "\f105"; font-family: fontawesome; font-size: 80px; }
a.btn.btn-green {padding: 13px 15px; line-height: 10px; background: var(--headersbtn); color: var(--headersbtntxt) !important; border: 1px solid var(--headersbtntxt) ;}
a.btn.btn-green:hover{color: var(--headersbtn) !important; background: var(--headersbtntxt);}
.shopping-cart .btn{font-weight: 700; letter-spacing: 1px; padding: 18px 26px;}
.btn.small {padding: 8px 15px; font-weight: 400; font-size: 14px; }

.delivery-select-btn {
height:40px; padding:2px 10px !important; width:80%; line-height:1.8em; font-size:1.2em !important; margin: 0 auto; margin-top:10px; background: var(--deliverybtn); border:1px solid var(--deliverybtntxt); color: var(--deliverybtntxt);
}
.delivery-future-btn {
height:30px; padding:2px 10px !important; width:60%; line-height:1.4em; font-size:1em !important;  margin: 0 auto; margin-top:15px; background: var(--deliverybtn); border:1px solid var(--deliverybtntxt); color: var(--deliverybtntxt);
}

.button-wrapper {
  align-items: center;
  background: var(--deliverybtn); 
  border:1px solid var(--deliverybtntxt);
  border-radius: 50px;
  cursor: pointer;
  display: inline-flex;
  padding: 10px 20px 10px 5px;
  width:90%;
  text-align: center;
  margin-top: 5px;
  
}

.button-wrapper:hover,
.button-wrapper:focus {
 border:1px solid var(--deliverybtntxt);
 opacity: 0.8;
}

.button-icon {
 
  border-radius: 5px 0 0 5px;
  margin-right: 15px;
  padding: 5px;
  font-size: 1.4em;
  position: absolute;
  color: var(--deliverybtntxt);
}

.button-text {
  color: var(--deliverybtntxt);
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  text-align:center;
  width:100%;
}

       .hamburger-groupx {color: var(--group-title) ;position:absolute; right: 10px; top:10px;}
.hamburger-group  {
  width: 30px;
  height: 30px;
  border-radius: 28px;
  background-color: var(--catstickback);
  position: absolute;
  top: 0px;
  right: 5px;
  cursor: pointer;
  color: var(--catsticktitle);
  transition: all 0.5s cubic-bezier(0.42, 0, 0, 1);
  text-align: center;
  padding: 0px;
  border: 1px solid var(--catsticktitle);
  line-height: 1.4em;
}

.hamburger-grouprest  {
  width: 30px;
  height: 30px;
  border-radius: 28px;
  background-color: var(--catstickback);
  position: absolute;
  top: -20px;
  right: 5px;
  cursor: pointer;
  color: var(--catsticktitle);
  transition: all 0.5s cubic-bezier(0.42, 0, 0, 1);
  text-align: center;
  padding: 0px;
  border: 1px solid var(--catsticktitle);
  line-height: 1.4em;
}

#dbopties .options-holder {background-color: var(--modalback);}

#dbopties h2 {color: var(--addon-title)}


.form-control:focus {border-color: var(--checkoutborder);}
.relative {position: relative;}



.btn-add {width: 90%; padding: 13px 15px; font-size: 16px; line-height: 20px; color: var(--basketbtntxt) !important; background: var(--basketbtn);  border:var(--pagebtntxt);  border: 1px solid var(--basketbtntxt);}

/* -------------// Form Style //------------- */
.form-group{margin-bottom: 0px; padding: 0}
.form-control{font-size: 12px; color: var(--inputextcolor); padding: 0px 25px; height: 40px; border:1px solid var(--checkoutborder); border-radius: 20px;}


.custom-select.sources.form-control {padding: 0; text-align: left; background: #fff;}
.custom-select.sources.form-control.opened {border: 1px solid var(--hoofdkleur);}
.custom-select-trigger { position: relative; display: block; width: 100%; padding: 0; font-size: 14px; color: #999999; line-height: 50px; cursor: pointer; padding: 0px 25px;}
.custom-select-trigger:after { position: absolute; display: block; content: ''; width: 10px; height: 10px; top: 50%; right: 25px; margin-top: -3px; border-bottom: 2px solid #999999; border-right: 2px solid #999999; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0;}
.custom-select-wrapper {position: relative; display: inline-block; user-select: none; width: 100%;}
.custom-select-wrapper select {display: none;}
.custom-select {position: relative; display: inline-block;}  
.custom-select.opened .custom-select-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%);}
.custom-options { position: absolute; display: block; top: 100%; left: 0; right: 0; min-width: 100%; border: 1px solid #999999; background: #fff; transition: all .4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); z-index: 1}
.custom-select.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0);}    
.option-hover:before {background: #f9f9f9;}
.custom-option {position: relative; display: block; padding: 0 25px; border-bottom: 1px solid #999999; font-size: 14px; color: #999999; line-height: 47px; cursor: pointer; transition: all .4s ease-in-out;}
.custom-option:last-of-type {border-bottom: 0; border-radius: 0 0 4px 4px;}
.custom-option:hover,
.custom-option.selection {background: #f9f9f9;}
textarea.form-control {padding-top: 13px; padding-bottom: 13px; min-height: 60px;  overflow: hidden; line-height: 12px;}
.right-side {float: right;}
.align-left {text-align: left !important;}

.textinputs { width:90%; padding: 13px 15px; font-size: 16px; line-height: 16px; font-weight: 400; cursor: pointer; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; text-transform: uppercase; box-shadow: unset !important;}

/* -------------// Spacer Style //------------- */
.ptb{padding-top: 30px; padding-bottom: 30px;}
.pt-8{padding-top: 8px;}
.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.pt-50{padding-top: 50px;}
.pt-70{padding-top: 70px;}
.pt-100{padding-top: 100px;}
.pt-120{padding-top: 120px;}
.pt-140{padding-top: 140px;}
.pb-50{padding-bottom: 50px;}
.pb-100{padding-bottom: 100px;}
.pb-120{padding-bottom: 120px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-60 {margin-bottom: 60px;}
.mtb-30 {margin-top: 30px; margin-bottom: 30px;}
.mtb-10 {margin-top: 10px; margin-bottom: 10px;}
.mb-sm-20 {margin-bottom: 20px;}
.pd-button {padding:10px 20px !important;}
.m-p-0 {margin:0; padding: 0}
.w-90{width: 90% !important}
.pr-10{padding-right: 40px}
.pdng-3 {padding:3px;}

.col-80 {
    flex: 0 0 auto;
    width: calc(100% - 85px);
    padding: 8px 0px 0px 10px;
   
}
.col-20 {
    flex: 0 0 auto;
    width: 80px;
}
#dbcart {background: var(--modalback);}
/* -------------// Top Scrolling Style //------------- */
.top-scrolling {position: fixed; bottom: 10px; right: 10px; z-index: 2; opacity: 0; visibility: hidden; transition: all 400ms ease; z-index: 10;}
.top-scrolling.sticky{opacity: 1; visibility: visible;}
.top-scrolling a { display: block; width: 40px; height: 40px; line-height: 20px; text-align: center; background: var(--pagebtn); border-radius: 100%; color: var(--pagebtntxt); border:2px solid var(--pagebtntxt); font-size: 30px; box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.50); }

table.border {border: 1px solid var(--productborder) !important;}

.commun-table{background: var(--productback); border: 1px solid var(--productborder); border-radius: 18px 18px 18px 18px;  }
.commun-table tr {border-bottom: 1px solid var(--productborder);  color: var(--baskettitle); background: var(--basketitemback)}
.list-group-item strong {}
/*_______________________________________________________
// HEADER  //----------------------------
_______________________________________________________*/
.cartqty {background-color:var(--hoofdkleur); !important; color: var(--hoofdlinkkleur);  line-height: 0.5em; }
header#header {position: fixed; top: 0; width: 100%; z-index: 10; padding: 15px 0; background: var(--hoofdkleur); transition: all 400ms ease; border-bottom: 1px solid var(--hoofdkleurrand);}
header#header.sticky {background: var(--hoofdkleur);}
.header-shadow{box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.1);}
.navbar-brand img{max-height: 60px; transition: all 400ms ease; }
/*.navbar-brand img{ transition: all 400ms ease; -webkit-filter: drop-shadow(1px 1px 1px #fff);  filter: drop-shadow(1px 1px 1px #fff);}*/
.navbar-header .navbar-brand {padding: 0; margin-right: 0; display: inline-block;}


/* -------------// Navigation Menu Style //------------- */
.navbar-collapse.collapse {display: inline-block; padding-left: 0;}
.navbar-collapse > ul {display: inline-block; float: none !important; text-align: left;}
li.order-online {position: relative; top: 6px; }
li.order-category {position: relative; top: 6px;}
.nav > li {position: inherit; display: inline-block;}
.navbar-nav > li > a { color: var(--hoofdlinkkleur); padding: 15px 18px; padding-left: 18px; display: inline-block; text-transform: uppercase; font-weight: 400;  font-size: 16px; position: relative; }
.navbar-nav .megamenu a {color: var(--hoofdlinkkleur);}
.navbar-nav .megamenu a span{color: var(--hoofdlinkkleur);}
.navbar-nav > li:last-child > a {padding-right: 0;}
.navbar-nav > li:hover > a, .navbar-nav > li:focus > a {color: var(--hoofdlinkkleurhoover);}
.logonav{display: none !important;}

.category-nav > li > a { padding: 15px 18px; padding-left: 18px; display: inline-block; text-transform: uppercase; font-weight: 400; color: #fff; font-size: 16px; position: relative;}
.category-nav .megamenu a {color: #000;}
.category-nav .megamenu a span{color: var(--hoofdkleur);}
.category-nav > li:last-child > a {padding-right: 0;}
.category-nav > li:hover > a, .category-nav > li:focus > a {color: #eb974b;}

#menu {padding-right: 30px; background: var(--hoofdkleur);}
#menulist {padding-right: 30px; padding-top: 0px !important;}
.menu-toggle{width: 30px; height: 27px; background: #363535; position: absolute; top: 10px; right: 40px; display: none; align-items: center; justify-content: center;}
.menu-toggle .toggle-bar{width: 80%; background: #fff; height: 2px; display: block; transition: all 400ms ease;}
.menu-toggle .toggle-bar:before{content: ""; position: absolute; top: 5px; left: 3px; width: 80%; height: 2px; background: #fff; transition: all 400ms ease;}
.menu-toggle .toggle-bar:after{content: ""; position: absolute; bottom: 5px; left: 3px; width: 80%; height: 2px; background: #fff; transition: all 400ms ease;}
.menu-toggle.active .toggle-bar{background: transparent;}
.menu-toggle.active .toggle-bar:before{transform: rotate(-45deg); top: 12px;}
.menu-toggle.active .toggle-bar:after{transform: rotate(45deg); bottom: 13px;}

/* megamenu start */
.megamenu { background: var(--hoofdlinkkleur); border-top: 3px solid var(--hoofdkleur); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); color: var(--hoofdkleur);  display: none; padding: 5px 15px; position: absolute; top: 100%; z-index: 2; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; min-width: 250px;}
.megamenu.full {left: 0; width: 100%;}
.megamenu-inner-top {display: inline-block; width: 100%;}
.megamenu .sub-menu-level1 li.level2 {float: left;}
.megamenu .level2 > a { display: inline-block; margin-right: 35px; color: red; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; max-width: 100%;}
.megamenu .sub-menu-level2 li.level3 > a {display: inline-block; padding: 5px 0; font-size: 16px;text-transform: capitalize; color: var(--hoofdkleur); }
.megamenu .sub-menu-level2 li.level3 > a:hover {color: var(--hoofdkleur);}
.megamenu .sub-menu-level2 li.level3 > a span {float: left; font-size: 0; margin-right: 9px; margin-top: 11px; width: 5px; height: 5px; color: var(--hoofdlinkkleur);}
.megamenu-inner-top .left-p {padding-right: 30px;}
.navbar-toggle{width: 30px; height: 27px; background: #363535; position: absolute; top: 7px; right: -15px; border-radius: unset; display: none; align-items: center; justify-content: center; padding: 0!important; z-index: 99999;}
.navbar-toggle span{width: 80%; background: var(--hoofdlinkkleur); height: 2px; display: block; transition: all 400ms ease;}
.navbar-toggle span:before{content: ""; position: absolute; top: 5px; left: 3px; width: 80%; height: 2px; background: var(--hoofdlinkkleur); transition: all 400ms ease;}
.navbar-toggle span:after{content: ""; position: absolute; bottom: 5px; left: 3px; width: 80%; height: 2px; background: var(--hoofdlinkkleur); transition: all 400ms ease;}
.navbar-toggle.active span{background: transparent;}
.navbar-toggle.active span:before{transform: rotate(-45deg); top: 12px;}
.navbar-toggle.active span:after{transform: rotate(45deg); bottom: 13px;}


.category-toggle{width: 30px; height: 27px; background: #363535; position: absolute; top: 7px; right: -15px; border-radius: unset; display: none; align-items: center; justify-content: center; padding: 0!important; z-index: 99999; color: #000 !important}
.category-toggle span{width: 80%; background: #fff; height: 2px; display: block; transition: all 400ms ease;}
.category-toggle span:before{content: ""; position: absolute; top: 5px; left: 3px; width: 80%; height: 2px; background: #000; transition: all 400ms ease;}
.category-toggle span:after{content: ""; position: absolute; bottom: 5px; left: 3px; width: 80%; height: 2px; background: #000; transition: all 400ms ease;}
.category-toggle.active span{background: transparent;}
.category-toggle.active span:before{transform: rotate(-45deg); top: 12px;}
.category-toggle.active span:after{transform: rotate(45deg); bottom: 13px;}

.opener.plus {display: none;}
/* megamenu end */

.header-right-link {float: right;}
.header-right-link > ul > li { float: left; padding: 0 10px; position: relative;
	overflow: hidden;}
.header-right-link ul li:hover {overflow: visible;}
.header-right-link ul li > a {display: inline-block; padding: 11px 0;}
.header-right-link > ul > li > a span.icon { background: url("../images/sprite.png") no-repeat scroll 0 0 transparent; height: 30px; width: 35px; float: left; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;}
.header-right-link > ul > li > a .link-text { display: inline-block; margin-top: 4px; font-size: 16px; color: #fff;}
.header-right-link ul li.cart-icon > a span.icon {background-position: -9px -14px; position: relative;}
.header-right-link ul li.call-icon > a span.icon {background-position: -9px -89px; position: relative;}
.header-right-link ul li.call-icon:hover > a span.icon {background-position: -9px -122px;}
.header-link-dropdown { background: #fff; border-top: 3px solid var(--hoofdkleur); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); position: absolute; width: 290px; display: inline-block; right: 0; top: 100%; padding: 20px; opacity: 0; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; z-index: 3;}
.header-right-link .link-dropdown-list > li { position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dedede;}
.header-right-link .link-dropdown-list > li { position: relative; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dedede;}

.cart-dropdown ul li a:hover {color: #e4964d;}
.cart-dropdown .cart-list li .media { padding-right: 25px; margin-top: 0;}
.cart-dropdown .media-body span { font-weight: 500; margin-bottom: 5px; font-size: 13px; line-height: 18px; display: inline-block;}
.cart-dropdown .cart-list li .media .pull-left {width: 105px; padding-right: 20px;}
.cart-dropdown .cart-list li .media .pull-left img {max-width: 100%;}

.reservation-dropdown ul li a:hover {color: #e4964d;}
.reservation-dropdown .reservation-list li .media { padding-right: 25px; margin-top: 0;}
.reservation-dropdown .media-body span { font-weight: 500; margin-bottom: 5px; font-size: 13px; line-height: 18px; display: inline-block;}
.reservation-dropdown .reservation-list li .media .pull-left {width: 105px; padding-right: 20px;}
.reservation-dropdown .reservation-list li .media .pull-left img {max-width: 100%;}



.close-cart { height: 15px; position: absolute; right: 0; top: 0; width: 15px;     padding: 0 !important;}
.input-text.qty {border: 1px solid var(--basketprice); border-radius: 5px; max-width: 50px; height: 30px; padding: 4px 13px; float: left; text-align: center; margin: 0 5px; margin-right: 0;}
.cart-list.link-dropdown-list {text-align: left;}
.cart-list.link-dropdown-list a{text-transform: uppercase;}

.cart-dropdown .input-text.qty {background-color: transparent; padding: 2px 13px;}
.cart-dropdown .cart-price {font-weight: 500; font-size: 16px;}
.cart-dropdown .btn {padding: 13px 30px;}

.reservation-dropdown .input-text.qty {background-color: transparent; padding: 2px 13px;}
.reservation-dropdown .reservation-price {font-weight: 500; font-size: 16px;}
.reservation-dropdown .btn {padding: 13px 30px;}


.product-qty { margin-top: 10px;}
.custom-qty {display: inline-flex; margin-bottom: 10px;}
.side-toggle {display: none;}
.menu-list-d .mega-menu-item .sub-res-head {margin-bottom: 10px; font-size: 20px; color: #1d1d1d; font-weight: 700;}
.menu-list-d .mega-menu-item a { font-weight: 400; padding: 10px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #1d1d1d;}
.mega-menu-promotion-wrapper {margin-top: 30px;}
.menu-list-d .mega-menu-promotion { text-align: center;}
.menu-list-d .mega-menu-promotion img {width: 150px; margin-bottom: 5px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; top: 0;}
.mega-menu-promotion-text h4 {margin-bottom: 5px; font-size: 18px;}
.menu-list-d .mega-menu-promotion-text p a {display: block; padding: 0; color: #1d1d1d; font-weight: 700;}
.mega-menu-promotion-text span {font-size: 14px; font-weight: 600; line-height: 21px; color: #848486;}
.menu-list-d .mega-menu-item a:hover {color: var(--hoofdkleur);}
.menu-list-d .mega-menu-promotion:hover img {top: -10px;}
.menu-list-res{display: none;}
.megamenu-big {width: 100%; left: 0;}
#header .col-xl-9{position: unset;}
#header .row.m-0{position: relative;}
.megamenu-big .menu-grid{ padding: 10px 10px; margin-bottom: 10px; transition: all 400ms ease;}
.menu-grid-center{display: flex; width: 100%; align-items: center;}
.megamenu-big .menu-grid:hover{background: rgb(253 157 62 / .15);}
.megamenu-big .pizza-menu{width: 100px; float: left;}
.megamenu-big .pizza-menu img{width: 100%;}
.megamenu-big .pizza-det{width: calc(100% - 100px); float: left; padding-left: 10px;}
.megamenu-big .pizza-det .Pizza-name-1{font-size: 16px; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.megamenu-big .pizza-det .pizza-price-1{font-size: 16px; color: var(--hoofdkleur);}
.megamenu-big .menu-list-d ul{padding-top: 32px;}
.megamenu-big .menu-list-d ul li{position: relative;}
.megamenu-big .menu-list-d ul li:before { content: ""; position: absolute; top: 14px; left: 0; width: 5px; height: 5px; background: var(--hoofdkleur);}
.megamenu-big .menu-list-d ul li a{color: #000 !important; font-size: 16px; padding: 3px 15px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 260px;}
.megamenu-big .menu-list-d ul li a:hover{color: var(--hoofdkleur) !important;}

/*_______________________________________________________
// CONTENT  //----------------------------
_______________________________________________________*/

/* -------------// Banner Style //------------- */
.banner{background-color: #121619; position: relative; min-height: 800px;}

.banner .owl-item {min-height: 800px;}
.banner-text {text-align: center; position: absolute; top: 150px; left: 50%; transform: translate(-50%); width: 100%; z-index: 1;}
.banner-headding {font-size: 150px; color: #fefefe; text-transform: uppercase; font-weight: 700;}
.banner-headding span {color: var(--hoofdkleur);}
.banner-sub-hed {font-size: 18px; color: var(--hoofdkleur); text-transform: uppercase; letter-spacing: 8px; line-height: 1em;}

.banner-images {position: absolute; bottom: 0; left: 50%; transform: translate(-50%);}
.owl-carousel .owl-item .pizza-img {width: unset;}
.owl-carousel .owl-item .pizza-it {width: unset;}
.banner .fade:not(.show) {opacity: unset;}
.banner .owl-item.active{opacity: 1;}
.banner .owl-item{opacity: 0; transition: all 400ms ease;}
.all-img-banner {position: relative;}
.banner .owl-item {overflow: hidden;}
.pizza-it{position: absolute;}
.pizza-1 {bottom: 0px; right: -70px;}
.pizza-2{top: 20px; right: -120px; max-width: 350px;}
.pizza-3{top: 50px; left: 360px;}
.pizza-4{bottom: 80px; left: -20px;}

.banner-slide-2 .banner-box, .banner-slide-3 .banner-box{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; padding-top: 110px;}
.banner-slide-2 .banner-text, .banner-slide-3 .banner-text{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; transform: unset; text-align: unset; position: unset; align-items: center; display: flex;}
.banner-slide-2 .banner-images, .banner-slide-3 .banner-images{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 90%; padding-left: 15px; padding-right: 15px; position: unset; transform: unset;}
.banner-slide-2 .banner-box{padding-top: 120px;}
.owl-carousel .owl-item .banner-slide-2 .pizza-img {margin: 0 auto;}
.banner-slide-2 .pizza-it{position: absolute;}
.banner-slide-2 .pizza-1{top: -70px; right: -10px;}
.banner-slide-2 .pizza-2{top: -10px; left: 30px;}
.banner-slide-2 .pizza-3{top: 70px; left: -20px;}
.banner-slide-2 .pizza-4{bottom: -60px; right: 230px; left: unset;}
.banner-slide-2 .pizza-5{bottom: -60px; right: 10px;}
.banner-slide-2 .pizza-6{bottom: 60px; right: -20px;}

.banner-slide-3 .pizza-it{position: absolute;}
.banner-slide-3 .pizza-1{top: -40px; left: 140px;}
.banner-slide-3 .pizza-2{bottom: -20px; left: 0px; top: unset;}
.banner-slide-3 .pizza-3{top: -20px; right: -20px;}
.banner-slide-3 .pizza-4{bottom: -10px; right: -30px; left: unset;}
.banner-slide-3 .pizza-5{top: 70px; right: -30px;}
.banner-slide-3 .pizza-6{top: 30px; left: 0px;}

.active .banner-headding{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.5s;}
.active .banner-sub-hed{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.5s;}
.active .pizza-img{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUpBigopa; animation-delay: 0.5s;}
.active .pizza-1{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 1.3s;}
.active .pizza-2{-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 1.8s;}
.active .pizza-3{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 2s;}
.active .pizza-4{-webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 2.5s;}

.active .banner-slide-2 .banner-headding{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: rotateInDownLeft; animation-delay: 0.5s;}
.active .banner-slide-2 .banner-sub-hed{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: rotateInUpLeft; animation-delay: 0.5s;}
.active .banner-slide-2 .pizza-img{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; animation-delay: 1s;}
.active .banner-slide-2 .pizza-1{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 1.3s;}
.active .banner-slide-2 .pizza-2{-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 1.8s;}
.active .banner-slide-2 .pizza-3{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 2s;}
.active .banner-slide-2 .pizza-4{-webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 2.5s;}
.active .banner-slide-2 .pizza-5{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 1.5s;}
.active .banner-slide-2 .pizza-6{-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomIn; animation-delay: 1.8s;}

.active .banner-slide-3 .banner-headding{-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; animation-delay: 0.5s;}
.active .banner-slide-3 .banner-sub-hed{-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; animation-delay: 0.8s;}
.active .banner-slide-3 .pizza-img{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeftopa; animation-delay: 1s;}
.active .banner-slide-3 .pizza-1{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 1.3s;}
.active .banner-slide-3 .pizza-2{-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 1.8s;}
.active .banner-slide-3 .pizza-3{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 2s;}
.active .banner-slide-3 .pizza-4{-webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 2.5s;}
.active .banner-slide-3 .pizza-5{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 1.5s;}
.active .banner-slide-3 .pizza-6{-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: bounceInDown; animation-delay: 1.8s;}
.banner .owl-nav button{position: absolute; top: 50%; font-size: 0 !important; transform: translateY(-50%); line-height: 0 !important; color: rgb(253 157 62 / .5) !important;}
.banner .owl-nav button:hover{color: var(--hoofdkleur) !important;}


/* -------------// Site Services Features Block css Start //------------- */
.order-section{background: var(--hoofdkleur); position: relative;}
.order-section .order-img{max-width: 90px;     transition: all 400ms ease;}
.order-section .col-xl-4:hover .order-img {filter: invert(1) sepia(0) saturate(0) hue-rotate(175deg);}
.order-section .order-title{font-size: 30px; font-weight: 700; color: #121619; padding-top: 10px; padding-bottom: 8px;}
.order-section .order-des{font-size: 14px; color: #121619;}
.order-top{position: absolute; top: -90px; left: 0; width: 100%; z-index: 1;}
.order-top img{width: 100%; max-width: 100%;}
.order-bottom{position: absolute; bottom: -95px; left: 0; width: 100%;}
.order-bottom img{width: 100%; max-width: 100%;}
.order-section .padding-lf{padding: 0px 60px;}


.open-section{background: var(--onevenkleurback); position: relative;}
.open-section .open-img{max-width: 90px;     transition: all 400ms ease;}
.open-section .col-xl-4:hover .open-img {filter: invert(1) sepia(0) saturate(0) hue-rotate(175deg);}
.open-section .open-title{font-size: 30px; font-weight: 700; color: var(--onevenkleurtitel); padding-top: 10px; padding-bottom: 8px; }
.open-section .open-des{font-size: 1.2em; color: var(--onevenkleurtxt);}
.open-top{position: absolute; top: -90px; left: 0; width: 100%; z-index: 1;}
.open-top img{width: 100%; max-width: 100%;}
.open-bottom{position: absolute; bottom: -95px; left: 0; width: 100%;}
.open-bottom img{width: 100%; max-width: 100%;}
.open-section .padding-lf{padding: 0px 60px;}

/* -------------// Our speciality Block css start //------------- */

.speciality {
background: var(--onevenkleurback);
}
.ser-title{color: var(--onevenkleurtitel)}
.speciality-img .spec-image{ transition: all 400ms ease; }
.speciality-img {
  display: inline-block;
  position: relative;
  width: 280px;
  height: 280px;
  overflow: hidden;
  border-radius: 100%;
  box-shadow: 0px 0px 10px 1px rgb(0 0 0 / .5);
  transition: all 400ms ease;
  
}
.speciality-img-img {
  width: auto; 
  height: 100%;
}
.speciality-img-img-h {
  width: 100%; 
  height: auto;
}
.speciality-img img:hover { transform: scale(1.1); }


.about-img .about-image{ transition: all 400ms ease; }
.about-img {
  display: inline-block;
  position: relative;
  width: 100%;
 
  overflow: hidden;
  transition: all 400ms ease;
  border-radius: 20px;
  
}
.about-img img {
  width: auto; 
  height: 100%;
}
.about-img img:hover { transform: scale(1.1); }


.blog-img .blog-imagehead{ transition: all 400ms ease; }
.blog-img {
  display: inline-block;
  position: relative;
  width: 100%;
 
  overflow: hidden;
  transition: all 400ms ease;
  border-radius: 20px;
  
}
.blog-img img {
  width: auto; 
  height: 100%;
}
.blog-img img:hover { transform: scale(1.1); }



.actie-img .act-image{ transition: all 400ms ease; }
.actie-img {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0px 0px 10px 1px rgb(0 0 0 / .5);
  transition: all 400ms ease;
  background:var(--kortingback); 
}
.actie-img img {
  width: auto; 
  height: 100%;
}
.actie-img img:hover { transform: scale(1.1); }

/* -------------// Special Menu Block css start //------------- */
.special-menu{background: var(--onevenkleurback); position: relative; padding-bottom: 120px;}
.special-menu .headding-part h2{color: var(--onevenkleurtitel);}
.special-tab ul{background: var(--kortinglintback); display: inline-block; border-radius: 50px;}
.special-tab ul li{display: inline-block;}
.special-tab .nav-tabs li a{display: inline-block; color: var(--kortinglinttxt); transition: all 400ms ease; font-size: 14px; padding: 14px 28px; letter-spacing: 1px; cursor: pointer; border: unset; border-radius: 50px;}
.special-tab .nav-tabs{border: unset;}
.special-tab .nav-tabs li a.active{background: var(--kortinglintbtn); border-radius: 50px; color: var(--kortinglintbtntxt);}
.menu-img {width: 200px; height: 200px; overflow: hidden; margin: 0 auto; position: relative; transition: all 400ms ease; top: 0;}
.special-menu .menu-img:hover {top: -12px;}
.menu-img .menu-image{width: 200px; height: 200px; transition: all 400ms ease;}
.menu-title{font-size: 18px; color:  var(--onevenkleurtitel); letter-spacing: 1px; padding-top: 25px; padding-bottom: 12px; display: block;}
.menu-title:hover{color: var(--onevenkleurtitel);}
.menu-des{font-size: 14px; color: var(--onevenkleurtxt); letter-spacing: 1px; padding-bottom: 12px; max-width: 300px; margin: 0 auto;}
.menu-price{font-size: 18px; color: var(--special-text); letter-spacing: 1px;}
.special-menu .tab-content.current{display: flex;}
.tab-content>.active {display: flex;}
.menu-top-bg{position: absolute; top: -80px; left: 0; width: 100%;}
.menu-top-bg img{width: 100%;}
.menu-bottom-bg{position: absolute; bottom: -150px; left: 0; width: 100%;}
.menu-bottom-bg img{width: 100%;}
.our-menu-panel {padding-top: 20px;}
.our-menu-panel .menu-box {padding-top: 50px;}


/* -------------// Online Booking Block css start //------------- */
.online-booking {overflow: hidden; background: var(--evenkleurback);}
.online-des{font-size: 14px; color: var(--catstickdescription); padding-top: 5px;}
.online-call{background: #121619; color: #fff; border: 10px solid var(--hoofdkleur); display: inline-block; font-size: 38px; font-weight: 700; padding: 15px 10px 15px 65px; margin-top: 30px; background-image: url(../images/online-call.png); background-position: 10px; background-repeat: no-repeat; position: relative;}
.online-call:before{content: ""; background: url(../images/online-call-hover.png); background-repeat: no-repeat; position: absolute; top: 14px; left: 10px; width: 46px; height: 60px; opacity: 0;}
.online-call:hover{background-color: #fff; color: #121619; background-image: unset;}
.max-w-390{max-width: 400px;}
.online-call:hover:before{opacity: 1;}
.book-table{font-size: 30px; color: #121619; font-weight: 700; letter-spacing: 2px; padding-bottom: 20px;}
.more-table-v{color: var(--pagebtntxt); font-weight: 700; background: var(--pagebtn); border: 1px solid var(--pagebtnborder); padding: 17px 41px; text-transform: uppercase; letter-spacing: 1px; border-radius: 50px;}
.more-table-v:hover{background: var(--pagebtntxt); color: var(--pagebtn);}


/* -------------// Chef Block css start //------------- */
.chef{background-color: var(--evenkleurback); position: relative; overflow: hidden;}
.chef:before{content: "";  background-position: center; background-repeat: no-repeat; background-size: cover; opacity: .20; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.chef-box{background: #fff; padding-bottom: 20px;}
.chef-box .chef-img{width: 100%; max-height: 263px;}
.chef-box .chef-name {font-size: 20px; color: #1d1d1d; padding-top: 25px; line-height: 20px; transition: all 400ms ease;}
.chef-box:hover .chef-name {color: var(--hoofdkleur);}
.chef-box .chef-ct{font-size: 14px; color: #999999; transition: all 400ms ease;}
.chef-box:hover .chef-ct{color: var(--hoofdkleur);}
.chef-top-bg{position: absolute; top: -371px; left: 0; width: 100%;}
.chef-top-bg img{width: 100%;}
.chef-bottom-bg{position: absolute; bottom: -381px; left: 0; width: 100%;}
.chef-bottom-bg img{width: 100%}
.chef-outer {padding: 0px 15px;}
.chef .chef-hover {position: relative; overflow: hidden;}
.chef .chef-hover::before {position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.chef .chef-box:hover .chef-hover::before {-webkit-animation: shine .75s; animation: shine .75s;}
.chef .owl-nav button {position: absolute; z-index: 2; color: var(--hoofdkleur) !important; font-size: 0px !important; top: 50%; transform: translateY(-50%); opacity: 0.5; line-height: 60px !important; overflow: hidden;}
.chef .owl-nav button span {position: relative; top: -11px;}
.chef .owl-nav button:hover{opacity: 1;}
.chef .owl-nav button.owl-prev {left: -30px;}
.chef .owl-nav button.owl-next {right: -30px;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}


/* -------------// News Block css start //------------- */
.news{background: var(--evenkleurback); color: var(--evenkleurtxt)}
.new-box .news-img{transition: all 400ms ease; position: relative; top: 0;border: 1px solid var(--evenkleurtitel);}
.new-box:hover .news-img {box-shadow: 0px 0px 10px 1px rgb(0 0 0 / .5);}
.news-img{position: relative;}
.news-img {
  display: inline-block;
  position: relative;
  height: 250px;
  width: 250px;
  overflow: hidden;
  border-radius: 20px;
}
.newsicon {margin:0 !important; left: 50px;font-size:10em; margin:10px; color:var(--evenkleurtitel);}

.news-img .news-date {background: var(--evenkleurback); width: 68px; height: 68px; border-radius: 100%; color:var(--evenkleurtitel) ; font-weight: 700;  text-align: center; line-height: 68px; position: absolute; bottom: 10px; right: 10px; display: flex; align-items: center; justify-content: center; z-index: 1; opacity: 0.9; border: 1px solid var(--evenkleurtitel); }
.news-img .news-date span{line-height: 20px; display: block;}
.news-img .news-date-bg{background: var(--pagebutton); color: var(--pagebuttontxt) ; position: absolute; width: 72px; height: 72px; bottom: 11px; right: 11px; border-radius: 100%;}
.new-box ul{padding-top: 20px;}
.new-box ul li{display: inline-block; color: #1d1d1d; margin-right: 20px;}
.new-box .news-headline{font-size: 18px; color: var(--evenkleurtitel); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding-top: 8px; display: block;}
.news-headline:hover{color: var(--hoofdkleur);}
.new-box .news-more{color: var(--hoofdkleur); text-transform: uppercase; text-decoration: underline; margin-top: 20px; display: inline-block; padding: 0 !important;}
button.news-more {border: unset; background: transparent;}
.new-box:hover .news-img {position: relative; top: -10px;}
.new-box .news-more:hover{color: #1d1d1d;}


/* -------------// Customer reviews Block css start //------------- */
.customer{background: #121619; position: relative; overflow: hidden;}
.customer-inner .headding-part h2{color: #fff;}
.customer-img{width: 180px; float: left;}
.customer-img-in {width: 135px; text-align: center;}
.customer-img .customer-image{width: 135px; height: 135px; border: 5px solid var(--hoofdkleur); border-radius: 100%;}
.customer-img .customer-name{font-size: 20px; color: var(--hoofdkleur); text-transform: uppercase; padding-top: 10px;}
.customer-reviews{width: calc(100% - 180px); float: left; background: #fff; padding: 40px 50px; position: relative;}
.customer-reviews .review-cus{font-size: 18px; color: #999999; padding-bottom: 15px; font-style: italic;}
.customer-reviews .post-name {color: var(--hoofdkleur); text-transform: uppercase;}
.customer-reviews .post-name span{font-size: 12px; text-transform: lowercase;}
.customer-detail{display: flex!important; width: 100%; align-items: center; padding: 20px 0px;}
.customer-reviews:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 17.5px 18px 17.5px 0; border-color: transparent #ffffff transparent transparent; position: absolute; left: -17px; top: 50%; transform: translateY(-50%);}
.customer-top-bg{position: absolute; top: -75px; left: 0; width: 100%;}
.customer-top-bg img{width: 100%;}
.customer-bottom-bg{position: absolute; bottom: -7px; left: 0; width: 100%;}
.customer-bottom-bg img{width: 100%;}
.customer-slide ul{text-align: center; position: absolute; bottom: -50px; left: 50%; transform: translateY(-50%);}
.customer-slide ul li{display: inline-block; padding: 0px 2px;}
.customer-slide ul li button{font-size: 0; background: transparent; border: 2px solid var(--hoofdkleur); padding: 0; width: 12px; height: 12px; border-radius: 100%;}
.customer-slide ul li.slick-active button{background: var(--hoofdkleur);}
.customer .owl-dots{text-align: center;}
.customer button.owl-dot{width: 12px; height: 12px; border: 2px solid var(--hoofdkleur); border-radius: 100%; margin: 0px 5px; transition: all 400ms ease;}
.customer button.owl-dot.active{background: var(--hoofdkleur);}


/* -------------// About Block css start //------------- */
.about-pizzon .max-w-390 {max-width: 460px;}
.about-pizzon .online-des{padding-top: 10px}
.about-more-z{margin-top: 35px; text-transform: uppercase;}



/* -------------// Menu Page //------------- */
.page-banner{padding-top: 185px; padding-bottom: 120px;position: relative;}
.page-title{text-align: center;position: relative;z-index: 9; color: #fff;  }
.page-banner::after {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: #121619;opacity: 0.4;}
.page-headding{font-size: 50px; color: #fff; font-weight: 700; text-transform: uppercase;}
.page-name:hover{color: var(--hoofdkleur);}
.page-title ul li{position: relative; padding: 0px 10px; display: inline-block; padding-top: 10px; color: #fff !important; text-transform: capitalize;}
.page-title ul li:before{content: ""; position: absolute; width: 1px; height: 15px; background: #fff ; top: 16px; left: -2px; transform: rotate(15deg);}
.page-title ul li:first-child:before{content: "";}
.page-title ul li a{font-size: 16px; color: #fff; display: block;text-transform: capitalize;}
.menu-tabbing{text-align: center; padding-bottom: 50px;}
.menu-tabbing ul{background: #ebebeb; display: inline-block; border-radius: 50px;}
.menu-tabbing ul li{display: inline-block;}
.menu-tabbing .nav-tabs li a{font-size: 14px; color: #121619; font-weight: 700; padding: 15px 28px; display: block; text-transform: uppercase; border: unset; border-radius: 50px;}
.menu-tabbing .nav-tabs li a.active{background: var(--hoofdkleur); border-radius: 50px;color: #fff;}
.menu-list-box{margin-bottom: 20px;}
.list-img img{width: 100%; object-fit: cover;}
.menu-detail{text-align: center; padding: 20px 30px;}
.iteam-name{font-size: 16px; color: var(--producttitle); font-weight: 700; text-transform: uppercase; padding-bottom: 4px; letter-spacing: 1px;display: inline-block; max-width: 75%;}
.iteam-name:hover{color: var(--producttitle);}
.list-img-2 img:hover{transform: scale(1.1);}
.menu-detail ul li{font-size: 16px; color: var(--productdescription); display: inline-block; padding: 0px 10px; position: relative;}
.menu-detail ul li:before{content: ""; background: var(--productdescription); position: absolute; top: 5px; width: 1px; height: 15px; left: 0; transform: rotate(20deg);}
.menu-detail ul li:first-child:before{content: unset;}
.item-desc{font-size: 14px; color: var(--productdescription); padding-top: 8px;  line-height: 1.2em}
.item-info{font-size: 12px; color: var(--productalert); padding-top: 8px;  line-height: 1.2em}
.item-desc-group{font-size: 14px; color: var(--productdescription); padding-top: 8px;  max-width: 80%}
.iteam-order{font-size: 16px; color: var(--hoofdkleur); font-weight: 700; text-transform: uppercase; text-decoration: underline;}
.iteam-order:hover {color: #121619; text-decoration: underline;}
.list-img {position: relative; overflow: hidden; top: 0; transition: all 400ms ease;}
.list-img::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;}
.menu-list-box:hover .list-img{top: -10px;}
.menu-list-box-2{display: flex; align-items: top; padding: 0px 20px; margin-bottom: 0px;}
.category-list-box-2{display: flex; align-items: top; padding: 0px 20px; margin-bottom: 30px;}

.list-img-2{width: 80px; height: 80px; border-radius: 10%; float: left; overflow: hidden;}
.list-img-2 img{width: 100%; height:100%; object-fit: cover; transition: all 400ms ease;}
.list-img-group{width: 100%; height: 105px; border-radius: 20px; float: left; overflow: hidden; margin-bottom: 10px}
.list-img-group img{width: 100%; height:100%; object-fit: cover; transition: all 400ms ease;}
.menu-detail-2{width: 100%; float: left; padding-left: 10px;}
.menu-detail-2 .iteam-name{padding-bottom: 0px;padding-top: 0px;}
.iteam-name-list{color: var(--producttitle);border-bottom: 1px solid var(--productborder); padding-bottom: 10px; margin-bottom: 3px;  }




.iteam-srice{font-size: 16px; color: var(--productprice) !important; float: right; margin-right: 5px; font-weight: 700;}
/* -------------// Blog Page //------------- */
.blog-box {padding-bottom: 35px;}
.blog-img{margin-bottom: 24px; overflow: hidden;}
.blog-img img{width: 100%; object-fit: cover; transition: all 400ms ease; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 20px;}
.blog-img img:hover {transform: scale(1.1);}
.blog-box ul{padding-bottom: 5px;}
.blog-box ul li{display: inline-block; font-size: 16px; color: #1d1d1d; padding: 0px 10px;}
.blog-box ul li:first-child {padding-left: 0;}
.blog-box ul li a{text-transform: uppercase;}
.blog-box ul li a:hover{color: var(--hoofdkleur);}
.blog-headding, .blog-detail h2{font-size: 30px; color: #1d1d1d; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding-bottom: 10px; display: block;}
.blog-desc, .blog-detail p {font-size: 16px; color: #999999; padding-bottom: 20px;}
.blog-btn{font-size: 16px; color: var(--hoofdkleur); text-transform: uppercase; text-decoration: underline;}
.blog-btn:hover{color: #1d1d1d; text-decoration: underline;}
.blog-pagination ul li{display: inline-block; padding: 0px 4px;}
.blog-pagination ul li:first-child{padding-left: 0;}
.blog-pagination ul li a{display: block; width: 40px; height: 40px; line-height: 40px; border: 1px solid #dddddd; text-align: center; font-size: 16px; color: #999999;}
.blog-pagination ul li a:hover{border: 1px solid #121619; color: #121619;}
.blog-pagination ul li.active a{background: #121619; color: #fff;}
.blog-search{position: relative; padding-bottom: 35px}
.blog-search:before{content: "\f002"; font-family: fontawesome; color: #bababa; position: absolute; font-size: 18px; top: 12px; right: 16px;}
.blog-input{font-size: 15px; color: #999999; border: 1px solid #dddddd; padding: 12px 40px 12px 15px; width: 100%;}
.blog-input:focus{border: 1px solid #000;}
.find-blog{font-size: 0; width: 49px; height: 49px; position: absolute; top: 0; right: 0; border: 0; background: transparent; z-index: 2; padding: 0;}
.categorie-head{font-size: 24px; color: #121619; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 8px; border-bottom: 1px solid #dedede;}
.categories{padding-bottom: 20px;}
.categories ul li a{font-size: 14px; color: #999999; border-top: 1px solid #dedede; display: block; padding: 14px 0px; letter-spacing: 1px;}
.categories ul li:first-child a{border: unset;}
.categories ul li a:hover{color: #eb974b;}

.recent-post {padding-bottom: 10px;}
.recent-inner {padding-top: 30px;}
.recent-box { display: flex; width: 100%; margin-bottom: 25px; align-items: center;}
.recent-img {width: 80px; float: left; overflow: hidden;}
.recent-img img {width: 100%; object-fit: cover; transition: all 400ms ease;}
.recent-img img:hover{transform: scale(1.1);}
.recent-text {width: calc(100% - 80px); float: left; padding-left: 10px;}
.recent-sub {font-size: 14px; color: var(--hoofdkleur); text-transform: uppercase; letter-spacing: 1px; padding-bottom: 4px; display: block;}
.recent-title {font-size: 16px; color: #1d1d1d; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; overflow: hidden; display: block;}

.tage-part ul{padding-top: 15px; margin: 0px -3px;}
.tage-part ul li{display: inline-block; padding: 5px 3px;}
.tage-part ul li a{font-size: 14px; color: #999999; border: 1px solid #dddddd; display: block; padding: 4px 18px;}
.tage-part ul li a:hover{background: var(--hoofdkleur); color: #fff; border: 1px solid var(--hoofdkleur);}

.blog-detail .blog-img img:hover {transform: unset;}
.blog-detail .blog-headding:hover {text-decoration: unset;}
blockquote {border: 1px solid #dddddd; text-align: center; padding: 44px 20px; margin-bottom: 35px;margin-top: 35px;}
blockquote p {font-size: 20px !important; color: #121619 !important; max-width: 800px !important; margin: 0 auto;}
.blog-detail .blog-desc{padding-bottom: 35px;}
.blog-detail .blog-desc, .blog-detail p {padding-bottom: 0px;}
.detail-tag{display: flex; width: 100%; padding-bottom: 40px;}
.detail-tag .teg-title{font-size: 16px; color: #121619; font-weight: 700; text-transform: uppercase; width: 55px; float: left; margin: 0; padding-top: 8px;}
.blog-detail ol{width: calc(100% - 55px); float: left; padding-left: 0; margin-bottom: 40px;margin-top: 35px;}
.blog-detail ol li:first-child {font-size: 16px; color: #121619; font-weight: 700;}
.blog-detail ol li{padding: 0px 3px; display: inline-block;}
.blog-detail ol li a{border: 1px solid #e4e4e4; border-radius: 50px; font-size: 14px; color: #999999; text-transform: unset; letter-spacing: 1px; padding: 10px 35px; display: block;}
.blog-detail ol li a:hover{background: var(--hoofdkleur); color: #fff;}
.teg-desc {background: #f5f5f5; display: flex; width: 100%; align-items: center; padding: 25px 30px; margin-bottom: 40px;}
.tag-img {width: 150px; float: left;}
.tag-img img {width: 100%; object-fit: cover;}
.tag-det {float: left; width: calc(100% - 150px); padding-left: 30px;}
.det-title {font-size: 18px; color: #121619; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.det-description {font-size: 14px; color: #999999;}
.title-com {font-size: 24px; color: #121619; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding-bottom: 10px;}
.comments-box {display: flex; align-items: center; width: 100%; border-top: 1px solid #e0e0e0; padding: 30px 0px;}
.comment-img {width: 100px; float: left;}
.comment-img img {width: 100%; object-fit: cover;}
.comment-text {float: left; width: calc(100% - 100px); padding-left: 20px; display: flex; align-items: center;}
.details-com {width: calc(100% - 135px); float: left;}
.name-com {font-size: 18px; color: #121619; font-weight: 700; text-transform: uppercase; margin: 0;}
.desc-com {font-size: 14px; color: #999999;}
.button-comme {width: 135px; float: left; text-align: right;}
.reply-com { background: var(--hoofdkleur); color: #fff; text-transform: uppercase; letter-spacing: 1px; padding: 8px 25px; display: inline-block; border: 1px solid var(--hoofdkleur); border-radius: 30px;}
.reply-com:hover {background: transparent; color: var(--hoofdkleur);}
.comments {padding-bottom: 10px;}
.blog-detail .blog-box ul li a {text-transform: unset;}
.leave .title-com{padding-bottom: 15px;}
.post-com { background: var(--hoofdkleur); color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; border: 1px solid var(--hoofdkleur); border-radius: 50px; padding: 17px 35px;}
.post-com:hover{background: transparent; color: var(--hoofdkleur);}
.blog-detail .blog-box {padding-bottom: 0;}

.comment-part h3 {font-size: 18px; text-transform: uppercase; margin-bottom: 30px;}
.comment-part h2{font-size: 24px; margin-bottom: 30px;}
.comment-part ul ul {margin-left: 0px; width: 100%;}
.comment-part ul > li {border-top: 1px solid #e5e5e5; padding-top: 20px; margin-top: 20px; position: relative; display: flex; align-items: center;}
.comment-part ul > li:first-child {border: none; padding-top: 0; margin-top: 0;}
.comment-user {float: left; margin-right: 20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; width: 100px;}
.comment-detail {padding-right: 90px; width: calc(100% - 120px); float: left;     text-align: left;}
.comment{display: inline-block; width: 100%;}
.comment-user img{width: 100%; object-fit: cover;}
.comment .comment-detail {padding-right: 0;}
.commenter span {color: #333; font-weight: 600;}
.comment-detail p {margin-bottom: 0;}
.comment-detail .reply-btn { position: absolute; right: 0; top: 50%; text-transform: none; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.comment-detail .reply-btn:before{content: unset;}
.comment-detail .reply-btn:hover{background: #fff;}
.post-comm {background: #333333; color: #fff; padding: 15px 20px; margin-bottom: 20px; border-radius: 0;}
.post-comm:before{content: unset;}
.post-comm:hover {background: var(--hoofdkleur); color: #fff;}
.comment-part ul {border: 0; padding: 0;}
.comment-part h3, .leave-comment-part h3{font-weight: 700;}
.comment-part {text-align: left;}
.border-tab ul li a:before {content: ""; transition: all 400ms ease; position: absolute; bottom: 0; left: 0; background: var(--hoofdkleur); width: 0%; height: 2px;}
.border-tab ul li.current a:before, .border-tab ul li a:hover:before{width: 100%;}
.border-tab .comment-part ul{padding: 0px 0px;}
.border-tab .comment-part ul li{padding-right: 0px;padding-left: 0px;display: flex;align-items: center;margin: 0px;}
.comment-part .comment-detail p{padding-bottom: 0px;}
/* -------------// Reservation Page //------------- */
.reservation{position: relative; background: url(../images/table-book.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.reservation .container{position: relative; z-index: 2;}
.reservation form{padding-top: 70px;}
.table-book {font-size: 24px; color: #fff; background: var(--hoofdkleur); text-transform: uppercase; font-weight: 700; letter-spacing: 1px; border: 1px solid var(--hoofdkleur); padding: 11px 170px; border-radius: 50px;}
.table-book:hover {background: transparent; color: var(--hoofdkleur);}
/* -------------// About Page //------------- */
.flex-center{align-items: center;}
.about-img{position: relative;}
.about-img.overlay:before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(0, 0, 0, .7); opacity: 0; transition: all 400ms ease;}
.about-img.overlay:hover:before{opacity: 1;}
.about-section {overflow: hidden;}
.about-img.overlay {position: relative;}
.about-img img{width: 100%; object-fit: cover;}
.about-text{padding-left: 15px;}
.about-desc{padding-top: 25px;}
.desc-about{font-size: 14px; color: #121619; padding-bottom: 20px;}
.our-story{background: #f4f4f4;}
.story{padding-top: 40px; max-width: 900px; margin: 0 auto;}
.story-text{color: #1d1d1d; padding-bottom: 20px;}
.story img{margin-top: 25px;}
.experience{padding-bottom: 100px; overflow: hidden;}
.play-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.play-icon span{border: 8px solid var(--hoofdkleur); border-radius: 100%; width: 90px; height: 90px; line-height: 75px; text-align: center; font-size: 40px; color: var(--hoofdkleur); padding-left: 9px; display: block; transition: all 400ms ease;}
.play-icon:hover span{border: 8px solid #fff; color: #fff;}
.modal-content {background: #fff; border: unset; position: relative; padding: 25px; border-radius: unset;}
.modal-content button.close {position: absolute; right: 5px; top: -4px; color: #000; opacity: 1; font-size: 30px; z-index: 2; background: unset; padding: 0; border: unset; font-weight: 700; line-height: 30px;}
.modal-content button.close:hover{color: var(--hoofdkleur);}
.about-pizzon {overflow: hidden;}
.video-play {height: 300px;}
.about-cus{position: relative;}
.about-cus:before {content: ""; background-image: url(../dontcopy/bg4.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; opacity: .20; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* -------------// Contact Page //------------- */
.contact-in{padding-top: 70px;}
.contact {overflow: hidden;}
.contact-head{font-size: 35px; color: #121619; font-weight: 700; letter-spacing: 1px; padding-bottom: 15px;}
.contact-desc{font-size: 14px; color: #999999; padding-bottom: 15px;}
.contact-detail ul li{color: var(--hoofdkleur); font-size: 28px; padding: 10px 0px; display: flex; align-items: center;}
.contact-detail ul li:last-child {align-items: unset;}
.contact-detail ul li a{font-size: 14px; color: #121619;}
.contact-detail ul li .con-list {font-size: 14px; color: #121619; margin-left: 15px;}
.contact-detail ul li .con-list span{display: block;}
.contact-detail ul li a:hover{color: var(--hoofdkleur);}
.contact-in .post-com {width: 100%;}
.map-pizzon {width: 100%; height: 435px; display: block;}
.contact-in .leave {padding-left: 70px;}
/* -------------// Shop Categories Page //------------- */
.crust-banner{padding: 25px 25px;position: relative;}
.crust-banner::after{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: var(--deliveryitemback); border-radius: 20px; border: var(--deliveryborder);}
.crust-banner-content{position: relative;z-index: 9;}
.crust-title {font-size: 32px; color: var(--deliverytitle); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;padding-bottom: 5px; }
.crust-title span{color: var(--maintxtcolor);}
.crust-title-notification {font-size: 1.4em; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;padding-bottom: 0px;}
.crust-title-notification span{color: var(--paginatxt);}
.crust-title-message {font-size: 12px; color: var(--paginatxt); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;padding-bottom: 5px; text-align: left !important}
.crust-title-basket {font-size: 16px; color: var(--paginatxt); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;padding-bottom: 5px; text-align: left !important; position: absolute;}
.crust-warning-basket {font-size: 8px; color: #ff0000;  text-transform: uppercase; letter-spacing: 1px; text-align: left !important;}
.crust-address-message {font-size: 12px; color: var(--paginatxt); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;padding-bottom: 5px; text-align: center; width: 100% !important;}
.notie-title-message{color: var(--hoofdkleur); font-size: 24px; font-weight: 700; text-transform: uppercase;}
.notie-title-sub{color: #000; font-size: 14px; font-weight: 700; text-transform: uppercase;}
.crust-sub {font-size: 12px; color: var(--deliverydescription); text-transform: uppercase; line-height: 1em; padding-top: 5px;}
.crust-timings {font-size: 14px; color: var(--deliverydescription); text-transform: uppercase; line-height: 1em}
.filter-part{padding-bottom: 60px;}
.filter-part .filter-line{border: 1px solid #dedede;margin-bottom: 30px;position: relative;z-index: 9;}
.filter-part .filter-line li{font-size: 18px; color: #121619; font-weight: 700; display: inline-block; padding: 16px 35px;}
.filter-part .filter-line li:first-child{background: #dedede; padding: 16px 30px;}
.filter-part .filter-line li:last-child{font-size: 14px; color: #999999; font-weight: 400; padding: 19px 25px; float: right;}
.filter-part .filter-line li img{position: relative; top: -2px; padding-right: 5px;}
.filter-part .custom-select-trigger:after{width: 7px; height: 7px; top: 13px; right: -15px; border-bottom: 1px solid #999999; border-right: 1px solid #999999;}
.filter-part .custom-select-trigger{padding: 0px 0px; letter-spacing: 1px; line-height: unset; transition: all 400ms ease;}
.filter-part .form-control{border: unset; height: unset;}
.filter-part .custom-select.sources.form-control.opened{border: unset;}
.filter-part .custom-select.opened .custom-select-trigger:after {margin-top: 0px; border-bottom: 1px solid var(--hoofdkleur); border-right: 1px solid var(--hoofdkleur);}
.filter-part .custom-options{width: 150px; top: 39px; border: 1px solid #dedede; border-top: 0;}
.filter-part .custom-option{border-bottom: 1px solid #dedede;}
.filter-part .custom-select-trigger:hover{color: var(--hoofdkleur);}
.filter-part .custom-select-trigger:hover:after{border-color: var(--hoofdkleur);}
.filter-part .opened .custom-select-trigger{color: var(--hoofdkleur);}
.active-filter {font-size: 18px; color: #1a1b1d; font-weight: 700; margin-bottom: 30px;}
.filter-box {text-align: center; margin-bottom: 40px;}
.filter-name {font-size: 18px; color: #121619; text-transform: uppercase; padding-top: 10px; margin-bottom: 5px; display: block;}
.filter-name:hover{color: var(--hoofdkleur);}
.filter-sub {font-size: 14px; color: #999999; padding-bottom: 8px;}
.filter-price {font-size: 2em;color: var(--hoofdkleur);font-weight: 700;display: block;padding-bottom: 15px;}
.order-filter { background: #121619; color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #121619; border-radius: 50px; display: inline-block; padding: 11px 40px;}
.img-filter img{transition: all 400ms ease; position: relative; top: 0;}
.img-filter img:hover{top: -10px;}
.order-filter:hover {background: transparent; color: #121619;}
/* -------------// Shop Grid Page //------------- */
.filter-grid {text-align: left; border-bottom: 1px solid #d7d7d7; padding-bottom: 30px; margin-bottom: 30px;}
.filter-grid .img-filter img{width: 100%;}
.filter-grid .filter-price {display: inline-block; padding-right: 15px;}
.filter-price-r {color: #d7d7d7; text-decoration: line-through;}
.filter-grid .filter-price-r{padding-right: 0px;}
.filter-order ul{display: inline-block;
    padding-left: 10px;}
.filter-order ul li{display: inline-block;}
.filter-order ul li a{display: block; width: 50px; height: 50px; line-height: 50px; background: #d7d7d7; text-align: center; border-radius: 100%; border: 1px solid #d7d7d7; font-size: 22px;}
.filter-order ul li a:hover{color: #121619; background: transparent;}
/* -------------// Shop Detail Page //------------- */
/* Product Zoom Slider start */
.glass-case, .gc-display-area, .gc-display-container, .gc-display-container img {width: 100% !important; height: auto !important;}
.gc-display-area{border: unset;}
.glass-case ul li{border: unset;}
.gc-display-area, .gc-display-container {position: relative !important; top: auto !important; left: auto !important; margin: 0 !important; z-index: 1;}
.gc-thumbs-area {width: calc(100% - 100px) !important; display: inline-block;}
.gc-thumbs-area {position: relative; top: auto !important; left: auto !important; margin-top: 10px;}
.gc-thumbs-area, ul#glasscase, ul#glasscase li {height: auto !important;}
.glass-case ul li .gc-li-display-container img {margin: 0 !important; top: auto !important; left: auto !important; width: 100%; height: auto;}
.align-center {text-align: center;}
.gc-thumbs-area-main {position: relative; z-index: 1;}
.gc-thumbs-area-prev, .gc-thumbs-area-next {top: 50%;}
.gc-thumbs-area-prev {left: 0;}
#glasscase li{opacity: 0.5; transition: all 400ms ease;}
#glasscase li:hover{opacity: 1;}
#glasscase li.gc-active {opacity: 1;}
.gc-thumbs-area-next {right: 0;}
.gc-icon-next, .gc-icon-prev {border: none; display: inline-block; height: 1.2em; width: 1.2em; transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s;}
.gc-icon:hover {background: var(--hoofdkleur);}
.gc-icon-next::before, .gc-icon-prev::before {color: #333; top: 50%; right: auto; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.gc-icon:hover:before {color: #fff;}
.gc-icon:before {font-family: "FontAwesome";}

.gc-icon-prev::before {content: "\f104";}
.gc-icon-next::before {content: "\f105";}
.gc-overlay-area [class*="gc-icon-"] {background: #fff; border: none;}
.gc-overlay-area [class*="gc-icon-"]:hover {background: var(--hoofdkleur);}
.gc-overlay-area .gc-overlay-top-icons [class*="gc-icon-"]:hover {background: #fff;}
.gc-overlay-area .gc-overlay-top-icons .gc-icon {height: 35px; width: 35px;}
.gc-overlay-area .gc-overlay-top-icons [class*="gc-icon-"]:before {content: ""; height: 20px; width: 20px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); right: auto; top: 50%;}
.gc-overlay-area .gc-icon-close:before {background: url("../images/sprite.png") -53px -1375px;}
.gc-overlay-area .gc-icon-compress::before {background: url("../images/sprite.png") -55px -1441px;}
.gc-overlay-area .gc-icon-enlarge::before {background: url("../images/sprite.png") -55px -1412px;}
.gc-zoom {z-index: 1 !important;}
.glass-case ul li.gc-active, .glass-case ul li.gc-active:hover {border-color: #f22a59;}
/* Product Zoom Slider end */
.shop-name{margin-bottom: 20px;}
.title-shop{font-size: 28px; color: var(--paginatxt); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;}
.price-shop .filter-price-r{color: #d3d3d3; font-weight: 400; padding-right: 30px;}
.price-shop .filter-price{display: inline-block;}
.shop-desc{font-size: 14px; color: #999999;}
.crust-choose{margin-bottom: 20px;}
.title-crust{color: #121619; font-weight: 700; text-transform: uppercase; margin-bottom: 15px;}
.crust-choose ul li{display: inline-block;}
.crust-choose ul li a{display: block; border: 1px solid #dddddd; font-size: 14px; color: #999999; padding: 13px 24px; margin: 0px 3px;}
.crust-choose ul li.current a{background: var(--hoofdkleur); border-color: var(--hoofdkleur); color: #fff;}
.quantity-product{margin-top: 30px; border-bottom: 1px solid #dcdcdc; padding-bottom: 30px;}
.quantity{font-size: 20px; color: #121619; font-weight: 700; letter-spacing: 1px; padding-right: 10px;}
.quantity-product input{width: 50px; height: 50px; text-align: center; border: 1px solid #dddddd; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 20px; color: #999999; font-weight: 700;}
.quantity-product input:focus{border: 1px solid #000;}
.quantity-product input::-webkit-inner-spin-button, 
.quantity-product input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.add-cart{background: var(--hoofdkleur); color: #fff; border: 1px solid var(--hoofdkleur); font-size: 20px; text-transform: uppercase; letter-spacing: 1px; display: inline-block; padding: 9px 29px; margin-left: 18px;}
.add-cart:hover {color: var(--hoofdkleur); background: transparent;}
.add-cart i {padding-right: 10px;}
.wiselist{display: inline-block; width: 100%; padding-top: 20px}
ul.compare{width: calc(100% - 300px); float: left;}
ul.compare li{display: inline-block; padding: 0px 15px;}
ul.compare li:first-child{padding-left: 0;}
ul.compare li a{color: #121619;}
ul.compare li a:hover{color: var(--hoofdkleur);}
ul.compare li a i{padding-right: 3px;}
ul.share{width: 300px;float: left; text-align: right;}
.share-title {font-size: 20px; color: #121619; font-weight: 700;}
ul.share li{display: inline-block;}
ul.share li a{color: #adadad; font-size: 14px; padding: 0px 5px;}
ul.share li a:hover{color: var(--hoofdkleur);}
.border-tab{border: 1px solid #dddddd;}
.border-tab ul{border-bottom: 1px solid #dddddd; padding: 0px 20px;}
.border-tab ul li{display: inline-block; padding: 13px 15px;}
.border-tab ul li:first-child {padding-left: 0;}
.border-tab ul li:last-child {padding-right: 0;}
.border-tab ul li a{font-size: 18px;color: #999999; text-transform: uppercase; position: relative;}
.product-desc-tab{padding: 30px 20px 0px 20px; display: none;}
.product-desc-tab p {color: #999999; padding-bottom: 30px;}
.leave-comment-part {padding-top: 30px;}
.product-desc-tab.current{display: block;}
.border-tab ul li.current a, .border-tab ul li a:hover{color: var(--hoofdkleur);}
.releted-product .menu-title {color: #121619; display: block;}
.releted-product{background: unset;}
.releted-product .menu-price {font-weight: 700;}
.releted-product .headding-part .headding-title{color: var(--darkbacktext);}
.releted-product .menu-title:hover {color: var(--hoofdkleur);}
.comment-detail .commenter{font-size: 18px;}
.releted-product .menu-image{position: relative;top: 0;}
.releted-product .menu-img{overflow: unset;}
.releted-product .menu-image:hover{top: -10px;}
/* -------------// Cart page css start //------------- */
.cart-item-table .product-title a{text-transform: uppercase;}
.cart-item-table .product-image {max-width: 100px; border: 1px solid #e5e5e5;     padding: 10px;}
.cart-item-table .product-image img{width: 100%;}
.cart-item-table table tr td, .cart-item-table table tr th {vertical-align: middle; border-right: 1px solid #e5e5e5; text-align: center; min-width: 120px;}

.cart-item-table table tr td:last-child, .cart-item-table table tr th:last-child  {border-right: none;}
.shopping-cart .price-box .price {color: var(--carttext); font-size: 18px; font-weight: 100;}
.shopping-cart select {background: url(../images/select-icon.png) no-repeat scroll right 50% #fff !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #e5e5e5; padding: 8px 15px; line-height: 22px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; width: 70px;cursor: pointer;}
.shopping-cart select:focus{outline: none;}
.estimate .sub-heading {font-weight: 700; font-size: 22px; text-transform: uppercase;}
.shopping-cart select.full {width: 100%;}
#cartbottom {background: var(--hoofdkleur); height: 90px; border-top: 1px solid var(--hoofdkleurrand); position: absolute; bottom: 0; left: 0; width:100%; padding-top:20px; margin:0;
  box-shadow: 5px 2px 5px 0 rgba(0, 0, 0, 0.50);

}
/* -------------// Checkout Page css start //------------- */
.sidebar-product{ z-index: -10 !important;}
.checkout-part .heading-part h3{font-size: 22px; line-height: 25px; }
.checkout-part .form-group label {color: var(--paginatxt); font-weight: 500; display: inline-block; margin-bottom: -.5rem; margin-left: 0px;}
.checkout-part .sidebar-product ul li {display: inline-block; padding: 7px 0px; margin-bottom: 5px; width: 100%;}
.checkout-part .checkout-products ul li {border-bottom: 0px solid #e5e5e5; padding: 0px 0px; margin: 0;}
.checkout-part .sidebar-product ul li:first-child {padding-top: 0;}
.checkout-part .sidebar-product .pro-media {padding: 0 15px 0 0; width: 100px; float: left;}
.checkout-part .checkout-products .pro-media a {display: inline-block; border: 1px solid #e5e5e5; padding: 0px;}
.checkout-part .checkout-products .pro-media a img{width: 100%;}
.checkout-part .pro-detail-info .product-title {color: #121619; font-weight: 600; overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis;text-transform: uppercase;}
.checkout-part .pro-detail-info .product-title:hover {color: var(--hoofdkleur);}
.checkout-part .price-box .price {color: var(--carttext); font-size: 18px; font-weight: 100;}
.checkout-part .price-box .price.old-price {color: #888888; font-size: 14px; font-weight: 500; margin-left: 5px;}
.checkout-part .checkout-qty {font-weight: 500;}
/* checkbox CSS Start */
.checkout-part .check-box input, .checkout-part .radio input.radio-button {display: none;}
.checkout-part .checkbox + label, .checkout-part .radio-button + label {cursor: pointer; line-height: 17px; padding-bottom: 4px; padding-left: 22px; padding-top: 4px; position: relative;}
.checkout-part .checkbox:checked + label::before, .checkout-part .radio-button:checked + label::before {background: var(--hoofdkleur) none repeat scroll 0 0; border-color: var(--hoofdkleur);}
.checkout-part .checkbox + label::before, .checkout-part .radio-button + label::before, .checkout-part .checkbox + label::after {content: ""; height: 16px; left: 0; position: absolute; top: 0; width: 16px; margin-top: 5px;}
.checkout-part .checkbox + label::before, .checkout-part .radio-button + label::before {background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #979797; border-radius: 1.5px; -moz-border-radius: 1.5px; -webkit-border-radius: 1.5px; -o-border-radius: 1.5px;}
.checkout-part .checkbox:checked + label::after {background-image: url("../uiimages/check-box-icon.png"); background-repeat: no-repeat;}
.checkout-part input.radio-button:checked + label::before {background-image: url("../images/radio-icon.png"); background-repeat: no-repeat;}
.checkout-part .radio-button + label::before {-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.checkout-part h4 {font-size: 17px; line-height: 28px; margin-bottom: 10px;}
.checkout-part .notes {border: 1px solid #e5e5e5;}
.bg {background-color: var(--pageback);}
.complete-order-detail { max-height: 80vh; overflow: auto; }
.cart-summary{
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: var(--productitemback);
}
.complete-order-detail table.table {}
.checkout-part button.btn.full.btn-color {width: 100%;}
section.page-banner.page-not-found {background: #121619;}
.cart-heading {
  background-color: var(--catstickback) !important;
  padding-top: 10px;
    padding-bottom: 30px;
    border-radius: 0 0 8px 8px; 
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);     
    font-size: 30px;
    color: var(--catsticktitle) !important;
    
    padding-bottom: 0px; 
    height: 50px;
  }
.catmainheader {
text-align:center; padding: 10px;

}

.catmainheaderrest {
text-align:center; padding: 30px 10px;
min-height: 90px;

}




  .cart-headingcheckout {
  background-color: var(--mainbackcolor) !important;
  padding-top: 10px;
    padding-bottom: 30px;
    font-size: 30px;
    color: var(--mainbackcolortxt) !important;
    
    padding-bottom: 0px; 
    height: 50px;
  }
/* -------------// 404 Page //------------- */
.error-part{background: #121619;border-bottom: 1px solid #202529;}
.error-content{padding-top: 50px;}
.error-content h2{color: #fff;margin-top: 30px;font-size: 40px;}
.error-img{max-width: 600px;margin: 0px auto;text-align: right;}
.error-img .error-img-top{animation-name: zoom-fade;animation-duration: 8s;animation-iteration-count: infinite;animation-timing-function: linear;-webkit-animation-name: zoom-fade;-webkit-animation-duration: 8s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
@-webkit-keyframes zoom-fade {0% {-webkit-transform: scale(0.8);transform: scale(0.8);}50% {-webkit-transform: scale(1);transform: scale(1);}100% {
    -webkit-transform: scale(0.8);transform: scale(0.8);}}
@keyframes zoom-fade {0% {-webkit-transform: scale(0.8);transform: scale(0.8);}50% {-webkit-transform: scale(1);transform: scale(1);}100% {
    -webkit-transform: scale(0.8);transform: scale(0.8);}}

/*_______________________________________________________
// FOOTER  //----------------------------
_______________________________________________________*/
footer{background: var(--evenkleurback); padding-top: 100px;}
.footer {padding-bottom: 95px; border-bottom: 1px solid #202529;}
.footer-logo .footer-des{font-size: 14px; color: var(--evenkleurtxt); max-width: 240px; padding-top: 35px; padding-bottom: 10px;}
.footer-logo ul li{font-size: 14px; color: var(--evenkleurtxt); padding: 10px 0px; text-transform: uppercase;}
.footer-logo ul li a{font-size: 14px; color: var(--evenkleurtxt); padding-left: 5px; text-transform: lowercase}
.footer-logo ul li a:hover{color: var(--footer-hover);}
.footer h2{font-size: 20px; color: var(--footer-text); text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding-top: 11px;}
.opening-hours ul{max-width: 240px; padding-top: 50px;}
.opening-hours ul li{font-size: 14px; color: var(--evenkleurtxt); padding: 9px 0px; letter-spacing: 1px;}
.opening-hours ul li span{float: right; }
span.footer-close {background: var(--evenkleurtxt); padding: 3px 10px; border-radius: 5px;}

.useful-links ul{padding-top: 50px;}
.useful-links ul li{padding-bottom: 2px;}
.useful-links ul li a{font-size: 14px; color: var(--evenkleurtxt); letter-spacing: 1px;}
.useful-links ul li a:hover{color: var(--onevenkleurback);}
.copyright{padding: 30px 0px; margin-bottom: 50px; }
.copyright .copy-text{font-size: 14px; color: var(--evenkleurtxt); letter-spacing: 1px;}
.copyright .copy-text a{color: var(--evenkleurtxt);}
.copyright .copy-text a:hover{text-decoration: underline;}
.copyright ul{text-align: right;}
.copyright ul li{display: inline-block; padding-left: 8px;}
.copyright ul li a{color: var(--evenkleurtxt); background: var(--evenkleur); width: 40px; height: 40px; line-height: 40px; display: block; text-align: center;}
.copyright ul li a:hover{background: var(--hoofdkleur);}
.useful-links h2 {color: var(--evenkleurtitel); }
.socials-foot h2 {color: var(--evenkleurtitel); }
.server-action-menu {
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
    background-repeat: repeat;
    border-radius:10px;
    padding: 5px;
}

.artbox{
  border:1px solid var(--productborder);
  border-radius: 10px;
  margin:0; padding: 0; background: var(--productitemback);
  cursor: pointer;

}
.artboxrestaurant{
  border-bottom:0px solid var(--productborder);

  margin:0; padding: 0; background: var(--productitemback);
  cursor: pointer;

}
.catbox{
  border:1px solid var(--productborder);
  border-radius: 10px;
  margin:0; padding: 0; background: var(--productitemback);
 margin-bottom: 5px;
}
.catboxrest{

  margin:0; padding: 0; background: var(--productitemback);
 margin-bottom: 5px;
}
.category-open  {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: var(--hoofdkleur);
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.50);
  cursor: pointer;
  
  transition: all 0.5s cubic-bezier(0.42, 0, 0, 1);
  text-align: center;
  z-index: 198;
  color: var(--hoofdlinkkleur);

  padding: 0px;

    border: 2px solid var(--hoofdlinkkleur);
font-size:2em; line-height: 1.5em;
}

.notie-transition {
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.notie-background-success {
    background-color: #fff;
}
.notie-background-warning {
    background-color: #fff;
}
.notie-background-error {
    background-color: #fff;
}
.notie-background-info {
    background-color: #fff;
}
#notie-alert-outer,
#notie-confirm-outer,
#notie-date-outer,
#notie-input-outer,
#notie-select-outer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    height: auto;
    width: 100%;
    display: none;
    text-align: center;
    cursor: pointer;
    font-size: 24px;
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.clsmsg {
  position: absolute;
  top:5px;
  right: 5px;
}
@media (max-width: 600px) {
    #notie-alert-outer,
    #notie-confirm-outer,
    #notie-date-outer,
    #notie-input-outer,
    #notie-select-outer {
        font-size: 18px;
    }
}
#notie-alert-inner {
    padding: 20px;
    display: table-cell;
}
#notie-alert-content {
    max-width: 900px;
    margin: 0 auto;
}
#notie-alert-text {
    color: #000;
}
#notie-confirm-outer {
    cursor: default;
    background: #fff;
}
#notie-confirm-inner,
#notie-input-inner,
#notie-select-inner {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    display: block;
    cursor: default;
    background-color: #fff;
}
#notie-confirm-text-yes {
padding: 13px 15px; font-size: 16px; line-height: 16px; font-weight: 400; cursor: pointer; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; text-transform: uppercase; box-shadow: unset !important;
color: var(--pagebtntxt) !important; background: var(--pagebtn);border: none; border: 1px solid var(--pagebtnborder);
width: 90% !important;
margin: 0 auto;
}
#notie-confirm-text-no {
padding: 13px 15px; font-size: 16px; line-height: 16px; font-weight: 400; cursor: pointer; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; text-transform: uppercase; box-shadow: unset !important;
color: var(--pagebtntxt) !important; background: var(--pagebtn); border: none; border: 1px solid var(--pagebtnborder);
width: 90% !important;
margin: 0 auto;
}
#notie-confirm-no,
#notie-confirm-yes,
#notie-input-no,
#notie-input-yes {
    float: left;
    height: 60px;
    line-height: 60px;
    width: 50%;
    cursor: pointer;
}
#notie-confirm-no,
#notie-input-no {
    float: right;
}

#notie-confirm-background,
#notie-date-background,
#notie-input-background,
#notie-select-background {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999980;
    height: 100%;
    width: 100%;
    display: none;
    background-color: #fff;
    opacity: 0;
}
#notie-input-outer {
    cursor: default;
    background-color: #fff;
}
#notie-input-field {
    display: block;
    box-sizing: border-box;
    height: 55px;
    width: 95%;
    margin: 10px;
    text-align: center;
    outline: 0;
    border: 2px solid #000;
    background-color: #fff;
    font-family: inherit;
    font-size: 24px;
}
@media (max-width: 600px) {
    #notie-input-field {
        font-size: 18px;
    }
}
#notie-input-text {
    color: #000;
}
#notie-input-text-yes {
    color: #fff;
}
#notie-input-text-no {
    color: #fff;
}
#notie-select-outer {
    top: auto;
    bottom: 0;
    cursor: default;
}
#notie-select-text {
    color: #fff;
}
#notie-select-choices,
.notie-select-choice {
    background-color: #57bf57;
}
.notie-select-choice {
    height: 50px;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
}
#notie-select-cancel {
    height: 60px;
    line-height: 60px;
    color: #fff;
    cursor: pointer;
    background-color: #a0a0a0;
}
#notie-date-outer {
    cursor: default;
}
#notie-date-inner {
    height: 200px;
    background-color: #4d82d6;
    color: #fff;
}
.notie-date-down,
.notie-date-up {
    height: 50px;
    float: left;
    width: 33.333333%;
    cursor: pointer;
}
.notie-date-arrow,
.notie-date-arrow-down,
.notie-date-arrow-up {
    height: 40px;
    width: 40px;
    background-size: 40px 40px;
    margin: 0 auto;
    margin-top: 5px;
}
.notie-date-arrow-up {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDI4bDEwLTEwIDEwIDEweiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMCAwaDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
}
.notie-date-arrow-down {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIwbDEwIDEwIDEwLTEweiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMCAwaDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
}
.notie-date-text {
    height: 50px;
    line-height: 50px;
    float: left;
    width: 33.333333%;
}
#notie-date-no,
#notie-date-yes {
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #57bf57;
    cursor: pointer;
}
#notie-date-no {
    background-color: #e1715b;
}
@media only screen and (max-width: 991px) {
    #notie-alert-outer,
    #notie-confirm-outer,
    #notie-date-outer,
    #notie-input-outer,
    #notie-select-outer {
        font-size: 1rem;
    }
}
.menu-button, html .menu-button  {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background: var(--hoofdkleur);
  position: fixed;
  bottom: 10px;
  right: calc(50% - 40px);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.50);
  cursor: pointer;
  color: var(--hoofdlinkkleur);
  transition: all 0.5s cubic-bezier(0.42, 0, 0, 1);
  text-align: center;
  line-height: 53px;
  font-size: 25px;
  z-index: 199;
  border: 2px solid var(--hoofdlinkkleur);
  
}
.menu-button:hover, html .menu-button:hover {

  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
}
.menu-button .content, html .menu-button .content {
  width: 99%;
  visibility: hidden;
  opacity: 0;
  transition: all 0 ease;
}
.menu-button .content span, html .menu-button .content span {
  border-top: 5px solid transparent;
  flex-grow: 5;

}
.menu-button .content span.active, html .menu-button .content span.active {
  border-top: 5px solid #73BDAD;
}
.menu-button .content span.close, html .menu-button .content span.close {
  flex-grow: 1;
}
.menu-button .content span.close i, html .menu-button .content span.close i {
  color: #000;
}
.menu-button .minified, html .menu-button .minified {
  display: block;
}
.menu-button.expanded, html .menu-button.expanded {
  width: 100%;
  height: 65px;
  right: 0;
  bottom: 0px;
  border-radius: 0;
  background: var(--hoofdkleur);
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.menu-button.expanded .minified, html .menu-button.expanded .minified {
  display: none;
}
.menu-button.expanded .content, html .menu-button.expanded .content {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: all 1s ease;
}
.menu-buttonside .contentsidecart, html .menu-buttonside .contentsidecart {
  width: 99%;
  visibility: hidden;
  opacity: 0;
  transition: all 0 ease;
  padding: 0px 0;
}
.menu-buttonside .contentsidecart span, html .menu-buttonside .contentsidecart span {

  flex-grow: 5;
 
  line-height: 60px;
}

.menu-buttonside .contentsidecart span.close, html .menu-buttonside .contentsidecart span.close {
  flex-grow: 1;
}

.menu-buttonside .minified, html .menu-buttonside .minified {
  display: block;
}
.menu-buttonside, html .menu-buttonside {
  width: 100%;

border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 10px;
}
.menu-buttonside .minified, html .menu-buttonside .minified {
  display: none;
}
.menu-buttonside .contentsidecart, html .menu-buttonside .contentsidecart {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: all 1s ease;
}
.reservation-buttonside .btn-color:hover {
background:green !important;
}
/*RESERVATION*/
.reservation-button, html .reservation-button  {
  width: 60%;
  height: 40px;
  border-radius: 20px;
  background: var(--pagebtn); 
  position: fixed;
  bottom: 10px;
  right: calc(50% - 30%);
  box-shadow: 0px -1px 12px 0px rgba(0, 0, 0, 0.50);
  cursor: pointer;
  color: var(--pagebtntxt);
  transition: all 0.5s cubic-bezier(0.42, 0, 0, 1);
  text-align: center;
  line-height:38px;
  font-size: 18px;
  z-index: 199;
  border:2px solid var(--pagebtntxt);
  

}
.reservation-button:hover, html .reservation-button:hover {

  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
}
.reservation-button .content, html .reservation-button .content {
  width: 99%;
  visibility: hidden;
  opacity: 0;
  transition: all 0 ease;
}
.reservation-button .content span, html .reservation-button .content span {
  border-top: 5px solid transparent;
  flex-grow: 5;
  height: 65px;
  line-height: 60px;
}
.reservation-button .content span.active, html .reservation-button .content span.active {
  border-top: 5px solid #73BDAD;
}
.reservation-button .content span.close, html .reservation-button .content span.close {
  flex-grow: 1;
}
.reservation-button .content span.close i, html .reservation-button .content span.close i {
  color: #000;
}
.reservation-button .minified, html .reservation-button .minified {
  display: block;
}
.reservation-button.expanded, html .reservation-button.expanded {
  width: 100%;
  height: 65px;
  right: 0;
  bottom: 0px;
  border-radius: 0;
  background: transparent;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.reservation-button.expanded .minified, html .reservation-button.expanded .minified {
  display: none;
}
.reservation-button.expanded .content, html .reservation-button.expanded .content {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: all 1s ease;
}

.reservation-buttonside .contentsidecart, html .reservation-buttonside .contentsidecart {
  width: 99%;
  visibility: hidden;
  opacity: 0;
  transition: all 0 ease;
  padding: 0px 0;
}
.reservation-buttonside .contentsidecart span, html .reservation-buttonside .contentsidecart span {

  flex-grow: 5;
 
  line-height: 60px;
}

.reservation-buttonside .contentsidecart span.close, html .reservation-buttonside .contentsidecart span.close {
  flex-grow: 1;
}

.reservation-buttonside .minified, html .reservation-buttonside .minified {
  display: block;
}
.reservation-buttonside, html .reservation-buttonside {
  width: 100%;


padding-top: 10px;
}
.reservation-buttonside .minified, html .reservation-buttonside .minified {
  display: none;
}
.reservation-buttonside .contentsidecart, html .reservation-buttonside .contentsidecart {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: all 1s ease;
}
.reservation-buttonside .btn-color:hover {
background:green !important;
}
/*RESERVATION*/
@keyframes expand {
  0% {
    border-radius: 50px;
  }
  50% {
    border-radius: 5px;
  }
  100% {
    border-radius: 0;
  }
}
.input-cart-qty{
    height: 48px;
    font-size: 1.2em;
    width: 50px;
    border-radius: 5px;
    text-align: center;
    margin-left: 30px;
    line-height: 1.8em;
}
.cart-sub-total{
    font-size: 1.2em;
    width: 40%;
    padding: 0 5px 0 5px;
    text-align: center;
    color: var(--hoofdlinkkleur);
    margin: 0 auto;
    background-color: var(--hoofdkleur);
    border-radius: 20px 20px 0 0;
   
    border-top: 1px solid var(--hoofdkleurrand);
    border-left: 1px solid var(--hoofdkleurrand);
    border-right: 1px solid var(--hoofdkleurrand);
      box-shadow: 0px -4px 5px 0 rgba(0, 0, 0, 0.50);
      

 }

 .carttotals {
  line-height: 1.1em; font-size: 0.6em; width: 20%; padding: 0px 5px; background: var(--hoofdkleur);
 }
.in-view {
    background:red !important;
    font-size: 3em !important;
    top: 80px;
    animation: animate-in-view .6s ease-out forwards;
}

.sticky-shadow {
 
  background: var(--hoofdkleur); 


}
.sticky-shadow h3{

color: var(--hoofdlinkkleur); 


}
.sticky-shadow-option {
 box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
 background: var(--hoofdkleur); 
 width: 100%;  
 position: absolute; 
 top: 0; 
 padding:10px;
 border-bottom: 1px solid var(--hoofdkleurrand);
}
.sticky-shadow-option h2 {
font-size:1.4em; 
width:80%;
padding-top:5px;
text-transform: uppercase;
color: var(--hoofdlinkkleur) !important; 

}
@keyframes animate-in-view {
    0% {
        transform: translate(0, 20px) scale(2.1);
        opacity: 0;
    }
    35% {
        transform: translate(0, 20px) scale(3.1);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.addplus{
width:48px;
height:48px;
padding:5px;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 2.1em;
line-height: 0.9em;
cursor:pointer;
filter: invert(30%) sepia(92%) saturate(1085%) hue-rotate(82deg) brightness(96%) contrast(96%);
}
.alergicon{
  width: 16px;
  margin-right:2px;
}
.opacitygrayscale {
  opacity: 0.4;
  filter: grayscale(100%);
  pointer-events: none;
}
.modal-open{
  overflow: hidden;
}
.fixbottom{
  position:fixed; bottom:0; left: 0;
  padding-bottom: 20px;
  z-index: 20;
}
.fixtop{
  position:fixed !important; 
  top:0; left: 0;
  padding-bottom: 20px;
  z-index: 20;
}
.sticky-top-header{
   width: calc(100% - 1.7em) !important;
}
#menulist { background: var(--modalback);  bottom: 0;  display: inline-block !important; height: calc(100% - 0px) !important; right: -100%;  margin: 0 !important; position: fixed !important; width: 50% !important; z-index: 2; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 0; 

}

#menulist.show, #menulist.menu-open {right: 0; z-index: 1021;}
.sticky-offset{
  top:120px !important;
  height: 100%;
  border: none;

}

.sticky-offset-cart{ 
  top:85px ;
  height: 100%;
  border: none;
  z-index: 0;
}
.menuholder {padding:0 !important; z-index:1; margin-top:30px; margin-bottom: 100px}
.catheadlist{
  color:var(--hoofdlinkkleur); !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: absolute; top:0; width: 100%;
}

.eventsheadlist{
  color:var(--hoofdlinkkleur) !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: absolute; top:0; width: 100%;
}

.deliverypopuphead{
  color:var(--hoofdlinkkleur) !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: fixed; top:0; width: 100%;
}
.dateselectpopuphead{
  color:var(--hoofdlinkkleur) !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: fixed; top:0; width: 100%;
}
.dateselectmap {}
.postalpopuphead{
  color:var(--hoofdlinkkleur) !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: fixed; top:0; width: 100%;
}

.timemodalpopuphead{
  color:var(--hoofdlinkkleur) !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: fixed; top:0; width: 100%;
}

.bankmodalpopuphead{
  color:var(--hoofdlinkkleur) !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: fixed; top:0; width: 100%;
}
.opencheckpopuphead{
  color:var(--hoofdlinkkleur) !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: fixed; top:0; width: 100%;
}

.voucherpopuphead{
  color:var(--hoofdlinkkleur) !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: fixed; top:0; width: 100%;
}
.resetpopuphead{
  color:var(--hoofdlinkkleur) !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: fixed; top:0; width: 100%;
}

.loginpopuphead{
  color:var(--hoofdlinkkleur) !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: fixed; top:0; width: 100%;
}

.gratispopuphead{
  color:var(--hoofdlinkkleur) !important; background: var(--hoofdkleur); height: 60px; padding-top: 10px; border-bottom:var(--modal-borderbottom); position: fixed; top:0; width: 100%;
}


.catheadstick{
color: var(--hoofdlinkkleur); background: var(--hoofdkleur); position:sticky; top:0; right:0; z-index: 999; border-bottom: 1px solid var(--hoofdkleurrand);
}
.catheadstick h3{
color: var(--hoofdlinkkleur); position:sticky; top:0; right:0; z-index: 999;

}
/* width */
::-webkit-scrollbar {
  width: 3px;
  border-radius:3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--hoofdkleur); 
  border-radius:3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


.complete-order-detail::-webkit-scrollbar {
  width: 0px;
}
.basket-bimage { grid-area: bimage; color: var(--baskettitle); }
.basket-bname { grid-area: bname; color: var(--baskettitle);}
.basket-bname ul > li { color: var(--basketoptions);}
.baket-bprice { grid-area: bprice;  text-align: right; color: var(--basketprice);}
.basket-bqty { grid-area: bqty; text-align: right;  color: var(--basketprice);}
.basket-product {
  display: grid;
  grid-template-areas:
    'bimage bname bname bname bname bprice'
    'bimage bname bname bname bname bprice'
    'bimage bname bname bname bname bqty';
  gap: 5px;
  padding: 10px;
  margin: 0;
  align-items: left;
  
  border: 1px solid var(--basketborder);
  border-radius: 10px;
  margin-bottom:10px;
position:relative;
min-height: 120px;
background: var(--basketitemback);
color:;
}

.basket-product-discount {
  display: grid;
  grid-template-areas:
    'bimage bname bname bname bname bprice';
  gap: 5px;
  padding: 10px;
  margin: 0;
  align-items: left;
  
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom:10px;
position:relative;
min-height: 50px;
background: var(--basketitemback);

}

.basket-product-message {
  display: grid;
  grid-template-areas:
    'bimage bname';
  gap: 5px;
  padding: 10px;
  margin: 0;
  align-items: left;
  
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom:10px;
position:relative;
min-height: 50px;

}

.basket-adress-message {
  display: grid;
  grid-template-areas:
    'bname';
  gap: 10px;
  padding: 5px;
  margin: 0;
  align-items: center;
  
  border: 1px solid var(--paginatxt);
  border-radius: 10px;
  margin-bottom:5px;
position:relative;
min-height: 30px;

}

.basket-product > div {
  padding: 0px 0;
}

.basket-product .price {
  font-size: 1em;
  color: var(--basketprice);
}
.basket-product .statiegeld {
  font-size: 0.8em;
  color: var(--basketstatiegeld);
}

.basket-product ul {
  font-size: 0.6em;
  margin-left: 10px;
}
.ontop {
  z-index: 9999 !important;
}

.timemodal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1111111;
  display: none;
  background: var(--modalback);
  overflow: auto;
}
.deliverymodal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1111111;
  display: none;
  background: var(--modalback);
  overflow: auto;
}
.dateselectmodal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1111111;
  display: none;
  background: var(--modalback);
  overflow: auto;
}
.postalcodemodal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1111111;
  display: none;
  background: var(--modalback);
  overflow: auto;
}

.drivebymodal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1111111;
  display: none;
  background: var(--modalback);
  overflow: auto;
}

.loginmodal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1111111;
  display: none;
  background: var(--modalback);
  overflow: auto;
}
.vouchermodal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1111111;
  display: none;
  background: var(--modalback);
  overflow: auto;
}
.resetmodal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1111111;
  display: none;
  background: var(--modalback);
  overflow: auto;
}
.opencheckmodal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1111111;
  display: none;
  background: var(--modalback);
  overflow: auto;
}

.bankmodal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1111111;
  display: none;
  background: var(--modalback);
  overflow: auto;
}

.gratismodal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 190;
  display: none;
  background: var(--modalback);
  overflow: auto;
}


.location-picker{
  border-bottom: 5px solid black;
}

.animated {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
    display: none!important;
  }
}

.zoomOut {
  animation-name: zoomOut;
}
#map_canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

.checkbox-wrapper{width: 100%; height: 4em}

.checkbox{
  background-color: transparent;
  height: 4.2rem;
}



.checkbox-group {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 0.2rem;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.checkbox-group > * {
  margin: 0rem;
}

.checkbox-group-legend {
  font-size: 1.5rem;
  font-weight: 700;
  color: #9c9c9c;
  text-align: center;
  line-height: 1.125;
  margin-bottom: 1.25rem;
}

.checkbox-input {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.checkbox-input:checked + .checkbox-tile {
  border-color:  var(--addonbtnselected);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

  background:  var(--addonbtnselected);
}
.checkbox-input:checked + .checkbox-tile:before {

  opacity: 1;
  background-color: var(--addonbtnselected);
  border-color: var(--addonbtnselected);
}

.checkbox-addon-price{
  position:absolute; 
  bottom: 0.4em;
  right:0.0rem;    
  font-size:0.7em; 
  font-weight:normal; 
  border-radius: 5px;
  padding:0px 4px 0px 4px;
  line-height: 0.8rem;
  width: 100%;
  text-align:center;
  color: #fff;

}
.checkbox-addon {
    
    border-radius: 5px;
    padding: 0px 4px 0px 4px;
    line-height: 0.8rem;
    position: absolute;
    right: 5px;
    bottom: 0px;
    background: var(--addonpriceback);
    color: var(--addonprice);
}

.checkbox-addonrecycle{
  border-radius: 5px;
  padding:0px 4px 0px 4px;
  line-height: 0.8rem;
  margin-right: 2px;
  background: var(--addonstatiegeld);
  color: var(--addonstatiegeldtxt);
  width: 60%;
  text-align: left;
}

.checkbox-addonsup{
  border-radius: 5px;
  padding:0px 4px 0px 4px;
  line-height: 0.8rem;
  margin-right: 2px;
  background: var(--addonstatiegeld);
  color: var(--addonstatiegeldtxt);
  width: 60%;
  margin-top: 3px;
  text-align: left;
}
.checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label {
  color: var(--addonbtnselectedtxt);
}

.checkbox-label:first-letter {
    text-transform: uppercase;
}

.checkbox-input:checked + .checkbox-tile .checkbox-labeltime {
  color: var(--addontitle) !important;

}
.checkbox-input:checked + .checkbox-tile .checkbox-addon {
  color: var(--addonprice) !important;
}

.checkbox-input:checked + .checkbox-tile .checkbox-addonrecycle {
  color: var(--addonstatiegeldtxt);
}

.checkbox-input:focus + .checkbox-tile {

}
.checkbox-input:focus + .checkbox-tile:before {
  transform: scale(1);
  opacity: 1;
}

.checkbox-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 4.2rem;
  border-radius: 0.5rem;


  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--addonborder)!important;
  transition: 0.15s ease;
  cursor: pointer;
  position: relative;
  float: left;
  background: var(--addonitemback);

}
.checkbox-tile:before {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  bottom: 0.1rem;
  left: 0.25rem;
  opacity: 0;
  transform: scale(0);
  transition: 0.25s ease;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.checkbox-tile:hover {
  
}
.checkbox-tile:hover:before {
  transform: scale(1);
  opacity: 1;
}

.checkbox-icon:before {
   font-family: 'dobizzz' !important;
  content: "\e92b";
  transition: 0.375s ease;
  position: absolute;
  color: var(--addonitemback);
  top:10px;
  left: 5px;
  font-size: 1.5em;
}
.checkbox-icon svg {
  width: 3rem;
  height: 3rem;
}
.checkbox-label {
  color: var(--addontitle);
  transition: 0.375s ease;
  text-align: center;
  line-height: 12px;
 width: 100%;
  height: 90%;
  position: absolute;
  top:5px;
  overflow: auto;
  height: 60%;
  font-size: 1rem;
  font-weight: 400;
}
.checkbox-labeltime {
  transition: 0.375s ease;
  text-align: center;
  line-height: 0.8em;
  max-width: 90%;
  height: 100%;
  position: absolute;
  top:10px;
  height: 60%;
  font-size: 1.4rem;
  font-weight: 400 !important;
  color: var(--addontitle);
}
.checkbox-labelslots {
  transition: 0.375s ease;
  text-align: center;
  line-height: 0.8em;
  max-width: 90%;
  height: 100%;
 
  margin-top:10px;
  height: 60%;
  font-size: 0.9rem;
  font-weight: 400 !important;
  color: var(--addontitle);
}
.options-holder{
  position: absolute;
  top: 0; right: 0; 
  bottom: 60px; 
  left: 0; ; 
  overflow:auto; 
  padding: 80px 0px 60px 0px; 
  z-index: -1;
}
.wrapperselect{
  margin-bottom:0px;
 
}
.wrapperselect .select_container {
  width: 100%;
  padding: 5px;
  height: auto;
  margin: 0 auto;
  position: relative;
  text-align: center;
  
}

.wrapperselect h3{
  width: 100%;
  padding: 5px;
  color: var(--addonlabel);
  text-align: center;
}
.wrapperselect .select_container .select_box {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  background: var(--addonitemback);
  height: 40px;
  padding: 0 15px;
  width: 100%;
  font-size: 1.2em;
  color: var(--addontitle);
  /*border: 1px solid rgba(0, 0, 0, 0.2);*/
  border: 1px solid var(--addonborder);
  cursor: pointer;
  transition: all 0.2s linear;
  border-radius: 20px;
}
.wrapperselect .select_container .select_box:focus, .wrapperselect .select_container .select_box:active {
  box-shadow: none;
  /*border: 1px solid rgba(0, 0, 0, 0.2);*/
  border: 1px solid var(--addonborder);
  color: var(--addontitle);
  text-align: center;
}
.wrapperselect .select_container i {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 1.5em;
  color: var(--addontitle);
  cursor: pointer;
  margin: 0 0 0 20px;
}


.cartontainerholder{
position: absolute; top: 0; right: 0; bottom: 60px; left: 0;  overflow:auto; padding: 80px 10px 60px 10px; z-index: -1;
}

.cartaccordion {
margin:0;
width: 100%;
}

.cartaccordiontoggle {
  display: none;
  border-bottom: 1px solid grey;
}

.optioncart {
  position: relative;
  border: 1px solid grey;
  margin-bottom: 10px;
  border-radius: 10px;
  margin: 5px;
  
}

.titlecartoption,
.contentoption {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.2s;
}

.titlecartoption {

  padding: 1em;
  display: block;
  color: #7A7572;
  font-weight: bold;
  line-height: 0.8em;
  position: relative;
}
.titlecartoption-desc{
  font-size: 0.6em;
}
.titlecartoption:after, .titlecartoption:before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 1.25em;
  width: 2px;
  height: 0.75em;
  background-color: #7A7572;
  transition: all 0.2s;
}

.titlecartoption:after {
  transform: rotate(90deg);
}

.contentoption {
  max-height: 0;
  overflow: hidden;

}
.contentoption p {
  margin: 0;
  padding: 0.5em 1em 1em;
  font-size: 0.9em;
  line-height: 1.5;
}

.cartaccordiontoggle:checked + .titlecartoption, .cartaccordiontoggle:checked + .titlecartoption + .contentoption {
  
}
.cartaccordiontoggle:checked + .titlecartoption + .contentoption {
  max-height: 500px;
}
.cartaccordiontoggle:checked + .titlecartoption:before {
  transform: rotate(90deg) !important;
}




.faq-drawer {
  margin:20px 5px 20px 5px;
  

}
.faq-drawer label {

  line-height: 0.5em;
}
.faq-drawer__content-wrapper {
  font-size: 1em;
  line-height: 1.1em;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

.faq-drawer__title {
  border: 1px solid var(--addonborder);
  cursor: pointer;
  display: block;
  font-size: 1em;
  font-weight: 400;
  padding: 14px;
  position: relative;
  margin-bottom: 0;
  transition: all 0.25s ease-out;
  border-radius:50px;
  width: 100%;
  background: var(--addonitemback);
  color:  var(--addontitle);
 
}

.faq-drawer__title::after {
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: var(--addontitle);
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  left: 2px;
  position: relative;
  margin-right:10px;
  right: 20px;
  top: -2px;
  transform: rotate(135deg);
  transition: 0.35s ease-in-out;
  vertical-align: top;
  width: 10px;
}

/* OPTIONAL HOVER STATE */
.faq-drawer__title:hover { 
  color: var(--addontitle) ;
}

.faq-drawer__trigger:checked
  + .faq-drawer__title
  + .faq-drawer__content-wrapper {
  max-height: 6250px;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}

.faq-drawer input[type="checkbox"] {
  display: none;
}

.faqopen-drawer {
  margin:5px 5px 20px 5px;

}
.faqopen-drawer label {

  line-height: 0.5em;
}
.faqopen-drawer__content-wrapper {
  font-size: 1em;
  line-height: 1.1em;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

.faqopen-drawer__title {
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  font-size: 1em;
  font-weight: 400;
  padding: 14px;
  position: relative;
  margin-bottom: 0;
  transition: all 0.25s ease-out;
  border-radius:50px;
  width: 100%;
 
}

.faqopen-drawer__title::after {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  left: 2px;
  position: relative;
  margin-right:10px;
  right: 20px;
  top: -2px;
  transform: rotate(135deg);
  transition: 0.35s ease-in-out;
  vertical-align: top;
  width: 10px;
}

/* OPTIONAL HOVER STATE */
.faqopen-drawer__title:hover { 
  color: var(--addontitle) ;
}

.faqopen-drawer__content-wrapper {
  max-height: 6250px;
}

.faqopen-drawer__trigger:checked + .faqopen-drawer__title::after {
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}

.faqopen-drawer input[type="checkbox"] {
  display: none;
}




.svgbottom{
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Laag_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920 241' style='enable-background:new 0 0 1920 241;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fbbd01;%7D .st1%7Bdisplay:none;fill:%.svgbottom{;%7D%0A%3C/style%3E%3Cimage style='display:none;overflow:visible;' width='1920' height='241'  %3E%3C/image%3E%3Cpath class='st0' d='M0-0.1h32c32,0,96,0,160,0s128,0,192,0s128,0,192,0s128,0,192,0s128,0,192,0s128,0,192,0s128,0,192,0 s128,0,192,0s128,0,192,0s128,0,160,0h32V113l-32-3.2c-32-3.2-96-9.6-160-8.1c-64,1.3-128,10.7-192,4.9s-128-26.2-192-32 c-64-5.8-128,3.6-192,12.4c-64,9-128,17.5-192,12.6c-64-5.1-128-23.5-192-30.7c-64-7-128-2.8-192-1.3c-64,1.3-128,0-192,5.3 S256,90.2,192,94.4c-64,4.3-128,0.9-160-1.1L0,91.7V-0.1z'/%3E%3Cpath class='st1' d='M-0.5,85.3l32-1.7c32-1.9,96-5.3,160-1.1c64,4.3,128,16.2,192,21.5c64,5.3,128,4.1,192,5.3 c64,1.5,128,5.8,192-1.3c64-7.3,128-25.6,192-30.7c64-4.9,128,3.6,192,12.6c64,8.7,128,18.1,192,12.4c64-5.8,128-26.2,192-32 s128,3.6,192,4.9c64,1.5,128-4.9,160-8.1l32-3.2V177h-32c-32,0-96,0-160,0s-128,0-192,0s-128,0-192,0s-128,0-192,0s-128,0-192,0 s-128,0-192,0s-128,0-192,0s-128,0-192,0s-128,0-192,0s-128,0-160,0h-32V85.3z'/%3E%3C/svg%3E%0A");
position: absolute; 
bottom:-200px; 
left: 0;  
width: 100%; 
height: 200px;  

background-size: 100%; 
background-repeat: no-repeat; 
background-position: top right; 


}

.svgtop{
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Laag_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920 241' style='enable-background:new 0 0 1920 241;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;fill:%23fbbd01;%7D .st1%7Bfill:%23fbbd01;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0-0.1h32c32,0,96,0,160,0s128,0,192,0s128,0,192,0s128,0,192,0s128,0,192,0s128,0,192,0s128,0,192,0 s128,0,192,0s128,0,192,0s128,0,160,0h32V113l-32-3.2c-32-3.2-96-9.6-160-8.1c-64,1.3-128,10.7-192,4.9s-128-26.2-192-32 c-64-5.8-128,3.6-192,12.4c-64,9-128,17.5-192,12.6c-64-5.1-128-23.5-192-30.7c-64-7-128-2.8-192-1.3c-64,1.3-128,0-192,5.3 S256,90.2,192,94.4c-64,4.3-128,0.9-160-1.1L0,91.7V-0.1z'/%3E%3Cpath class='st1' d='M-0.5,151.3l32-1.7c32-1.9,96-5.3,160-1.1c64,4.3,128,16.2,192,21.5c64,5.3,128,4.1,192,5.3 c64,1.5,128,5.8,192-1.3c64-7.3,128-25.6,192-30.7c64-4.9,128,3.6,192,12.6c64,8.7,128,18.1,192,12.4c64-5.8,128-26.2,192-32 c64-5.8,128,3.6,192,4.9c64,1.5,128-4.9,160-8.1l32-3.2V243h-32c-32,0-96,0-160,0s-128,0-192,0s-128,0-192,0s-128,0-192,0 s-128,0-192,0s-128,0-192,0s-128,0-192,0s-128,0-192,0s-128,0-192,0s-128,0-160,0h-32V151.3z'/%3E%3C/svg%3E%0A");
position: absolute; 
top:-199px; 
left: 0;  
width: 100%; 
height: 200px;  
background-size: 100%; 
background-repeat: no-repeat; 
background-position: bottom right; 

}

.ribbon-2 {
  --f: 5px; /* control the folded part*/
  --r: 5px; /* control the ribbon shape */
  --t: 5px; /* the top offset */

  position: absolute;
  top: 0;
  line-height: 1.4em;

  inset: auto calc(-1 * var(--f)) var(--t) auto;
  padding: 0 5px var(--f) calc(5px + var(--r));
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--f)),
    calc(100% - var(--f)) 100%,
    calc(100% - var(--f)) calc(100% - var(--f)),
    0 calc(100% - var(--f)),
    var(--r) calc(50% - var(--f) / 2)
  );
  background: var(--productkorting);
  box-shadow: 0 calc(-1 * var(--f)) 0 inset #0005;
  color: var(--productkortingtxt);
  border-radius: 0 5px 5px 0;
  font-size: 0.8rem;
   
}
.closeopties{

}

.closeoptiesmodal{
  font-size: 2em;
position: absolute; right:5px; top: 10px;

}
.prijsoud{
opacity:.7;
text-decoration:line-through; 
font-size: 12px;
padding:5px;
}
.productqty{
position: absolute; 
top:40px; 
right:5px; 

}
.productqty_inner{
color: var(--productprice) !important;
width:38px; height:38px;
text-align: center;
font-weight: 600;
line-height: 50px;
font-size: 0.9em;
text-align: center;
margin: 0 auto;

}

.productqty_innerbasket{
position: absolute; 
width:38px; height:38px;
right:2px; 
font-size: 3em;
color: var(--productprice) !important;
}

.cc-selector input {
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sofort {
background-image: url(../uiimages/nl/sofort.png);
}
.giropay {
background-image: url(../uiimages/nl/giropay.png);
}
.ideal {
background-image: url(../uiimages/nl/ideal.png);
}
.pinnen {
background-image: url(../uiimages/nl/pinnen.png);
}
.contant {
background-image: url(../uiimages/nl/contant.png);
}
.balie {
background-image: url(../uiimages/nl/balie.png);
}
.rekening {
background-image: url(../uiimages/nl/rekening.png);
}
.creditcard {
background-image: url(../uiimages/nl/creditcard.png);
}
.eps {
background-image: url(../uiimages/nl/eps.png);
}
.klarnapaynow {
background-image: url(../uiimages/nl/klarnapaynow.png);
}
.cc-selector input:active+.levering-cc {
opacity: .9;
}
.cc-selector input:checked+.levering-cc {
-webkit-filter: none;
-moz-filter: none;
filter: none;
}
.levering-cc {
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
-webkit-transition: all 100ms ease-in;
-moz-transition: all 100ms ease-in;
transition: all 100ms ease-in;
-webkit-filter: brightness(1.2) grayscale(1) opacity(.8);
-moz-filter: brightness(1.2) grayscale(1) opacity(.8);
filter: brightness(1.2) grayscale(1) opacity(.8);
}
.levering-cc:hover {
-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
-moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.cc-icon {
width: 64px;
height: 64px;
}
.cc-iconb {
width: 64px;
height: 64px;
}


.datepicker{
    border-radius:4px;
    direction:ltr;
}
.datepicker-inline{
    width:220px
}
.datepicker.datepicker-rtl{
    direction:rtl
}
.datepicker.datepicker-rtl table tr td span{
    float:right
}
.datepicker-dropdown{
    top:0;
    left:0;
    padding:4px
}
.datepicker-dropdown:before{
    content:'';
    display:inline-block;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid rgba(0,0,0,.15);
    border-top:0;
    border-bottom-color:rgba(0,0,0,.2);
    position:absolute
}
.datepicker-dropdown:after{
    content:'';
    display:inline-block;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    border-top:0;
    position:absolute
}
.datepicker-dropdown.datepicker-orient-left:before{
    left:6px
}
.datepicker-dropdown.datepicker-orient-left:after{
    left:7px
}
.datepicker-dropdown.datepicker-orient-right:before{
    right:6px
}
.datepicker-dropdown.datepicker-orient-right:after{
    right:7px
}
.datepicker-dropdown.datepicker-orient-bottom:before{
    top:-7px
}
.datepicker-dropdown.datepicker-orient-bottom:after{
    top:-6px
}
.datepicker-dropdown.datepicker-orient-top:before{
    bottom:-7px;
    border-bottom:0;
    border-top:7px solid rgba(0,0,0,.15)
}
.datepicker-dropdown.datepicker-orient-top:after{
    bottom:-6px;
    border-bottom:0;
    border-top:6px solid #fff
}
.datepicker table{
    margin:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-size:16px;
    font-weight:700
}
.datepicker table tr td,.datepicker table tr th{
    text-align:center;
    width:40px;
    height:40px;
    border-radius:4px;
    border:none;
    font-size:1.4em;
}
.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{
    background-color:transparent
}
.datepicker table tr td.new,.datepicker table tr td.old{
    color:#777
}
.datepicker table tr td.day:hover,.datepicker table tr td.focused{
    background:#eee;
    cursor:pointer
}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{
    background:0 0;
    color:red;
    cursor:default;
    text-decoration:line-through
}
.datepicker table tr td.highlighted{
    color:#000;
    background-color:#d9edf7;
    border-color:var(--hoofdkleur);
    border-radius:0
}
.datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{
    color:#000;
    background-color:#afd9ee;
    border-color:#298fc2
}
.datepicker table tr td.highlighted:hover{
    color:#000;
    background-color:#afd9ee;
    border-color:#52addb
}
.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active{
    color:#000;
    background-color:#afd9ee;
    border-color:#52addb
}
.datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover{
    color:#000;
    background-color:#91cbe8;
    border-color:#298fc2
}
.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{
    background-color:#d9edf7;
    border-color:#85c5e5
}
.datepicker table tr td.highlighted.focused{
    background:#afd9ee
}
.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{
    background:#d9edf7;
    color:#777
}
.datepicker table tr td.today{
    color:#000;
    background-color:var(--hoofdkleur); 
    border-color:#ffb733
}
.datepicker table tr td.today.focus,.datepicker table tr td.today:focus{
    color:#000;
    background-color:#ffc966;
    border-color:#b37400
}
.datepicker table tr td.today:hover{
    color:#000;
    background-color:#ffc966;
    border-color:#f59e00
}
.datepicker table tr td.today.active,.datepicker table tr td.today:active{
    color:#000;
    background-color:#ffc966;
    border-color:#f59e00
}
.datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover{
    color:#000;
    background-color:#ffbc42;
    border-color:#b37400
}
.datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{
    background-color:var(--hoofdkleur);
    border-color:#ffb733
}
.datepicker table tr td.today.focused{
    background:#ffc966
}
.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{
    background:var(--hoofdkleur);
    color:#ff0000;
    border:1px solid #000
}
.datepicker table tr td.range{
    color:#000;
    background-color:#eee;
    border-color:#bbb;
    border-radius:0
}
.datepicker table tr td.range.focus,.datepicker table tr td.range:focus{
    color:#000;
    background-color:#d5d5d5;
    border-color:#7c7c7c
}
.datepicker table tr td.range:hover{
    color:#000;
    background-color:#d5d5d5;
    border-color:#9d9d9d
}
.datepicker table tr td.range.active,.datepicker table tr td.range:active{
    color:#000;
    background-color:#d5d5d5;
    border-color:#9d9d9d
}
.datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover{
    color:#000;
    background-color:#c3c3c3;
    border-color:#7c7c7c
}
.datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{
    background-color:#eee;
    border-color:#bbb
}
.datepicker table tr td.range.focused{
    background:#d5d5d5
}
.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{
    background:#eee;
    color:#777
}
.datepicker table tr td.range.highlighted{
    color:#000;
    background-color:#e4eef3;
    border-color:#9dc1d3
}
.datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{
    color:#000;
    background-color:#c1d7e3;
    border-color:#4b88a6
}
.datepicker table tr td.range.highlighted:hover{
    color:#000;
    background-color:#c1d7e3;
    border-color:#73a6c0
}
.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active{
    color:#000;
    background-color:#c1d7e3;
    border-color:#73a6c0
}
.datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover{
    color:#000;
    background-color:#a8c8d8;
    border-color:#4b88a6
}
.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{
    background-color:#e4eef3;
    border-color:#9dc1d3
}
.datepicker table tr td.range.highlighted.focused{
    background:#c1d7e3
}
.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{
    background:#e4eef3;
    color:#777
}
.datepicker table tr td.range.today{
    color:#000;
    background-color:#f7ca77;
    border-color:#f1a417
}
.datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{
    color:#000;
    background-color:#f4b747;
    border-color:#815608
}
.datepicker table tr td.range.today:hover{
    color:#000;
    background-color:#f4b747;
    border-color:#bf800c
}
.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active{
    color:#000;
    background-color:#f4b747;
    border-color:#bf800c
}
.datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover{
    color:#000;
    background-color:#f2aa25;
    border-color:#815608
}
.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{
    background-color:#f7ca77;
    border-color:#f1a417
}
.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{
    background:#f7ca77;
    color:#777
}
.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{
    color:#fff;
    background-color:#777;
    border-color:#555;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{
    color:#fff;
    background-color:#5e5e5e;
    border-color:#161616
}
.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{
    color:#fff;
    background-color:#5e5e5e;
    border-color:#373737
}
.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active{
    color:#fff;
    background-color:#5e5e5e;
    border-color:#373737
}
.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover{
    color:#fff;
    background-color:#4c4c4c;
    border-color:#161616
}
.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{
    background-color:#777;
    border-color:#555
}
.datepicker table tr td.active,.datepicker table tr td.active.highlighted{
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active:focus{
color:var(--res-button-text);
background-color:var(--res-button-back); 
    border-color:var(--res-button-back);
}

.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{
color:var(--res-button-text);
background-color:var(--res-button-back); 
    border-color:var(--res-button-back);
}
.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{
color:var(--res-button-text);
background-color:var(--res-button-back); 
    border-color:var(--res-button-back);
}
.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{
    color:#fff;
    background-color:#204d74;
    border-color:#122b40
}
.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{
    background-color:#337ab7;
    border-color:#2e6da4
}
.datepicker table tr td span{
    display:block;
    width:23%;
    height:54px;
    line-height:54px;
    float:left;
    margin:1%;
    cursor:pointer;
    border-radius:4px
}
.datepicker table tr td span.focused,.datepicker table tr td span:hover{
    background:#eee
}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{
    background:0 0;
    color:#777;
    cursor:default
}
.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:focus{
    color:white;
    background-color:orange;
    border-color:#122b40
}
.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover{
    color:white;
    background-color:orange;
    border-color:#204d74
}
.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{
    color:white;
    background-color:orange;
    border-color:#204d74
}
.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{
    color:#fff;
    background-color:#204d74;
    border-color:#122b40
}
.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{
    background-color:#337ab7;
    border-color:#2e6da4
}
.datepicker table tr td span.new,.datepicker table tr td span.old{
    color:#777
}

.datepicker .datepicker-switch{
    width:145px;
    background-color: var(--res-button-back);
    color: var(--res-button-text)
}
.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{
    cursor:pointer
}


.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{
    background:#eee
}
.datepicker .cw{
    font-size:10px;
    width:12px;
    padding:0 2px 0 5px;
    vertical-align:middle
}
.input-group.date .input-group-addon{
    cursor:pointer
}
.input-daterange{
    width:100%
}
.input-daterange input{
    text-align:center
}
.input-daterange input:first-child{
    border-radius:3px 0 0 3px
}
.input-daterange input:last-child{
    border-radius:0 3px 3px 0
}
.input-daterange .input-group-addon{
    width:auto;
    min-width:16px;
    padding:4px 5px;
    line-height:1.42857143;
    text-shadow:0 1px 0 #fff;
    border-width:1px 0;
    margin-left:-5px;
    margin-right:-5px
}
.datepicker-title{
    background:orange;
    color:white;
}
.ctable {
  width: 100%;
  font-size: .9rem;
  margin-top: 10px;
   margin-bottom: 10px;
  

}
.ctable td {
height: 5px;
line-height: 12px;
}
.ctable tr {
  padding-top:10px;
  padding-bottom:10px;
}
.cqty {
width: 5%;
vertical-align: top;
}
.ctimes {
width: 2%;
vertical-align: top;
}
.cname {
width: 70%;
padding-left:5px;
vertical-align: top;
}
.cprice {
width: 25%;
text-align: right;
vertical-align: top;
}

.ctabletotal {
  border-top: 1px dashed black;
  font-size: 1.4rem;
  width: 100%;
  padding: 10px;
    margin-top: 10px;
   margin-bottom: 10px;
}
.ctabletotal tr {
   padding-top:10px;
  padding-bottom:10px;
}
.ctottext {
width: 75%;
vertical-align: top;
vertical-align: top;
}

.ctableinfo {
  width: 100%;

  font-size: .9rem;
 border-bottom: 1px dashed black;
  line-height: 12px;
    margin-top: 10px;
   margin-bottom: 10px;

}

.ctableinfocustomer {
  width: 100%;
  font-size: .9rem;
  border-bottom: 1px dashed black;
  line-height: 12px;
    margin-top: 10px;
   margin-bottom: 10px;

}
.ctableinfo tr {
   padding-top:10px;
  padding-bottom:10px;
}

.cinfotitle {
width: 25%;
vertical-align: top;
}
.cinfotitleres {
width: 30%;
vertical-align: top;
height: 20px;
}
.cinfocustomer {
width: 25%;
vertical-align: top;
}
.cinfotext {
width: 65%;
vertical-align: top;
}
.ctableinfo tr {
   padding-top:10px;
  padding-bottom:10px;
}

.form-control-date
{border-color: var(--input-text);  border-radius: 50px; background-color: white; font-size: 1.4em; font-weight: bold; height: 1.6em !important; color:var(--input-text); text-align: center;}
.form-control-date:focus{color: white; border-radius: 50px}

.form-control-date[readonly] {
    background-color: white;
    font-size: 1.4em;
    opacity: 1
}

.selectddate{position:absolute; bottom:10px; left:32px;}

.datepicker {width:95%; left:0 !important; right: 0; border: 3px solid var(--hoofdkleur); border-radius: 10px; margin: 0 auto; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);}
.datepicker-days {width:100%}
.table-condensed {width:100%;}
.datepicker .day {border: 1px solid var(--hoofdkleur); margin: 3px !important; border-radius: 5px; font-size: 1.4em}
.datepicker .today {border: var(--res-button-border); margin: 3px !important; border-radius: 5px; font-size: 1.4em; background: var(--hoofdkleur) !important; color: var(--hoofdlinkkleur) !important; }
.deliver-banner{padding: 55px 55px;position: relative;}
.deliver-banner::after{content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: #121619;opacity: 0.8; border-radius: 20px;}
.deliver-banner-content{position: relative;z-index: 9;}
.deliver-title {font-size: 40px; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;padding-bottom: 5px;}
.deliver-title span{color: var(--hoofdkleur);}
.deliver-sub {font-size: 16px; color: #fff; text-transform: uppercase;}
.deliver-choose{margin-bottom: 20px;}
.title-deliver{color: #121619; font-weight: 700; text-transform: uppercase; margin-bottom: 15px;}
.deliver-choose ul li{display: inline-block;}
.deliver-choose ul li a{display: block; border: 1px solid #dddddd; font-size: 14px; color: #999999; padding: 13px 24px; margin: 0px 3px;}
.deliver-choose ul li.current a{background: var(--hoofdkleur); border-color: var(--hoofdkleur); color: #fff;}


#deliveryinfo{
  min-height: 20px;
  margin:0px 20px;
}
.rowpcheck {

  margin: 0 auto;

  position: relative;
  z-index: 1;
  text-align: center;
}
.rowpcheck span {
  width: 90%;
  position: relative;
  display: inline-block;
}

.balloon {
  display: inline-block;
  width: 100%;
  padding: 10px;
  font-family: "Open Sans", sans;
  font-weight: bold;
  color: #377D6A;
  background: #efefef;
  border: 0;
  border-radius: 30px;
  outline: 0;
  font-size: 1.4em;
  transition: all .3s ease-in-out;
  border:1px solid grey;
  text-align: center;
  text-transform: uppercase;
}
.balloon::-webkit-input-placeholder {
  color: #aaa;
  text-indent: 0;
  font-weight: 300;
}
.balloon + label {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
  padding: 5px 15px;
  color: #032429;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(19, 74, 70, 0);
  transition: all .3s ease-in-out;
  border-radius: 10px;
  background: rgba(122, 184, 147, 0);
    z-index: -1;
}
.balloon + label:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid rgba(122, 184, 147, 0);
  transition: all .3s ease-in-out;
}

.balloon:focus,
.balloon:active {
  color: #377D6A;
  text-indent: 0;
  background: #fff;
}
.balloon:focus::-webkit-input-placeholder,
.balloon:active::-webkit-input-placeholder {
  color: #efefef;
}
.balloon:focus + label,
.balloon:active + label {
  color: #fff;
  text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
  background: #7ab893;
  transform: translateY(-40px);
}
.balloon:focus + label:after,
.balloon:active + label:after {
  border-top: 4px solid #7ab893;
}
.form-control{
  font-size: 1em;
  font-weight: bold;
  color:var(--inputextcolor) !important;
  border:1px solid var(--checkoutborder) !important;
}
.actie-text {
  position: absolute;
   font: 900 1.6em/.75 'PT Sans Narrow', Arial, sans-serif;
  text-transform: uppercase;
  color: var(--korting3d); text-align: center; padding-top: 3%; letter-spacing: 2px; line-height:1.0em;
  text-shadow:   1px  1px 1px var(--korting3dshadow),
           2px  2px 1px var(--korting3dshadow),
           3px  3px 1px var(--korting3dshadow),
           4px  4px 1px var(--korting3dshadow),
           5px  5px 1px var(--korting3dshadow),
           6px  6px 1px var(--korting3dshadow),
           7px  7px 1px var(--korting3dshadow),
           8px  8px 1px var(--korting3dshadow);
  
  -webkit-transform: skewY(-5deg);
  -moz-transform: skewY(-5deg);
  transform: skewY(-5deg);
   -webkit-backface-visibility: hidden;
}
.banner-sub-text {
color:white;

  }
  .circular--landscape {
  display: inline-block;
  position: relative;
  width: 380px;
  height: 300px;
  overflow: hidden;

}

.news-img  img {
  width: auto;
  height: 100%;

}

.opentimes {
  width: 100%;
  color:var(--onevenkleurtxt);
}

.dname {
font-weight: 400;
text-align: left;
}

.opentimes tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(open-section);
}
.opentimes td {
 padding:3px;
}

span.open-close {background: var(--evenkleurback); color: var(--evenkleurtxt); padding: 2px; border-radius: 5px; border: 1px solid var(--evenkleurtxt);}
.socials-foot{padding: 0px 20px; }
.socials-foot h2 {margin-bottom: 20px; }
.socials-foot .copy-text{font-size: 14px; color: var(--evenkleurtxt); letter-spacing: 1px;}
.socials-foot .copy-text a{color: var(--evenkleurtxt);}
.socials-foot .copy-text a:hover{text-decoration: underline;}
.socials-foot ul{text-align: left;}
.socials-foot ul li{display: inline-block; padding-left: 8px;}
.socials-foot ul li a{color: var(--evenkleurtxt); background: var(--evenkleur); width: 40px; height: 40px; line-height: 40px; display: block; text-align: center; border-radius: 10px;}
.socials-foot ul li a:hover{background: var(--pagebtntxt); color: var(--pagebtn); }
.plusplus{
margin-left:5px;
cursor:pointer;
font-size: 2.0em !important;
color:var(--basketplus);
}
.minmin{
margin-left:10px;
cursor:pointer;
font-size: 2.0em !important;
color:var(--basketmin);

}
.pluspluscart{
width:32px;
margin-left:10px;
cursor:pointer;
font-size: 3em !important;
color:var(--addonplus);
}
.minmincart{
width:32px;
margin-left:10px;
cursor:pointer;
font-size: 3em !important;
color:var(--addonmin);
}

.pluspluscarsingle{
width:32px;
margin-left:10px;
cursor:pointer;
font-size: 3em !important;
color:var(--addonplus);
}
.minmincartsingle{
width:32px;
margin-left:10px;
cursor:pointer;
font-size: 3em !important;
color:var(--addonmin);
}

.calluslink{
position:absolute; bottom:10px; width: 100%; padding: 10px;
display: none;

}
.closeit{
  height: 30px;
  line-height: 2px;
  background: var(--headbutton);
   color: var(--headbuttontxt);
}
.levering-icon{
    font-size: 1.4em;  position:absolute; top: 18px; left:50px;  z-index:1; ;
}
.phone2 {
  display: none;
}
.menu-list-box-2 .list-img-2{
  border: 1px solid rgba(0,0,0,.15);
}

  #reservation {margin-left: 10px; width: 100%; height:100%;}
  #reservation-button {line-height: 1.95em;}
  #reservation { background: var(--modalback); border-bottom: 0 none; bottom: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); display: inline-block !important; height: 100% !important; bottom: -100%;  margin: 0 !important; position: fixed !important; width: 100% !important; z-index: 2; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 0;  z-index: 198}
  #reservation.show, #reservation.menu-open {bottom: 0; left:0; z-index: 198}
  #reservation .level {position: relative;}
  #reservation span.opener {color: #fff; height: 16px;width: 16px;display: inline-block;position: absolute;right: 0;cursor: pointer;z-index: 1; transition: all 400ms ease;top: 15px;z-index: 1;}
  #reservation span.plus:before{content: ""; position: absolute; width: 100%; height: 2px; background: #fff; top: 10px; left: 0px;}
  #reservation span.plus:after{content: ""; position: absolute; width: 2px; height: 100%; top: 3px; left: 7px; background: #fff; transition: all 400ms ease;}
  #reservation .active span.plus:after{transform: rotate(90deg); top: -1px;
  .table-book {font-size: 20px; padding: 5px 50px;}
  .reservation form {padding-top: 30px;}
  .reservation:before{width: 50%; background-size: contain;}
  .reservation:after{width: 50%; background-size: contain;}
  .reservation:before{width: 50%; background-position: right; background-size: cover;}
  .reservation:after{width: 50%; background-position: left; background-size: cover;}
  .category-list-box-2 {}
  .modal-head {background: var(--modal-header); color: var(--modal-title);}
  .carthead {background:var(--hoofdkleur); color:var(--hoofdlinkkleur) !important; text-align:center; line-height:2.5em; }


.evenback {background: var(--evenback)}
.evenimgback {background: var(--evenimgback)}
.evenimgtxt {color: var(--evenimgtxt)}
.eventitle {color: var(--eventitle)}
.evenhover {color: var(--evenhover)}
.evendesc {color: var(--evendesc)}
.evenbtn {background: var(--evenbtn)}
.evenbtntxt {color: var(--evenbtntxt)}
.evenbtnborder {border: 1px solid var(--evenbtnborder)}

.oddback {background: var(--oddback)}
.oddimgback {background: var(--oddimgback)}
.oddimgtxt {color: var(--oddimgtxt)}
.oddtitle {color: var(--oddtitle)}
.oddhover {color: var(--oddhover)}
.odddesc {color: var(--odddesc)}
.oddbtn {background: var(--oddbtn)}
.oddbtntxt {color: var(--oddbtntxt)}
.oddbtnborder {border: 1px solid var(--oddbtnborder)}

.dontshow {
  display: none !important;
}

.darkback {color: var(--darkbacktext) !important;}



.capital-head{text-transform: capitalize; color: var(--maintxtcolor); font-size: 1.8em !important;}
.file-upload {
  position: relative;
  overflow: hidden;

  border-radius: 3px !important;

  text-transform: uppercase;
  font-size: 13px;
  border:none !important;
  box-shadow: none !important;
  
  text-shadow:none;
  padding: 5px 10px !important;
  font-family: Arial, sans-serif;
  display: inline-block;
  vertical-align: middle;

}
.file-upload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
#fileuploadurl{
  display: inline-block;
  border:none;
  vertical-align: middle;
  background: none;
  box-shadow: none;
  font-size: 11px;
  padding-left: 0;
  width:220px;
  padding-right: 0;
}
.icons:before {font-family: 'icomoon' !important;}


.closex {
  position: absolute; right:10px; top: 10px; color:var(--maintxtcolor); font-size:2em !important; background: yellow;
}
.headerpopup {text-align:center; width: 100%;  position: absolute; top: 0; padding:10px; height: 64px; background: var(--hoofdkleur); color:var(--hoofdlinkkleur);}
.headerpopupcheckout {text-align:center; width: 100%;  position: sticky; top: 0; padding:10px; height: 64px; background: var(--hoofdkleur); background: var(--hoofdlinkkleur);}


.productsingleadd {
background: var(--hoofdkleur); 
border-radius:50px; 
display:flex !important; 
padding:5px;
}
.footer-logo img {max-width: 120px;}
.infocartalert{
text-align:center; width:100%; background-color:red; margin-bottom:10px; border-radius:10px; color:#fff;
}
.infocart{
text-align:center !important; 
width:100%; 
background:var(--basketitemback); 
margin-bottom:10px; 
border-radius:10px; 
color:var(--baskettitle);
font-size: 0.6em;
}
.allergentbl{color: var(--addonlabel) !important;}
.drivebyheader{color:var(--modaltitle) !important;}
.drivebytxt{color:var(--modaldescription)!important;}

/*////////////galery///*/

img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
        
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
    .modal-header {
   
     border-bottom: none;
}
    .modal-title {
        color:#000;
    }
    .modal-footer{
      display:none;  
    }
    .dhours{text-align: right !important;}