@charset "UTF-8";

@font-face {
  font-family: 'Coolvetica';
  src: url('../fonts/coolvetica-rg.eot'); /* IE9 Compat Modes */
  src: url('../fonts/coolvetica-rg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/coolvetica-rg.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/coolvetica-rg.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/coolvetica-rg.ttf') format('truetype'), /* Safari, Android, iOS */
	  url('../fonts/coolvetica-rg.otf') format('opentype'), /*  */
	   url('../fonts/coolvetica-rg.svg#svgcoolvetica-rg') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Padthai';
  src: url("../fonts/padthai.ttf") format("truetype");
}
@font-face {
  font-family: 'Saman';
  src: url("../fonts/saman.ttf") format("truetype");
}
@font-face {
  font-family: 'Go3v2';
  src: url("../fonts/go3v2.ttf") format("truetype");
}
@font-face {
  font-family: 'Newfrench';
  src: url("../fonts/newfrench.ttf") format("truetype");
}
@font-face {
  font-family: 'Burgerbar';
  src: url("../fonts/burgerbar.ttf") format("truetype");
}
@font-face {
  font-family: 'Italianfoot';
  src: url("../fonts/italianfoot.ttf") format("truetype");
}
@font-face {
  font-family: 'Coolvetica';
  src: url("../fonts/coolvetica-hv.ttf") format("truetype");
}
@font-face {
  font-family: 'Bogart Extrabold Trial';
  src: url("../webfonts/bogart-extrabold-trial.ttf") format("truetype");
}
@font-face {
  font-family: 'DINPro';
  src: url("../webfonts/dinpro.ttf") format("truetype");
}
@font-face {
  font-family: 'Coca-Cola';
  src: url('../fonts/Coca-Cola.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Coca-Cola.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Coca-Cola.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Coca-Cola.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Coca-Cola.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/Coca-Cola.svg#svgCoca-Cola') format('svg'); /* Legacy iOS */
}

.font-bogart { font-family: 'Bogart Extrabold Trial'; }
.font-dinpro { font-family: 'DINPro'; }
.font-coca-cola { font-family: 'Coca-Cola'; }
.font-dancin-script { font-family: 'Dancing Script', cursive; }
.font-coolvetica { font-family: 'Coolvetica'; }
.font-padthai { font-family: 'padthai'; }
.font-saman { font-family: 'saman'; font-size: 130%; }
.font-go3v2 { font-family: 'go3v2'; font-size: 120%; }
.font-newfrench { font-family: 'newfrench'; padding-bottom: 0.9rem; }
.font-burgerbar { font-family: 'burgerbar'; font-size: 140%; }
.font-italianfoot { font-family: 'italianfoot'; }

body {
  font-family: 'Poppins', sans-serif;
  color: #3b4043 !important;
  background-color: var(--primary);
}
.wrapper { background: inherit; } 

/* ORIGINAL
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}
*/

/* ORIGINAL
primary - 	#007bff
secondary - #6c757d
success - 	#28a745
danger - 	#dc3545
warning - 	#ffc107
info - 		#17a2b8
light - 	#f8f9fa
dark - 		#343a40
muted - 	#6c757d
white - 	#ffffff
*/

:root {
	
  --primary:#10100e; /* black */
  --primary-variant:#2d2c2c;  /* ligthblack */
  --secondary:#4cb050; /* green */
  --secondary-variant:#358538; /* darkgreen */
  --tertiary:#ea1e64; /* fushia */
  --tertiary-variant:#ffb6c1; /* lightfushia */
  --quaternary:#ffffff; /* white */ 
  --quaternary-variant:#f8f9fa; /* lightgray */
	
  /* for offcanvas  */
  --offcanvas-primary:#10100e; 
  --offcanvas-primary-variant:#2d2c2c; 
  --offcanvas-secondary:#4cb050; 
  --offcanvas-tertiary:#ea1e64; 
  --offcanvas-tertiary-variant:#d7185a; 
  --offcanvas-quaternary:#ffffff; 
  --offcanvas-quaternary-variant:#f8f9fa; 
	
  /* for header navbar  */
  --header-navbar-primary:#10100e; 
  --header-navbar-secondary:#4cb050;
  --header-navbar-tertiary:#ea1e64;
  --header-navbar-quaternary:#ffffff;
  /* for header horizontal scrolling menu  */
  --header-hs-primary:#10100e; 
  --header-hs-primary-variant:#2d2c2c; 
  --header-hs-secondary:#4cb050;
  --header-hs-secondary-variant:#358538;
  --header-hs-tertiary:#ea1e64;
  --header-hs-quaternary:#ffffff;
	
  --header-hs-filter-dark:invert(100%) sepia(100%) saturate(0%) hue-rotate(169deg) brightness(101%) contrast(101%); /*white*/
}

