@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap');

:root{--barramenu-altezza:70px;--barramenu-sfondo:#23262a;--barramenu-sfondo-pannello:#2b2f34;--barramenu-bordo:#ffffff1a;--barramenu-testo:#fff;--barramenu-testo-soft:#fff9;--barramenu-accento:var(--primary-color-coupon,#fff)}
body.has-barramenu{padding-bottom:calc(var(--barramenu-altezza) + env(safe-area-inset-bottom,0px))}
body.barramenu-blocca-scroll{position:fixed;left:0;right:0;width:100%;overflow:hidden}

form{ margin:0px;}
a p{ font-weight:300;}
body{ font-size:16px; font-family: 'Outfit', sans-serif; background:#fff; color:#000;}
body.reservation-page{ background:#f7f7f7;}
body.menu-page{ background:#f7f7f7;}
::selection{ background:#000; color:#fff;}
::-moz-selection{ background:#000; color:#fff;}
::placeholder{ color:#b5b5b5; opacity:1; }
:-ms-input-placeholder{ color:#b5b5b5;}
::-ms-input-placeholder{ color:#b5b5b5;}
h1, h2, h3, h4, h5, h6{ font-family: 'Outfit', sans-serif; font-weight:300;}
a{ color:var(--primary-color-coupon); font-weight:400; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a:hover, a:focus{ color:inherit;}
p, li{ color:#000; font-size:18px; line-height:28px; font-weight:300;}
p{ margin-bottom:15px;}
p strong{ font-weight:600;}
strong{ font-weight:600;}
ul p{ line-height:24px;}
.container-fluid.zero{ padding-left:0px; padding-right:0px;}
.row{ margin:0 -20px;}
.row [class*="col-"]{ padding:0 20px;}
.row.row0{ margin:0px;}
.row.row0 > [class*="col-"]{ padding:0;}
.row.row5{ margin-left:-5px; margin-right:-5px;}
.row.row5 > [class*="col-"]{ padding:0 5px;}
.row.row10{ margin-left:-10px; margin-right:-10px;}
.row.row10 > [class*="col-"]{ padding:0 10px;}
.row.row15{ margin-left:-15px; margin-right:-15px;}
.row.row15 > [class*="col-"]{ padding:0 15px;}
.row.row30{ margin-left:-30px; margin-right:-30px;}
.row.row30 > [class*="col-"]{ padding:0 30px;}
.row.row60{ margin-left:-60px; margin-right:-60px;}
.row.row60 > [class*="col-"]{ padding:0 60px;}
.row.flex{ display:flex; flex-wrap:wrap;}
.row.flex:before, .row.flex:after{ content:none;}
.row.flex > [class*="col-"]{ display:flex;}
.row.center{ align-items: center;}
.row.flex [class*="col-"].pull-right{ order:2;}
.mt0{ margin-top:0px !important;}
label{ font-size:14px; text-align:left; font-weight:400; color:#000;}
input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], select, textarea{ font-family: 'Outfit', sans-serif; height:45px; font-size:15px; font-weight:300; background:#fff; border-radius:3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #d3d3d3; box-shadow:1px 1px 15px rgba(0,0,0,0.05);}
input[type="text"].error, input[type="email"].error{ background:rgba(193,30,30,0.1); border-color:#c11e1e; box-shadow:0 0 0 3px rgba(193,30,30,0.2);}
input[type="text"].error::placeholder, input[type="email"].error::placeholder{ color:c11e1e; opacity:1; }
input[type="text"].error:-ms-input-placeholder, input[type="email"].error:-ms-input-placeholder{ color:#b5b5b5;}
input[type="text"].error::-ms-input-placeholder, input[type="email"].error{ color:#b5b5b5;}
select{ width:100%; padding:10px 15px; -webkit-appearance:none;}
textarea, textarea.form-control{ height:100px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, textarea:focus{ border-color:#000;}
.form-group > label{ font-size:14px; text-align:left; font-weight:400; color:#000;}
.form-group > label span{ font-size:12px; color:#000; vertical-align:top;}
.input-telephone .iti{ width:100%;}
.input-telephone li.iti__country{ font-size:16px; line-height:24px; padding-left:10px;}
.input-telephone li:before, .input-telephone li.iti__country:before, .input-telephone li.iti__divider:before{ display:none;}
.input-telephone .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{ font-size:15px; font-weight:300;}
.iti-mobile .iti--container{ z-index:999999;}

.btn{ font-family: 'Outfit', sans-serif; font-size:16px; height:auto; padding:15px 25px; line-height:24px; font-weight:300; margin:0px; text-transform:uppercase; border-radius:5px; white-space:normal;}
.btn.btn-default{ background:var(--primary-color-coupon); border:1px solid var(--primary-color-coupon); color:#fff; vertical-align:top;}
.btn.btn-default:hover, .btn.btn-default:focus{ background:#000; border-color:#000; color:#fff;}
.btn.btn-primary{ background:none; border:1px solid var(--primary-color-coupon); color:var(--primary-color-coupon); vertical-align:top;}
.btn.btn-primary:hover, .btn.btn-primary:focus{ background:var(--primary-color-coupon); border-color:var(--primary-color-coupon); color:#fff;}
.btn.btn-big{ font-size:22px; padding:20px 40px;}
.btn.btn-big span{ border-bottom:1px solid #fff;}

.wrapper{ width:100%;}
.content{ overflow:hidden; background:none;}
.content.content-survey{ overflow:visible;}
.content .row + .row{ margin-top:60px;}

.block{ padding:60px 0;}
.block.pt0{ padding-top:0px !important;}
.block.pb0{ padding-bottom:0px !important;}
.block h2{ font-size:30px; line-height:34px; color:var(--primary-color-coupon); margin:0px; font-weight:600;}
.block h2.big{ font-size:46px; line-height:50px; color:var(--primary-color-coupon); margin:0px; font-weight:600;}
.block h3{ font-size:28px; line-height:34px; color:#000; margin:0px; font-weight:300;}
.block p:last-child{ margin-bottom:0px;}
.block ul{ margin:0px; padding:0px; margin-bottom:15px;}
.block ul:last-child{ margin-bottom:0px;}
.block ul li{ position:relative; margin-bottom:0px; padding-left:25px;}
.block ul li:last-child{ margin-bottom:0px;}
.block ul li:before{ content:"\f105";  font-family:FontAwesome; position:absolute; left:0px; font-size:18px; color:var(--primary-color-coupon);}
.block ol{ margin:0px; padding:0px; margin-bottom:15px;}
.block ol:last-child{ margin-bottom:0px;}
.block ol li{ position:relative; margin-bottom:0px; padding-left:25px;}
.block ol li:before{ font-weight:300; position:absolute; left:0px; font-size:18px; color:var(--primary-color-coupon);}
.block .image{ border-radius:10px; overflow:hidden; margin-bottom:40px;}
.block .image img{ width:100%; height:auto;}

.block.text-base .wrap{ width:100%; max-width:900px; margin:0 auto;}
.block.text-base .text h2 + h3{ margin-top:15px;}
.block.text-base .text h3 + p{ margin-top:20px;}
.block.text-base .text h2 + p{ margin-top:20px;}
.block.text-base .text h3 + h3{ margin-top:10px;}
.block.text-base .text h2 + .btn, .block.text-base .text h3 + .btn, .block.text-base .text p + .btn, .block.text-base .text ol + .btn, .block.text-base .text ul + .btn{ margin-top:20px;}
.block.text-base .text + .text{ margin-top:40px;}
.block.text-base .text + .text.credito{ margin-top:5px;}
.block.text-base .text.text-intro{ margin-bottom:40px;}
.block.text-base .text.text-intro .logo{ display:inline-block; margin-bottom:20px;}
.block.text-base .text.text-intro .logo img{ max-height:100px; max-width:220px;}
.block.text-base .text.text-intro.text-intro-prenotazione{ max-width:800px; margin-left:auto; margin-right:auto;}
.block.text-base .text.credito{ background:#008000;}
.block.text-base .text.credito h2{ color:#fff;}
.block.text-base .text.text-intro .nopermessi{ padding:20px; margin-top:40px; text-align:center; background:#ebccd1; border-radius:5px;}
.block.text-base .text.text-intro .nopermessi p{ color:#a94442;}
.block.text-base .video{ position:relative; padding-bottom:56.25%; height:0; margin-bottom:40px;}
.block.text-base .video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.block.text-base .action{ margin-top:40px; text-align:center;}
.block.text-base .action .btn{ min-width:250px; display:inline-block;}
.block.text-base .action .custom-input{ margin-bottom:10px;}
.block.text-base .action .custom-input label{ width:100%; font-size:18px; line-height:20px; font-weight:300;}
.block.text-base .action .custom-input label span{ font-size:13px; line-height:18px;}
.block.text-base .action .custom-input input{ width:100%; max-width:250px; height:50px; font-size:20px; text-align:center; margin-top:10px;}
.block.text-base .action .price{ font-size:30px; line-height: 1; color:var(--primary-color-coupon); font-weight:700; margin-bottom: 20px;}
.block.text-base .where-to-book{ margin-top:40px; text-align:center;}
.block.text-base .where-to-book .name{ margin-bottom:20px;}
.block.text-base .where-to-book .list .item{ padding:0px; margin:0px; margin-bottom:40px;}
.block.text-base .where-to-book .list .item:last-child{ margin-bottom:0px;}
.block.text-base .where-to-book .list .item h3{ margin-bottom:5px;}
.block.text-base .where-to-book .list .item ul{ display:flex; flex-wrap:nowrap; justify-content:center;}
.block.text-base .where-to-book .list .item ul li{ padding:0px; margin:0 2.5px;}
.block.text-base .where-to-book .list .item ul li:before{ display:none;}
.block.text-base .where-to-book .list .item .btn{ height:100%; font-size:14px; line-height:20px; font-weight:400; padding:7px 15px; display:flex; flex-wrap:nowrap; align-items:center;}
.block.text-base .where-to-book .list .item .btn.btn-tel{ position:relative; padding-left:30px;}
.block.text-base .where-to-book .list .item .btn.btn-tel span{ white-space:nowrap;}
.block.text-base .where-to-book .list .item .btn.btn-tel:before{ content:"\f095"; font-family:FontAwesome; font-size:15px; position:absolute; left:10px; color:#fff; }
.block.text-base .alert-pagamento-ko{ padding:10px 20px; text-align:center; background:#ebccd1; color:#a94442; border-radius:5px; margin-bottom:20px;}
.block.text-base .text.text-disiscriviti{ width:100%; float:left; padding-top:20px; margin-top:40px; text-align:center; border-top:1px solid #e1e1e1;}

.block.text-base.intro-survey .wrap{ max-width:700px;}

.block.menu{ padding:40px 0;}
.block.menu .top{ margin-bottom:40px; text-align:center;}
.block.menu .top .logo{ display:inline-block; margin-bottom:10px;}
.block.menu .top .logo img{ max-height:100px; max-width:200px;}
.block.menu .top .intromenu{ background:#fff; text-align:left; padding:30px; margin-top:20px; border-radius:5px; box-shadow: 3px 0px 10px rgba(0,0,0,0.1);}
.block.menu .top .backhome{ margin-top:10px;}
.block.menu .top .backhome a{ width:32px; height:32px; font-size:18px; display:inline-block; background:var(--primary-color-coupon); color:#fff; vertical-align:middle; border-radius:5px;}
.block.menu .top .backhome a i{ vertical-align:top; line-height:32px;}
.block.menu .top .backhome a:hover{ background:#000;}
.block.menu .menu-groups ul li{ width:100%; float:left; margin:0px; padding:0px; text-align:center; padding:10px 0;}
.block.menu .menu-groups ul li:last-child{ border:0px;}
.block.menu .menu-groups ul li:before{ display:none;}
.block.menu .menu-groups ul li a{ padding:15px 20px; min-width:250px; display:inline-block; text-align:center; font-size:16px; line-height:22px; border-radius:5px; font-weight:300; background:var(--primary-color-coupon); color:#fff;}
.block.menu .menu-groups ul li a:hover{ background:#000;}
.block.menu .category-navigation{ width:100%; float:left; position:relative; margin-bottom:10px;}
.block.menu .category-navigation ul{ overflow:scroll; display:flex; flex-wrap:wrap; margin:0px -5px; padding:0px;}
.block.menu .category-navigation ul::-webkit-scrollbar{ display:none;}
.block.menu .category-navigation ul li{ width:33.33%; float:left; padding:0px 5px; margin:0px; margin-bottom:10px}
.block.menu .category-navigation ul li:last-child{}
.block.menu .category-navigation ul li:before{ display:none;}
.block.menu .category-navigation ul li a{ width:100%; height:100%; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; padding:15px 20px; min-width:100px; text-align:center; font-size:16px; line-height:22px; border-radius:5px; font-weight:300; background:var(--primary-color-coupon); color:#fff;}
.block.menu .category-navigation ul li a span{}
.block.menu .category-navigation ul li a:hover{ background:#333;}
.block.menu .category-navigation.subcategory ul li a{ background:#333;}
.block.menu .category-navigation.subcategory ul li a:hover{ background:var(--primary-color-coupon);}
.block.menu .category-navigation.subcategory ul li.link-menu-back a{ background:var(--primary-color-coupon);}
.block.menu .category-navigation.subcategory ul li.link-menu-back a:hover{ background:#333;}
.block.menu .category-navigation.subcategory ul li.link-menu-back a i{ font-size:20px; vertical-align:top;}
.block.menu .coperto-menu{ width:100%; float:left; text-align:center; font-size:18px;}
.block.menu .disclaimer-menu{ width:100%; float:left; text-align:center;}
.block.menu .disclaimer-menu p{ font-size:14px; line-height:20px; color:#666;}
.block.menu .coperto-menu + .disclaimer-menu{ margin-top:10px;}

.block.menu .wrap{ width:100%; max-width:800px; margin:0 auto;}
.block.menu .section{ width:100%; float:left; }
.block.menu .section .title{ width:100%; float:left; text-align:center; padding-top:10px; margin-bottom:20px; position:relative;}
.block.menu .section .title + .item{ margin-top:10px;}
.block.menu .section .title h2:before{ content:""; width:100%; height:1px; position:absolute; left:0px; top:50%; margin-top:-0.5px; background:#e1e1e1;}
.block.menu .section .title h2{ position:relative; margin:0px;}
.block.menu .section .title h2 span{ background:#f7f7f7; position:relative; z-index:2; padding:0 10px;}
.block.menu .section .subtitle{ width:100%; float:left; text-align:center; margin-bottom:20px;}
.block.menu .section .subtitle h3{ font-size:24px; line-height:30px; font-weight:700;}
.block.menu .section .section-description{ width:100%; float:left; padding:0 10%; text-align:center; margin-bottom:40px;}
.block.menu .section .item{ width:100%; float:left; justify-content:space-between; padding:30px; background:#fff; box-shadow:3px 0px 10px rgba(0,0,0,0.1); border-radius:5px; margin-bottom:20px;}
.block.menu .section .item .head{ width:100%; display:flex; align-items:center; flex-wrap:nowrap; margin-bottom:10px;}
.block.menu .section .item .head .image{ min-width:90px; max-width:90px; float:right; margin:0px; border-radius:5px; align-self: flex-start;}
.block.menu .section .item .head .image img{ border-radius:5px;}
.block.menu .section .item .head .name{ max-width:calc(100% - 90px); margin-bottom:0px;}
.block.menu .section .item .head .name h4{ font-size:24px; line-height:30px; font-weight:700; color:var(--primary-color-coupon); margin:0px;}
.block.menu .section .item .head .image + .name{ padding-left:20px;}
.block.menu .section .item .body{ padding-right:0px;}
.block.menu .section .item .description{ width:100%; float:left; margin-bottom:10px;}
.block.menu .section .item .description.expand{ max-height:250px; position:relative; overflow:hidden;}
.block.menu .section .item .description.expand:before{ content:""; width:100%; height:100px; position:absolute; left:0px; bottom:0px; background: #ffffff;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.block.menu .section .item .description.expand:after{ content:"\f078"; font-family:FontAwesome; width:24px; height:24px; position:absolute; left:50%; bottom:0px; margin-left:-12px; font-size:16px; line-height:24px; text-align:center;}
.block.menu .section .item .description.expand.full{ max-height:none; overflow:visible; padding-bottom:32px;}
.block.menu .section .item .description.expand.full:before{ display:none;}
.block.menu .section .item .description.expand.full:after{ transform: rotate(180deg);}
.block.menu .section .item .description pre{ font-family:'Outfit', sans-serif; padding:15px 20px; background:#f7f7f7; border:0px; font-size:13px; line-height:1.4;}
.block.menu .section .item .videyoutube{ width:100%; float:left; margin-top:0px;}
.block.menu .section .item .videyoutube .btn{ padding:5px 10px; font-size:13px; line-height:1.4; position:relative; padding-left:32px; background:#CD201F; border-color:#CD201F; color:#fff;}
.block.menu .section .item .videyoutube .btn:before{ content:"\f16a"; font-family:FontAwesome; position:absolute; left:10px; top:7px; font-size:15px; line-height:1; color:#fff; transition: all .3s ease-in-out;}
.block.menu .section .item .videyoutube .btn:hover{ background:none; border-color:#CD201F; color:#CD201F;}
.block.menu .section .item .videyoutube .btn:hover:before{ color:#CD201F;}
.block.menu .section .item .videyoutube + .total{ margin-top:15px;}
.block.menu .section .item .videyoutube + .caratteristiche{ margin-top:15px;}
.block.menu .section .item .caratteristiche{ width:100%; float:left; margin-bottom:0px;}
.block.menu .section .item .caratteristiche ul{ margin:0px; padding:0px;}
.block.menu .section .item .caratteristiche li{ width:32px; height:32px; float:left; padding:0px; margin:0 7px 0 0; background:#e1e1e1; border-radius:5px;}
.block.menu .section .item .caratteristiche li:before{ display:none;}
.block.menu .section .item .caratteristiche li:last-child{ margin-right:0px;}
.block.menu .section .item .caratteristiche li img{ width:100%; height:auto; padding:6px; vertical-align:top;}
.block.menu .section .item .allergeni{  width:100%; float:left; font-size:14px; line-height:18px; margin-bottom:0px;}
.block.menu .section .item .total{ width:100%; float:left; margin-top:10px; font-size:20px; line-height:26px; font-weight:700; color:#000;}
.block.menu .section .item .total + .caratteristiche{ margin-top:20px;}
.block.menu .section .item .total + .allergeni{ margin-top:20px;}
.block.menu .section .item .caratteristiche + .allergeni{ margin-top:10px;}
.block.menu .section .item .description + .caratteristiche{ margin-top:10px;}
.block.menu .section .item .description + .allergeni{ margin-top:10px;}
.block.menu .section .item .videyoutube + .allergeni{ margin-top:10px;}

body.noimage .block.menu .section .item .head .image{ display:none !important;}
body.noimage .block.menu .section .item .head .name{ width:100%; max-width:100%; padding-left:0px;}
body.standardimage .block.menu .section .item .head .image{ height:90px; position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat;}
body.standardimage .block.menu .section .item .head .image a{ width:100%; height:100%; position:absolute; left:0px; top:0px;}

body.fullimage .block.menu .section .item .head{ flex-wrap:wrap;}
body.fullimage .block.menu .section .item .head .image{ width:100%; min-width:100%; max-width:100%; height:0px; padding-bottom:50%; margin-bottom:20px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
body.fullimage .block.menu .section .item .head .name{ width:100%; max-width:100%; padding-left:0px;}

.modal-open .modal{ overflow:auto;}
.modal-backdrop{ z-index:99999; background:#e1e1e1;}
.modal{ z-index:999999; border-radius:0px; display:none !important; padding:40px 0;}
.modal.in { display:flex !important; align-items:center; flex-direction: column; justify-content:center;}
.modal .modal-dialog{ width:640px; margin:0px; overflow:auto !important; box-shadow:5px 5px 50px rgba(0,0,0,0.2);}
.modal.in .modal-dialog{ top:auto; transform:none;}
.modal .modal-dialog{ overflow:hidden; border-radius:10px;}
.modal .close{ width:48px; height:48px; position:absolute; background-color:#fff; background-image:url(../images/icon-close.png); background-size:100% 100%; top:0px; right:0px; text-shadow:0px 0px 0px #000; opacity:1; z-index:2; background-color:#f7f7f7; border-bottom-left-radius:5px;}
.modal .close:hover{ background-color:#e1e1e1;}
.modal .modal-content{ background:#fff; position:relative; padding:40px 60px; border:0px;}
.modal .modal-content .intro{ margin-bottom:20px;}
.modal .modal-content .intro h2{ font-size:30px; line-height:34px; color:var(--primary-color-coupon); margin:0px; font-weight:600;}
.modal .modal-content .intro h3{ font-size:22px; line-height:28px; color:#000; margin:0px; font-weight:300;}
.modal .modal-content .form .row{ margin:0 -10px;}
.modal .modal-content .form .row + .row{ margin-top:0px;}
.modal .modal-content .form .row [class*="col-"]{ padding:0 10px;}
.modal .modal-content .form .form-group{ margin-bottom:15px;}
.modal .modal-content .form .check-wrap{ width:100%; float:left; margin-bottom:20px;}
.modal .modal-content .form .check-wrap .text{ font-size:16px; line-height:24px; font-weight:300; margin-bottom:10px;}
.modal .modal-content .form .check-wrap .check{ clear:both; width:100%; float:left;}
.modal .modal-content .form .check-wrap .check input[type=checkbox]{display: none;}
.modal .modal-content .form .check-wrap .check label{ width:auto; display:inline-block; position:relative; font-weight:400; color:#5c5c5c; vertical-align:top;}
.modal .modal-content .form .check-wrap .check label:before{ width:22px; height:22px; left:0px; background:#fff; border:1px solid #d3d3d3; content:""; position:absolute; margin-right:10px; cursor:pointer; border-radius:3px; box-shadow:1px 1px 15px rgba(0,0,0,0.05);}
.modal .modal-content .form .check-wrap .check input[type=checkbox]:checked + label:before { font-family:FontAwesome; content:"\f00c"; text-align: center; line-height:20px; font-size:12px; color:#000;}
.modal .modal-content .form .check-wrap .check label span{ display:inline-block; min-height:22px; padding-left:37px; font-size:15px; text-align:left; color:#000; font-weight:300; line-height:22px; float:left;}
.modal .modal-content .form .check-wrap .check label span a{ color:#000; text-decoration:underline; font-weight:600;}
.modal .modal-content .form .check-wrap .check label span a:hover{ text-decoration:none;}
.modal .modal-content .form .check-wrap .check + .check{ margin-top:10px;}
.modal .modal-content .form .check-wrap .check.big{ margin-top:20px;}
.modal .modal-content .form .check-wrap .check.big label:before{ width:32px; height:32px;}
.modal .modal-content .form .check-wrap .check.big label span{ min-height:32px; padding-left:42px; padding-top:7px; font-size:18px; font-weight:600;}
.modal .modal-content .form .check-wrap .check.big input[type=checkbox]:checked + label:before{ line-height:30px; font-size:16px;}
.modal .modal-content .form .action .btn{ width:100%;}

.modal.modal-regolamento .modal-content .intro h2{ margin-bottom:15px;}

.footer{ background:#e9e9e9; padding:0px; overflow:hidden;}
.footer p, .footer address{ font-size:13px; line-height:20px; color:#000;}
.footer a{ color:#000; text-decoration:none;}
.footer a:hover{ color:var(--primary-color-coupon); text-decoration:underline;}
.footer .footer-extra{ padding:20px 0;}
.footer .footer-extra .row{ padding:0px; text-align:center;}

.ui-widget.ui-widget-content{ width:auto; font-family:'Outfit',sans-serif; padding:10px; border-radius:5px; font-size:15px; box-sizing:border-box; box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.ui-datepicker .ui-datepicker-header{ padding:5px 10px; background:var(--primary-color-coupon); color:#fff; font-weight:300; border-radius:5px; border:0px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ width:30px; height:30px; border:0px; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover{ background:none; border:0px; left:2px; top:2px;}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover{ background:none; border:0px; right:2px; top:2px;}
.ui-datepicker .ui-datepicker-prev span{ width:100%; height:100%; left:0px; top:0px; margin:0px; padding:0px; background:none;}
.ui-datepicker .ui-datepicker-prev:before{ content:"\f053"; width:100%; height:100%; position:absolute; font-size:12px; text-align:center; line-height:32px; color:#fff; left:0px; top:0px; font-family:"FontAwesome"; font-weight:900;}
.ui-datepicker .ui-datepicker-next:before{ content:"\f054"; width:100%; height:100%; position:absolute; font-size:12px; text-align:center; line-height:32px; color:#fff; left:0px; top:0px; font-family:"FontAwesome"; font-weight:900;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ background:#f7f7f7; border:0px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ background:var(--primary-color-coupon); color:#fff;}
.ui-datepicker th{ font-weight:300;}
.ui-datepicker td span, .ui-datepicker td a{ padding:3px; text-align:center; border-radius:3px;}
.ui-datepicker td a:hover{ background:#e1e1e1;}
.ui-datepicker .ui-datepicker-title select{ width:50px; margin:0 3px; padding:0px 5px; text-align:center; font-family:'Outfit',sans-serif; border-radius:2px; font-size:13px; color:#000; font-weight:400; height:27px; line-height:27px; border:1px solid #e1e1e1;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{ color:#000; background:#e1e1e1;}
.ui-state-highlight.ui-state-active, .ui-widget-content .ui-state-highlight.ui-state-active{ background:var(--primary-color-coupon); color:#fff;}

.popover{ clear:both; width:80px; max-width:100px; padding:7px 10px; background:#e1e1e1; color:#666; font-family:'Outfit',sans-serif;}
.popover-content{ padding:0px; font-weight:normal !important; font-size:12px !important; line-height:16px !important; font-weight:300; color:#000;}
.popover.bottom > .arrow:after{ border-bottom-color: #e1e1e1;}
.popover.top > .arrow:after{ border-top-color: #e1e1e1;}

.progressLoader{ width:100%; height:100%; position:fixed; left:0px; top:0px; background-color:rgba(0,0,0,0.75); background-image:url(../images/loading.gif); background-size:100px auto; background-repeat:no-repeat; background-position:center center;}

.block.menu .category-navigation.templatecategorie1 ul{ display:block; overflow:visible;}
.block.menu .category-navigation.templatecategorie1 ul li{ margin-bottom:20px;}
.block.menu .category-navigation.templatecategorie1 ul li a{ width:100%; min-width:100%; float:left; display:flex; flex-wrap:nowrap; padding:20px; background:#fff; box-shadow: 3px 0px 10px rgba(0,0,0,0.1);border-radius:5px; margin-bottom:0px; overflow:hidden;}
.block.menu .category-navigation.templatecategorie1 ul li{ width:100%;}
.block.menu .category-navigation.templatecategorie1 ul li a span.image{ width:100%; min-width:100px; min-height:100px; max-width:100px; max-height:100px; margin:0px; border-radius:5px; background-size:cover;} 
.block.menu .category-navigation.templatecategorie1 ul li a span.text{ width:100%; text-align:left;}
.block.menu .category-navigation.templatecategorie1 ul li a span.image + span.text{ padding-left:30px;}
.block.menu .category-navigation.templatecategorie1 ul li a span.text span.titoloanteprima{ width:100%; float:left; font-size:24px; line-height:30px; font-weight:700; color:var(--primary-color-coupon); margin:0px;}
.block.menu .category-navigation.templatecategorie1 ul li a span.text span.desccatanteprima{ width:100%; float:left; margin-top:5px;}
.block.menu .category-navigation.templatecategorie1 ul li a span.text span.desccatanteprima p{ line-height:inherit; font-weight:inherit;}

.block.menu .category-navigation.templatecategorie2 ul{ display:block; overflow:visible;}
.block.menu .category-navigation.templatecategorie2 ul li{ margin-bottom:20px;}
.block.menu .category-navigation.templatecategorie2 ul li a{ width:100%; min-width:100%; float:left; display:flex; flex-wrap:wrap; padding:30px; background:#fff; box-shadow: 3px 0px 10px rgba(0,0,0,0.1);border-radius:5px; margin-bottom:0px; overflow:hidden;}
.block.menu .category-navigation.templatecategorie2 ul li{ width:100%;}
.block.menu .category-navigation.templatecategorie2 ul li a span.image{ width:100%; margin:0px; border-radius:5px; background-size:cover;} 
.block.menu .category-navigation.templatecategorie2 ul li a span.image + span.text{ margin-top:20px;}
.block.menu .category-navigation.templatecategorie2 ul li a span.text{ width:100%; text-align:left;}
.block.menu .category-navigation.templatecategorie2 ul li a span.text span.titoloanteprima{ width:100%; float:left; font-size:24px; line-height:30px; font-weight:700; color:var(--primary-color-coupon); margin:0px;}
.block.menu .category-navigation.templatecategorie2 ul li a span.text span.desccatanteprima{ width:100%; float:left; margin-top:5px;}
.block.menu .category-navigation.templatecategorie2 ul li a span.text span.desccatanteprima p{ line-height:inherit; font-weight:inherit;}

.block.menu .top .backhome a{ width:auto; height:auto; padding:5px 15px;}
.block.menu .top .backhome a i{ line-height:22px; vertical-align:unset;}
.block.menu .top .backhome a span{ line-height:22px; font-size:16px; font-weight:300; margin-left:5px;}

.block.menu .section .item .head .name .etichetta{ float:left; font-size:13px; font-weight:300; line-height:1; padding:4px 7px; color:#fff; border-radius:5px;}
.block.menu .section .item .head .name .etichetta + h4{ margin-top:5px;}
.block.menu .section .item .head .name h4{ width:100%; float:left;}

.block.menu .section .item .caratteristiche + .varianti{ margin-top:30px;}
.block.menu .section .item .allergeni + .varianti{ margin-top:30px;}
.block.menu .section .item .varianti{ width:100%; float:left; margin-top:10px;}
.block.menu .section .item .varianti ul{ display:flex; flex-wrap:nowrap; margin:0 -5px;}
.block.menu .section .item .varianti li{ width:100%; padding:0 5px; text-align:center; border-right:1px solid #e1e1e1;}
.block.menu .section .item .varianti li:last-child{ border:0px;}
.block.menu .section .item .varianti li:before{ display:none;}
.block.menu .section .item .varianti li .prezzovariante{ font-size:18px; line-height:1; font-weight:700;}
.block.menu .section .item .varianti li .variante{ font-size:18px; line-height:1;}
.block.menu .section .item .varianti li .prezzovariante + .variante{ margin-top:5px;}
.block.menu .section .item .varianti ul.half{ width:auto; flex-wrap:wrap;}
.block.menu .section .item .varianti ul.half li{ width:50%; margin-top:10px; border:0px;}
.block.menu .section .item .varianti ul.half li:nth-child(odd){ border-right:1px solid #e1e1e1;}
.block.menu .section .item .varianti ul.half li:nth-child(1){ margin-top:0px; }
.block.menu .section .item .varianti ul.half li:nth-child(2){ margin-top:0px; }

body.noimage .block.menu .section .item.abbinamento,
body.standardimage .block.menu .section .item.abbinamento,
body.fullimage .block.menu .section .item.abbinamento{ width:90%; padding:20px; margin-left:5%; margin-right:5%;}
body.noimage .block.menu .section .item.abbinamento .head,
body.standardimage .block.menu .section .item.abbinamento .head,
body.fullimage .block.menu .section .item.abbinamento .head{ display:flex; flex-wrap:nowrap;}
body.noimage .block.menu .section .item.abbinamento .head:last-child,
body.standardimage .block.menu .section .item.abbinamento .head:last-child,
body.fullimage .block.menu .section .item.abbinamento .head:last-child{ margin-bottom:0px;}
body.noimage .block.menu .section .item.abbinamento .head .image,
body.standardimage .block.menu .section .item.abbinamento .head .image,
body.fullimage .block.menu .section .item.abbinamento .head .image{ width:100%; min-width:90px; min-height:90px; max-width:90px; max-height:90px; margin:0px;}
body.noimage .block.menu .section .item.abbinamento .head .name,
body.standardimage .block.menu .section .item.abbinamento .head .name,
body.fullimage .block.menu .section .item.abbinamento .head .name{ width:100%; cursor:pointer;}
body.noimage .block.menu .section .item.abbinamento .head .image + .name,
body.standardimage .block.menu .section .item.abbinamento .head .image + .name,
body.fullimage .block.menu .section .item.abbinamento .head .image + .name{ padding-left:20px;}
body.noimage .block.menu .section .item.abbinamento .head .name h4,
body.standardimage .block.menu .section .item.abbinamento .head .name h4,
body.fullimage .block.menu .section .item.abbinamento .head .name h4{ width:100%; float:left;}

body.noimage .block.menu .section .item.abbinamento .head .image{ display:none;}
body.noimage .block.menu .section .item.abbinamento .head .name{ padding-left:0px;}
body.noimage .block.menu .section .item.abbinamento .head .image + .name{ padding-left:0px;}

body.fullimage .block.menu .section .item .head .image{ height:auto; padding:0px;}

.block.menu .section .item.item-coupon{ position:relative; background:#fff; border:3px solid var(--primary-color-coupon);}
.block.menu .section .item.item-coupon .item-coupon-top{ position:relative; text-align:center; z-index:10; margin-bottom:20px;}
.block.menu .section .item.item-coupon .item-coupon-top h2{ font-size:24px; line-height:30px; font-weight:700;}
.block.menu .section .item.item-coupon .item-coupon-top h3{ font-size:20px; line-height:24px; color:#000; font-weight:300;}
.block.menu .section .item.item-coupon .item-coupon-image{ position:relative; z-index:10; margin-bottom:20px;}
.block.menu .section .item.item-coupon .item-coupon-image img{ border-radius:5px;}
.block.menu .section .item.item-coupon .item-coupon-text{ position:relative; z-index:10; margin-bottom:20px;}
.block.menu .section .item.item-coupon .item-coupon-text h2{ font-size:24px; line-height:30px; font-weight:700; margin-bottom:15px;}
.block.menu .section .item.item-coupon .item-coupon-text h3{ font-size:20px; line-height:26px; color:#000; font-weight:300; margin-bottom:15px;}
.block.menu .section .item.item-coupon .item-coupon-action{ text-align:center; position:relative; z-index:10;}
.block.menu .section .item.item-coupon .item-coupon-action .btn span{ border-bottom:1px solid #fff;}

.block.menu .section .item.item-fidelity{  position:relative; background:#fff; border:3px solid var(--primary-color-coupon);}
.block.menu .section .item.item-fidelity .item-fidelity-text{ position:relative; z-index:10; margin-bottom:20px;}
.block.menu .section .item.item-fidelity .item-fidelity-text h2{ font-size:24px; line-height:30px; font-weight:700; margin-bottom:10px;}
.block.menu .section .item.item-fidelity .item-fidelity-text h3{ font-size:20px; line-height:26px; color:#000; font-weight:300; margin-bottom: 15px;}
.block.menu .section .item.item-fidelity .item-fidelity-action{ text-align:center; position:relative; z-index:10;}
.block.menu .section .item.item-fidelity .item-fidelity-action .btn span{ border-bottom:1px solid #fff;}

.block.menu .section .item.item-newsletter{  position:relative; background:#fff; border:3px solid var(--primary-color-coupon);}
.block.menu .section .item.item-newsletter .item-newsletter-text{ position:relative; z-index:10; margin-bottom:20px;}
.block.menu .section .item.item-newsletter .item-newsletter-text h2{ font-size:24px; line-height:30px; font-weight:700; margin-bottom:10px;}
.block.menu .section .item.item-newsletter .item-newsletter-text h3{ font-size:20px; line-height:26px; color:#000; font-weight:300; margin-bottom: 15px;}
.block.menu .section .item.item-newsletter .item-newsletter-action{ text-align:center; position:relative; z-index:10;}
.block.menu .section .item.item-newsletter .item-newsletter-action .btn span{ border-bottom:1px solid #fff;}

.block.menu .menu-groups-list{ width:100%; max-width:600px; margin:0 auto;}
.block.menu .menu-groups-list ul li{ width:100%; float:left; padding:0px; margin-bottom:15px;}
.block.menu .menu-groups-list ul li:last-child{ margin-bottom:0px;}
.block.menu .menu-groups-list ul li:before{ display:none;}
.block.menu .menu-groups-list ul li a{ width:100%; float:left; display:block; text-align:center; background-color:#fff; padding:20px; border-radius:5px; margin:0px; box-shadow:3px 0px 10px rgba(0,0,0,0.1);}
.block.menu .menu-groups-list ul li a span.titololink{ width:100%; float:left; font-size:24px; line-height:30px; color:var(--primary-color-coupon); text-transform:none; font-weight:700;; position:relative;}
.block.menu .menu-groups-list ul li a span.titololink:after{ content:"\f105"; font-family:FontAwesome; padding-left:10px; font-size:18px; color:var(--primary-color-coupon);}
.block.menu .menu-groups-list ul li a span.sottotitololink{ width:100%; float:left; margin-top:5px; }
.block.menu .menu-groups-list ul li a img{ width:100%; height:auto; border-radius:5px; margin-bottom:10px;}
.block.menu .menu-groups-list ul p{ line-height:28px;}

.modal-allergeni{ padding:30px;}
.modal-allergeni .modal-content{ padding:40px;}
.modal-allergeni .list ul{ margin:0px; padding:0px;}
.modal-allergeni .list li{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e1e1e1;}
.modal-allergeni .list li:last-child{ padding-bottom:0px; margin-bottom:0px; border:0px;}
.modal-allergeni .list li .name{ font-weight:700; font-size:inherit; line-height:inherit;}
.modal-allergeni .list li .description p{ font-size:inherit; line-height:inherit;}

.modal .modal-content .form .nopermessimenu{ padding:20px; background:#ebccd1; border-radius:5px; text-align: center; margin-top:20px;}
.modal .modal-content .form .nopermessimenu p{ color:#a94442;}

.modal.modal-videoyoutube .modal-content{ padding:10px;}
.modal.modal-videoyoutube .modal-dialog{ width:768px;}
.modal.modal-videoyoutube .videocontenuto{ background:#fff; position: relative; padding-bottom: 56.25%; height: 0; border-radius:10px; overflow:hidden;}
.modal.modal-videoyoutube .videocontenuto iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* elementi nascosti dalla barra */

.languages-fixed,
.wrap .top .backhome,
.backcategoriefooter,
#scrolltop{display:none!important}

/* icone svg */

.barramenu-svg{display:block;width:1em;height:1em;flex:0 0 auto;fill:currentColor}

/* barra menu */

.barramenu-wrap{position:static;z-index:auto}
.barramenu{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:var(--barramenu-sfondo);box-shadow:0 -2px 12px #0000002e;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-font-smoothing:antialiased}
.barramenu-lista{display:flex;align-items:stretch;max-width:640px;margin:0 auto;padding:0;list-style:none;height:var(--barramenu-altezza)}
.barramenu-voce{flex:1 1 0;min-width:0;display:flex;list-style:none}
.barramenu-voce > a{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 1px;color:var(--barramenu-testo-soft);text-decoration:none;border:0;background:none;text-align:center;transition:color .2s ease,background-color .2s ease}
.barramenu-voce > a:hover,.barramenu-voce > a:focus{color:var(--barramenu-testo);text-decoration:none;outline:none}
.barramenu-voce > a:focus-visible{outline:2px solid var(--barramenu-testo);outline-offset:-2px}
.barramenu-voce.is-aperta > a,.barramenu-voce.is-attiva > a{color:var(--barramenu-testo);background:#ffffff14}
.barramenu-icona{display:block;font-size:23px;line-height:1;height:24px}
.barramenu-icona img{display:block;width:24px;height:24px;border-radius:50%;object-fit:cover}
.barramenu-icona .barramenu-svg{width:24px;height:24px}
.barramenu-label{display:block;font-size:10px;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.barramenu-top > a{opacity:.45;transition:opacity .25s ease,color .2s ease}
.barramenu-top.is-attiva > a{opacity:1;color:var(--barramenu-testo);background:none}
.barramenu-voce:first-child:nth-last-child(n+6) .barramenu-label,
.barramenu-voce:first-child:nth-last-child(n+6) ~ .barramenu-voce .barramenu-label{font-size:9px;letter-spacing:.02em}

/* pannelli a comparsa */

.barramenu-overlay{position:fixed;inset:0;z-index:1028;background:#00000073;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.barramenu-overlay.is-aperto{opacity:1;visibility:visible}
.barramenu-pannello{position:fixed;left:0;right:0;bottom:calc(var(--barramenu-altezza) + env(safe-area-inset-bottom,0px));z-index:1029;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--barramenu-sfondo-pannello);color:var(--barramenu-testo);border-top:1px solid var(--barramenu-bordo);box-shadow:0 -6px 18px #00000040;transform:translateY(110%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}
.barramenu-pannello.is-aperto{transform:translateY(0);visibility:visible;transition:transform .28s ease,visibility 0s linear 0s}
.barramenu-pannello-alto{visibility:visible;pointer-events:none;transition:transform .28s ease;top:0;bottom:auto;max-height:70vh;transform:translateY(-110%);border-top:0;border-bottom:1px solid var(--barramenu-bordo);box-shadow:0 6px 18px #00000040;padding-top:env(safe-area-inset-top,0px)}
body.barramenu-ricerca-aperta{padding-top:var(--barramenu-pannello-alto,0px)}
body.barramenu-tastiera .barramenu{display:none}
body.has-barramenu.barramenu-tastiera{padding-bottom:0}
.barramenu-pannello-alto.is-aperto{pointer-events:auto}
.barramenu-pannello-testata{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 6px}
.barramenu-pannello-titolo{margin:0;font-size:14px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--barramenu-testo-soft)}
.barramenu-chiudi{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#ffffff1a;color:var(--barramenu-testo);cursor:pointer}
.barramenu-chiudi .barramenu-svg{width:12px;height:12px}
.barramenu-chiudi:hover{background:#fff3}
.barramenu-pannello-corpo{max-width:640px;margin:0 auto;padding:6px 16px 18px}
.barramenu-pannello-lingue ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin:0;padding:0;list-style:none;position:static}
.barramenu-pannello-lingue li{list-style:none;margin:0;padding:0}
.barramenu-pannello-lingue li a{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--barramenu-bordo);border-radius:8px;background:#ffffff0a;color:var(--barramenu-testo);text-decoration:none;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.barramenu-pannello-lingue li a:hover,.barramenu-pannello-lingue li a:focus{background:#ffffff1f;color:var(--barramenu-testo);text-decoration:none}
.barramenu-pannello-lingue li.active a{border-color:var(--barramenu-testo);background:#ffffff29}
.barramenu-pannello-lingue li img{display:block;width:22px;height:22px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.barramenu-albero{margin:0;padding:0;list-style:none}
.barramenu-albero li{margin:0;padding:0;list-style:none}
.barramenu-cat{display:block;padding:11px 10px;border-bottom:1px solid var(--barramenu-bordo);color:var(--barramenu-testo);text-decoration:none;font-size:15px;line-height:1.3}
.barramenu-cat:hover,.barramenu-cat:focus{background:#ffffff14;color:var(--barramenu-testo);text-decoration:none}
.barramenu-cat.livello-1{padding-left:26px;font-size:14px;opacity:.92}
.barramenu-cat.livello-2{padding-left:42px;font-size:14px;opacity:.84}
.barramenu-cat.livello-3{padding-left:58px;font-size:13px;opacity:.78}
.barramenu-cat.livello-4{padding-left:74px;font-size:13px;opacity:.72}
.barramenu-cat-tutte{font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.04em}
.barramenu-cat.is-attiva{background:#ffffff24;opacity:1}
.barramenu-form-ricerca{display:flex;align-items:center;gap:8px;border:1px solid var(--barramenu-bordo);border-radius:8px;background:#ffffff0f;padding:0 12px}
.barramenu-form-ricerca .barramenu-svg{width:16px;height:16px;color:var(--barramenu-testo-soft)}
.barramenu-form-ricerca input[type="search"],.barramenu-form-ricerca input[type="text"]{flex:1 1 auto;width:100%;min-width:0;height:44px;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--barramenu-testo);font-size:15px;-webkit-appearance:none;appearance:none}
.barramenu-form-ricerca input::placeholder{color:var(--barramenu-testo-soft)}
.barramenu-form-ricerca input:focus{outline:none;box-shadow:none; border:0px !important;}
.barramenu-nota{margin:10px 0 0;font-size:12px;line-height:1.4;color:var(--barramenu-testo-soft)}
.barramenu-esito{margin:8px 2px 0;min-height:17px;font-size:13px;line-height:1.3;color:var(--barramenu-testo-soft)}
.barramenu-esito.is-vuoto{color:var(--barramenu-testo)}

/* ricerca senza risultati */

.barramenu-vuoto{margin:20px auto;padding:40px 20px;max-width:100%;border-radius:5px;background:#fff;color:inherit;text-align:center; box-shadow:3px 0px 10px rgba(0,0,0,0.1);}
.barramenu-vuoto-icona{display:block;margin:0 auto 12px;opacity:.35}
.barramenu-vuoto-icona .barramenu-svg{width:50px;height:50px;margin:0 auto}
.barramenu-vuoto-titolo{margin:0;font-size:18px;font-weight:700;line-height:1.2}
.barramenu-vuoto-testo{margin:6px 0 0;font-size:16px;line-height:1.4;}

/* modifiche accessibilita */

.accessibilita-footer{width:100%; float:left; margin:0 0 10px 0;text-align:center; line-height:1;}
.accessibilita-footer a:hover{ text-decoration:none;}
.btn-accessibilita{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid currentColor;border-radius:999px;background:none;color:inherit;font-size:13px;line-height:1.2;text-decoration:none;opacity:.7;transition:opacity .2s ease,background-color .2s ease}
.btn-accessibilita:hover,.btn-accessibilita:focus{color:inherit;text-decoration:none;opacity:1}
.btn-accessibilita .barramenu-svg{width:17px;height:17px}
.btn-accessibilita.is-attivo{opacity:1;background:#7f7f7f29}

/* niente foto */

.block.menu .section.tpl-noimage .item:not(.abbinamento) .head .image{display:none!important}
.block.menu .section.tpl-noimage .item:not(.abbinamento) .head .name{width:100%;max-width:100%;padding-left:0}
.block.menu .section.tpl-noimage .item.abbinamento .head .image{display:none!important}
.block.menu .section.tpl-noimage .item.abbinamento .head .name,.block.menu .section.tpl-noimage .item.abbinamento .head .image + .name{padding-left:0}

/* miniatura quadrata a lato */

.block.menu .section.tpl-standardimage .item:not(.abbinamento) .head{flex-wrap:nowrap}
.block.menu .section.tpl-standardimage .item:not(.abbinamento) .head .image{display:block!important;position:relative;width:auto;min-width:90px;max-width:90px;height:90px;padding:0;margin:0;background-size:cover;background-position:center center;background-repeat:no-repeat}
.block.menu .section.tpl-standardimage .item:not(.abbinamento) .head .image a{position:absolute;left:0;top:0;width:100%;height:100%}
.block.menu .section.tpl-standardimage .item:not(.abbinamento) .head .name{width:auto;max-width:calc(100% - 90px)}
.block.menu .section.tpl-standardimage .item:not(.abbinamento) .head .image + .name{padding-left:20px}
.block.menu .section.tpl-standardimage .item.abbinamento .head .image{display:block!important}

/* foto grande sopra al nome */

.block.menu .section.tpl-fullimage .item:not(.abbinamento) .head{flex-wrap:wrap}
.block.menu .section.tpl-fullimage .item:not(.abbinamento) .head .image{display:block!important;width:100%;min-width:100%;max-width:100%;height:auto;padding:0;margin:0 0 20px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.block.menu .section.tpl-fullimage .item:not(.abbinamento) .head .name{width:100%;max-width:100%;padding-left:0}
.block.menu .section.tpl-fullimage .item.abbinamento .head .image{display:block!important}

/* item compatto */

.item-compatto > .body{ width:100%; float:left; display:none}
.item-compatto.is-aperto > .body{display:block}
.item-compatto > .head{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:12px;margin-bottom:0!important;cursor:pointer}
.item-senza-dettagli > .head{cursor:default}
.item-compatto > .head > .name{flex:1 1 auto;width:auto!important;max-width:none!important;min-width:0;padding-left:0!important;margin-bottom:0!important}
.item-compatto > .head > .image{flex:0 0 auto;width:90px!important;min-width:90px!important;max-width:90px!important;height:90px!important;padding-bottom:0!important;margin:0!important;border-radius:8px;overflow:hidden;background-size:cover;background-position:center}
.item-compatto > .head > .image img{width:100%;height:100%;object-fit:cover}
.item-compatto > .body > .image{position:relative;width:100%;height:0;padding-bottom:50%;margin:0 0 18px;border-radius:5px;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat}
.item-compatto > .body > .image a{position:absolute;left:0;top:0;width:100%;height:100%}
.item-compatto > .body > .image img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.riepilogo{flex:0 0 auto;text-align:right;line-height:1.2}
.riepilogo-prezzo{display:block;font-weight:700; font-size:20px; line-height:1;white-space:nowrap}
.riepilogo-etichetta{display:block;font-size:12px;opacity:.7;white-space:nowrap}
.freccia{flex:0 0 auto;display:block;opacity:.45;transition:transform .2s ease}
.freccia .barramenu-svg{width:13px;height:13px}
.item-compatto.is-aperto > .head .freccia{transform:rotate(90deg)}

.item-compatto .head + .body{ margin-top:20px;}

/* categorie annidate */

.block.menu .section:not(.section-cat-all)[data-livello="1"] .title h2,
.block.menu .section:not(.section-cat-all)[data-livello="2"] .title h2,
.block.menu .section:not(.section-cat-all)[data-livello="3"] .title h2,
.block.menu .section:not(.section-cat-all)[data-livello="4"] .title h2{ font-size:28px; line-height:32px; color:#000;}

.block.menu .category-navigation.sottocategorie{margin-bottom:22px}

#spk-accessibilityToggle{ display:none !important; left:-100px !important; bottom:-100px !important; width:0px !important; height:0px !important; visibility:hidden !important;}



@media (min-width: 1301px) {
	.container{ width:1300px;}
}



@media (max-width: 991px) {
	


}

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

@media (max-width: 768px) {	
	
	.modal.modal-videoyoutube .modal-dialog{ width:100%;}

	
}


@media (max-width: 640px){
	
	.container{ padding:0 20px;}
	
	p, li{ font-size:17px; line-height:26px;}
	.btn.btn-big{ font-size:20px; padding:15px 30px;}
	
	.block{ padding:40px 0;}
	
	.block h2{ font-size:26px; line-height:30px;}
	.block h2.big{ font-size:34px; line-height:38px;}
	.block h3{ font-size:22px; line-height:26px;}
	
	.block.text-base .video{ margin-bottom:20px;}
		
	.block.menu{ padding:20px 0;}
	.block.menu .top{ margin-bottom:20px;}
	.block.menu .top .intromenu{ padding:20px;}
	
	.block.menu .category-navigation{ display:block;}
	.block.menu .category-navigation ul{ flex-wrap:nowrap; margin:0px;}
	.block.menu .category-navigation ul li{ width:auto; min-width:120px; padding:0px; margin-right:5px;}
	.block.menu .category-navigation ul li:last-child{ margin-right:25%;}
	.block.menu .category-navigation ul li a{ padding:10px 15px; font-size:16px; line-height:24px;}
	.block.menu .category-navigation:after{ content:""; width:20%; height:100%; position:absolute; right:0px; top:0px; background: rgb(247,247,247); background: linear-gradient(90deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%);}
	.block.menu .category-navigation.subcategory ul li.link-menu-back{ min-width:initial;}
	.block.menu .category-navigation.subcategory ul li.link-menu-back a{ min-width:60px;}
	
	.block.menu .menu-groups ul li a{ padding:15px; font-size:15px; line-height:20px;}
	
	.block.menu .section .title{ margin-bottom:10px;}
	.block.menu .section .title + .item{ margin-top:15px;}
	.block.menu .section .title h2{ font-size:26px; line-height:30px;}
	.block.menu .section .subtitle h3{ font-size:20px; line-height:26px;}
	.block.menu .section .section-description{ margin-bottom:30px;}
	.block.menu .section .section-description p{ font-size:16px; line-height:24px;}
	.block.menu .section .item{ padding:15px; margin-bottom:15px;}
	.block.menu .section .subtitle{ margin-bottom:15px;}
	.block.menu .section .item .body{ }
	.block.menu .section .item .head{ margin-bottom:10px;}
	.block.menu .section .item .head .image{ min-width:80px; max-width:80px;}
	.block.menu .section .item .head .name{ max-width:calc(100% - 80px); margin-bottom:0px;}
	.block.menu .section .item .head .name h4{ font-size:20px; line-height:24px;}
	.block.menu .section .item .head .image + .name{ padding-left:15px;}
	.block.menu .section .item .description{ margin-bottom:5px;}
	.block.menu .section .item .description p{ font-size:16px; line-height:24px;}
	.block.menu .section .item .caratteristiche li{ width:24px; height:24px;}
	.block.menu .section .item .caratteristiche li img{ padding:4px;}
	.block.menu .section .item .allergeni{ font-size:14px; line-height:20px;}
	.block.menu .section .item .total{ font-size:18px; line-height:20px;}
	.block.menu .section .item .videyoutube{ margin-top:10px;}
	
	body.standardimage .block.menu .section .item .head .image{ height:80px;}
	body.noimage .block.menu .section .item .head .name{ max-width:100%; padding-left:0px;}
	body.fullimage .block.menu .section .item .head .image{ margin-bottom:10px;}
	
	.block.text-base .cardtp-wrap .cardtp{ width:100%;}
	.block.text-base .cardtp-wrap .cardtp .item{ margin-top:10px;}
	
	.block.reservation-form.checkout-form .cart td{ border-bottom:1px solid #e1e1e1;}
	.block.reservation-form.checkout-form .cart td:before{ content:attr(data-label); width:100%; display:block; font-size:13px; line-height:22px; font-weight:300;}
	.block.reservation-form.checkout-form .cart td:last-child{ margin-bottom:0px; border:0px;}
	
	.block.text-base .action .custom-input label{ font-size:17px;}
	.block.text-base .action .price{ font-size:26px;}
	
	.block.virtual-card .text h2 span{ font-size:1.5em;}
	
	.modal{ padding:15px;}
	.modal .modal-dialog{ width:100%;}
	.modal .modal-content{ padding:30px;}
	.modal .close{ width:40px; height:40px;}
	.modal .modal-content .intro h2{ font-size:26px; line-height:30px;}
	.modal .modal-content .intro h3{ font-size:22px; line-height:26px;}
	.modal .modal-content .form .check-wrap .check label span{ font-size:14px; line-height:20px;}
	
	.block.menu .category-navigation.templatecategorie1:after{ display:none;}
	.block.menu .category-navigation.templatecategorie1 ul li{ width:100%; min-width:100%; margin-right:0px; margin-bottom:15px;}
	.block.menu .category-navigation.templatecategorie1 ul li a{ padding:15px;}
	.block.menu .category-navigation.templatecategorie1 ul li a span.text span.titoloanteprima{ font-size:20px; line-height:24px; }
	.block.menu .category-navigation.templatecategorie1 ul li a span.image + span.text{ padding-left:20px;}
	
	.block.menu .category-navigation.templatecategorie2:after{ display:none;}
	.block.menu .category-navigation.templatecategorie2 ul li{ width:100%; min-width:100%; margin-right:0px; margin-bottom:15px;}
	.block.menu .category-navigation.templatecategorie2 ul li a{ padding:15px;}
	.block.menu .category-navigation.templatecategorie2 ul li a span.text span.titoloanteprima{ font-size:20px; line-height:24px; }
	.block.menu .category-navigation.templatecategorie2 ul li a span.image + span.text{ margin-top:10px;}
	
	.block.menu .section .item .head .name .etichetta{ font-size:12px;}
	
	.block.menu .section .item .caratteristiche + .varianti{ margin-top:20px;}
	.block.menu .section .item .allergeni + .varianti{ margin-top:20px;}
	.block.menu .section .item .varianti{ margin-top:5px;}
	.block.menu .section .item .varianti li .prezzovariante{ font-size:16px;}
	.block.menu .section .item .varianti li .variante{ font-size:16px;}
	
	body.noimage .block.menu .section .item.abbinamento,
	body.standardimage .block.menu .section .item.abbinamento,
	body.fullimage .block.menu .section .item.abbinamento{ padding:15px;}
	body.noimage .block.menu .section .item.abbinamento .head .image,
	body.standardimage .block.menu .section .item.abbinamento .head .image,
	body.fullimage .block.menu .section .item.abbinamento .head .image{ min-width:60px; min-height:60px; max-width:60px; max-height:60px;}
	body.noimage .block.menu .section .item.abbinamento .head .image + .name,
	body.standardimage .block.menu .section .item.abbinamento .head .image + .name,
	body.fullimage .block.menu .section .item.abbinamento .head .image + .name{ padding-left:15px;}
	
	body.noimage .block.menu .section .item.abbinamento .head .image{ display:none;}
	body.noimage .block.menu .section .item.abbinamento .head .name{ padding-left:0px;}
	body.noimage .block.menu .section .item.abbinamento .head .image + .name{ padding-left:0px;}
	
	.block.menu .top .backhome a i{ line-height:20px;}
	.block.menu .top .backhome a span{ line-height:20px; font-size:15px;}
	
	.block.menu .coperto-menu{ font-size:16px;}
	
	.block.menu .section .item.item-coupon{ padding:20px;}
	.block.menu .section .item.item-coupon .item-coupon-top h2{ font-size:22px; line-height:26px;}
	.block.menu .section .item.item-coupon .item-coupon-top h3{ font-size:18px; line-height:22px;}
	.block.menu .section .item.item-coupon .item-coupon-text p,
	.block.menu .section .item.item-coupon .item-coupon-text li{ font-size:16px; line-height:24px;}
	.block.menu .section .item.item-coupon .item-coupon-text ul{ margin-bottom:10px;}
	.block.menu .section .item.item-coupon .item-coupon-text ul:last-child{ margin-bottom:0px;}
	.block.menu .section .item.item-coupon .item-coupon-text p{ margin-bottom:10px;}
	.block.menu .section .item.item-coupon .item-coupon-text li{ padding-left:15px;}
	.block.menu .section .item.item-coupon .item-coupon-text li:before{ font-size:16px;}
	.block.menu .section .item.item-coupon .item-coupon-text h2{ font-size:22px; line-height:26px; margin-bottom: 10px;}
	.block.menu .section .item.item-coupon .item-coupon-text h3{ font-size:18px; line-height:24px; margin-bottom: 10px;}
	.block.menu .section .item.item-coupon .item-coupon-action .btn{ width:100%;}
	
	.block.menu .section .item.item-fidelity{ padding:20px;}
	.block.menu .section .item.item-fidelity .item-fidelity-text h2{ font-size:22px; line-height:26px; margin-bottom:10px;}
	.block.menu .section .item.item-fidelity .item-fidelity-text p,
	.block.menu .section .item.item-fidelity .item-fidelity-text li{ font-size:16px; line-height:24px;}
	.block.menu .section .item.item-fidelity .item-fidelity-text ul{ margin-bottom:10px;}
	.block.menu .section .item.item-fidelity .item-fidelity-text ul:last-child{ margin-bottom:0px;}
	.block.menu .section .item.item-fidelity .item-fidelity-text p{ margin-bottom:10px;}
	.block.menu .section .item.item-fidelity .item-fidelity-text li{ padding-left:15px;}
	.block.menu .section .item.item-fidelity .item-fidelity-text li:before{ font-size:16px;}
	.block.menu .section .item.item-fidelity .item-fidelity-text h2{ font-size:22px; line-height:26px; margin-bottom: 10px;}
	.block.menu .section .item.item-fidelity .item-fidelity-text h3{ font-size:18px; line-height:24px; margin-bottom: 10px;}
	.block.menu .section .item.item-fidelity .item-fidelity-action .btn{ width:100%;}
	
	.block.menu .section .item.item-newsletter{ padding:20px;}
	.block.menu .section .item.item-newsletter .item-newsletter-text h2{ font-size:22px; line-height:26px; margin-bottom:10px;}
	.block.menu .section .item.item-newsletter .item-newsletter-text p,
	.block.menu .section .item.item-newsletter .item-newsletter-text li{ font-size:16px; line-height:24px;}
	.block.menu .section .item.item-newsletter .item-newsletter-text ul{ margin-bottom:10px;}
	.block.menu .section .item.item-newsletter .item-newsletter-text ul:last-child{ margin-bottom:0px;}
	.block.menu .section .item.item-newsletter .item-newsletter-text p{ margin-bottom:10px;}
	.block.menu .section .item.item-newsletter .item-newsletter-text li{ padding-left:15px;}
	.block.menu .section .item.item-newsletter .item-newsletter-text li:before{ font-size:16px;}
	.block.menu .section .item.item-newsletter .item-newsletter-text h2{ font-size:22px; line-height:26px; margin-bottom: 10px;}
	.block.menu .section .item.item-newsletter .item-newsletter-text h3{ font-size:18px; line-height:24px; margin-bottom: 10px;}
	.block.menu .section .item.item-newsletter .item-newsletter-action .btn{ width:100%;}
	
	.block.menu .menu-groups-list ul li a{ padding:15px;}
	.block.menu .menu-groups-list ul li a span.titololink{ font-size:20px; line-height:24px;}
	.block.menu .menu-groups-list ul p{ font-size:17px; line-height:26px;}
	
	.modal-allergeni .list li{ font-size:14px; line-height:20px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #e1e1e1;}
	.modal-allergeni .list li:last-child{ padding-bottom:0px; margin-bottom:0px; border:0px;}
	
	.modal .modal-content .form .nopermessimenu{ padding:15px; margin-top:10px;}
	.modal .modal-content .form .nopermessimenu p{ font-size:15px; line-height:20px;}
	
	.block.menu .section.tpl-standardimage .item:not(.abbinamento) .head .image{min-width:80px;max-width:80px;height:80px}
	.block.menu .section.tpl-standardimage .item:not(.abbinamento) .head .name{max-width:calc(100% - 80px)}
	.block.menu .section.tpl-noimage .item:not(.abbinamento) .head .name{max-width:100%;padding-left:0}
	.block.menu .section.tpl-fullimage .item:not(.abbinamento) .head .image{margin-bottom:10px}
	
	.item-compatto > .head > .image{ width:50px!important;min-width:50px!important;max-width:50px!important;height:50px!important;}
	.riepilogo-prezzo{ font-size:16px;}
	
	.block.menu .section:not(.section-cat-all)[data-livello="1"] .title h2,
	.block.menu .section:not(.section-cat-all)[data-livello="2"] .title h2,
	.block.menu .section:not(.section-cat-all)[data-livello="3"] .title h2,
	.block.menu .section:not(.section-cat-all)[data-livello="4"] .title h2{ font-size:22px; line-height:26px;}
		
}


@media (max-width: 479px) {

	[class*=col-xs-]{ text-align:inherit;}
	.footer [class*=col-]{ text-align:center;}
	
}

@media (max-width: 359px){

	.barramenu-label{font-size:9px;letter-spacing:.02em}
	.barramenu-icona{font-size:21px;height:22px}
	.barramenu-icona img,.barramenu-icona .barramenu-svg{width:22px;height:22px}	
	
}