@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: 'Coolvetica';
  src: url("../fonts/coolvetica-hv.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-face {
  font-family: 'Urial';
  src: url('../fonts/urial.eot'); /* IE9 Compat Modes */
  src: url('../fonts/urial.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/urial.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/urial.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/urial.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/urial.svg#svgurial') format('svg'); /* Legacy iOS */
}

.font-coca-cola { font-family: 'Coca-Cola'; }
.font-coolvetica { font-family: 'Coolvetica'; }
.font-urial { font-family: 'Urial'; }

body {
  /*font-family: 'Poppins', sans-serif;*/
  font-family: 'Lexend', sans-serif;
  color: #3b4043 !important;
  background: var(--secondary);
}
.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:#020202; /* black */
  --primary-variant:#141414;  /* ligthblack */
  --secondary:#ffffff; /* white */
  --secondary-variant:#f8f9fa; /* lightgray */
  --tertiary:#fadb49; /* yellow */
  --tertiary-variant:#4b7547; /* lightgreen */
  --quaternary:#c6353a; /* red */ 
  --quaternary-variant:#e04348; /* lightred */
	
  /* for offcanvas  */
  --offcanvas-primary:#221f20; 
  --offcanvas-primary-variant:#141414; 
  --offcanvas-secondary:#ffffff; 
  --offcanvas-tertiary:#fadb49; 
  --offcanvas-tertiary-variant:#; 
  --offcanvas-quaternary:#c6353a; 
  --offcanvas-quaternary-variant:#f8f9fa; 
	
  /* for header navbar  */
  --header-navbar-primary:#020202; 
  --header-navbar-primary-variant:#141414; 
  --header-navbar-secondary:#ffffff;
  --header-navbar-tertiary:#fadb49;
  --header-navbar-quaternary:#c6353a;
  /* for header horizontal scrolling menu  */
  --header-hs-primary:#020202; 
  --header-hs-primary-variant:#141414; 
  --header-hs-secondary:#ffffff;
  --header-hs-secondary-variant:#f8f9fa;
  --header-hs-tertiary:#fadb49;
  --header-hs-quaternary:#c6353a;
	
  --header-hs-filter-secondary:invert(100%) sepia(100%) saturate(0%) hue-rotate(169deg) brightness(101%) contrast(101%); /*white*/
  --header-hs-filter-primary:invert(8%) sepia(14%) saturate(321%) hue-rotate(289deg) brightness(97%) contrast(89%);
  --header-hs-filter-quaternary:invert(19%) sepia(100%) saturate(2004%) hue-rotate(340deg) brightness(102%) contrast(82%);
  --header-hs-filter-primary-variant:invert(4%) sepia(1%) saturate(374%) hue-rotate(314deg) brightness(93%) contrast(90%);
  --header-hs-filter-tertiary:invert(81%) sepia(78%) saturate(496%) hue-rotate(330deg) brightness(119%) contrast(66%);
}

.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: #dd2026 !important; }
.text-green { color: #305f29 !important; }
.text-yellow { color: #f9d253 !important; }
.text-orange { color: #e9983e !important; }
.text-purple { color: #c55db5 !important; }
.text-blue { color: #0070b6 !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(--secondary-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(--secondary-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(--secondary-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(--secondary-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:hover i.text-youtube { color: #ff0000 !important; }

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

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

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

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

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

#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-secondary); 
	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-quaternary); 
	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-quaternary); 
  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-secondary); 
	-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-quaternary); }

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

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

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

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

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

/* ---------------------------------------------------
    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(--bs-black) !important;
    color: var(--offcanvas-secondary);
}
.offcanvas button.btn-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
	color: var(--offcanvas-primary-variant) !important;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.offcanvas button.btn-close:hover { color: var(--offcanvas-secondary); }
.offcanvas ul.navbar-nav li a  {
    display: block;
	border-bottom: 2px solid var(--offcanvas-primary);
	margin: 0 0.5rem;
    padding: 1rem;
	font-size: 1rem;
	font-weight: 700; 
	text-decoration: none;
	color: var(--offcanvas-secondary);
	-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(--secondary);  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: transparent !important;  }
.section__menu-nav-category { 
    width: 100%;
	margin: 0 auto;
    overflow-x: auto;
	white-space: nowrap !important; 
	background-color: var(--tertiary) !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: 33.3vw;
	text-align: center;
	padding: 1rem 1.3rem;
	border-bottom: 3px solid transparent;
    color: var(--header-hs-primary) !important;
	font-size: 1.3rem;
    font-weight: 600;
	text-transform: uppercase;
    opacity: 1;
    transition-property: opacity;
    transition-duration: 100ms;
}
.section__menu-nav-item-category img {
	display: inline-block !important;
	margin: 0 auto;
	/*padding: 0.5rem 0.2rem;*/
	width: 2rem;
	filter: var(--header-hs-filter-primary) !important;
	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:hover {
    color: var(--header-hs-primary-variant) !important;
	border-bottom: 3px solid var(--header-hs-primary-variant) !important;
}
.section__menu-nav-item-category:hover img {
	filter: var(--header-hs-filter-primary-variant) !important;
}

