:root {
  --main_color: #502314; /* Marrone - BK */
  --bg_color: #F5EBDC;
  --font_color: #000000;
  --avana: #F5EBDC; /* bg-avana - BK */
  --arancione: #FF8732; /* arancione - BK */
  --rosso: #D62300; /* rosso-bk */
  --giallo: #ffaa00; /* giallo-bk */
  --verde: #198737; /* verde-bk */
  --submenu: #F8F1E7;
  --main_color_40: rgb(80 35 21 / 40%); /* Marrone - BK opacità 40% */
  --loader: #414942;

  --unnamed-color-ffaa00: #FFAA00;
  --unnamed-color-198737: #198737;
  ---f5ebdc: #F5EBDC;
  ---ff8732: #FF8732;
  ---d62300: #D62300;
  ---502314: #502314;
  --background-dark: #E8DFCF;
  --disabled: #C9C9C9;
  --hover-cta: #951800;
  --unnamed-color-000000de: #000000DE;
  --unnamed-color-141414: #141414;
  --unnamed-color-555555: #555555;
  --unnamed-color-000000: #000000;
  --unnamed-color-333333: #333333;

  --padding-section:4.5rem;
}

@font-face {
    font-family: 'Flame';
    src: url('fonts/Flame-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Flame-Bold';
  src: url('fonts/Flame-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Flame-Sans';
    src: url('fonts/FlameSans-Regular.woff') format('woff');
}

html {
    /* 62.5% of 16px browser font size is 10px */
    font-size: 62.5%;
}

body {
	  font-family: 'Flame-Sans'; 
    font-style: normal; 
    font-weight: normal; 
    font-size: 1.4rem; 
    line-height: 1.7rem;
	  background-color: var(--bg_color);
	  min-height: 100vh;
    height:auto;
    margin: 0;
    touch-action: manipulation; /* per disattivare zoom su mobile */
    -webkit-touch-callout: none !important;
}

a {
    color: var(--main_color);
}

a:hover {
  color: var(--arancione);
}

hr {
  opacity: 0.1;
}

h1 {
    font-size: 5rem;
    line-height: 4.9rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: normal;
}

.container-1600 {
 max-width: 1600px;
 --bs-gutter-x: 3rem;
}
.section-carousel .container-1600 {
  padding-right: 0;
  padding-left: 0;
}
.section-carousel .container-1600 .div-banner .row {
  --bs-gutter-x: 0;
}

/* Remove outline for non-keyboard :focus */
*:focus:not(.focus-visible) {
  outline: none;
}
button:focus:not(.focus-visible) {
  outline: none;
  box-shadow: none;
}

.svg-brown {
  filter: invert(15%) sepia(16%) saturate(3503%) hue-rotate(338deg) brightness(96%) contrast(93%);
}
a:hover .svg-brown, a.active .svg-brown {
  filter: invert(54%) sepia(95%) saturate(569%) hue-rotate(336deg) brightness(101%) contrast(101%);
}
.svg-orange {
  filter: invert(54%) sepia(95%) saturate(569%) hue-rotate(336deg) brightness(101%) contrast(101%);
}
.svg-avana {
  filter: invert(88%) sepia(2%) saturate(4008%) hue-rotate(324deg) brightness(112%) contrast(92%);
}
.svg-white {
  filter: invert(100%) sepia(0%) saturate(7489%) hue-rotate(109deg) brightness(105%) contrast(98%);
}
.svg-red {
  filter: invert(24%) sepia(99%) saturate(7490%) hue-rotate(21deg) brightness(97%) contrast(101%);
}
.no-decoration {
  text-decoration: none;
}
.font50 {
  font-size: 5rem;
  line-height: 4.9rem;
}
.font40 {
  font-size: 4rem;
  line-height: 3.9rem;
}
.font35 {
  font-size: 3.5rem;
  line-height: 3.4rem;
}
.font30 {
  font-size: 3.0rem;
  line-height: 2.9rem;
}
.font24 {
  font-size: 2.4rem;
  line-height: 2.6rem;
}
.font20 {
  font-size: 2.0rem;
  line-height: 2.4rem;
}
.font22 {
  font-size: 2.2rem;
  line-height: 2.1rem;
}
.font15 {
  font-size: 1.5rem;
  line-height: 1.8rem;
}
.font14 {
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.font12 {
  font-size: 1.2rem;
  line-height: 1.3rem;
}

.font-flame {
  font-family: 'Flame';
}
.font-flamebold {
  font-family: 'Flame-Bold';
}
.font-orange {
  color: var(--arancione) !important;
}
.font-green {
  color: var(--verde);
}
.font-avana {
  color: var(--avana);
}
.font-black {
  color: var(--unnamed-color-000000de);
}
.font-red {
  color: var(--rosso);
}
.font-brown {
  color: var(--main_color);
}
.font-white {
  color: #fff;
}

#mobile-bar {
  position: fixed;
  bottom: 0;
  background-color: #fff;
  z-index: 900;
  left: 0;
  width: 100%;
}

#mobile-bar .title-item {
  font-size: 0.8rem;
  line-height: 1rem;
}

#mobile-bar .colonna-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    text-align: center;
}

#mobile-bar .icon-item-img {
  height: 20px;
}

.div-product-filter, .button__badge {
  display: none;
}

.btn-main {
  border-radius: 19px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding: 9px 24px;
  color: #fff;
  background-color: var(--rosso);
  border: 2px solid var(--rosso);
  text-decoration: none;
}
.btn-main:hover {
  background-color: var(--hover-cta);
  border: 2px solid var(--hover-cta);
  color: #fff;
}
.btn-main.btn-xl {
  border-radius: 25px;
  font-size: 1.6rem;
  line-height: 2.1rem;
  padding: 14px 26px;
  display: inline-block;
}

