@charset "UTF-8";

@font-face {
    font-family: 'Insanibc';
    src: url('../fonts/insanibc.eot'); /* IE9 Compat Modes */
    src: url('../fonts/insanibc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/insanibc.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/insanibc.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/insanibc.ttf') format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/insanibc.otf') format('opentype'), /*  */
	     url('../fonts/insanibc.svg#svginsanibc') format('svg'); /* Legacy iOS */
}
@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: 'Murray';
    src: url('../fonts/murray-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/murray-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/murray-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/murray-regular.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/murray-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/murray-regular.otf') format('opentype'), /*  */
	     url('../fonts/murray-regular.svg#svgcoolvetica-rg') format('svg'); /* Legacy iOS */
}
@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-coca-cola { font-family: 'Coca-Cola'; }
.font-coolvetica { font-family: 'Coolvetica'; }
.font-poppins { font-family: 'Poppins', sans-serif; }
.font-lexend { font-family: 'Lexend', sans-serif; }
.font-murray { font-family: 'Murray'; }
.font-insanibc { font-family: 'Insanibc'; }

.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; }

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

.wrapper { background: inherit; } 

:root {
    --primary:#009cde; /* blue */
    --primary-variant:#004b70; /* darkblue */
    --secondary:#191a1a; /* black */
    --secondary-variant:#494849; /* darkblack */
    --tertiary:#ffffff; /* white */
    --tertiary-variant:#f8f9fa; /* lightwhite */
    --quaternary:#d93832; /* red */ 
    --quaternary-variant:#fadb49; /* yellow */
	--quinary:#f2f2f2; /* lightgray */
	
    /* for offcanvas  */
    --offcanvas-primary:#009cde; 
    --offcanvas-primary-variant:#004b70; 
    --offcanvas-secondary:#191a1a; 
    --offcanvas-secondary-variant:#494849;
    --offcanvas-tertiary:#ffffff; 
    --offcanvas-tertiary-variant:#f8f9fa; 
    --offcanvas-quaternary:#d93832; 
    --offcanvas-quaternary-variant:#fadb49; 
	--offcanvas-quinary:#f2f2f2;
	
    /* for header navbar  */
    --header-navbar-primary:#009cde;
    --header-navbar-primary-variant:#004b70; 
    --header-navbar-secondary:#191a1a;
    --header-navbar-tertiary:#ffffff;
    --header-navbar-quaternary:#d93832;
	
    /* for header horizontal scrolling menu  */
    --header-hs-primary:#009cde; 
    --header-hs-primary-variant:#004b70; 
    --header-hs-secondary:#191a1a;
    --header-hs-secondary-variant:#494849;
    --header-hs-tertiary:#ffffff;
    --header-hs-tertiary-variant:#f8f9fa; 
    --header-hs-quaternary:#d93832;
    --header-hs-quaternary-variant:#fadb49; 
	--header-hs-quinary:#f2f2f2;
    /* for svg img  */
    --header-hs-filter-primary:invert(10%) sepia(10%) saturate(358%) hue-rotate(289deg) brightness(87%) contrast(91%);
    --header-hs-filter-secondary:invert(49%) sepia(87%) saturate(4437%) hue-rotate(338deg) brightness(85%) contrast(101%); 
    --header-hs-filter-tertiary:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.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-dark { color: #221f20 !important; }
.text-red { color: #d93832 !important; }
.text-green { color: #305f29 !important; }
.text-yellow { color: #fadb49 !important; }
.text-orange { color: #e9983e !important; }
.text-purple { color: #c55db5 !important; }
.text-blue { color: #004b70 !important; }
.text-skyblue { color: #59bee6 !important; }
.text-fushia { color: #ea1e64 !important; }
.bg-dark { background: #221f20 !important; }
.bg-red { background: #dd2026 !important; }
.bg-green { background: #305f29 !important; }
.bg-yellow { background: #f9d253 !important; }
.bg-orange { background: #e9983e !important; }
.bg-purple { background: #c55db5 !important; }
.bg-blue { background: #0070b6 !important; }
.bg-skyblue { background: #59bee6 !important; }
.bg-fushia { background: #ea1e64 !important; }

a i.text-facebook { color: var(--primary-variant) !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: var(--primary-variant) !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: var(--primary-variant) !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: var(--primary-variant) !important; transform: scale(0.85) rotate(0deg); transition: transform .2s ease-in-out; }
a:hover i.text-tiktok { color: #000000 !important; transform: scale(0.95) rotate(0deg); }
a i.text-youtube { color: var(--primary-variant) !important; transform: scale(0.85) rotate(0deg); transition: transform .2s ease-in-out; }
a:hover i.text-youtube { color: #ff0000 !important; transform: scale(0.95) rotate(0deg); }

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

.hr-border 
{
    height: 2px;
    background-color: var(--quaternary);
    border: none;
}
.divider { padding: .4rem 0; }

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

/* 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; }

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

.bg-cover {
    background-attachment: static;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-wrapper { 
	background-color: var(--tertiary) !important;
	/*background-image: url("../img/bandes.svg");
	background-repeat: repeat;
	background-size: 30px 1px;*/
    /*repeating-linear-gradient(
      90deg,
      var(--tertiary),
      var(--tertiary) 15px,
      var(--secondary) 15px,
      var(--secondary) 20px
    );*/
}
header { 
	position: relative; 
	z-index: 998; 
	/*background-color: transparent;*/
	background-image:
    repeating-linear-gradient(
      90deg,
      var(--tertiary),
      var(--tertiary) 7,
      var(--secondary) 7,
      var(--secondary) 20px /* determines size */
    );
}

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

.sticky {
    position: fixed;
    width: 100%;
    top: 0;
}
.header-bar {
    width: 100%;
    height: 8px;
    background: var(--header-hs-primary-variant);
}

header .navbar { 
	z-index: 1200;
	overflow: auto;
	background-color: var(--header-navbar-tertiary);
	background-repeat: repeat;
	background-size: 30px 1px;
}
header .navbar a { 
	border-bottom: 2px solid transparent;
	padding: 0.2rem 0.3rem;
	vertical-align: middle;
	font-family: "Insanibc";
	font-size: 20px;
	font-weight: 700; 
	text-transform: uppercase; 
	text-decoration: none;
	color: var(--header-navbar-secondary); 
}
header .navbar a:hover { 
	color: var(--header-navbar-primary); 
	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.active { 
	color: var(--header-navbar-primary); 
	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-primary); 
    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 { 
	
}
header .navbar #logo-header a { 
	border-bottom: none;
	padding: 0;
}
#logo-header a img { height: 85px;  }

header .navbar .btn-toggle { 
	border: none;
	background-color: transparent;
	color: var(--header-navbar-primary-variant); 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s; 
	transition: all 0.3s; 
}
header .navbar .btn-toggle a { color: var(--header-navbar-primary-variant); }
header .navbar .btn-toggle:hover { color: var(--header-navbar-primary); } 
header .navbar .btn-toggle:hover a:hover { color: var(--header-navbar-primary); }

header .navbar .btn-toggle a span { 
	border-radius: 0;
	background-color: var(--header-navbar-primary-variant);
	color: var(--header-navbar-tertiary); 
	-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-primary) !important; }
header .navbar .btn-toggle:hover a.small span { background-color: var(--header-navbar-primary) !important; color: var(--header-navbar-tertiary); }

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

.offcanvas__section { background-color: transparent; }
.offcanvas__section .navbar { margin: 0; padding: 0; background-color: transparent; }
.offcanvas {
	z-index: 1199;
	border: none;
	width: 15rem !important;
    background: var(--offcanvas-primary) !important;
    color: var(--offcanvas-tertiary);
}

.offcanvas button.btn-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
	color: inherit;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.offcanvas button.btn-close:hover { color: inherit; }

.offcanvas ul.navbar-nav li a  {
    display: block;
	border-bottom: 2px solid var(--offcanvas-primary-variant) !important;
	margin: 0 0.5rem;
    padding: 1rem;
	font-family: 'Insanibc' !important;
	font-size: 1.3rem;
	font-weight: 400; 
	text-decoration: none;
	color: var(--offcanvas-tertiary);
	-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-secondary); }

.offcanvas h6 { color: var(--tertiary); text-transform: uppercase; }

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

.section__jumbotron-breadcrumb {
	margin-bottom: 0 !important;
	padding: 2rem 1rem;
	/*background: var(--tertiary) !important;*/
}
.section__jb-heading { text-align: center; }
.section__jb-heading-icon { }
.section__jb-heading-subtitle { 
	margin-bottom: 0;
	font-weight: 400;
	color: var(--secondary);
}
.section__jb-heading-title { 
	font-family: 'Insanibc' !important;
	font-weight: bolder;
	color: var(--primary); 
}
.section__jb-heading-separator { border-color: var(--secondary); }
.section__jb-heading-text {
	font-size: 1.2rem;
    color: var(--secondary);
}

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

/* START section menu category navigation */
.section__menu-nav { 
	/*border-bottom: 3px solid var(--tertiary-variant) !important;*/
	width: 100%; 
	background-color: var(--header-hs-tertiary) !important; 
}
.section__menu-nav-category { 
	z-index: 99;
	display: flex !important;
	flex: 0;
	-webkit-box-align: center;
    align-items: center;
	margin: 0 auto;
    width: 100%;
	top: 0px;
    overflow-x: auto;
	white-space: nowrap !important; 
    will-change: box-shadow;
    transition: box-shadow 150ms ease 0s;
    user-select: none;
	scrollbar-width: none;
	background-color: var(--header-hs-tertiary) !important;
	/*box-shadow: 0 1px 1px 0 rgba(0,0,0,.04);*/
}
.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;*/
	padding: 1rem 1.3rem;
	border-bottom: 3px solid transparent;
    color: var(--header-hs-secondary);
    font-weight: 700;
	text-align: center;
    /*opacity: 0.6;
    transition-property: opacity;
    transition-duration: 100ms;*/
} 
.section__menu-nav-item-category:hover {
	/*border-bottom: 3px solid var(--header-hs-tertiary);*/
    color: var(--header-hs-primary-variant);
}
.section__menu-nav-item-category:hover i {
	background-color: var(--header-hs-primary-variant);
	color: var(--header-hs-tertiary);   
}
.section__menu-nav-item-category i {
    display: block;
	margin: 0 auto;
	padding: 1rem;
	width: 5rem; 
	height: 5rem;
	border-radius: 50% !important;
	font-size: 3rem;
	font-weight: 300;
	background-color: transparent;
	color: var(--header-hs-secondary);
	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(--primary-variant);*/
	 /*background: rgb(255, 240, 230);
    color: rgb(186, 78, 0);*/
	color: var(--header-hs-primary);
    opacity: 1;
}
.section__menu-nav-item-category.active i {
    display: block;
	margin: 0 auto;
	padding: 1rem;
	width: 5rem; 
	height: 5rem;
	border-radius: 50% !important;
	font-size: 3rem;
	font-weight: 300;
	background-color: var(--header-hs-primary);
	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; font-size: 1.1rem; } 
	.section__menu-nav-item-category:hover { border-bottom: 3px solid transparent; color: var(--header-hs-primary-variant) !important;  }
	.section__menu-nav-item-category:hover i { background-color: transparent !important; color: var(--header-hs-primary-variant) !important; }
	.section__menu-nav-item-category { color: var(--header-hs-secondary) !important; }
	.section__menu-nav-item-category i {
		display: inline-block !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important; 
		height: auto !important;
		border-radius: none !important;
		font-size: inherit !important;
		font-weight: 500;
		color: var(--header-hs-secondary) !important;
	 }  
	.section__menu-nav-item-category.active { border-bottom: 3px solid var(--header-hs-primary); color: var(--header-hs-primary) !important; }
	.section__menu-nav-item-category.active i {
		display: inline-block !important;
		margin: 0 !important;
		padding: 0 !important;
		width : auto !important; 
		height: auto !important;
		border-radius: none !important;
		font-size: inherit !important;
		font-weight: 500;
		background-color: transparent !important;
		color: var(--header-hs-primary) !important;
	 } 
}
/* END section menu category navigation */

/* START section select store */
.section__select-store { 
	background-color: var(--header-hs-secondary);
	/*font-size: 13px;*/
	text-align: center;
}
.section__select-store h6 { display: inline-block; margin-bottom: 3px; /*font-size: 13px;*/ color: var(--quaternary); text-align: center; }
.section__select-store a { margin-bottom: 3px; color: var(--tertiary); text-decoration: none; }
.section__select-store a:hover { color: var(--tertiary); }

.form-select {
	/*border: none !important;*/
	border: 2px solid var(--tertiary) !important;
	border-radius: 5px !important;
    width: auto !important;
    padding: 5px 40px 5px 10px !important;
	background-image: inherit;
    background-color: var(--tertiary) !important;
	color: var(--primary) !important;
	box-shadow: none !important;
	cursor: pointer;
}
select:focus { outline: none !important; }

/* ---------------------------------------------------
    BLOCK ONLINE ORDER & CARD 
----------------------------------------------------- */

.bk-onLine { font-family: 'Insanibc' !important; text-align: center; overflow: hidden; border-top: 3px solid var(--secondary-variant); }
.bk-onLine h1 { margin-bottom: 0; font-size: 2.5rem; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; }
.bk-onLine h5 { margin-bottom: 0; font-size: 1.3rem; font-weight: lighter; }
@media (max-width: 575.98px) {
	.bk-onLine h1 { font-size: 1.8rem; }
}

.bk-orderOnline { 
	padding: 3rem 1rem;
	background: var(--quaternary); 
	border: 0 !important; 
	color: var(--secondary); 
	cursor: pointer; 
	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; }
.bk-orderOnline a { color: var(--tertiary); text-decoration: none; }
.bk-orderOnline:hover { background: var(--secondary-variant); color: var(--tertiary) !important; }
.bk-orderOnline:hover a { color: var(--tertiary) !important; }
.bk-orderOnline a:hover { color: var(--tertiary) !important; }

.bk-cardOnline { 
	padding: 3rem 1rem;
	background: var(--primary); 
	border: 0 !important; 
	color: var(--secondary) !important; 
	cursor: pointer; 
	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; }
.bk-cardOnline a { color: var(--tertiary); text-decoration: none; }
.bk-cardOnline:hover { background: var(--secondary-variant); color: var(--tertiary) !important; }
.bk-cardOnline:hover a { color: var(--tertiary) !important; }
.bk-cardOnline a:hover { color: var(--tertiary) !important }

.badge-ou {
	position: relative;
	margin-right: -2.8rem;
	margin-top: -0.5rem;
}
.badge-ou .badge { position: absolute; background-color: var(--secondary-variant) !important; }
@media (max-width: 389.98px) { 
    .badge-ou {
	  display: none;
    }
}

/* ---------------------------------------------------
    MAIN
----------------------------------------------------- */

.section__heading { z-index: 1; position: relative; }
.section__heading-title { 
	font-family: 'Insanibc' !important;
	font-weight: 600 !important; 
	color: var(--primary);
	line-height: 0.7em !important;
}
.section__heading-subtitle { 
	font-family: "Coolvetica" !important;
	font-weight: 500;
	/*text-transform: uppercase;*/
	color: var(--secondary);
}
h6.section__heading-subtitle { 
	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); 
 }

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

.section__menu-page { }
.section__menu { }
.section__menu-category { /*scroll-margin-top: 90px;*/ } 
.section__menu-wrapper { padding: 4rem 0.7rem 0 0.7rem; }
.section__menu-content {  } 
.section__menu-wrapper, .section__menu-content { position: relative; }

.section__menu-heading { 
	z-index: 2;
	position: relative;
	text-align: left; 
}
.section__menu-heading .badge { 
	border-radius: 0; 
	text-transform: uppercase; 
}
.section__menu-heading img.section__menu-heading-icon { 
	display: inline-block 90px; 
	width: 90px !important; 
	margin: 0 auto;
	margin-top: -10px
}
.section__menu-heading-title { 
	font-family: 'Insanibc' !important;
	display: inline-block; 
	position: relative; 
	margin-bottom: 1rem; 
	font-size: 3rem; 
	font-weight: 500 !important; 
	text-align: center; 
	text-transform: uppercase !important; 
}

.section__menu-heading-subtitle { 
	text-transform: uppercase; 
}
.section__menu-heading-subtitle span { 
	display: block; 
	font-weight: 200 !important; 
}
.section__menu-heading-separator {
	margin-top: 0rem; 
	width: 100%; 
	height: 0.2rem;
	border-radius: 0rem; 
}
.section__menu-heading-text { 
	font-size: 1.5rem; 
}
@media (max-width: 575.98px) {
	.section__menu-heading-title { text-align: left !important; font-size: 2.3rem !important; }
	.section__menu-heading img.section__menu-heading-icon { display: none !important; }
}
@media (max-width: 389.98px) {
	.section__menu-heading-title { font-size: 2.1rem !important; }
}

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



.menu__grid-flexbox {
    display: grid;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
	padding: 0;
	list-style: none !important;
}
.menu__grid-flexbox .menu__grid-flexbox-item {
	z-index: 3;
	position: relative !important;
    display: flex;
    align-items: stretch !important;
    flex-wrap: wrap !important;
	/*gap: .8rem;*/ 
    gap: .5rem; 
    cursor: pointer;
	height: 100% !important;
}
.menu__grid-flexbox .menu__grid-flexbox-item:hover { 
	-webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.menu__grid-flexbox.gtc-2 .menu__grid-flexbox-item { align-items: center; }
.menu__grid-flexbox .menu__grid-flexbox-item:hover {  }
.menu__grid-flexbox .menu__grid-flexbox-item .informations {
    flex: 5;
	width: auto;
	/*width: 166px;*/
	/*min-width: 165px;*/
	margin-bottom: 0;
}
	
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers-variant {
	position: absolute;
    right: .9375rem;
    bottom: -1.25rem;  
	z-index: 1 
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers-variant.handmade {  }
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers { 
	position: absolute; 
	top: 0; 
	start: 0; 
	margin: 0.6rem;  
	z-index: 1 
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers .badge { 
    display: block;
	margin-bottom: 0.1rem;
	padding: 0.3rem;
	border-radius: 0;
	text-transform: uppercase;
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__category {
    position: relative;
	margin-bottom: 0;
    padding: .8rem .8rem 0 1.2rem;
	text-transform: uppercase;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__category:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.8rem;
	margin-top: .4rem;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    transform: translateY(-50%);
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name {
    margin-bottom: .1rem;
	padding: 0 .8rem;
	font-family: 'Coolvetica' !important;
	font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
}
@media (min-width: 390px) and (max-width: 479.98px) { 
	.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name { font-size: 1.1rem; } 
}
@media (min-width: 480px) and (max-width: 575.98px) { 
	.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name { font-size: 1.2rem; } 
}
@media (min-width: 576px) and (max-width: 767.98px) { 
	.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name { font-size: 1.3; }
	.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__category { font-size: 0.7rem; }
}
@media (min-width: 768px) and (max-width: 991.98px) { 
	.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name { font-size: 1.4rem; } 
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name { font-size: 1.5rem; } 
}

.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name span {
    font-weight: 200;
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__description {
    margin-bottom: 0 !important;
	padding: 0 .8rem;
	font-size: 1rem;
	font-weight: 200;
    line-height: 1.33;
}
.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;
	overflow: hidden;
}
.menu__grid-flexbox .menu__grid-flexbox-item .item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1;
}
.menu__grid-flexbox.gtc-2 .menu__grid-flexbox-item .item__image { 
	display: flex;
    flex: 2;
    min-width: 140px;
	overflow: hidden;
	margin: .8rem 0 .8rem .8rem !important; 
}
.menu__grid-flexbox .menu__grid-flexbox-item .item__image img { transform: scale(1) rotate(0deg); transition: transform .2s ease-in-out; }
.menu__grid-flexbox .menu__grid-flexbox-item:hover .item__image img { transform: scale(1.08) rotate(2deg); }
.menu__grid-flexbox .menu__grid-flexbox-item ul {
    list-style: none;
	width: 100%;
	padding: .8rem;
}
.menu__grid-flexbox .item__price { padding: 0 .8rem; font-size: 1rem; }

/* 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;
	margin: 0 !important;
	padding: 0 !important;
    width: 100%;
}
ul.item__size-quantity-price dt {
    display: block;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0.8rem;
	font-weight: 400;
}
ul.item__size-quantity-price dd {
    display: block;
    margin-inline-start: 40px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0.9rem;
}
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-width: 2px;
	border-bottom-style: dotted;
}
ul.item__size-quantity-price dl dt img {
	display: inline-block;
    width: 26px;
	transform: none !important
}
ul.item__size-quantity-price:hover dl dt img {
	transform: none !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 -.8rem 0 0;
	list-style: none;
}
ul.item__size-quantity-price.four-prices li {
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 .8rem;
}
@media (max-width: 389.98px) { 
	.menu__grid-flexbox.gtc-2 .menu__grid-flexbox-item .item__image { margin: 0 !important; }
}
@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;
	}
}
@media (min-width: 576px) and (max-width: 767px.98px) { 
	ul.item__size-quantity-price.four-prices li {
		flex-basis: 50%;
        max-width: 50%;
        padding: 0 .8rem;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) { 
	ul.item__size-quantity-price.four-prices {  margin: 0 !important; }
	ul.item__size-quantity-price.four-prices li {
		flex-basis: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
	}
}

.section__menu-wrapper.primary { background-color: var(--tertiary); }
.section__menu-wrapper.primary .section__menu-heading { color: var(--tertiary) !important; }
.section__menu-wrapper.primary .section__menu-heading-icon { color: var(--primary) }
.section__menu-wrapper.primary .section__menu-heading-title { color: var(--primary) !important; }
.section__menu-wrapper.primary .section__menu-heading-subtitle span { color: var(--primary); }
.section__menu-wrapper.primary .section__menu-heading-subtitle { color: var(--primary); }
.section__menu-wrapper.primary .section__menu-heading-text { color: var(--primary); }
.section__menu-wrapper.primary .section__menu-heading-separator { background: var(--primary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item { background-color: transparent; border: 2px solid var(--tertiary-variant); }
.section__menu-wrapper.primary .menu__grid-flexbox .menu__grid-flexbox-item:hover { /*background-color: var(--tertiary-variant);*/ border: 2px solid var(--secondary-variant); }
.section__menu-wrapper.primary .menu__grid-flexbox .menu__grid-flexbox-item ul { background-color: var(--tertiary-variant); }
.section__menu-wrapper.primary .menu__grid-flexbox.gtc-2 ul { background-color: inherit; }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__category { color: var(--quaternary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__category:before { background-color: var(--quaternary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__markers .badge { background-color: var(--primary); color: var(--tertiary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__name { color: var(--secondary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__name span { color: var(--primary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .item__price { color: var(--secondary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .item__size-quantity-price { color: var(--secondary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .item__size-quantity-price-separator { border-bottom-color: var(--bs-gray-500); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__description { color: var(--secondary-variant); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .item__image { /*background-color: #f0ece1;*/ }
.section__menu-wrapper.primary .menu__grid-flexbox.gtc-2 .menu__grid-flexbox-item .item__image { background-color: var(--tertiary-variant); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .item__image .coupon-price { color: var(--secondary) !important; }

@media (max-width: 389.98px) {
	.menu__grid-flexbox.gtc-1 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-2 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-3 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-4 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-5 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-6 { grid-template-columns: 1fr !important; }
}
@media (max-width: 575.98px) { 
	.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name { font-size: 1.5rem; }
	.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__category { font-size: 0.7rem; }
}
@media (min-width: 390px) and (max-width: 479.98px) {
	.menu__grid-flexbox.gtc-1 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-2 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-3 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-4 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-5 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-6 { grid-template-columns: repeat(2,1fr) !important; }
}
@media (min-width: 480px) and (max-width: 575.98px) {
	.menu__grid-flexbox.gtc-1 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-2 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-3 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-4 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-5 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-6 { grid-template-columns: repeat(2,1fr) !important; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.menu__grid-flexbox { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-1 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-2 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-3 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-4 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-5 { grid-template-columns: repeat(3,1fr) !important; }
	.menu__grid-flexbox.gtc-6 { grid-template-columns: repeat(3,1fr) !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.menu__grid-flexbox { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-1 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-2 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-3 { grid-template-columns: repeat(3,1fr) !important; }
	.menu__grid-flexbox.gtc-4 { grid-template-columns: repeat(3,1fr) !important; }
	.menu__grid-flexbox.gtc-5 { grid-template-columns: repeat(4,1fr) !important; }
	.menu__grid-flexbox.gtc-6 { grid-template-columns: repeat(4,1fr) !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.menu__grid-flexbox.gtc-1 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-2 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-3 { grid-template-columns: repeat(3,1fr) !important; }
	.menu__grid-flexbox.gtc-4 { grid-template-columns: repeat(4,1fr) !important; }
	.menu__grid-flexbox.gtc-5 { grid-template-columns: repeat(4,1fr) !important; }
	.menu__grid-flexbox.gtc-6 { grid-template-columns: repeat(5,1fr) !important; }
}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
	.menu__grid-flexbox.gtc-1 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-2 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-3 { grid-template-columns: repeat(3,1fr) !important; }
	.menu__grid-flexbox.gtc-4 { grid-template-columns: repeat(4,1fr) !important; }
	.menu__grid-flexbox.gtc-5 { grid-template-columns: repeat(5,1fr) !important; }
	.menu__grid-flexbox.gtc-6 { grid-template-columns: repeat(6,1fr) !important; }
}
@media (min-width: 1400px) { 
	.menu__grid-flexbox.gtc-1 { grid-template-columns: 1fr !important; }
	.menu__grid-flexbox.gtc-2 { grid-template-columns: repeat(2,1fr) !important; }
	.menu__grid-flexbox.gtc-3 { grid-template-columns: repeat(3,1fr) !important; }
	.menu__grid-flexbox.gtc-4 { grid-template-columns: repeat(4,1fr) !important; }
	.menu__grid-flexbox.gtc-5 { grid-template-columns: repeat(5,1fr) !important; }
	.menu__grid-flexbox.gtc-6 { grid-template-columns: repeat(6,1fr) !important; }
}

/* Filter Pizza */
.menu__grid-flexbox-item.filter {
  display: none; /* Par défaut, les éléments sont masqués */
  opacity: 0;
  transition: opacity 0.9s ease;
}
.menu__grid-flexbox-item.filter.show {
  display: inherit !important;
  opacity: 1;
}

/* Filter Pizza */
.menu__grid-flexbox-item.filter-pizza {
  display: none; /* Par défaut, les éléments sont masqués */
  opacity: 0;
  transition: opacity 0.9s ease;
}
.menu__grid-flexbox-item.filter-pizza.show {
  display: inherit !important;
  opacity: 1;
}

/* Filter Boisson */
.menu__grid-item.filter.filter-boisson {
  display: none; /* Par défaut, les éléments sont masqués */
  opacity: 0;
  transition: opacity 0.9s ease;
}
.menu__grid-item.filter.filter-boisson.show {
  display: inherit !important;
  opacity: 1;
}

/* Filter Menu */
.menu__grid-item.filter.filter-menu {
  display: none; /* Par défaut, les éléments sont masqués */
  opacity: 0;
  transition: opacity 0.9s ease;
}
.menu__grid-item.filter.filter-menu.show {
  display: inherit !important;
  opacity: 1;
}

.btn.btn-filter-pizza { border: 3px solid transparent; }
.btn-filter-pizza.active { border: 3px solid inherit; }
.btn.btn-filter-menu { border: 3px solid transparent; }
.btn-filter-menu.active { border: 3px solid inherit; }
.btn.btn-filter-boisson { border: 3px solid transparent; }
.btn-filter-boisson.active { border: 3px solid inherit; }
/* End Filter */

/*.watermarked { position: relative; }
.watermarked:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/logo/mcla-pizza-logo-v-dark.svg");
  background-size: 50%;
  background-position:60% 75%;
  margin: 10px -10px;
  background-repeat: no-repeat;
  opacity: 0.3;
}*/

/*************************** 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;
}

/* CARD */
.card {
	height: 100%;
	border: 2px solid #f8f9fa;
	background: inherit;
	cursor: pointer;  
	text-align: inherit;
	border-radius: 0 !important;
}
.card:hover { 
	background: inherit;
	border: 2px solid #080405;
	-webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.card-header, .card-body, .card-footer { 
	border: none; 
	background: transparent; 
	border-radius: 0 !important; 
}
.card-header { padding: 0; border: 0 !important }
.card-footer { background-color: #f8f9fa; border: 0 !important; }

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

/* CARD COUPON */
.card.coupon {
	border: 2px solid var(--tertiary-variant) !important;
	height: 100%;
	text-align: center;
}
.card:hover.coupon { 
	border: 2px solid var(--secondary) !important;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.card.coupon .card-header { }
.card.coupon .card-header h6, .card.coupon .card-header h5, .card.coupon .card-header h4 { font-family: 'Insanibc' !important; text-transform: uppercase; margin-bottom: 0; }
.card.coupon .card-body h6, .card.coupon .card-body h5, .card.coupon .card-body h4, .card.coupon .card-body h3, .card.coupon .card-body h2 { font-family: 'Insanibc' !important; text-transform: uppercase !important; }
.card.coupon .card-header { }
.card.coupon .card-body .sign-egal { display: block; margin-top: -20px; text-transform: uppercase; font-size: 3rem; }
.card.coupon .card-body h2 { margin-top: -20px; }
.card.coupon .card-body h6 { }
.card.coupon .card-footer { } 
.card.coupon .coupon-price { }
.card.coupon .coupon-money { font-size: 5rem !important; letter-spacing: -0.3rem; font-weight: 400; }
.card.coupon .coupon-currency { display: inline-block; margin-bottom: 1rem !important; font-size: 2.8rem !important; font-weight: 400; }
.card.coupon .coupon-cents { display: inline-block; margin-bottom: 0rem !important; font-size: 1rem !important; font-weight: 400; }

.card.coupon.tertiary { background: var(--primary) !important; }
.card.coupon.tertiary .card-header { background: var(--quaternary-variant); color: var(--seconcary); }
.card.coupon.tertiary .card-header h5 { background: var(--quaternary-variant); color: var(--secondary); }
.card.coupon.tertiary .card-header h6 span { color: var(--primary); }
.card.coupon.tertiary .card-body h5 { color: var(--quaternary-variant); }
.card.coupon.tertiary .card-body h3 { color: var(--tertiary); }
.card.coupon.tertiary .card-body h4 { color: var(--quaternary-variant); }
.card.coupon.tertiary .card-body .sign-egal { color: var(--quaternary-variant); }
.card.coupon.tertiary .card-body h2 { color: var(--quaternary-variant); }
.card.coupon.tertiary .card-body h6 { color: var(--quaternary-variant); }
.card.coupon.tertiary .card-footer { background: var(--primary) !important; color: var(--bs-gray-700) !important; }  
.card.coupon.tertiary .coupon-price { color: var(--secondary); }

.card.coupon.secondary { background: var(--quaternary) !important; }
.card.coupon.secondary .card-header { background: var(--quaternary-variant); color: var(--secondary); }
.card.coupon.secondary .card-header h5 { background: var(--quaternary-variant); color: var(--secondary); }
.card.coupon.secondary .card-body h5 { color: var(--tertiary); }
.card.coupon.secondary .card-body h3 { color: var(--tertiary); }
.card.coupon.secondary .card-body h4 { color: var(--quaternary-variant); }
.card.coupon.secondary .card-body .sign-egal { color: var(--quaternary-variant); }
.card.coupon.secondary .card-body h2 { color: var(--quaternary-variant); }
.card.coupon.secondary .card-body h6 { color: var(--quaternary-variant); }
.card.coupon.secondary .card-footer { background: var(--quaternary) !important; color: var(--tertiary) !important; }  
.card.coupon.secondary .coupon-price { color: var(--quaternary); }

.card.coupon.primary { background: var(--secondary) !important; }
.card.coupon.primary .card-header { background: var(--primary); color: var(--tertiary); }
.card.coupon.primary .card-header h5 { background: var(--primary); color: var(--tertiary); }
.card.coupon.primary .card-body h5 { color: var(--tertiary); }
.card.coupon.primary .card-body h5 span { color: var(--quaternary); }
.card.coupon.primary .card-body h3 { color: var(--primary); }
.card.coupon.primary .card-body h4 { color: var(--tertiary); }
.card.coupon.primary .card-body .sign-egal { color: var(--tertiary); }
.card.coupon.primary .card-body h2 { color: var(--tertiary); }
.card.coupon.primary .card-body h6 { color: var(--tertiary); }
.card.coupon.primary .card-footer { background: var(--secondary) !important; color: var(--tertiary) !important; }  
.card.coupon.primary .coupon-price { color: var(--tertiary); }

.card.coupon.quaternary { background: var(--quinary) !important; }
.card.coupon.quaternary .card-header { background: var(--secondary); color: var(--tertiary); }
.card.coupon.quaternary .card-header h5 { background: var(--secondary); color: var(--tertiary); }
.card.coupon.quaternary .card-body h5 { color: var(--secondary); }
.card.coupon.quaternary .card-body h3 { color: var(--secondary); }
.card.coupon.quaternary .card-body h4 { color: var(--secondary); }
.card.coupon.quaternary .card-body .sign-egal { color: var(--primary); }
.card.coupon.quaternary .card-body h2 { color: var(--primary); }
.card.coupon.quaternary .card-body h6 { color: var(--primary); }
.card.coupon.quaternary .card-footer { background: var(--quinary) !important; color: var(--primary) !important; }  
.card.coupon.quaternary .coupon-price { color: var(--secondary); }

.coupon-price {  }
.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 STORE */
.store__grid .store__grid-item .card-header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1;
}
.store__grid .store__grid-item .card-header { 
    height: 180px;
	overflow: hidden; 
}
.store__grid .store__grid-item img { transform: scale(1) rotate(0deg); transition: transform .2s ease-in-out; }
.store__grid .store__grid-item:hover img { transform: scale(1.08) rotate(2deg); }

.card.store {
	border: 2px solid #f8f9fa;
	height: 100% !important;
	text-align: center;
	padding: 0;
}
.card:hover.store { 
	border: 2px solid var(--primary) !important;
	cursor: auto;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.card.store .card-header { padding: 0; }
.card.store .card-body h6 { 
	font-family: 'Insanibc' !important; 
	text-transform: uppercase !important; 
}
.card.store .card-body h6.badge { 
	background: var(--secondary) !important;
	color: var(--tertiary) !important;
}
.card.store .card-body h4 { 
	font-family: 'Coolvetica' !important; 
	text-transform: uppercase !important; 
	color: var(--primary) !important;
}
.card.store .card-body p { 
	color: var(--primary) !important;
}
.card.store .card-body a { 
	display: block !important;
	text-decoration: none;
	color: var(--primary) !important;
}
.card.store .card-footer button { 
	font-size: 16px;
}
.card.store .card-header { }
.card.store .card-body { }
.card.store .card-footer { padding: 20px 0; } 

/* MASONRY */ 

.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
----------------------------------------------------- */

/* Concept */
.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 { 
	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: 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;
	color: var(--secondary);
	/*border-radius: 20px;*/
	/*overflow: hidden;*/ 
}
.section__concept .section__heading-subtitle { color: var(--primary); }
.section__concept .section__heading-title { color: var(--secondary); }
.section__concept .section__heading-text { color: var(--secondary); }
.section__concept .section__menu-heading-separator { background-color: var(--secondary); }

@media (max-width: 767.98px) { .section__concept-content .section__concept-picture { padding: 0; } }
.section__concept-text { overflow: hidden;   }
.section__concept-text p em { }
.section__concept-picture { }
.section__concept-picture img { }
.concept__years-experience { 
	position: absolute; 
	right: 0;
	bottom: 0;
	margin-bottom: 35px; 
	/*background-color: var(--tertiary);*/
	text-align: center;
}
@media (max-width: 991.98px) { .concept__years-experience { top: 0; bottom: inherit; margin-top: -122px; } }

.section__concept-picture-border { /*border-radius: 20px 0 0 20px;*/ }

@media (max-width: 767.98px) { .section__concept-picture-border { margin-left: 20px; } }

.concept-img-main { 
	background-image: linear-gradient(to right, transparent 0%, var(--tertiary-variant)),url("../img/concept/concept-bg-img-main.jpeg"); 
	background-position: center;
	background-attachment: fixed !important;
	background-size: cover;
	min-height: 480px;
	border: 0 !important;
	margin-right: -5px;
	
}
@media (max-width: 991.98px) { 
	.concept-img-main { background-image: linear-gradient(to top, transparent 0%, var(--tertiary-variant)),url("../img/concept/concept-bg-img-main.jpeg"); }
}
.concept-bg-color-main { background: var(--tertiary-variant); opacity: 0.9; margin-left: -5px;  }
/*.concept-bg-img-main { background: url("../img/patterns/blanc-marbre.jpg") 75% repeat;  opacity: 1 }*/

@media (max-width: 991.98px) { 
	.concept-bg-img-main { background-size: 100%; }
}

/* Store */
.section__store .section__heading { background-color: var(--tertiary-variant); }
.section__store .section__heading-subtitle { color: var(--primary); }
.section__store .section__heading-title { color: var(--secondary); }
.section__store .section__heading-text { color: var(--primary-variant); }
.section__store .section__menu-heading-separator { background-color: var(--tertiary); }
.section__store { background: var(--tertiary); color: var(--secondary); }
.section__store-container { }
.section__store-content { }
.section__store-map {
	min-height: 350px !important;
	margin: 0;
	padding: 2em !important;
}
.section__store-map iframe {
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0 !important;
	border-radius: 20px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.section__store-picture {
	min-height: 480px;
	margin: 0;
	padding: 0;
}
.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 img.logo__store-info { max-width: 320px !important;}
@media (max-width: 767.98px) {
	.section__store-info img.logo__store-info { max-width: 120px !important; }	
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.section__store-info img.logo__store-info { max-width: 190px !important; }	
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.section__store-info img.logo__store-info { max-width: 240px !important; }	
}

.section__store-info { position: relative; text-align: center; }
.section__store-info h6.type-of-selling { 
	margin-top: 3rem;
	color: var(--secondary-variant) !important; 
}
.section__store-info h3.adress { margin-top: 2rem; font-size: 2.2rem; color: var(--secondary) !important; }
.section__store-info h3.adress span { color: var(--secondary) !important; }
.section__store-info p.opening-hours { 
	margin-top: 2rem; 
	margin-bottom: 2rem; 
	font-size: 1.1rem; 
	color: var(--secondary); 
}
.section__store-content p.opening-hours { 
	text-align: center;
	padding: 2rem; 
	font-size: 1.4rem;
	color: var(--tertiary); 
	background-color: var(--secondary-variant); 
}
@media (max-width: 575.98px) { 
	.section__store-info h3.adress { font-size: 1.8rem; }
	.section__store-content p.opening-hours { padding: 1.2rem; font-size: 1rem !important; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.section__store-info h3.adress { font-size: 2rem; }
	.section__store-content p.opening-hours { padding: 1.4rem; font-size: 1.2rem; }	
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.section__store-info h3.adress { font-size: 2rem; }
	.section__store-content p.opening-hours { padding: 1.6rem; font-size: 1.4rem;  }	
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.section__store-info h3.adress { font-size: 2rem; }
	.section__store-content p.opening-hours { font-size: 1.4rem;  }
}

.section__store-info p.opening-hours em.closing-hours { color: var(--primary); }
.section__store-info p.delivery-area { max-width: 600px; color: var(--secondary) !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;
	font-family: 'Insanibc';
	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(--quaternary) !important;
	color: var(--tertiary) !important; 
}
/*button.btn-order span { color: var(--secondary) !important; }*/
button.btn-order a { color: var(--tertiary) !important; }
button.btn-order a span { color: var(--tertiary) !important; }
button:hover.btn-order { background-color: var(--secondary-variant) !important; color: var(--tertiary) !important; }
button:hover.btn-order a { color: var(--tertiary) !important; }
button:hover.btn-order a span { color: var(--tertiary) !important; }

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

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

/* Modal Order and Call and Download App */
.modal-header { z-index: 1899;}
.modal-header button { opacity: 1; }
.modal { z-index: 1299; position: relative; }
.modal-content { background: var(--tertiary) !important; color: var(--secondary); }
.modal-header { }
.modal-body { z-index: 1499; text-align: center !important; }
.modal-content .type-of-selling { color: var(--secondary-variant) !important; }
.modal-content .adress span { color: var(--secondary) !important; }
.modal-content .section__store-info {
	/*border: 2px solid var(--tertiary)
    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; color: var(--secondary); }
.modal-body h5 { font-weight: 700; text-transform: uppercase !important; color: var(--secondary); }
.modal-body h5 span { font-weight: 200; text-transform: uppercase !important; color: var(--secondary); }
.modal-body .section__store-info img.store-img { width: 100%; margin-bottom: 1rem; border: 0.5rem solid var(--secondary); }
.modal-body p { color: var(--secondary); }

.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); }

#ModalOrder .modal-header .btn-close {
	background-color: var(--offcanvas-quaternary) !important;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

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

/* Toast Order an Call */
.toast { z-index: 1299; }
.toast__order-call { 
	width: 310px; 
	opacity: 0.9; 
}
.toast__btn-order-call { }
.order-call__section { 
	text-align: center; 
}

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

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

.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(--primary-variant) !important;
	text-decoration: none;
	font-weight: 500;
	font-size: 1.2rem;
}
 
.section__footer .section__footer-top .row a.footer-link {
	display: block;
	color: var(--secondary);
	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(--secondary);
	text-decoration: underline;
}

.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-left hr { border: 3px solid var(--secondary); margin-left: auto !important; }
.section__footer .section__footer-top .row .section__footer-top-column-right hr{ border: 3px solid var(--secondary); margin-right: auto !important; }

.section__footer .section__footer-top .row .section__footer-top-column-left-2 { text-align: start; }
.section__footer .section__footer-top .row .section__footer-top-column-right-2 { text-align: start; }
.section__footer .section__footer-top .row .section__footer-top-column-left-2 hr { border: 3px solid var(--secondary); margin-right: auto !important; }
.section__footer .section__footer-top .row .section__footer-top-column-right-2 hr { border: 3px solid var(--secondary); margin-right: auto !important; }

@media (min-width: 576px) and (max-width: 991.98px) {
	.section__footer .section__footer-top .row .section__footer-top-column-left-2 { text-align: end; }
	.section__footer .section__footer-top .row .section__footer-top-column-left-2 hr { margin-right: 0 !important; margin-left: auto; }
	.section__footer .section__footer-top .row .section__footer-top-column-right-2 { text-align: start; }
	.section__footer .section__footer-top .row .section__footer-top-column-right-2 hr { margin-right: auto; }
	p.section__footer-copyright { text-align: center; }
	.section__footer-legacy { text-align: center !important; }
}
@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; }
	.section__footer .section__footer-top .row .section__footer-top-column-left-2 { text-align: center; }
	.section__footer .section__footer-top .row .section__footer-top-column-right-2 { text-align: center; }
	.section__footer .section__footer-top .row .section__footer-top-column-left-2 hr { margin-left: auto; margin-right: auto; }
	.section__footer .section__footer-top .row .section__footer-top-column-right-2 hr { margin-left: auto; margin-right: auto; }
	p.section__footer-copyright { text-align: center; }
	.section__footer-legacy { text-align: center !important; }
}
@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-bottom { 
	text-align: start;
}

.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(--secondary) !important; 
	transform: scale(1) rotate(0deg); 
	transition: transform .2s ease-in-out;box-shadow: none !important;
}
.section__footer-social-network a:hover { 
	color: var(--secondary) !important;
	transform: scale(0.92) rotate(0deg);
}
.section__footer-social-network p { 
	font-weight: 200 !important;
}

.section__download-app button { 
	/*display: block;*/
	width: auto;
}
.section__download-app button { 
	padding: 0;
}

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

p.section__footer-copyright, p.section__footer-legacy { color: var(--secondary) }
p.section__footer-copyright a, p.section__footer-legacy a { text-decoration: none; color: var(--secondary) !important; }
p.section__footer-copyright a:hover, p.section__footer-legacy a:hover { text-decoration: underline; }
p.section__footer-legacy { text-align: end; }
@media (max-width: 991.98px) {
	p.section__footer-legacy { text-align: start; }
}
p.section__footer-copyright button, p.section__footer-legacy button { padding: 0; background: transparent; border: 0; color: var(--secondary) !important; }
p.section__footer-copyright button:hover, p.section__footer-legacy button:hover { text-decoration: underline !important; }
.section__footer-certification { 
	background: var(--tertiary-variant);
	margin-top: 1rem;
	padding: 1rem;
}
.section__footer-certification p { 
	margin-bottom: 0;
	text-align: center !important;
	/*text-transform: uppercase;*/
	color: var(--secondary-variant);	
}


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

/* ______________ Carousel Header ______________ */ 

#carousel__header .carousel { 
	margin-top: 13.8rem; 
}
#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 { 
	
}
#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; 
	font-family: 'Insanibc' !important; 
}

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

/* ______________ Carousel Restaurant ______________ */ 

#carousel__restaurant .carousel { 
	margin-top: 13.8rem; 
	border-right: 7px solid var(--primary) !important;
	border-left: 7px solid var(--primary) !important; 
}
.carousel-control-prev,
.carousel-control-next {
  width: 5% !important;
}
@media (max-width: 992px) {
  .carousel-control-prev,
  .carousel-control-next {
    width: 15% !important;
  }
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
  color: var(--secondary) !important;
}
.carousel-control-next-icon {
    background-image: url("../img/icons/chevron-right.svg") !important;
	color: var(--secondary) !important;
}

.carousel-control-prev-icon {
    background-image: url("../img/icons/chevron-left.svg") !important;
}

#carousel__restaurant .carousel-inner .carousel-item.active,
#carousel__restaurant .carousel-inner .carousel-item-start,
#carousel__restaurant .carousel-inner .carousel-item-next,
#carousel__restaurant .carousel-inner .carousel-item-prev {
  display: flex; 
}
#carousel__restaurant .carousel-inner .carousel-item:last-child { margin-right: 0px !important; }
#carousel__restaurant .carousel-inner .carousel-item:first-child { margin-left: 0px !important; }
#carousel__restaurant .card.store { margin: 0 2px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #carousel__restaurant .carousel-inner .carousel-item-prev,
  #carousel__restaurant .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(--primary);
  	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; }

/* ---------------------------------------------------
    Scroll text animated
----------------------------------------------------- */

section { position: relative; overflow: hidden; }
section .scroll { width: 100%; display: flex;  }
section .scroll div {
 	color: var(--secondary);
	font-size: 4em;
	background: var(--tertiary) !important;
	white-space: nowrap;
	font-weight: 900;
	text-transform: uppercase;
	animation: animate 40s linear infinite;
	animation-delay: -40s;
}
@media (max-width: 575.98px) { section .scroll div { font-size: 2em !important; } }
@media (max-width: 991.98px) { section .scroll div { font-size: 3em !important; } }
section .scroll div:nth-child(2) {
	animation: animate2 40s linear infinite;
	animation-delay: -20s;
}

section .scroll div span {
	font-family: 'Poppins' !important;
	-webkit-text-stroke: 2px #000;
	color: transparent;
}
@keyframes animate {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}
@keyframes animate2{
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-200%);
	}
}
section .scroll.text1{
	transform: rotate(30deg) translateY(200px) translateX(-200px);
	/*box-shadow: 0 5px 15px rgba(0,0,0,.5);*/
	width: 100%;
}
section .scroll.text2{
	/*box-shadow: 0 5px 15px rgba(0,0,0,.5);*/
	width: 100%;
	border-top: 3px solid var(--secondary);
	border-bottom: 3px solid var(--secondary);
}
section .scroll div em {
    font-family: 'Lexend', sans-serif !important;
	font-style: normal;
}

/* ---------------------------------------------------
    Swap Sticky Image On Scroll CSS
----------------------------------------------------- */

.threshold {
  position: sticky;
  width: 100%;
  height: 1px;
  /*background-color: red;*/
  z-index: 9999999999;
}
.threshold--top {
  top: 50%;
}

.image {
  opacity: 0;
  transition: all 0.5s ease;
}
.image.active {
  opacity: 1;
}
.locker {
  /*outline: 1px solid #cdcdcd;*/
  outline-offset: -1px;
  position: relative;
  display: grid;
  grid-template-columns: [full-start] minmax(4.2rem, 1fr) [center-start] repeat(12, [col-start] minmax(min-content, 8rem) [col-end]) [center-end] minmax(4.2rem, 1fr) [full-end];
  overflow: clip;
}
.locker__image {
  position: relative;
  grid-column: col-start 2 / col-end 6;

}
.locker__image img {
  width: auto;
  height: 100vh;
  position: absolute;
  -webkit-filter: grayscale(75%);
  -moz-filter: grayscale(75%);
  -ms-filter: grayscale(75%);
  -o-filter: grayscale(75%);
  filter: grayscale(75%);
  transition: all 0.8s ease;
}
.locker__container {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.locker__content {
  z-index: 1;
  grid-column: col-start 12 / center-end;
  /*background: var(--tertiary) !important;*/
  padding: 30px 60px 30px 60px;
}
.locker__section {
  height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  /*border-top: 1px solid #cdcdcd;*/
}
.locker__section:first-child {
  border: none;
}
.locker__section p {
  /*width: 70%;*/
}
.text-vh {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}
.text-vh p {
  /*width: 40%;*/
}

@media (max-width: 575.98px) {  
  .locker {
    grid-template-columns: [full-start] minmax(0.2rem, 1fr) [center-start] repeat(12, [col-start] minmax(min-content, 8rem) [col-end]) [center-end] minmax(0.2rem, 1fr) [full-end];
  }
  .locker__content {
    padding: 30px 30px 30px 30px;
	margin-right: -60px;
  }
  .locker__image img {
    position: absolute;
  }
  .locker__image {
    position: relative;
  }
}

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

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

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

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

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {  }

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {  }

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {  }

/* X-Large devices (large desktops, less than 1400px) */
@media (min-width: 1200px) {  }

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