.section__menu-nav-item-category.active {
	flex: 0 0 auto;
	/*flex: 0;*/
    border-bottom: 3px solid var(--quaternary) !important;
	color: var(--header-hs-quaternary) !important;
    opacity: 1;
}
.section__menu-nav-item-category.active img {
	display: inline-block !important;
	margin: 0 auto;
	/*padding: 0.5rem 0.2rem;*/
	width: 2rem;
	font-weight: 300;
	filter: var(--header-hs-filter-quaternary) !important;
	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:hover img {
	filter: var(--header-hs-filter-quaternary) !important;
}
.section__menu-nav-item-category.active:hover {
    color: var(--header-hs-quaternary) !important;
	border-bottom: 3px solid var(--quaternary) !important;
}

@media (max-width: 389.98px) { .section__menu-nav-item-category { width: 70vw !important; font-size: 0.8rem; } }
@media (min-width: 390px) and (max-width: 575.98px) { .section__menu-nav-item-category { width: 50vw !important; font-size: 0.8rem; } }
@media (min-width: 576px) and (max-width: 767.98px) { .section__menu-nav-item-category { width: 50vw  !important; } }
@media (min-width: 768px) and (max-width: 991.98px) { .section__menu-nav-item-category { width: 33.3vw !important; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .section__menu-nav-item-category { width: 33.3vw !important; } }
@media (min-width: 1200px) { .section__menu-nav-item-category { width: 25vw !important; } }
@media (min-width: 1400px) { .section__menu-nav-item-category { width: 20vw !important; } }

/* END section menu category navigation */

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

.section__heading { z-index: 1; position: relative }
.section__heading-title { 
	font-weight: 600 !important; 
	color: var(--secondary);
	line-height: 0.7em !important;
}
.section__heading-subtitle { 
	font-weight: 500;
	/*text-transform: uppercase;*/
	color: var(--bs-gray-700)
}
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; 
	background: var(--tertiary); 
	color: var(--primary-variant); 
}
.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 { 
	display: inline-block; 
	position: relative; 
	margin-bottom: 1rem;
	font-family: 'Urial';
	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: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: center;
	padding: 0;
}
.menu__grid-flexbox .menu__grid-flexbox-item {
	z-index: 3;
	position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 1.5rem; 
    cursor: pointer;
}
.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: 162px;
	/*min-width: 165px;*/
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers-variant {  }
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers-variant.handmade {  }
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers {  }
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__markers .badge {  }
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__category {
    position: relative;
	margin-bottom: 0;
    padding-left: .5rem;
	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;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    transform: translateY(-50%);
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name {
    margin-bottom: .1rem;
	font-family: 'Coolvetica';
	font-size: 2rem;
    font-weight: 500;
    line-height: 1;
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name span {
    font-weight: 200;
}
.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__description {
    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 .menu__grid-flexbox-item img { transform: scale(1) rotate(0deg); transition: transform .2s ease-in-out; }
.menu__grid-flexbox .menu__grid-flexbox-item:hover img { transform: scale(1.08) rotate(2deg); }
.menu__grid-flexbox .menu__grid-flexbox-item ul {
    list-style: none;
	padding: 0;
}
.menu__grid-flexbox .item__price { 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: 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-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
}

.section__menu-wrapper.primary { background-color: var(--secondary); }
.section__menu-wrapper.primary .section__menu-heading-icon { filter: var(--header-hs-filter-primary) }
.section__menu-wrapper.primary .section__menu-heading-title { color: var(--primary) !important; }
.section__menu-wrapper.primary .section__menu-heading-subtitle span { color: var(--tertiary); }
.section__menu-wrapper.primary .section__menu-heading-subtitle { color: var(--primary); }
.section__menu-wrapper.primary .section__menu-heading-text { color: var(--primary-variant); }
.section__menu-wrapper.primary .section__menu-heading-separator { background: var(--primary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item { background-color: transparent; }
.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(--quaternary); color: var(--secondary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__name { color: var(--primary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__name span { color: var(--primary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__price { color: var(--primary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__size-quantity-price { color: var(--primary); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__size-quantity-price-separator { border-bottom-color: var(--bs-gray-500); }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .informations .item__size-quantity-price li dl dt img { filter: var(--header-hs-filter-primary-variant) !important; }
.section__menu-wrapper.primary .menu__grid-flexbox-item .informations .item__description { color: var(--primary-variant); }
.section__menu-wrapper.primary .menu__grid-flexbox-item .item__image { background-color: #f0ece1; }
.section__menu-wrapper.primary .menu__grid-flexbox-item .item__image .coupon-price { color: var(--primary) !important; }

.section__menu-wrapper.secondary { background: var(--primary); }
.section__menu-wrapper.secondary .section__menu-heading-icon { filter: var(--header-hs-filter-secondary) }
.section__menu-wrapper.secondary strong .section__menu-heading-icon { filter: var(--header-hs-filter-tertiary) !important; }
.section__menu-wrapper.secondary .section__menu-heading-title { color: var(--secondary) !important; }
.section__menu-wrapper.secondary .section__menu-heading-title strong { color: var(--tertiary) !important; }
.section__menu-wrapper.secondary .section__menu-heading-title span { color: var(--quaternary) !important; }
.section__menu-wrapper.secondary .section__menu-heading-subtitle span { color: var(--quaternary); }
.section__menu-wrapper.secondary .section__menu-heading-subtitle { color: var(--secondary); }
.section__menu-wrapper.secondary .section__menu-heading-text { color: var(--secondary-variant); }
.section__menu-wrapper.secondary .section__menu-heading-separator { background: var(--tertiary); }
.section__menu-wrapper.secondary .menu__grid-flexbox-item { background-color: transparent; }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .informations .item__category { color: var(--quaternary); }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .informations .item__category:before { background-color: var(--quaternary); }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .informations .item__markers .badge { background-color: var(--quaternary); color: var(--secondary); }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .informations .item__name { color: var(--secondary); }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .informations .item__name span { color: var(--secondary); }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .informations .item__price { color: var(--secondary); }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .informations .item__size-quantity-price { color: var(--secondary); }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .informations .item__size-quantity-price-separator { border-bottom-color: var(--bs-gray-500); }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .informations .item__size-quantity-price li dl dt img { filter: var(--header-hs-filter-secondary) !important; }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .informations .item__description { color: var(--secondary); }
.section__menu-wrapper.secondary .menu__grid-flexbox-item .item__image { background-color: var(--primary-variant) !important; }
.section__menu-wrapper.secondary .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; }
	.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: 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; }
	.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name { font-size: 1.8rem; }
}
@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; }
	.menu__grid-flexbox .menu__grid-flexbox-item .informations .item__name { font-size: 1.9rem; }
}
@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; }
}


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

/* CARD COUPON */

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

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

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

@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(--secondary)),url("../img/concept/concept-bg-img-main.jpeg"); 
	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%, var(--secondary)),url("../img/concept/concept-bg-img-main.jpeg"); }
}
.concept-bg-color-main { background: var(--secondary); 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%; }
}

.section__store {  
	background: var(--primary); 
	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 { position: relative; text-align: center; }
.section__store-info h6.type-of-selling { 
	margin-top: 3rem;
	color: var(--bs-gray-700) !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(--secondary); 
	background-color: var(--primary-variant); 
}
@media (max-width: 575.98px) { 
	.section__store-info h3.adress { font-size: 1.8rem; }
	.section__store-content p.opening-hours { font-size: 1.4rem !important; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.section__store-info h3.adress { font-size: 2rem; }
	.section__store-content p.opening-hours { font-size: 1.4rem; }	
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.section__store-info h3.adress { font-size: 2rem; }
	.section__store-content p.opening-hours { 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(--quaternary); }
.section__store-info p.delivery-area { 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(--tertiary); 
}
.btn-itinerary a { margin: 0 0.5rem 0 0; color: var(--tertiary); }
.btn-itinerary a:hover { color: var(--tertiary); 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(--quaternary);
	color: var(--secondary) !important; 
}
button.btn-order span { color: var(--secondary) !important; }
button.btn-order a { color: var(--secondary) !important; }
button:hover.btn-order { background-color: var(--tertiary); color: var(--primary) !important; }
button:hover.btn-order a { color: var(--primary) !important; }
button:hover.btn-order a span { color: var(--primary) !important; }

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

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

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

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

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

/* 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(--primary-variant);
	color: var(--secondary); 
}
.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(--secondary) !important;
	text-decoration: none;
	font-size: 1.2rem;
}
.section__footer .section__footer-top .row .section__footer-top-column-left hr { 
	border: 3px solid var(--secondary-variant);
	margin-left: auto;
}
.section__footer .section__footer-top .row .section__footer-top-column-right hr { 
	border: 3px solid var(--secondary-variant);
	margin-right: auto;
} 
.section__footer .section__footer-top .row a.footer-link {
	display: block;
	color: var(--secondary-variant);
	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;
}
@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(--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-variant) !important;
	transform: scale(0.92) rotate(0deg);
}
.section__footer-social-network p { 
	font-weight: 200 !important;
}

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



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

/* ---------------------------------------------------
    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(--primary);
	font-size: 4em;
	background: var(--secondary);
	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(--primary);
	border-bottom: 3px solid var(--primary);
}
section .scroll div em {
  font-family: 'Lexend', sans-serif !important;
	font-style: normal;
}

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