.btn-main-outline {
  border-radius: 19px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding: 9px 24px;
  color: var(--rosso);
  background-color: transparent;
  border: 2px solid var(--rosso);
  text-decoration: none;
}
.btn-main-outline:hover {
  border: 2px solid var(--hover-cta);
  color: var(--hover-cta);
}

.btn-main-outline:disabled , .btn-main-outline:disabled:hover {
  border: 2px solid var(--disabled);
  color: var(--disabled);
}

.btn-tag-outline {
  border-radius: 18px;
  font-size: 1.4rem;
  line-height: 2.1rem;
  padding: 6px 16px;
  color: var(--main_color);
  background-color: transparent;
  border: 2px solid var(--main_color);
  text-decoration: none;
  /* text-wrap: nowrap; */
}
.btn-tag-outline.active {
  border: 2px solid var(--arancione);
  background-color: var(--arancione);
  color: var(--main_color);
}

.btn-white, .btn-white:hover, .btn-white-outline:hover {
  border-radius: 19px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding: 9px 24px;
  color: var(--main_color);
  background-color: #fff;
  border: 2px solid #fff;
  text-decoration: none;
}
.btn-white-outline {
  border-radius: 19px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding: 9px 24px;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  text-decoration: none;
}

.text-danger {
  color: var(--rosso) !important;
}

.img-logo {
  width: 100%;
  max-width: 68px;
  min-width: 44px;
}
img.img-logo-mobile {
  max-width: 44px;
  width: 100%;
  min-width: 44px;
}

#header {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--main_color);
  font-family: 'Flame'; 
  padding-top:0;
  background-color: var(--avana);
  z-index:5000;
}

.topbar {
  background-color: var(--main_color);
  color: var(--avana);
  font-family: 'Flame-Sans'; 
}

.topbar .nav-item a {
  color: var(--avana);
  font-size: 1.4rem;
}

.col-6.topbar-col2 {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}

.nav-down {
  position: sticky;
  top: 0;
  transition: top 0.2s ease-in-out;
}

.header-col {
  display: flex;
  align-items: center;
}

.header-col1 {
  flex: 0 0 auto;
  width: 46%;
}
.header-col1f {
  flex: 0 0 auto;
  width: 46%;
}

.header-col2 {
  flex: 0 0 auto;
  width: 8%;
  justify-content: center;
  flex-wrap: wrap;
  padding: 1rem;
}
.header-col3 {
  flex: 0 0 auto;
  width: 46%;
  justify-content: right;
  flex-wrap: wrap;
}
.overmenu-icon {
  margin-right: 10px;
}

.overmenu-icon-topbar {
  margin-right: 5px;
  width: 6px;
  top: -1px;
  position: relative;
}

.overmenu-mobile {
    font-family: 'Flame-Sans';
    margin-left: 15px;
}

.header-col1 a {
  padding-left: 1.5rem;
  border-left: 1px solid var(--main_color);
  margin-left: 1.5rem;
  text-decoration: none;
}

.header-col1 a:first-child {
  padding-left: 0;
  border-left: 0px solid var(--main_color);
  margin-left: 0;
}

.nav-item a {
  color: var(--main_color);
  text-wrap: nowrap;
}

.navbar-nav>.nav-item {
  margin-left:1.5rem;
}

.nav-item a.active, .navbar-nav .nav-link.active, .nav-item:has(.dropdown-item.active) .dropdown-toggle {
  color: var(--arancione);
}
.nav-link:focus {
  color: var(--main_color);
}
.nav-link:hover , .header-col a:hover, .header-col .active {
  color: var(--arancione);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--arancione);
  background-color: transparent;
}

.dropdown-toggle.show {
  color: var(--arancione);
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0;
  content: url(images/icon_open-menu.svg);
  border-top: 0em solid;
  border-right: 0em solid transparent;
  border-bottom: 0;
  border-left: 0em solid transparent;
}

.dropdown-toggle:hover::after, .dropdown-toggle.active::after, .dropdown-toggle.show::after {
  content: url(images/icon_open-menu-active.svg);
}

.div-arrow-top {
  background: var(--submenu);
  border: 1px solid transparent;
  box-shadow: 0px 2px 10px #00000029;
  padding-bottom: 20px;
}
.div-arrow-top:before, .div-arrow-top:after {
  content: '';
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
}
/* .div-arrow-top:before {
  right: 49px;
  border: 11px solid transparent;
  border-bottom-color: red;
} */
.div-arrow-top:after {
  right: calc(50% - 4px);
  border: 8px solid transparent;
  border-bottom-color:var(--submenu);
}

.header-fsz .header-col1f .div-arrow-top:after {
  right: calc(60% - 4px);
}

.header-fsz .header-col3 .div-arrow-top:after {
  right: calc(30% - 4px);
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: auto;
  margin-top: 5px;
  right: 0px;
}

.header-col1f .dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0px;
  margin-top: 5px;
  right: auto;
}

a.dropdown-item {
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-transform: uppercase;
  padding: 1rem 2.5rem;
  border-bottom: 1px solid #d7d7d79e;
  font-family: 'Flame-Sans';
  text-align: center;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: var(--main_color);
  background-color: transparent;
}
.navbar .btn-close {
  opacity: 1;
  background: transparent url(images/icon-close.svg) center/2rem auto no-repeat;
}