.text-secondary { color: #6c757d !important; }
.text-success { color: #198754 !important; }
.text-info { color: #0dcaf0 !important; }
.text-warning { color: #ffc107 !important; }
.text-danger { color: #dc3545 !important; }
.text-light { color: #f8f9fa !important; }
.text-dark { color: #212529 !important; }
.bg-secondary { background-color: #6c757d !important; }
.bg-success { background-color: #198754 !important; }
.bg-info { background-color: #0dcaf0 !important; }
.bg-warning { background-color: #ffc107 !important; }
.bg-danger { background-color: #dc3545 !important; }
.bg-light { background-color: #f8f9fa !important; }
.bg-dark { background-color: #212529 !important; }

.text-darkred { color: #c52b24 !important; }
.text-darkgreen { color: #2b493c !important; }
.text-darkseagreen { color: #9ec7b7 !important; }
.bg-darkred { background: #c52b24 !important; }
.bg-darkgreen { background: #2b493c !important; }
.bg-darkseagreen { background: #9ec7b7 !important; }

.text-fushia { color: #ea1e64 !important; }
.text-green { color: #4cb050 !important; }
.text-red { color: #da3832 !important; }
.text-skyblue { color: #59bee6 !important; }
.text-dark { color: #232323 !important; }
.text-yellow { color: #f9d253 !important; }
.text-orange { color: #e9983e !important; }
.text-purple { color: #c55db5 !important; }
.text-blue { color: #0070b6 !important; }
.bg-fushia { background: #ea1e64 !important; }
.bg-green { background: #4cb050 !important; }
.bg-red { background: #da3832 !important; }
.bg-skyblue { background: #59bee6 !important; }
.bg-dark { background: #232323 !important; }
.bg-yellow { background: #f9d253 !important; }
.bg-orange { background: #e9983e !important; }
.bg-purple { background: #c55db5 !important; }
.bg-blue { background: #0070b6 !important; }

a i.text-facebook { color: white !important; transform: scale(0.90) rotate(0deg); transition: transform .2s ease-in-out; }
a:hover i.text-facebook { color: #1877f2 !important; transform: scale(1) rotate(0deg); }
a i.text-instagram { color: white !important; transform: scale(0.90) rotate(0deg); transition: transform .2s ease-in-out; }
a:hover i.text-instagram { color: #c32aa3 !important; transform: scale(1) rotate(0deg); }
a i.text-snapchat { color: white !important; transform: scale(0.90) rotate(0deg); transition: transform .2s ease-in-out; }
a:hover i.text-snapchat { color: #fffc00 !important; transform: scale(0.95) rotate(0deg); }
a i.text-tiktok { color: white !important; transform: scale(0.85) rotate(0deg); transition: transform .2s ease-in-out; }
a:hover i.text-tiktok { color: darkgray !important; transform: scale(0.95) rotate(0deg); }
a:hover i.text-youtube { color: #ff0000 !important; }

.border-green { border-color: #006c31 !important; }
.border-red { border-color: #da3832 !important; }

.xsmall { font-size: 0.675em; }
.xxsmall { font-size: 0.475em; }

.lined-thick { border:solid 7px #41403E; }
.dotted-thick { border:dotted 5px #41403E; }
.dashed-thick { border:dashed 5px #41403E; }
.lined-thin { border:solid 2px #41403E; }
.dotted-thin { border:dotted 2px #41403E; } 
.dashed-thin { border:dashed 2px #41403E; }
.border-hand-drawn { border-radius: 225px 15px/15px 225px 15px 255px; }

.fa-pull-bottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.hr-border 
{
  height: 2px;
  background-color: var(--quaternary);
  border: none;
}

.rotate-2 { transform: rotate(2deg); }
.rotate--2 { transform: rotate(-2deg); }

/* Désactive le focus autour bouton */
*:focus { outline: none !important; box-shadow: none; -webkit-box-shadow: none; }
.btn:focus,.btn:active { outline: none !important;  box-shadow: none; -webkit-box-shadow: none; }
.dropdown-toggle:focus { background: inherit; outline: none !important; box-shadow: none !important; }
a { outline: none !important; box-shadow: none !important; -webkit-box-shadow: none; }
button:focus { outline: none !important; box-shadow: none !important; }

/* */
.fade-in {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s all ease;
}
.fade-in.active {
  transform: translateY(0);
  opacity: 1;
}

/* */
.field {
	display: flex;
	align-items: center;
	justify-content: space-around;
	
}
.mouse {
	margin-bottom: 70px;
	width: 50px;
	height: 90px;
	border: 3px solid #fff;
	border-radius: 60px;
	position: relative;
	&::before {
		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #fff;
		border-radius: 50%;
		opacity: 1;
		animation: wheel 2s infinite;
		-webkit-animation: wheel 2s infinite;
	}
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

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

.video {
   /*filter: sepia(40%);*/
   /*background-color: var(--primary);*/
}
video {
  object-fit: cover;
  width: 100vw;
  height: 65vh;
  position: relative;
  top: 0;
  left: 0;
}
.bg-cover-header {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
  background-attachment: static;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.overlay {
  background: url(../img/overlay.png) rgba(0, 0, 0, 0.33);
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 0;
  width: auto;
  height: 65vh;
}
.play-btn {
  position: absolute;
  max-width: 700px;
  width: 100px;
  height: 100px;
  left: 50%;
  top: -30%;
  transform: translate(-50%, -50%);
  line-height: 1; /* needed if using Bootstrap */
  text-align: center;
  color: #eaeaea;
  background-color: rgba(255,255,255,.4);
  border-radius: 50px;
  transition: color, background-color .2s ease;
}
.play-btn:hover,
.play-btn:focus {
  color: #000;
  background-color: rgba(255,255,255,.8);
  cursor: pointer;
}
.play-btn::after {
  /*
  Font Awesome recommends these styles
  https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements
  */
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  /*
  Define the font family, weight, and icon
  */
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 60px;
  content: "\f04b";
  /* positioning tweaks */
  padding-top: 20px;
  padding-left: 10px;
}

/* ---------------------------------------------------
    HEADER 
----------------------------------------------------- */

.bg-cover {
    background-attachment: static;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.jb-header-category_1 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_1.png"); }
.jb-header-category_2 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_2.png"); }
.jb-header-category_3 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_3.png"); }
.jb-header-category_4 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_4.png"); }
.jb-header-category_5 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_5.png"); }
.jb-header-category_6 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_6.png"); }
.jb-header-category_7 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_7.png"); }
.jb-header-category_8 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_8.png"); }
.jb-header-category_9 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_9.png"); }
.jb-header-category_10 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_10.png"); }
.jb-header-category_11 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_11.png"); }
.jb-header-category_12 { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-header-categorie_12.png"); }

/*.jb-restaurant { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-restaurant.jpg"); }*/
.jb-bc-concept { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%), url("../img/jumbotron/jb-concept.jpg"); }
.jb-restaurant { background-image: linear-gradient(to left, transparent 1%, #f8f9fa),url("../img/jumbotron/jb-restaurant.jpg"); }

.jb-accueil { background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%),url("../img/jumbotron/jb-accueil.jpg"); }


.jb-category_3-1 { background-image: linear-gradient(to left, transparent 1%, #ffffff),url("../img/jumbotron/jb-category_3-1.png"); }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.jb-restaurant { background-image: linear-gradient(to top, transparent 1%, #f8f9fa),url("../img/jumbotron/jb-restaurant.jpg"); }
	.jb-category_3-1 { background-image: linear-gradient(to bottom, transparent 1%, #ffffff),url("../img/jumbotron/jb-category_3-1.png"); height: 800px; }
}

.header-wrapper { 
	background-color: var(--primary-variant);
}
header { 
	position: relative; 
	z-index: 998; 
	background-color: transparent;
}

#logo-banner { }
#logo-header { }
#logo-header a img { height: 85px; }

/* ---------------------------------------------------
    NAVBAR 
----------------------------------------------------- */

header .navbar { 
	z-index: 1200;
	overflow: auto;
	border: none; 
	background-color: transparent;
}
header .navbar a { 
	font-weight: 700; 
	text-transform: uppercase; 
	text-decoration: none;
	color: var(--header-navbar-quaternary); 
	border-bottom: 2px solid transparent;
	padding: 0.2rem 0.3rem;
	vertical-align: middle;
}
header .navbar a.active, 
header .navbar a:hover { 
	color: var(--header-navbar-tertiary); 
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
header .navbar a.link-text:after {
  display:block;
  content: '';
  border-bottom: solid 2px var(--header-navbar-tertiary); 
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
header .navbar a.link-text:hover:after { transform: scaleX(1.2); }
header .navbar a.link-text.active:after { transform: scaleX(1.2); }

header .navbar #logo-header a { 
	border-bottom: none;
	padding: 0;
}
header .navbar .btn-toggle { 
	border: none;
	background-color: transparent;
	color: var(--header-navbar-quaternary); 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s; 
	transition: all 0.3s; 
}
header .navbar .btn-toggle:hover, 
header .navbar .btn-toggle:hover a:hover { color: var(--header-navbar-tertiary); }

header .navbar .btn-toggle a span { 
	border-radius: 0;
	background-color: var(--header-navbar-secondary);
	color: var(--header-navbar-quaternary); 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s; 
	transition: all 0.3s; 
}
header .navbar .btn-toggle:hover a span { 
	background-color: var(--header-navbar-tertiary);
}

.header-bar {
    width: 100%;
    height: 8px;
    background: var(--header-hs-quaternary);
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* ---------------------------------------------------
    OFFCANVAS - HIDDEN SIDEBAR MENU
----------------------------------------------------- */

.offcanvas__section { background-color: transparent; }
.offcanvas__section .navbar { background-color: transparent; }
.offcanvas {
	z-index: 1199;
	border: none;
	width: 15rem !important;
    background: var(--offcanvas-tertiary) !important;
    color: var(--offcanvas-primary);
}
.offcanvas button.btn-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
	color: var(--offcanvas-primary) !important;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.offcanvas button.btn-close:hover { color: var(--offcanvas-primary-variant); }
.offcanvas ul.navbar-nav li a  {
    display: block;
	border-bottom: 2px solid var(--offcanvas-tertiary-variant);
	margin: 0 0.5rem;
    padding: 1rem;
	font-size: 1rem;
	font-weight: 700; 
	text-decoration: none;
	color: var(--offcanvas-primary);
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.offcanvas ul.navbar-nav li a.nav-link:hover, 
.offcanvas ul li a.nav-link.active { 
	color: var(--offcanvas-quaternary); 
}
.offcanvas h6 { 
	color: var(--quaternary);  text-transform: uppercase;
}

/* ---------------------------------------------------
    HORIZONTAL SCROLLSPY NAVIGATION (js/scrollspy-nav.js)
    -----> class .paddle for right and left arrow
----------------------------------------------------- */

/* START section menu category navigation */ 
.section__menu-nav { width: 100%; background-color: var(--header-hs-primary) !important; border-bottom: 3px solid var(--primary-variant) !important;  }
.section__menu-nav-category { 
    width: 100%;
	margin: 0 auto;
    overflow-x: auto;
	white-space: nowrap !important; 
    background-color: var(--header-hs-primary) !important;
    display: flex !important;
    -webkit-box-align: center;
    align-items: center;
	flex: 0;
    top: 0px;
    z-index: 99;
    will-change: box-shadow;
    transition: box-shadow 150ms ease 0s;
    user-select: none;
	scrollbar-width: none;
}
.section__menu-nav-category::-webkit-scrollbar {
  display: none;
}
.section__menu-nav-category::before, .section__menu-nav-category::after {
    content: " ";
    display: block;
    /*width: 12px;*/
    /*flex: 0 0 auto;*/
	/*flex: auto;*/
	margin: 0 auto;
}
.mg-l {
    /*margin-left: -70px;*/
    transition: 0.2s;
}
.fixed {
    position: fixed;
    /*box-shadow: rgb(0 0 0 / 10%) 0px 2px 4px 0px;*/
}
.section__menu-nav-item-category {
    display: block;
	/*flex: 0 0 auto;*/
	flex: 0;
	/*width: 16.6vw!important;*/
	text-align: center;
	padding: 1rem 1.3rem;
	/*border-bottom: 3px solid transparent;*/
    color: var(--header-hs-quaternary);
    font-weight: 700;
    /*opacity: 0.6;*/
    /*transition-property: opacity;
    transition-duration: 100ms;*/
} 
.section__menu-nav-item-category:hover {
    color: var(--header-hs-secondary);
}
.section__menu-nav-item-category:hover i {
    background-color: var(--header-hs-secondary);
}
.section__menu-nav-item-category i {
    display: block;
	margin: 0 auto;
	padding: 1rem;
	width: 5rem; 
	height: 5rem;
	font-size: 3rem;
	font-weight: 300;
	border-radius: 50% !important;
	color: var(--header-hs-quaternary);
	background-color: transparent;
	transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}  
.section__menu-nav-item-category.active {
	/*flex: 0 0 auto;*/
	flex: 0;
    /*border-bottom: 3px solid var(--secondary);*/
	color: var(--header-hs-tertiary);
    /*background: rgb(255, 240, 230);
    color: rgb(186, 78, 0);*/
    opacity: 1;
}
.section__menu-nav-item-category.active i {
    display: block;
	margin: 0 auto;
	padding: 1rem;
	width: 5rem; 
	height: 5rem;
	font-size: 3rem;
	font-weight: 300;
	border-radius: 50% !important;
	color: var(--header-hs-quaternary);
	background-color: var(--header-hs-tertiary);
} 
/*@media (max-width: 389.98px) { .section__menu-nav-item-category { width: 100vw !important; } }
@media (min-width: 390px) and (max-width: 575.98px) { .section__menu-nav-item-category { width: 50vw !important; } }
@media (min-width: 576px) and (max-width: 767.98px) { .section__menu-nav-item-category { width: 33.3vw !important; } }
@media (min-width: 768px) and (max-width: 991.98px) { .section__menu-nav-item-category { width: 25vw !important; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .section__menu-nav-item-category { width: 20vw !important; } }
@media (min-width: 1200px) { .section__menu-nav-item-category { width: 16.6vw !important; } }*/

/* Medium, Small and X-Small devices (portrait phones, landscape phones, tablets less than 992px) */
@media (max-width: 991.98px) {
	.section__menu-nav-item-category { padding: 1.5rem 1.2rem; } 
	.section__menu-nav-item-category { color: var(--header-hs-primary-variant) !important; }
	.section__menu-nav-item-category:hover { color: var(--header-hs-secondary) !important; }
	.section__menu-nav-item-category:hover i { color: var(--header-hs-secondary) !important; background-color: transparent !important; }
	.section__menu-nav-item-category { color: var(--header-hs-quaternary) !important; }
	.section__menu-nav-item-category i {
		display: inline-block !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important; 
		height: auto !important;
		font-size: inherit !important;
		font-weight: 500;
		border-radius: none !important;
		color: var(--header-hs-quaternary) !important;
	 }  
	.section__menu-nav-item-category.active { color: var(--header-hs-tertiary) !important; }
	.section__menu-nav-item-category.active i {
		display: inline-block !important;
		margin: 0 !important;
		padding: 0 !important;
		width : auto !important; 
		height: auto !important;
		font-size: inherit !important;
		font-weight: 500;
		border-radius: none !important;
		color: var(--header-hs-tertiary) !important;
		background-color: transparent !important;
	 } 
}
/* END section menu category navigation */

/* ---------------------------------------------------
    JUMBOTRON AND BREADCRUMB 
----------------------------------------------------- */

.section__jumbotron-breadcrumb {
	margin-bottom: 0 !important;
	padding: 2rem 1rem;
	background: transparent;
}
.section__jb-heading { text-align: center; }
.section__jb-heading-icon { }
.section__jb-heading-subtitle { 
	margin-bottom: 0;
	font-family: 'Coolvetica' !important; 
	font-weight: 400;
	/*text-transform: uppercase;*/ 
	color: var(--quaternary-variant);
}
.section__jb-heading-title { 
	font-family: 'Coolvetica' !important; 
	font-weight: bolder;
	/*text-transform: uppercase;*/ 
	color: var(--quaternary-variant); 
}
.section__jb-heading-separator { border-color: var(--quaternary); }

.section__jb-heading-text {
	font-size: 1.2rem;
    color: var(--quaternary-variant);
}

/* ---------------------------------------------------
    CATEGORY
----------------------------------------------------- */

.section__heading { z-index: 1; position: relative }
.section__heading-title { 
	font-family: 'Coolvetica';
	font-weight: 500; 
	color: var(--primary);
}
.section__heading-subtitle { 
	font-family: 'Coolvetica';
	font-weight: 500;
	/*text-transform: uppercase;*/
	color: var(--secondary);
}
h6.section__heading-subtitle { 
	font-family: 'Coolvetica';
	text-transform: none;
	color: var(--primary);
}
.section__heading-text { }
.section__heading-icon { }
.section__heading-separator { /*border-color: black !important;*/ }
.section__heading a img { 
	transform: scale(1) rotate(0deg); 
	transition: transform .2s ease-in-out;box-shadow: none !important;
 }
.section__heading a:hover img { 
	transform: scale(0.96) rotate(0deg); 
 }
.discover-menu__section { 
	padding-top: 6rem; 
	background: var(--secondary);
}
.discover-menu__container { }
.discover-menu__category { 

}
.discover-menu__category button.btn-img  { 
    background-color: rgba(0, 0, 0, 1); 
	border-radius: 0 !important;
}
.discover-menu__category button:hover.btn-img { 
    background-color: rgba(0, 0, 0, 1);
	-webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.discover-menu__category button.btn-img img { 
    border: 5px solid var(--secondary-variant);
	opacity: 1;
	z-index: 30;
}
.discover-menu__category button:hover.btn-img img { 
	border: 5px solid var(--fiveternary-variant);
	opacity: 0.5;
	z-index: 20;
	max-width : 100%;
    height : auto;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.discover-menu__category button.btn-img h5 {
	position: absolute;
	left: 50%;
	top: 50%;
	background: var(--secondary);
	border: 2px solid transparent;
	color: var(--fiveternary-variant);
	opacity: 0.75;
	font-size: 1rem;
	text-transform: uppercase;
}
.discover-menu__category button:hover.btn-img h5 { 
	background: transparent;
	border: 2px solid transparent;
	color: var(--quaternary);
	opacity: 1;
	z-index: 10;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.discover-menu__category button.btn-img h5.badge  { 
    border-radius: 0 !important;
}

/* ---------------------------------------------------
    MENU SECTION 
----------------------------------------------------- */

.section__menu .asterix { color: var(--tertiary); }

.section__menu { background: var(--quaternary); }

.section__menu-category { scroll-margin-top: 90px; } 

.section__menu-wrapper { }

.section__menu-content { } 
.section__menu-content h2 { font-family: 'Coolvetica'; }

.section__menu-wrapper, .section__menu-content { position: relative; }

.section__menu-heading { text-align: center; position: relative; z-index: 2; }
.section__menu-heading .badge { border-radius: 0; text-transform: uppercase; background: var(--tertiary); color: var(--primary-variant); }
.section__menu-heading-icon { }
.section__menu-heading-subtitle { text-transform: uppercase; }
.section__menu-heading-subtitle span { display: block; font-weight: 200 !important; }
.section__menu-heading-title { display: inline-block; position: relative; text-align: center; text-transform: uppercase !important; font-size: 3rem; font-weight: 200 !important; margin-left: 1.5rem; margin-bottom: 1rem; }
.section__menu-heading-title strong { display: inline-block; font-weight: 900 !important; }
.section__menu-heading-separator { margin-top: 0.9rem; width: 4rem; height: 0.4rem; background: var(--secondary); border-radius: 0.8rem; /*margin: 0 auto;*/ }
.section__menu-heading-text { font-size: 1.5rem; }

.section__menu-heading-title:before {
    content: "";
    position: absolute;
    left: -2rem;
    top: 50%;
    width: .75rem;
    height: .75rem;
    transform: translateY(-50%) rotate(45deg);
}
.section__menu-heading img { display: block; width: 50%; margin: 0 auto; }
@media (max-width: 767.98px) {
	.section__menu-heading img { width: 100%; }
}
@media (max-width: 991.98px) {
	.section__menu-heading img { width: 75%; }
}

.section__menu-footer { }


/*************************** MENU GRID ***************************/

ul.menu__grid {
	list-style: none;
    margin-top: 0;
	border: 0;
	border-radius: 0;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	background: inherit;
	font-family: 'Coolvetica' !important;
}
.menu__grid-subtitle { }
.menu__grid-subtitle-underline { }
.menu__grid-item { position: relative; z-index: 3; }
.menu__grid-item.active { }

/* CARD */
.card {
	height: 100% !important;
	cursor: pointer;  
	text-align: inherit;
	border-radius: 1rem !important;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.04);
    transition: .3s ease;
    cursor: pointer;
}
.card:hover { 
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.13);
	transition:.3s ease
}
.card-header, .card-body, .card-footer { 
	border: none !important; 
	background: transparent !important; 
	border-radius: 1rem !important; 
}
.card-header { padding: 0.75rem 0.75rem 0rem 0.75rem !important; }
.menu__grid-item .card .card-header.bg-ch { background: transparent !important; }
.card-footer { }

.card img.item__image { 
	border-radius: 1rem !important; 
	transform: scale(0.92) rotate(0deg); 
	transition: transform .2s ease-in-out; 
}
.card:hover img.item__image {transform: scale(1) rotate(5deg); }

.menu__grid .item__markers { position: absolute; top: 0; start: 0; margin: 0.6rem;  z-index: 1 }
.menu__grid .item__markers .badge {
	display: block;
	margin-bottom: 0.1rem;
	padding: 0.3rem;
	border-radius: 0;
	text-transform: uppercase;
}
.menu__grid .item__category { text-transform: uppercase; }
.menu__grid .item__image { border-radius: 1rem !important; /*margin-top: 1px;*/  }
.menu__grid .item__name {
    z-index: -1; 
    width: 100%; 
    border-radius: 0 !important;
	margin-bottom: 0;
	font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
	display: block;
	/*text-transform: uppercase;*/ 
}
.menu__grid .item__description { margin-bottom: 0; font-size: 1rem; line-height: 1rem; }
.menu__grid .item__price { 
	/*display: block;*/
	font-size: 1rem; 
	font-family: "DINPro";
}
/*.item__size-quantity-price { font-size: 0.9rem; }*/
.menu__grid ul.item__size-quantity-price {
    display: flex;
	flex-flow: row wrap;
	/*align-items: flex-start;*/
    /*margin: 0 -0.9375rem;*/
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style: none;
}
.menu__grid ul.item__size-quantity-price li {
    flex-basis: 100%;
    max-width: 100%;
    /*padding: 0 0.9375rem;*/
	margin-left: 0 !important;
	padding-left: 0 !important;	
}

/* for 4 prices in 2 rows and 2 cols */
ul.item__size-quantity-price.four-prices {
    display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
    margin: 0 -0.9375rem;
	list-style: none;
}
ul.item__size-quantity-price.four-prices li {
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 0.9375rem;
}
@media (max-width: 575.98px) { 
	ul.item__size-quantity-price.four-prices { margin: 0 !important; }
	ul.item__size-quantity-price.four-prices li {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0 !important;
	}
}

/* for 1,2,3 prices in several rows and 1 cols */
ul.item__size-quantity-price dl {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    /*padding-top: 0.5rem;*/
	margin: 0 !important;
	padding: 0 !important;
    width: 100%;
	font-family: "DINPro";
}
ul.item__size-quantity-price dt {
    display: block;
	margin: 0 !important;
	padding: 0.2rem 0 0 0 !important;
	font-weight: 400;
	font-size: 0.8rem;
}
ul.item__size-quantity-price dd {
    display: block;
    margin-inline-start: 40px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1rem;
}
ul.item__size-quantity-price .item__size-quantity-price-separator {
	-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    margin-right: 10px;
    height: 1rem;
	border-bottom-style: dotted;
    border-bottom-width: 2px;
}

.section__menu-wrapper.quaternary { /*background: var(--quaternary) !important;*/ background-color: rgba(255, 255, 255, 0.95); }
.section__menu-wrapper.quaternary .card { background: var(--quaternary) !important; border: 2px solid transparent; background: inherit; }
.section__menu-wrapper.quaternary .card:hover { border: 2px solid transparent; background: inherit; }
.section__menu-wrapper.quaternary .card-header { background: var(--quaternary) !important; }
.section__menu-wrapper.quaternary .section__menu-heading-title { color: var(--tertiary) !important; }
.section__menu-heading-title:before { background-color: var(--tertiary); }
.section__menu-heading-subtitle span { color: var(--tertiary); }
.section__menu-wrapper.quaternary .section__menu-heading-subtitle { color: var(--primary); }
.section__menu-wrapper.quaternary .section__menu-heading-text { color: var(--primary-variant); }
.section__menu-wrapper.quaternary .section__menu-heading-separator { background: var(--secondary); }
.section__menu-wrapper.quaternary .item__category { color: var(--tertiary); }
.section__menu-wrapper.quaternary .item__name { color: var(--primary); }
.section__menu-wrapper.quaternary .item__name span { color: var(--fiveternary-variant); }
.section__menu-wrapper.quaternary .item__markers { }
.section__menu-wrapper.quaternary .item__description { /*color: #6c757d;*/ color: var(--bs-gray-600); }
.section__menu-wrapper.quaternary .item__description span { /*color: #6c757d;*/ color: var(--primary); }
.section__menu-wrapper.quaternary .item__price { color: var(--secondary); }
.section__menu-wrapper.quaternary .item__size-quantity-price dt { color: var(--primary); }
.section__menu-wrapper.quaternary .item__size-quantity-price { color: var(--secondary); }
.section__menu-wrapper.quaternary .item__size-quantity-price-separator { border-bottom-color: var(--bs-gray-500); }

/*************************** MENU GRID FLEXBOX ***************************/

.firstClass { background: url("../img/bg/icon-thailande.svg") fixed center repeat; background-size: 50%; }
.secondClass { background: url("../img/bg/icon-inde.svg") fixed center repeat; background-size: 50%; }
.thirdClass { background: url("../img/bg/icon-japon.svg") fixed center repeat; background-size: 50%; }
.fourthClass { background: url("../img/bg/icon-france.svg") fixed center repeat; background-size: 50%; }
.fifthClass { background: url("../img/bg/icon-usa.svg") fixed center repeat; background-size: 50%; }
.sixthClass { background: url("../img/bg/icon-italie.svg") fixed center repeat; background-size: 50%; }
.seventhClass { background: url("../img/bg/icon-entree.svg") fixed center repeat; background-size: 50%; }
.eighthClass { background: url("") fixed center repeat; background-size: 50%; }
.ninthClass { background: url("") fixed center repeat; background-size: 50%; }
.tenthClass { background: url("") fixed center repeat; background-size: 50%; }
.eleventhClass { background: url("") fixed center repeat; background-size: 50%; }
.twelvethClass { background: url("") fixed center repeat; background-size: 50%; }
@media (max-width: 991.98px) { 
	.firstClass, .secondClass, .thirdClass, .fourthClass, .fifthClass, .sixthClass, .seventhClass, .eighthClass, .ninthClass, .tenthClass, .eleventhClass, .twelvethClass { background-size: 100%; }
}

.dashed-line-vertical-grey { background: repeating-linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 6px,transparent 0,transparent 12px); }
.dashed-line-horizontal-grey { background: repeating-linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 6px,transparent 0,transparent 12px); }
.dashed-line-vertical { z-index: 1; position: absolute; left: 50%; bottom: 0; width: 1px; height: 100%; }
.dashed-line-horizontal { position: absolute; left: 0; height: 1px; width: 100%; }
.menu__grid-flexbox {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 4rem;
    grid-row-gap: 2rem;
    justify-content: center;
	padding: 0;
	background: inherit;
	font-family: 'Coolvetica';
}
.menu__grid-flexbox .menu__grid-flexbox-item {
	position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 1.25rem;
    border-radius: 1rem;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.04);
    transition: .3s ease;
    cursor: pointer;
	z-index: 3;
}
.menu__grid-flexbox .menu__grid-flexbox-item:hover {
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.13);
	transition:.3s ease
}

.menu__grid-flexbox .menu__grid-flexbox-item .informations {
    flex: 5;
	min-width: 170px;
    /*min-width: 170px;*/
	/*min-width: 200px;*/
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers-variant { 
	padding: 0 0.2rem 0.1rem 0.2rem;
	border-radius: 0.2rem;
	font-size: 0.8rem;
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers-variant.handmade { 
	border: 2px solid var(--fiveternary-variant);
	color: var(--fiveternary-variant);
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers { 
	position: absolute;
	top: 0;
	right: 0; 
	margin-top: 10px; 
	margin-right: -4px; 
	font-size: 1rem; 
	text-transform: uppercase; 
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers .badge { /*border-radius: 0;*/ }
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__category {
    position: relative;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-transform: uppercase;
    padding-left: .5rem;
	margin-bottom: 0;
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__category:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    transform: translateY(-50%);
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: .1rem;
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__description {
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 200;
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__description small{
    display: inline-block;
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__description span {
	display: inline-block;
}
.menu__grid-flexbox .menu__grid-flexbox-item .item__image {
    display: flex;
    flex: 2;
    min-width: 140px;
    width: 100%;
    border-radius: 1rem !important;
    /*overflow: hidden;
	background: transparent;*/
}
.menu__grid-flexbox .menu__grid-flexbox-item .item__image img {
    width: 100%;
    height: 100%;
	border-radius: 1rem !important;
    object-fit: cover;
    aspect-ratio: 1;
}
.menu__grid-flexbox .menu__grid-flexbox-item img { transform: scale(0.92) rotate(0deg); transition: transform .2s ease-in-out; }
.menu__grid-flexbox .menu__grid-flexbox-item:hover img { transform: scale(1) rotate(5deg); }

.menu__grid-flexbox .menu__grid-flexbox-item ul {
    list-style: none;
	padding-left: 1rem;
	padding-right: 1rem;
}
.menu__grid-flexbox .item__price { font-family: "DINPro"; font-size: 1rem; }

@media (max-width: 389.98px) {
	.menu__grid-flexbox { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox ul.item__size-quantity-price.four-prices { margin: 0 !important; }
	.menu__grid-flexbox ul.item__size-quantity-price.four-prices li {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0 !important;
	}
}
@media (min-width: 390px) and (max-width: 575.98px) {
	.menu__grid-flexbox { grid-template-columns: 1fr !important; }
}
@media (min-width: 480px) and (max-width: 767.98px) {
	.menu__grid-flexbox ul.item__size-quantity-price.four-prices {
		margin: 0 -0.9375rem !important;
	}
	.menu__grid-flexbox ul.item__size-quantity-price.four-prices li {
		flex-basis: 50%;
		max-width: 50%;
		padding: 0 0.9375rem !important;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.menu__grid-flexbox { grid-template-columns: 1fr !important; }	
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.menu__grid-flexbox { grid-template-columns: repeat(2,1fr); !important; }
	.menu__grid-flexbox ul.item__size-quantity-price.four-prices { 
		margin: 0 !important; }
	.menu__grid-flexbox ul.item__size-quantity-price.four-prices li {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0 !important;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.menu__grid-flexbox { grid-template-columns: repeat(2,1fr); !important; }
}
@media (min-width: 1200px) { 
	.menu__grid-flexbox { grid-template-columns: repeat(2,1fr); !important; }
}

.section__menu-wrapper.quaternary .menu__grid-flexbox-item { background-color: var(--quaternary); }
.section__menu-wrapper.quaternary .menu__grid-flexbox-item .informations .item__category { color: var(--tertiary); }
.section__menu-wrapper.quaternary .menu__grid-flexbox-item .informations .item__category:before { background-color: var(--tertiary); }
.section__menu-wrapper.quaternary .menu__grid-flexbox-item .informations .item__markers .badge { background-color: var(--secondary); }
.section__menu-wrapper.quaternary .menu__grid-flexbox-item .informations .item__name { color: var(--primary); }
.section__menu-wrapper.quaternary .menu__grid-flexbox-item .informations .item__description { color: var(--bs-gray-600); }
.section__menu-wrapper.quaternary .menu__grid-flexbox-item .informations .item__description span { color: var(--primary); }
.section__menu-wrapper.quaternary .menu__grid-flexbox-item .item__image { background-color: transparent; }

/*************************** MENU LIST (TABLE) ***************************/

table .section__menu-heading { text-align: left; }
table .section__menu-heading .badge { border-radius: 0; background: var(--tertiary); color: var(--primary-variant); }
table .section__menu-heading-icon { }
table .section__menu-heading-subtitle { text-transform: uppercase; }
.section__menu-heading-title { font-weight: 500; color: var(--primary) !important; text-transform: capitalize; }
table .section__menu-heading-separator { width: 4rem; height: 0.2rem; /*margin: 0 auto;*/ background: var(--secondary); }
table .section__menu-heading-text { font-size: 1.2rem; }
table .menu__list-variant-subtitle { }
table .menu__list-variant-subtitle-underline { 
	width: 4rem; 
	height: 0.3rem;
}

table { z-index: 2; position: relative; background: var(--quaternary) !important; font-family: 'Coolvetica'; text-align: center; }
/*table tbody tr.tr-price td { 
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}*/
table tr { 
	border-top: 1px solid #f8f9fa;
	border-bottom: 1px solid #f8f9fa;
}
table table-bordered { 
	border-top: none;
	border-bottom: none;
}
table .badge-offer { display: block !important; border-radius: 0; background: var(--primary); text-transform: uppercase; color: var(--quaternary);  }
table .badge-offer i { color: var(--tertiary); }
table .item__size { 
	font-size: 0.9rem; 
	line-height: 0.4rem !important; 
	color: var(--primary);
}
table .item__size i { display: block; font-size: 0.6rem !important; }
/*table .item__type-of-selling { 
	font-size: 0.55rem;
	line-height: 0.4rem !important;
	font-weight: bold;
	text-transform: uppercase;
}
table .item__type-of-selling.secondary { color: var(--secondary); }
table .item__type-of-selling.fiveternary { color: var(--fiveternary); }*/
table .item__price { font-size: 1.1rem; }
table .item__price.primary { color: var(--primary) !important; }
table .item__price.secondary { color: var(--secondary) !important; }
table .item__price.tertiary { color: var(--tertiary) !important; }
table .item__price.fiveternary { color: var(--fiveternary) !important; }

table .item__w-col-name { width: 27%; }
table .item__name { /*margin-top: 2px !important;*/ margin-bottom: 0 !important; font-size: 1.5rem; /*font-weight: bold;*/ /*text-transform: uppercase;*/ }

table .item__name.primary { color: var(--primary) !important; }
table .item__name.secondary { color: var(--secondary) !important; }
table .item__name.secondary-variant { color: var(--secondary-variant) !important; }
table .item__name.tertiary { color: var(--tertiary) !important; }
table .item__name.sixternary { color: var(--sixternary) !important; }
table .item__description { margin-bottom: 0 !important; font-size: 1rem;  color: var(--fiveternary) !important; /*color: #6c757d;*/ }

table .item__markers { font-size: 1rem !important; }
table .item__markers .badge { margin-top: 0.3rem; padding: 0.3rem; border-radius: 0; /*text-transform: uppercase;*/ }
table .item__markers .badge.new { border: 1px solid var(--tertiary); color: var(--tertiary); }
table .item__markers .badge.popular { border: 1px solid var(--secondary); color: var(--secondary); }

@media (max-width: 991.98px) { }

@media (max-width: 389.98px) { 
	table .item__size { font-size: 0.7rem !important; }
	table .item__size i { font-size: 0.4rem !important; }
	/*table .item__type-of-selling { font-size: 0.5rem !important; }*/
	table .item__price { font-size: 0.8rem !important; }
	table .item__name { font-size: 0.9rem !important; } 
	table .item__description { font-size: 0.6rem !important; } 
	table .item__markers { font-size: 0.7rem !important; }
}
@media (max-width: 575.98px) { 
	table .item__name { font-size: 1.2rem; } 
	table .item__w-col-name { width: 35%; }
	table .item__description { font-size: 0.9rem; }
	table .item__markers { font-size: 0.7rem !important; }
}

/*************************** MENU LIST ***************************/

ul.menu__list {
	list-style: none;
    margin-top: 0;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	background: inherit;
}
.menu__list-subtitle { }
.menu__list-subtitle-underline { 
	width: 4rem; 
	height: 0.3rem;
}
.menu__list-item { position: relative; /*padding-top: 15px;*/ }
.menu__list-item.active { }
.menu__list .item__name-markers-price { 
	margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.menu__list .item__markers { 
	position: relative;
	font-size: 0.8rem;
}
.menu__list .item__markers .badge {
	display: inline-block;
	margin-bottom: 0.1rem;
	padding: 0.3rem;
	border-radius: 0;
	text-transform: uppercase;
}
.menu__list .item__category { 
	text-transform: uppercase;
	color: var(--secondary);
}
.menu__list .item__name {
	font-size: 1.3rem;
	margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
	display: inline-block;
	text-transform: uppercase;
}
.menu__list .item__description { font-size: 1rem; }
.menu__list .item__size-quantity-price-separator {
	-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    margin-right: 10px;
    height: 1rem;
	border-bottom-style: dotted;
	border-bottom-color: var(--bs-gray-500);
    border-bottom-width: 2px;
}
.menu__list .item__price {
	font-size: 1rem;
	margin-top: 1px;
}

/*
.item__size-quantity-price { font-size: 0.9rem; }
@media (max-width: 575.98px) {
  .item__size-quantity-price {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
  }
 */

@media (max-width: 389.98px) {
	.menu__list-item { border-bottom: 2px solid #f8f9fa; }
	.menu__list-item:last-child { border-bottom: none; }
	.menu__list .item__name-markers-price { display: block !important; }
	.menu__list .item__markers {  display: block !important; margin: 0 !important; }
	.menu__list .item__name { display: block !important; }
	.menu__list .item__price { display: block !important; }
	.menu__list .item__size-quantity-price-separator { display: none!important; }
}

.section__menu-footer { }

/* CARD COUPON */

.card.coupon {
	height: 100%;
	background: transparent;
	font-family: 'Coolvetica';
	text-align: center;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.04);
    transition: .3s ease;
}
.card:hover.coupon { 
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.13);
	transition:.3s ease
}

.card.coupon .card-header h6 { font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: 200; line-height: 1.3rem; }
.card.coupon .card-header h6 span { font-family: 'Coolvetica'; font-weight: 900 !important; }
.card.coupon .card-body h1 { text-transform: uppercase; }
.card.coupon .card-body h2 { text-transform: uppercase; }
.card.coupon .card-body h3 { text-transform: uppercase; }
.card.coupon .card-body h4 { text-transform: uppercase; }
.card.coupon .card-body h4 small { display: block; text-transform: lowercase; }
.card.coupon .card-body h5 { }
.card.coupon .card-body h6 { }
.card.coupon .card-body .sign-egal { display: block; margin-top: -20px; text-transform: uppercase; font-size: 3rem; }
.card.coupon .card-header h6 span { display: block; }
.card.coupon .card-footer { background-color: var(--quaternary-variant) !important; } 
.coupon-price { font-family: 'Poppins', sans-serif; }
.coupon-money { font-size: 5rem !important; letter-spacing: -0.3rem; font-weight: inherit; }
.coupon-currency { display: inline-block; margin-bottom: 1rem !important; font-size: 2.8rem !important; font-weight: inherit; }
.coupon-cents { display: inline-block; margin-bottom: 0rem !important; font-size: 1rem !important; font-weight: inherit; }

.card.coupon.quaternary { background: var(--quaternary) !important; /*border: 4px solid var(--quaternary-variant) !important;*/ }
.card:hover.coupon.quaternary { /*border: 4px solid var(--bs-gray-500) !important;*/ }
.card.coupon.quaternary .card-header { background: var(--quaternary-variant) !important; }
.card.coupon.quaternary .card-header h6 { color: var(--primary); }
.card.coupon.quaternary .card-header h6 span { color: var(--secondary); }
.card.coupon.quaternary .card-header h5 { color: var(--secondary); }
.card.coupon.quaternary .card-body h1 { color: var(--fiveternary-variant); }
.card.coupon.quaternary .card-body h2 { color: var(--secondary); }
.card.coupon.quaternary .card-body h3 { color: var(--fiveternary-variant); }
.card.coupon.quaternary .card-body h4 { color: var(--fiveternary-variant); }
.card.coupon.quaternary .card-body h4 small { color: var(--secondary); }
.card.coupon.quaternary .card-body h6 { color: var(--fiveternary-variant); }
.card.coupon.quaternary .card-body .sign-egal { color: var(--fiveternary-variant); }
.card.coupon.quaternary .card-footer { background-color: var(--quaternary) !important; } 
.card.coupon.quaternary .card-footer .coupon-price { color: var(--secondary) !important; }




.card.masonry { 
	background: inherit;
	border: none;
	transform: scale(1) rotate(0deg); 
	transition: transform .2s ease-in-out;box-shadow: none !important;
	
}
.card.masonry img { 
	border-radius: 1rem;
    
}
.card.masonry:hover { 
	transform: scale(0.96) rotate(0deg);
	
}



/* ---------------------------------------------------
    STORE CONCEPT and STORE SECTION
----------------------------------------------------- */

.reviews { 
	min-height: 200px;
}
@media (max-width: 575.98px) { .reviews { min-height: 340px; } }
@media (min-width: 576px) { .reviews { min-height: 260px; } }
@media (min-width: 992px) { .reviews { min-height: 200px; } }
.section__concept { 
	background-color: var(--quaternary); 
	margin: 0 !important;
}
.section__concept-container { }
.section__concept-content {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    /*grid-column-gap: 4rem;*/
    grid-row-gap: 2rem;
    justify-content: center;
	margin: 0 !important;
	padding: 2rem;
	overflow-x: hidden;
}
@media (max-width: 767.98px) { .section__concept-content { grid-template-columns: 1fr !important; } }
.section__concept-content .section__concept-text, 
.section__concept-content .section__concept-picture {
	position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
	margin: 0 !important;
    padding: 1.25rem;
}
@media (max-width: 767.98px) { .section__concept-content .section__concept-picture { padding: 0; } }
.section__concept-text {  }
.section__concept-text p em { font-family: 'newfrench'; }
.section__concept-picture { }
.section__concept-picture img { }

.concept-img-main { 
	background-image: linear-gradient(to right, transparent 0%, #ffffff),url("../img/concept/concept-bg-img-main.png"); 
	background-position: center;
	background-attachment: fixed !important;
	background-size: cover;
	min-height: 480px;
}
@media (max-width: 991.98px) { 
	.concept-img-main { background-image: linear-gradient(to top, transparent 0%, #ffffff),url("../img/concept/concept-bg-img-main.png"); }
}

.concept-bg-color-main { background-color: rgba(255, 255, 255, 0.95) !important; }
.concept-bg-color-category_1 { background-color: rgba(169, 214, 229, 0.95) !important; }
.concept-bg-color-category_2 { background-color: rgba(245, 200, 39, 0.95) !important; }
.concept-bg-color-category_3 { background-color: rgba(255, 255, 255, 0.95) !important; }
.concept-bg-color-category_4 { background-color: rgba(169, 214, 229, 0.95) !important; }
.concept-bg-color-category_5 { background-color: rgba(255, 255, 255, 0.95) !important; }
.concept-bg-color-category_6 { background-color: rgba(209, 232, 226, 0.95) !important; }
.concept-bg-img-main { background: url("../img/bg/icon-pays.svg") fixed center repeat; background-size: 50%; }
.concept-bg-img-category_1 { background: url("../img/bg/icon-thailande.svg") fixed center repeat; background-size: 50%; }
.concept-bg-img-category_2 { background: url("../img/bg/icon-inde.svg") fixed center repeat; background-size: 50%; }
.concept-bg-img-category_3 { background: url("../img/bg/icon-japon.svg") fixed center repeat; background-size: 50%; }
.concept-bg-img-category_4 { background: url("../img/bg/icon-france.svg") fixed center repeat; background-size: 50%; }
.concept-bg-img-category_5 { background: url("../img/bg/icon-usa.svg") fixed center repeat; background-size: 50%; }
.concept-bg-img-category_6 { background: url("../img/bg/icon-italie.svg") fixed center repeat; background-size: 50%; }
@media (max-width: 991.98px) { 
	.concept-bg-img-main, .concept-bg-img-category_1, .concept-bg-img-category_2, .concept-bg-img-category_3, .concept-bg-img-category_4, .concept-bg-img-category_5, .concept-bg-img-category_6 { background-size: 100%; }
}

.section__store {  
	background: var(--quaternary-); 
	color: var(--primary); }
.section__store-container { }
.section__store-content { }
.section__store-map {
	margin: 0;
	padding: 0;
	min-height: 250px !important;
}
.section__store-map iframe {
	width: 100%;
	height: 400px; 
	border: 0;
	margin: 0 !important;
	padding: 0 !important;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.section__store-picture {
	margin: 0;
	padding: 0;
	min-height: 480px;
}
.section__store-info .delivery-platform a img {
	transform: scale(1) rotate(0deg); 
	transition: transform .2s ease-in-out;box-shadow: none !important;
}
.section__store-info .delivery-platform a img:hover {
	transform: scale(0.92) rotate(0deg); 
}
.concept-img-restaurant-1 { background-image: url("../img/concept/concept-img-restaurant-1.png"); }
.concept-img-restaurant-2 { background-image: url("../img/concept/concept-img-restaurant-2.png"); }
.concept-img-restaurant-3 { background-image: url("../img/concept/concept-img-restaurant-3.png"); }
.section__store-info { position: relative; text-align: center; }
.section__store-info h6.type-of-selling { 
	margin-top: 3rem; 
	color: var(--primary) !important; 
}
.section__store-info h3.adress { margin-top: 2rem; color: var(--primary-variant); }
.section__store-info p.opening-hours { 
	margin-top: 2rem; 
	margin-bottom: 2rem; 
	font-size: 1.1rem; 
	color: var(--primary-variant); 
}
.section__store-info p.opening-hours em.closing-hours { color: var(--tertiary); }
.section__store-info p.delivery-area { color: var(--primary) !important; }
.section__store-info .delivery-platform { margin: 2rem 0; }
.section__store-info .delivery-platform a { margin: 0 0.3rem 0.3rem  0.3rem; }

.table-app, .table-app tbody, .table-app tbody tr, .table-app tbody tr td {
	background: transparent !important;
    padding: 0.2rem !important;
	margin: 0 !important;
	border: 0 !important;
}
/* Button Itinerary */
.btn-itinerary { 
	display: inline-block; 
	font-size: 1.4rem; 
	font-weight: 500;
	color: var(--secondary); 
}
.btn-itinerary a { margin: 0 0.5rem 0 0; color: var(--secondary); }
.btn-itinerary a:hover { color: var(--secondary); text-decoration: none !important; }

.order-call button { 
	display: inline-block;
	margin-bottom: 0.2rem; 
}

button.btn-order, button.btn-call, button.btn-see {
	position: relative;
	width: auto;
	padding: 0.4rem 0.9rem;
	border: 0;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 400;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 
}	
/* Button Order Online */
button.btn-order {
	background-color: var(--secondary);
	color: var(--quaternary) !important; 
}
button.btn-order span { color: var(--quaternary) !important; }
button.btn-order a { color: var(--quaternary) !important; }
button:hover.btn-order { background-color: var(--primary-variant); color: var(--quaternary) !important; }
button:hover.btn-order a { color: var(--quaternary) !important; }

/* Button Call Us */
button.btn-call {
	background-color: var(--tertiary);
	color: var(--quaternary) !important; 
}
button.btn-call a { color: var(--quaternary) !important; }
button:hover.btn-call { background-color: var(--primary-variant); }
button:hover.btn-call a { color: var(--quaternary) !important; }

/* Button See More */
button.btn-see { 
	background-color: var(--tertiary);
	color: var(--quaternary) !important; 
}
button.btn-see span { color: inherit; }
button:hover.btn-see { background-color: var(--primary-variant); }

/* Modal Order an Call an Download App */
.modal { position: relative; z-index: 1299; }
.modal-content { background: var(--quaternary) !important; color: var(--primary); }
.modal-body { text-align: center !important }
.modal-content .type-of-selling { color: var(--primary) !important; }
.modal-content .adress span { color: var(--tertiary) !important; }
.modal-content .section__store-info {
	border: 2px solid var(--quaternary-variant)
    /*border-radius: 1rem;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.04);
    transition: .3s ease;*/
}
.modal .section__store-info:hover { 
	/*box-shadow: 0 4px 20px 0 rgba(0,0,0,.13);
	transition:.3s ease*/
}

.modal-body h2 { 
	font-weight: 400;
}
.modal-body h5 { 
	text-transform: uppercase !important;
	font-weight: 700;
	color: var(--tertiary);
}
.modal-body h5 span { 
	text-transform: uppercase !important;
	font-weight: 200;
	color: var(--tertiary);
}
.modal-body .section__store-info img.store-img { 
	width: 100%;
	margin-bottom: 1rem;
	border: 0.5rem solid var(--quaternary-variant);
}

.modal-body a img { 
	transform: scale(1) rotate(0deg); 
	transition: transform .2s ease-in-out;box-shadow: none !important;
}
.modal-body a:hover img { 
	transform: scale(0.92) rotate(0deg);
}

.orderBottomStart {
	position: fixed;
	left: 0px;
	bottom: 40px;
	height: 86px;
	cursor: pointer;
	display: block;
	z-index: 99;
}

/* ---------------------------------------------------
    FOOTER
----------------------------------------------------- */

.section__footer { 
	text-align: center;
	background: var(--tertiary);
	color: var(--primary); 
}
.section__footer.bg { }


.section__footer .section__footer-top .row { }
.section__footer .section__footer-top .row .section__footer-top-column-left { text-align: end; }
.section__footer .section__footer-top .row .section__footer-top-column-right { text-align: start; }
.section__footer .section__footer-top .row .section__footer-top-column-center a.logo { }
.section__footer .section__footer-top .row a.logo img { width: 100% }
.section__footer .section__footer-top .row p.footer-link-title {
	display: block;
	color: var(--quaternary-variant) !important;
	text-decoration: none;
	font-size: 1.2rem;
}
.section__footer .section__footer-top .row .section__footer-top-column-left hr { 
	border: 3px solid var(--tertiary-variant);
	margin-left: auto;
}
.section__footer .section__footer-top .row .section__footer-top-column-right hr { 
	border: 3px solid var(--tertiary-variant);
	margin-right: auto;
} 
.section__footer .section__footer-top .row a.footer-link {
	display: block;
	color: var(--primary);
	text-decoration: none;
	font-size: 1.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.section__footer .section__footer-top .row a.footer-link:hover {
	color: var(--primary);
	text-decoration: underline;
}
@media (max-width: 575.98px) {
	.section__footer .section__footer-top .row .section__footer-top-column-left { text-align: center; }
	.section__footer .section__footer-top .row .section__footer-top-column-right { text-align: center; }
	.section__footer .section__footer-top .row .section__footer-top-column-left hr { margin-left: auto; margin-right: auto; }
	.section__footer .section__footer-top .row .section__footer-top-column-right hr { margin-left: auto; margin-right: auto; }
}
@media (max-width: 991.98px) {
	p.section__footer-copyright { margin-top: 1.5rem; }
}

a.section__footer-logo { width: 100% !important; }
a.section__footer-logo img { width: 100% !important; }

.section__footer-social-network { font-weight: 400; }
.section__footer-social-network em { display: inline-block !important }
.section__footer-social-network a { 
	display: inline-block !important; 
	color: var(--primary) !important; 
	transform: scale(1) rotate(0deg); 
	transition: transform .2s ease-in-out;box-shadow: none !important;
}
.section__footer-social-network a:hover { 
	color: var(--primary-variant) !important;
	transform: scale(0.92) rotate(0deg);
}
.section__footer-social-network p { 
	font-family: 'Coolvetica' !important;
	font-weight: 200 !important;
}

p.section__footer-copyright { }
p.section__footer-copyright a { text-decoration: none; color: var(--primary) !important; }
p.section__footer-copyright a:hover { text-decoration: underline; }
p.section__footer-copyright button { padding: 0; background: transparent; border: 0; color: var(--primary) !important; }
p.section__footer-copyright button:hover { text-decoration: underline !important; }
.section__footer-certification { 
	background: var(--primary-variant);
	margin-top: 1rem;
	padding: 1rem;
}
.section__footer-certification p { 
	margin-bottom: 0;
	text-transform: uppercase;
	color: var(--quaternary);	
}

/* ---------------------------------------------------
    DEVICES
----------------------------------------------------- */

/* X-Small devices (portrait phones, less than 390px) */
@media (max-width: 389.98px) {
   .section__menu-nav-item-category { width: 100vw !important; }
	.section__menu-heading-title { font-size: 2rem !important; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
	#logo-header a img { }
	header .navbar a i { 
	  /*font-size: 24px !important;*/
    }
	.carousel { /*margin-top: 5.8rem !important;*/ }
	.section__menu-heading-title { font-size: 2.5rem; }

}
/* X-Small devices (portrait phones, less than 576px) */
@media (min-width: 390px) and (max-width: 575.98px) {

	.section__menu-nav-item-category { width: 50vw !important; }
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	
	.carousel { /*margin-top: 5.8rem !important;*/ }
	.store__info { max-width: 767px; }
	.section__menu-nav-item-category { width: 33.3vw !important; }	
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	
	.carousel { /*margin-top: 5.8rem !important;*/ }
	.section__menu-nav-item-category { width: 25vw !important; }
		
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
	
	.carousel { /*margin-top: 5.8rem !important;*/ }
	.section__menu-nav-item-category { width: 20vw !important; }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (min-width: 1200px) { 
	
	.carousel { /*margin-top: 5.8rem !important;*/ }
	.section__menu-nav-item-category { width: 16.6vw !important; }
}

/* XX-Large devices (larger desktops)
   No media query since the xxl breakpoint has no upper bound on its width */

/* ---------------------------------------------------
    CAROUSEL 
----------------------------------------------------- */

/* ______________ Carousel Header ______________ */ 

#carousel__header .carousel { 
	margin-top: 13.8rem; 
	border-right: 7px solid var(--primary) !important;
	border-left: 7px solid var(--primary) !important;
}
#carousel__header .carousel-inner .carousel-item.active,
#carousel__header .carousel-inner .carousel-item-start,
#carousel__header .carousel-inner .carousel-item-next,
#carousel__header .carousel-inner .carousel-item-prev {
  display: flex;  
}

/* display 1 */
@media (max-width: 768px) {
  #carousel__header .carousel-inner .carousel-item > div {
    display: none;
  }
  #carousel__header .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
/* display 2 */
@media (min-width: 768px) {
  #carousel__header .carousel-inner .carousel-item-right.active,
  #carousel__header .carousel-inner .carousel-item-next,
  #carousel__header .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(50%) !important;
  }

  #carousel__header .carousel-inner .carousel-item-left.active,
  #carousel__header .carousel-item-prev:not(.carousel-item-end),
  #carousel__header .active.carousel-item-start,
  #carousel__header .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }

  #carousel__header .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__header .carousel-inner .carousel-item-prev,
  #carousel__header .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }
}
/* display 3 */
@media (min-width: 1400px) {
  #carousel__header .carousel-inner .carousel-item-right.active,
  #carousel__header .carousel-inner .carousel-item-next,
  #carousel__header .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(50%) !important;
  }

  #carousel__header .carousel-inner .carousel-item-left.active,
  #carousel__header .carousel-item-prev:not(.carousel-item-end),
  #carousel__header .active.carousel-item-start,
  #carousel__header .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }

  #carousel__header .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__header .carousel-inner .carousel-item-prev,
  #carousel__header .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }
}

/* ______________ Carousel Offer ______________ */ 

#carousel__offer .carousel { 
	margin-top: 13.8rem; 
	border-right: 7px solid var(--primary) !important;
	border-left: 7px solid var(--primary) !important; 
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
}
#carousel__offer .carousel-inner .carousel-item.active,
#carousel__offer .carousel-inner .carousel-item-start,
#carousel__offer .carousel-inner .carousel-item-next,
#carousel__offer .carousel-inner .carousel-item-prev {
  display: flex;  
}
#carousel__offer .carousel-inner .carousel-item:last-child { margin-right: 0px !important; }
#carousel__offer .carousel-inner .carousel-item:first-child { margin-left: 0px !important; }
#carousel__offer .card.coupon { margin: 0 4px !important; }

/* display 1 */
@media (max-width: 390px) {
  #carousel__offer .carousel-inner .carousel-item > div {
    display: none;
  }
  #carousel__offer .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

/* display 2 */
@media (min-width: 391) {
  #carousel__offer .carousel-inner .carousel-item-right.active,
  #carousel__offer .carousel-inner .carousel-item-next,
  #carousel__offer .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(50%) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-left.active,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end),
  #carousel__offer .active.carousel-item-start,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }

  #carousel__offer .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-prev,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-50%) !important;
  }
}
/* display 3 */
@media (min-width: 576px) {
  #carousel__offer .carousel-inner .carousel-item-right.active,
  #carousel__offer .carousel-inner .carousel-item-next,
  #carousel__offer .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(33.33%) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-left.active,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end),
  #carousel__offer .active.carousel-item-start,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-33.33%) !important;
  }

  #carousel__offer .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-prev,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-33.33%) !important;
  }
}
/* display 4 */
@media (min-width: 768px) {
  #carousel__offer .carousel-inner .carousel-item-right.active,
  #carousel__offer .carousel-inner .carousel-item-next,
  #carousel__offer .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(25%) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-left.active,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end),
  #carousel__offer .active.carousel-item-start,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }

  #carousel__offer .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-prev,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }
}
/* display 6 */
@media (min-width: 1200px) {
  #carousel__offer .carousel-inner .carousel-item-right.active,
  #carousel__offer .carousel-inner .carousel-item-next,
  #carousel__offer .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(16.66%) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-left.active,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end),
  #carousel__offer .active.carousel-item-start,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-16.66%) !important;
  }

  #carousel__offer .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #carousel__offer .carousel-inner .carousel-item-prev,
  #carousel__offer .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-16.66%) !important;
  }
}

/* ---------------------------------------------------
    Back to top with progress indicator 
----------------------------------------------------- */

.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 60px;
	height: 86px;
	width: 86px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
	z-index: 4000;
	opacity: 0;
	visibility: hidden;
	background: rgba(255,255,255,0.5);
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: "Font Awesome 6 Pro";
    content: "\f341";
	font-weight: 300;
	text-align: center;
	line-height: 86px;
	font-size: 44px;
	color: rgba(0, 0, 0, 0.3); /* --- Pijl kleur --- */
	left: 0;
	top: 0;
	height: 86px;
	width: 86px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: "Font Awesome 6 Pro";
    content: "\f341";
	font-weight: 300;
	text-align: center;
	line-height: 86px;
	font-size: 44px;
	opacity: 0;
	background: var(--primary); /* --- Pijl hover kleur --- */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 86px;
	width: 86px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--primary);/* --- Lijn progres kleur --- */
	opacity: 0.8;
	stroke-width: 4;
	box-sizing: border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/* Loader */
#loader {
  display: flex;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  /*background: rgba(0,112,182,0.91);*/
  background: var(--tertiary);
  opacity: 0.91;
}
.loader-inner { display: block; margin: auto; }
.loader-inner img { width: 14rem; margin-bottom: 1rem; }
.spinner-border { width: 3rem !important; height: 3rem !important; }