.btn-close:hover {
  color: inherit;
  opacity: .75;
}

.navbar-toggler-icon {
  width: 2.6rem;
  height: 1.9rem;
  background-image: url(images/menu.svg);
}

button.navbar-toggler {
  border: 0;
}

.navbar .offcanvas {
  background-color: var(--main_color);
}

.offcanvas-header  {
  padding: 1rem 2rem;
}
.offcanvas-body  {
  padding: 1rem 0rem;
}

.offcanvas.show .nav-item a {
  color: var(--avana);
}

.offcanvas.show li.nav-item {
  padding: 1rem 3rem;
  border-bottom: 1px solid #f5ebdc3b;
  margin: 0;
}

.offcanvas.show li.nav-item:last-child {
  border-bottom: 0px solid #f5ebdc3b;
}

.offcanvas.show .dropdown-toggle::after {
  content: url(images/icon_open-menu-mobile.svg);
  margin-left: 0.5em;
}

.offcanvas.show .div-arrow-top {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  padding-bottom: 0px;
}

.offcanvas.show a.dropdown-item {
  font-size: 1.4rem;
  line-height: 1.7rem;
  text-transform: uppercase;
  padding: 1rem 0rem;
  border-bottom: 0px solid #d7d7d79e;
  text-align: left;
  color: var(--arancione);
}
.offcanvas.show .div-arrow-top:before, .offcanvas.show .div-arrow-top:after {
  display: none;
}
.offcanvas-banner-title, .offcanvas-banner-subtitle, .offcanvas-banner-img {
  color: var(--avana);
}

.offcanvas-banner-imgcontent {
  float: left;
}

.offcanvas-banner-content {
  padding: 1rem;
  float: left;
}

.offcanvas-banner {
  display: flex;
  align-items: center;
  background-color: var(--rosso);
  border-radius: 12px;
  margin: 3.5rem 1rem 1rem 1rem;
}

img.offcanvas-banner-img {
  z-index: 20;
  margin-top: -30px;
  position: relative;
  max-width: 150px;
}

.offcanvas-banner-title {
  font-size: 1.6rem;
  line-height: 1.9rem;
}
.offcanvas-banner-subtitle {
  font-size: 1.2rem;
  line-height: 1.3rem;
  font-family: 'Flame-Sans';
}
.footer-container {
  --bs-gutter-x: 1.5rem;
}
.footer-line-1 {
  height: 29px;
  background-color: var(--arancione);
}

.footer-line-2 {
  height: 29px;
  background-color: var(--rosso);
}

footer {
  padding-top: 4rem;
}
.footer-content {
  background-color: var(--main_color);
  color: var(--avana);
  padding: 3rem 3rem 1rem 3rem;
}

.footer-tm {
  background-color: var(--main_color);
  color: var(--avana);
  padding: 1rem 3rem 1rem 3rem;
  border-top: 1px solid #f5ebdc2e;
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.footer-content>div {
  padding: 1rem;
}
.footer-content .title {
  font-size: 2.4rem;
  line-height: 2.3rem;
  color: var(--arancione);
  padding-bottom:1rem;
  font-family: 'Flame';
}
/* .footer-content .subtitle {
  font-size: 1.4rem;
  line-height: 2.3rem;
  padding-bottom:2rem;
} */

.footer-content .subtitle {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding-bottom: 2rem;
}

.icon-social-img {
  margin-right: 15px;
}
.footer-menu {
  padding: 0;
  list-style: none;
}
.footer-menu li {
  padding-bottom: 0.5rem;
}
a.footer-menu-item {
  color: var(--avana);
  font-size: 1.3rem;
  line-height: 1.4rem;
  text-decoration: none;
}
.title-newsletter {
  font-size: 1.5rem;
  line-height: 1.2rem;
  color: var(--arancione);
  padding-bottom:1rem;
  padding-top: 1rem;
  font-family: 'Flame';
}

.buttonIn {
  width: 100%;
  position: relative;
  max-width: 280px;
}

.buttonIn input[type="text"] {
  margin: 0px;
  padding: 0px 40px 0px 2rem;
  width: 100%;
  outline: none;
  height: 38px;
  border-radius: 22px;
  border: 1px solid #fff;
  font-size: 1.3rem;
  color: var(--disabled);
}

.buttonIn input[type="image"] {
  position: absolute;
  right: 2px;
  z-index: 2;
  border: none;
  top: 2px;
  height: 34px;
}

#sidebar-filtri button {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  text-transform: none !important;
}
.btn-download {
  display: inline-flex;
}
.btn-download img {
  max-width: 14px;
  margin-left: 7px;
}

.btn-filtro-serizio img, .btn-filtro img, .btn-filtro-prod img {
  max-width: 21px;
  margin-right: 7px;
}

.btn-filtro-prod {
  margin-bottom: 1rem;
}

.title18 {
  font-size: 1.8rem;
  line-height: 1.9rem;
  font-family: 'Flame';
  color: var(--main_color);
}

.title20 {
  font-size: 2rem;
  line-height: 1.9rem;
  font-family: 'Flame';
  color: var(--main_color);
}

.sidebar-locator {
  padding: 4rem 1rem 4rem 3rem;
}

#map {
  height: 100%;
  max-height: 800px;
  min-height: 500px;
}

#sidebar-map {
  background-color: #fff;
}
#sidebar-filtri {
  background-color: var(--background-dark);
}

div#lista-elementi-sidebar {
  max-height: 70vh;
  overflow-y: scroll;
  height: 100%;
  overflow-x: hidden;
  display: block;
}
        
.scrollbar-custom::-webkit-scrollbar {
  width: 7px;
  border-radius: 10px;
}

.scrollbar-custom::-webkit-scrollbar-track {
  border-radius: 10px;
  border: 0px solid var(---f5ebdc);
  background-color: transparent;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
   background: var(---f5ebdc);
}

#carousel-categorie-home {
  overflow-x: scroll;
  width: 100%;
  overflow-y: hidden;
  display: block;
  text-wrap: nowrap;
  white-space: nowrap;
}

.scrollbar-custom2::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}

.scrollbar-custom2::-webkit-scrollbar-track {
  background-color: transparent;
}

.scrollbar-custom2::-webkit-scrollbar-thumb:horizontal {
   background: var(--main_color_40);
   max-width: 50px;
    border-radius: 10px;
}


.div-map-locator .gm-control-active.gm-fullscreen-control, .div-map-locator .gm-svpc, .div-map-locator .gmnoprint.gm-style-mtc-bbw, .div-map-locator .gm-style-cc {
  display: none;
} 

.div-map-locator .gmnoprint {
  top: 100px !important;
}

.locator-search {
  position: absolute;
  display: flex;
  align-items: stretch;
  width: 400px;
  top: 2rem;
  right: 2rem;
  z-index: 200;
  flex-direction: row-reverse;
}

.container-store-locator {
  position: relative;
  --bs-gutter-x: 1.5rem;
}

#input-ricerca-ristorante {
  color: inherit;
}

#input-group-ricerca-ristorante span {
  background-color: var(--rosso);
  border: none;
  border-radius: 20px;
  margin-left: 10px;
}

#input-group-ricerca-ristorante .btn {
  border-radius: 0px 20px 20px 0px;
  background-color: #fff;
  border: none;
}

.icon-item-list {
  margin-right: 8px;
  width: 20px;
  max-height: 20px;
}

.titolo-elemento-sidebar-map {
  font-size: 1.4rem;
  color: var(--unnamed-color-000000de);
  font-family: 'Flame';
}

.sottotitolo-elemento-sidebar-map {
  font-size: 1.4rem;
  line-height: 1.5rem;
  color: var(--unnamed-color-000000de);
}

.list-col1 ul {
  list-style-type: none; /* no default bullets */
}

.list-col1 .list-store {
  display: list-item;
  margin-left: 20px;
  color: var(--disabled);
}

.list-col1 .list-store.store_closed {
  color: var(--rosso);
}

.list-col1 .list-store.store_open {
  color: var(--verde);
}

.elemento-sidebar-map {
  padding-top: 1em;
  padding-bottom: 1em;
  cursor: pointer;
  border-bottom: 1px solid var(---f5ebdc);
}
.elemento-sidebar-map:first-child {
  padding-top: 0;
}

.div-button-filtri {
  margin-top: -50px;
  z-index: 200;
  position: relative;
  padding: 0 2rem;
  text-align: center;
}

.button-filtri {
  font-size: 1.8rem;
  font-family: "Flame";
  width: 100%;
}

.modal-dialog-bottom {
  display:flex;
  align-items: flex-end;
}

#modale_filtri .btn-filtro {
  margin: 5px;
  text-transform: none !important;
  font-size: 1.4rem;
  line-height: 2.1rem;
}

#modale_filtri .modal-header {
  border: 0;
}

#modale_filtri .modal-header .btn-close {
  margin: 0 auto;
}

#modale_filtri .modal-dialog {
  --bs-modal-margin: 2rem;
}

.button__badge {
  background-color: var(--arancione);
  border-radius: 50px;
  color: #fff;
  padding: 2px 8px;
  font-size: 1rem;
  position: absolute;
  top: -8px;
  right: -5px;
}

#dettagli-elemento-shop, .div-app-sidebar {
  background-color: #fff;
  padding:3rem;
}

#dettagli-elemento-name {
  font-size: 5rem;
  line-height: 4.9rem;
  font-family: 'Flame-Bold';
}
#dettagli-elemento-indirizzo, #dettagli-elemento-phone {
  font-size: 2rem;
  line-height: 2.4rem;
  display: flex;
  align-items: baseline;
}

.chiudi-sidebar-dettaglio span {
  text-decoration: underline;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 2.1rem;
}
.breadcrumb img,.chiudi-sidebar-dettaglio img {
  height: 12px;
  margin-right: 5px;
}
.dettagli-icon {
  height: 14px;
  margin-right: 10px;
}

.dettagli-elemento-servizio {
  float: left;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.9rem;
  margin: 2rem 3rem 0 0;
}
.dettagli-elemento-servizio .icon-item-dettaglio {
  height: 40px;
  max-width: 40px;
}
.dettagli-elemento-title {
  font-size: 3rem;
  line-height: 2.9rem;
  color: var(--arancione);
  font-family: 'Flame';
}

#dettagli-elemento-servizi {
  display: inline-block;
}

.table-times td{
 padding: 5px 20px 5px 5px;
}
#dettagli-elemento-phone a {
  text-decoration: none;
}
#dettagli-elemento-indicazioni a {
  display: inline-flex;
  align-items: center;
}
#dettagli-elemento-indicazioni a img  {
  margin-left:5px;
  width:15px;
}

.div-button-filter {
  position: absolute;
  z-index: 203;
  top: -46px;
  right: 20px;
}

.div-ritira-come-vuoi {
  padding: 3rem;
}

.table-ritira-come-vuoi .col1 img {
  width:50px;
  max-height: 50px;
}

.table-ritira-come-vuoi .col2 {
  padding: 2rem 0 2rem 3rem;
}

.dettagli-elemento-subtitle.pb-5, .table-times, .table-ritira-come-vuoi .subtitle {
  font-size: 1.4rem;
  line-height: 1.5rem;
}
.div-app-banner {
  padding:1rem;
  border-radius: 12px;
  text-align: center;
}
.div-app-banner .img-banner-app {
  width: 50%;
}

.div-app-banner .banner-button-cta {
  display: inline-flex;
}
.carousel-home-banner .slider-container>li>.container-fluid, .carousel-home-banner .slider-container>li>.container-fluid>.row, .carousel-home-banner .slider-container>li>.container-fluid>.row>div,
.carousel-common .slider-container>li>.container-fluid, .carousel-common .slider-container>li>.container-fluid>.row, .carousel-common .slider-container>li>.container-fluid>.row>div,
.carousel-common2 .slider-container>li>.container-fluid, .carousel-common2 .slider-container>li>.container-fluid>.row, .carousel-common2 .slider-container>li>.container-fluid>.row>div {
  height: 100%;
}
.btn-strores {
  padding: 5px;
  display: inline-block;
}
.btn-strores img {
  max-width: 120px;
}
/* 
.carousel-home-main {
  height: 550px;
}
.carousel-home-main .carousel-cell {
  width: 100%;
  height: 100%;
  margin-right: 10px;
  border-radius: 12px;
}
.carousel-home-main .flickity-page-dots {
  bottom: 0px;
  display: none;
}
.carousel-home-main .flickity-viewport {
  position: absolute;
  width: 100%;
} */

.carousel-home-main .slider-image {
  width: 100%;
  max-height: 550px;
  height: auto;
  border-radius: 22px;
}

.carousel-home-main .col-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--avana);
}
.carousel-home-main .colonna1 {
  padding: 2rem;
}
.carousel-home-main .colonna2 {
  padding:3rem 8rem 3rem 2rem;
  text-align: center;
}
.carousel-home-main .slider-overtitle, .carousel-home-main .slider-subtitle {
  font-family: 'Flame';
}
.carousel-home-main .slider-title, .titolo-section {
  font-family: 'Flame-Bold';
  color: var(--arancione);
  padding:1rem 0;
}
.carousel-home-main .slider-container, .carousel-main .slider-container {
  border-radius: 25px;
}
.carousel-home-main .slider-description {
  padding:3rem 0;
}

.swiffy-slider.slider-nav-round .slider-nav::after, .swiffy-slider.slider-nav-square .slider-nav::after {
  background-color: #fff;
}
.swiffy-slider.slider-nav-round .slider-nav::before, .swiffy-slider.slider-nav-square .slider-nav::before {
  background-color: var(--rosso);
}
.swiffy-slider .slider-nav:hover {
  opacity: 0.8;
}
.swiffy-slider .slider-nav {
  opacity: 1;
  -webkit-filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.1));
}

.swiffy-slider.slider-nav-round .slider-nav::after {
  -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
  mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
}
.slider-indicators>.active {
  background-color:var(--rosso);
}

.slider-nav-outsideleft .slider-container {
  margin: 0 0 0 var(--padding-section);
}

.slider-nav-outside-left li {
  margin-left: var(--padding-section);
}
.slider-item-reveal {
  --swiffy-slider-item-reveal: 15rem;
}
.swiffy-slider.slider-nav-carousel.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next), .swiffy-slider.slider-nav-carousel.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next {
  visibility: visible;
}
.swiffy-slider.slider-nav-carousel.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next)::before, .swiffy-slider.slider-nav-carousel.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next::before {
  background-color: var(--disabled);
}
.swiffy-slider {
  --swiffy-slider-item-gap: 2rem;
}
.swiffy-slider .slider-nav {
  -webkit-filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.1));
}
.carousel-home-main .slider-nav {
  padding: 2rem;
}
.swiffy-slider .div-img-news, .news-card .div-img-news {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0 0;
  background-color: #fff;
}

.swiffy-slider .div-content-news, .news-card .div-content-news {
  padding: 2rem;
  background-color: #fff;
  border-radius: 0 0 12px 12px;
  color:var(--unnamed-color-000000de)
}

.swiffy-slider .news-title {
  font-family: 'Flame';
}

section {
  padding: 2rem var(--padding-section);
}
section .div-titolo-section {
  padding-left: var(--padding-section);
  padding-bottom: 3rem;
}
section .element-section {
  padding-left: var(--padding-section);
}
section.section-carousel {
  padding: 2rem 0;
}

.section-pari {
    background-color: var(--background-dark);
}
.col-banner-text-center {
  align-items: center;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 4rem;
}
.col-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem;
  align-items: flex-start;
}
.col-banner-img {
  padding: 0;
  align-items: center;
}
.banner_type_1 .col-banner-img img {
  border-radius: 10px;
}
img.img-fluid.home-image-locator {
  padding: 1rem 0 0 4rem;
  border-left: 1px solid var(--avana);
  max-width: 300px;
}
.div-banner, .li-banner, #carousel-news .slide-immagine {
  border-radius:12px;
}

.testata, .testata-scheda {
  background-color: var(--main_color);
  min-height: 290px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 4rem;
  color: var(--avana);
}

.testata.testata-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 15rem 4rem;
  border-radius: 25px;
  box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
}

.bg-brown {
  background-color: var(--main_color);
}
.testata-img {
  margin-bottom: -130px;
}
.testata-img img {
  max-width: 550px;
}
.testata-scheda {
  margin-bottom: 100px;
}

.main-policy table {
  width:100%;
}
.main-policy table td {
  border: 1px solid var(--disabled);
}

.main-policy h2 {
  font-family: 'Flame';
  color: var(--main_color);
}

.main-policy ol {
  margin-top: 4rem;
}

.img-fluid {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.img-round {
  border-radius: 12px;
}

.slider-item-show9 {
  --swiffy-slider-item-count: 9;
}
.slider-item-show10 {
  --swiffy-slider-item-count: 10;
}

.slider-item-show12 {
  --swiffy-slider-item-count: 12;
}
.swiffy-slider.slider-item-show12 {
  --swiffy-slider-item-gap: 0.5rem;
}

#carousel-categorie-prod .title {
  font-size: 1.6rem;
  font-family: 'Flame';
  line-height: 1.7rem;
}

.img-carousel-prod {
  max-width: 70px;
}

.section-carousel-categorie-prod {
  background-color: var(--background-dark);
  margin-bottom:2rem;
}
.section-carousel-ingredienti{
  background-color: var(--background-dark);
}

.sidebar-prodotti {
  padding: 2rem 1rem;
}
.main-prodotti, .main-pressroom {
  padding: 2rem 4rem 2rem 2rem;
  border-left:var(--background-dark) 1px solid;
}
.col-prodotto {
  padding-left: 3rem;
  padding-right: 3rem;
}

.btn-filtro-categoria {
  cursor: pointer;
}
a.link-categoria-prod.active>div {
  border-bottom: 10px solid var(--arancione);
}
.carousel-ingredienti .slider-indicators>.active {
  background-color: var(--main_color);
}
.img-carousel-ingredienti {
  max-height: 60px;
}
.tabs-scheda-prod .nav-pills .nav-link {
  font-size: 2.5rem;
  font-family: 'Flame';
  color: var(--disabled);
}
.tabs-scheda-prod .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: var(--arancione);
  background-color: transparent;
}

.tabs-scheda-prod .nav-pills .nav-link {
  font-size: 2.5rem;
  font-family: 'Flame';
  color: var(--disabled);
  border-radius: 0px;
}
.tabs-scheda-prod .nav-pills .nav-item, .tabs-scheda-prod .colonna2 {
  border-left: 1px solid var(--main_color_40);
}
.tabs-scheda-prod .nav-pills .nav-item:first-child {
  border:0;
}
.tabs-scheda-prod #pills-tabContent {
  border-top: 1px solid var(--main_color_40);
}
.img-grammi img {
  width: 36px;
}
.img-allergeni {
  width: auto;
  height: 40px;
}
#carousel-prodotti .news-title {
  min-height: 36px;
}
.section-nutrienti-allergeni {
  background-color: #fff;
}
.span-mostra-n-risultati {
  float: right;
}
.main-news .news-card {
  padding: 2rem 1rem;
}

select.form-control {
  /* Arrow */
  /*
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 0.65rem auto;
  */
  appearance: none;
  background-image: url(images/Arrow-gallery-down.svg);
  background-repeat: no-repeat;
  background-position: right 0.2rem top 0.1rem;
  background-size: auto auto;
}

.form-control, .easy-autocomplete input {
  width: 100%;
  padding: 10px 40px 10px 2rem;
  border-radius: 22px;
  font-size: 1.3rem;
  outline: none;
  border: 1px solid var(--disabled);
}
.form-control:focus {
  background-color: #fff;
  border-color: var(--main_color);
  box-shadow: 0 0 0 0rem rgba(13,110,253,.25);
}

::placeholder {
  color: var(--disabled); /* Firefox */
}
::-ms-input-placeholder { /* Edge 12-18 */
  color: var(--disabled)
}

textarea.form-control {
  padding: 10px 10px 10px 2rem;
  border-radius: 12px;
}
#contact-form .easy-autocomplete-container {
  background-color: #fff;
  border-radius: 12px;
}
#contact-form .easy-autocomplete-container ul {
  border-radius: 12px;
  border: 0;
  max-height: 300px;
  position: relative;
  overflow: auto;
  margin-top: 20px;
  padding: 0 20px 0 20px;
  box-sizing: border-box;
}

#contact-form .easy-autocomplete-container ul li, #contact-form .easy-autocomplete-container ul .eac-category {
  padding: 10px 0;
}
#contact-form .easy-autocomplete-container ul li {
  border: 0;
  border-bottom: 1px solid var(--disabled);
}

.easy-autocomplete-container ul li.selected, .easy-autocomplete-container ul li.selected:hover, .easy-autocomplete-container ul li:hover {
  background: transparent;
  cursor: pointer;
  color: var(--arancione);
}

/* --------------Create a custom radio and checkbox button-------------- */
  .label-container {
    display: inline;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 20px;
  }

  /* Hide the browser's default radio button */
  .label-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
  }

  /* On mouse-over, add a grey background color */
  .label-container:hover input ~ .checkmark {
    background-color: #ccc;
  }

  /* When the radio button is checked, add a blue background */
  .label-container input:checked ~ .checkmark {
    background-color: #fff;
  }

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  .label-container input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the indicator (dot/circle) */
  .label-container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--rosso);
  }
/* ------------------------------------------------------ */
#contact-form .row {
  padding-top: 1.5rem;
}

input:-internal-autofill-selected {
  background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0)) !important;
}

.select2-container--default .select2-selection--multiple {
  border-radius: 22px;
  padding: 6px 40px 6px 2rem;
}
.slide-carousel2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 22px;
}
.slide-carousel2 .colonna1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 22px 0 0 22px;
}

.slide-carousel2 a {
  height: 100%;
  display: block;
}

.banner-image-radius {
  border-radius: 12px 0 0 12px;
}
.banner-image-radius22 {
  border-radius: 22px 0 0 22px;
}
.equal .news-card {
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
}
.col-card {
  padding:2rem;
}
.col-card .div-content-news {
  padding: 1rem;
}
.label_date {
  background-color: var(--background-dark);
  padding: 1rem 2rem;
  border-radius: 12px;
  display: inline-block;
}
.col-pressroom {
  padding: 4rem 1rem;
  border-bottom: 1px solid var(--main_color_40);
}
.col-pressroom:first-child {
  padding-top: 0;
}
.div-button a {
  margin-right:10px
}
.div-input-search-modal {
  padding: 0 5px;
}

#videoModal {
  z-index: 999999;
  --bs-modal-bg: rgba(0, 0, 0, .6);
}

#videoModal .modal-header {
  border: 0;
  padding: 5px 20px;
}
#videoModal .modal-body {
  padding: 0;
}

ul.storeclosed li::marker {
  color: var(--rosso);
}

ul.storeopen li::marker {
  color: var(--verde);
}

.header-col1f .navbar-nav>.nav-item:first-child, .topbar-col1 .navbar-nav>.nav-item:first-child {
  margin-left: 0;
}

.topbar-col2 .navbar-nav>.nav-item {
  margin-left: 4rem;
}
.container-1600 .banner_type_2 {
  border-radius: 0;
}

.ratio>.img-card-prod {
  top: auto;
  bottom: 0;
}

.banner-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 12px 0 0 12px;
  background-color: transparent;
}

.banner_type_3 .banner-bg, .banner-only-image {
  min-height: 550px;
}
.banner_type_3 .col-banner-text-center {
  padding:7rem;
}

.banner-only-image {
  border-radius: 12px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.banner_type_4 .col-banner-text-center-mobile {
  padding:7rem 2rem;
}

.banner-elenco li {
  list-style-type: none;
  padding: 3rem;
  background-color: var(--background-dark);
  border-radius: 12px;
  margin-top: 30px;
}
.banner-elenco ul {
  padding-left: 0;
}

.div-faq .panel-heading a, 
.div-faq .panel-heading a:hover, 
.div-faq .panel-heading a:active, 
.div-faq .panel-heading a:focus  {
  text-decoration:none;
  color: var(---502314);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.div-faq .panel-heading {
  padding: 30px 15px;
}

.div-faq .panel-body {
  padding: 30px 40px;
  background: var(--background-dark);
  border-radius: 12px;
  margin-bottom: 20px;
  margin-left: 15px;
}
.div-faq .panel {
  border-bottom: 1px solid var(--background-dark);
}

.div-faq .arrow {
  -webkit-transform: rotate(180deg);    
  -moz-transform: rotate(180deg);        
  -o-transform: rotate(180deg);          
  -ms-transform: rotate(180deg);         
  transform: rotate(180deg);
/*   position: relative;
  top:-10px; */
}

.div-faq .collapsed .arrow {
  -webkit-transform: rotate(0deg);     
  -moz-transform: rotate(0deg);        
  -o-transform: rotate(0deg);          
  -ms-transform: rotate(0deg);   
  transform: rotate(0deg);
}

.banner_type_stories {
  padding: 0 5rem;
}

.container-form-franchisee .label-container {
  display: block;
  margin-top: 10px;
}

.container-form-franchisee #contact-form .row {
  padding-top: 4rem;
}

#cookie-banner {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #dee2e6f7;
  text-align: center;
  padding: 20px;
  border-top: 2px solid #502314;
}

.col-desc-categoria {
  background-color: var(--background-dark);
  padding: 1rem;
  border-radius: 10px;
}
#submitbtn:disabled {
  display: flex;
}
/* LOADER */
  .loader {
    width: 18px;
    height: 18px;
    border: 3px solid var(--loader);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: none;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
  }
  #submitbtn:disabled .loader {
    margin-right: 5px;
    display: inline-block;
  }
  @keyframes rotation {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}} 
/* END LOADER */
/* .nav-item:has(.dropdown-item) .dropdown-toggle {
  color:red !important;
} */

/* .flickity-prev-next-button {
  width: 38px;
  height: 38px;
}
.flickity-button {
  background: var(--rosso);
  color: #fff;
}

.flickity-button:hover {
  background: var(--rosso);
  opacity: 0.9;
} */
@media (max-width: 62rem) {
  .slider-indicators-round .slider-indicators>*, .slider-indicators-round.slider-indicators>* {
      width: 10px;
      height: 10px;
  }
  .swiffy-slider.slider-item-show2-sm {
    --swiffy-slider-item-count: 2
  }
  .slider-item-show9 {
    --swiffy-slider-item-count: 6;
  }
  .slider-item-show10 {
    --swiffy-slider-item-count: 7;
  }
}

@media (max-width: 1500px) {
  .navbar-nav>.nav-item {
      margin-left: 0.7rem;
  }
}

@media (max-width: 1400px) {
  #header {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
  .carousel-home-main .slider-image {
    max-height: 350px;
    width: auto;
  }
}

@media (max-width: 1024px) {
  .carousel-home-main .colonna2 {
    padding:2rem;
    text-align: center;
  }
  .font50 {
    font-size: 3.5rem;
    line-height: 3.4rem;
  }
  .font40, .font30 {
    font-size: 2.2rem;
    line-height: 2.1rem;
  }
  .font35 {
    font-size: 1.8rem;
    line-height: 1.9rem;
    letter-spacing: 0.18px;
  }
  .font24 {
    font-size: 1.6rem;
    line-height: 1.7rem;
  }
  .font20, .font22, .div-about1 .font15, .body-franchising .font15{
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
  .font15 {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  .div-banner-storelocator .font35, .div-about1 .font35, .div-app-banner .font35 {
      font-size: 3.5rem;
      line-height: 3.4rem;
  }
  .col-12.col-banner {
      padding: 2rem 3rem;
  }

  .banner_type_1 .col-12.col-banner,.banner_type_2 .col-12.col-banner {
    padding: 2rem;
  }
  .banner_type_1 .col-banner-img img {
    width: 100% !important;
  }
  .banner_type_3 .col-banner-text-center {
    padding:4rem;
  }

  .banner_type_3 .banner-bg,.banner-only-image {
    aspect-ratio: 4 / 3;
    min-height: unset;
  }

  .banner_type_4 .banner-bg {
    aspect-ratio: 4 / 3;
    background-position: top;
  }

  .banner_type_4 .col-banner-text-center-mobile {
    padding:2rem 2rem;
  }
  
  .header-fsz .header-col2 {

    justify-content: left;
  }

  .div-banner.banner_type_3, .banner_type_3 .col-12 {
    border-radius: 0 0 0 0;
  }
  .div-faq .panel-body {
      margin-left: 0px;
  }

  .banner_type_stories {
    padding: 0 2rem;
  }
  .banner_type_stories .col-12.col-banner {
    padding: 0.5rem 1rem !important;
  }
  .banner-only-image {
    border-radius: 0px;
  }
  .banner-button-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .banner-button-cta a {
      width: 100%;
  }
 
}

@media (max-width: 768px) {
  #sidebar-map {
    z-index: 201;
    position: absolute;
    bottom: -4rem;
    border-radius: 12px 12px 0 0;
    /* display: block !important; */
  }
  div#lista-elementi-sidebar {
    display: none;
  }
  #dettagli-elemento-name {
    font-size: 3.5rem;
    line-height: 3.4rem;
  }
  .slider-item-reveal {
    --swiffy-slider-item-reveal: 5rem;
  }
  .swiffy-slider {
    --swiffy-slider-item-gap: 1rem;
  }
  /* .carousel-home-main .flickity-page-dots {
    display: inherit;
  } */
  .carousel-home-main .slider-image {
    max-height: 250px;
    width: auto;
    max-width: 100%;
  }
  .carousel-home-main .slider-container {
    border-radius: 0px;
  }
  section {
    padding: 2rem 0;
  }
  section .div-titolo-section {
    padding-left:calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-bottom: 1rem;
  }
  section .element-section {
    padding-left:calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
  }
  .link-view-all {
    float: right;
  }
  .slider-nav-outsideleft .slider-container, .slider-nav-outside-left li {
    margin-left:calc(var(--bs-gutter-x) * .5);
  }

  .slider-container .col-banner {
    text-align: left;
  }
  .col-banner {
      padding: 2rem 1rem;
  }
  .col-banner-text-center, .slider-container .col-banner.col-banner-text-center, .col-banner-text-center-mobile {
    align-items: center;
    text-align: center;
    padding: 2rem 3rem;
  }
  .slide-carousel2 .col-banner-text-center-mobile.colonna2 {
    padding: 1rem;
  }
  .slider-item-show9 {
    --swiffy-slider-item-count: 4;
  }
  .slider-item-show10 {
    --swiffy-slider-item-count: 5;
  }
  #carousel-categorie-prod .title {
    font-size: 1.1rem;
    line-height: 1.3rem;
  }
  .main-prodotti, .main-pressroom {
    padding: 2rem 2rem 2rem 2rem;
    border-left:var(--background-dark) 0px solid;
  }
  .testata-img {
    margin-bottom: -80px;
  }
  .testata-scheda {
    margin-bottom: 50px;
  }
  .tabs-scheda-prod .colonna-titolo {
    display: flex;
    align-items: center;
    text-align: left;
  }
  .tabs-scheda-prod .nav-pills .nav-link {
      font-size: 1.8rem;
  }
  .btn-white, .btn-white:hover {
    padding: 5px 9px;
  }
  .tabs-scheda-prod .colonna2 {
    border-left: 0;
  }
  .scrollbar-custom2::-webkit-scrollbar-thumb:horizontal {
    background: transparent;
  }
  .carousel-common .slider-container>li>.container-fluid, .carousel-common .slider-container>li>.container-fluid>.row, .carousel-common .slider-container>li>.container-fluid>.row>div {
    height: auto;
  }
  .main-news .news-card {
    padding: 1rem 0;
  }
  .testata.testata-bg {
    padding: 10rem 2rem;
    border-radius: 0;
  }
  .div-contact-submit {
    padding-top: 3rem;
    text-align: center;
  }
  .col-card {
    padding: 1rem 0.5rem;
  }
  .form-control, .easy-autocomplete input {
    font-size: 1.1rem;
    line-height: 2rem;
  }
  .btn-main.btn-xl {
    border-radius: 25px;
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 9px 24px;
  }
  div#cookie-banner button {
      width: 100%;
      margin-top: 5px;
  }
  .footer-tm {
      padding: 1rem 3rem 6rem 3rem;
  }

}

@media (max-width: 600px) {
  .navbar .offcanvas {
    width: 100%;
  }
  .locator-search {
      width: 90%;
  }
  #map {
    min-height: 700px;
  }
}

@media (min-width: 1200px) {
  .carousel-ingredienti .slider-container {
    justify-content: center;
  }
}