@import url('https://fonts.googleapis.com/css2?family=Asap:wght@700&family=Titillium+Web:ital,wght@0,200;0,400;0,700;1,400;1,700&display=swap');

body {padding: 0px;margin: 0px; font-family: 'Titillium Web', sans-serif; color:#000}*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}img{ border:0;}a{text-decoration: none; color:#000}.clearBoth {clear:both;}.box_cat{ width:50%; height:50vh; float:left; background:#000000; position:relative; overflow:hidden}
.wrapper_progress{width:100%; position: fixed;top: 0px;left:0px;z-index: 1;}.progress-container {width: 100%;height: 5px;/*background: #f1f1f1;*/}.progress-bar {height: 5px;background:#ffd31d; width: 0%;}
.box_cat img{width: 100%;height: 100%;object-fit: cover; opacity:0.6;}.descrcat{font-size: 35px;font-weight: 900;line-height: .9em;color:#fff;width:100%; min-height:100px; padding:20px; position:absolute; left:0; bottom:0px;}

.wrap_menu_resp{ width:70px; height:70px; background: #fdd71b; position:fixed; top:10px; right:10px; transition: all 0.6s ease-out; cursor:pointer; z-index:999;}.linea_1{width:46px; height:3px;top:28px; left:12px; background:#000; position:absolute; transition: all 0.3s ease-out;}.linea_2{ width:46px; height:3px; top:34px; left:12px;background:#000; position:absolute;transition: all 0.3s ease-out;}
.linea_3{ width:46px; height:3px; top:40px; left:12px;background:#000; position:absolute; transition: all 0.3s ease-out;}.logo{ width:152px; height:auto; position:absolute; top:25%; left:50%; margin-left:-76px} .logo img{ width:100%; height:auto}
#panel {display: none;position:fixed;top:0px;right: 0px;background: none;cursor:pointer;width:100%;height: 100%;padding:0px;z-index:999999;}.overlay{position:absolute;top:0px;right:0px;background: #000;width:100%;height: 100%;padding: 30px;z-index:9999999;overflow:auto;}

.navi{font-weight: 700; font-size:22px; margin-top:60px; color:#fff; text-transform: uppercase;}.navi ul li{ margin:10px 0px;}.navi ul {padding: 0px;margin:0px;list-style: none;}.navi ul ul{font-size:18px;border-left: 1px solid #999; padding-left:50px; text-transform: none;}
.navi ul li a{color: #fff; text-decoration: none;transition: all 0.3s ease-out; display:block; margin:2px 0px;}.navi ul ul li a{color: #999; text-decoration: none;transition: all 0.3s ease-out; display:block; margin:2px 0px;}

.topchiudi{ width:70px; height:70px; position:absolute; z-index:9999; top:10px; right:10px; background:#fdd71b;transition: all 0.3s ease-out; cursor:pointer; color:#fff}
.linea4{ width: 30px; height:2px; background:#000; position:absolute; top:33px; left:20px;transition: all 0.3s ease-out;transform:rotate(45deg);}
.linea5{ width: 30px; height:2px; background:#000; position:absolute; top:33px; left:20px;transition: all 0.3s ease-out;transform:rotate(135deg);}

.lang{font-family: 'Titillium Web', Arial, sans-serif;font-weight: 700; font-size:12px; width:40px; height:86px;margin:0px; position:fixed; top:85px; right:10px; transition: all 0.6s ease-out; z-index:999;}
.lang a{ width:40px; height:40px; margin-bottom:3px; background:#fff; text-align:center; display: table; color:#000; border-radius:50%;box-shadow: 0px 2px 3px 1px rgb(0 0 0 / 10%);}.lang a span{ display: table-cell;   vertical-align: middle;}
.lang .act{ background:#fdd71b;color:#000;}

.entra{ width:100%; height:100vh; background:#000000; position:relative;}.entra img{width: 100%;height: 100%;object-fit: cover; opacity: 0.4;}.testo_entra{ width:80%; min-height:150px; padding:20px; position:absolute; left:0; bottom:0px;text-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5); color:#fff}
.covercat{ width:100%; height:250px; display:none}.covercat img{width: 100%;height: 100%;object-fit: cover;}.bottoni{ width:100%; height:auto; padding-bottom:20px;}.bottoni ul{margin: 0px;list-style-type: none;padding:0px;}.bottoni ul li{ margin:0; padding:0; height:auto;}
.bottoni ul li a{display: Inline;background:#fdd71b; margin:5px 10px 5px 0px; font-size:14px;font-weight: 700;float:left;color:#000;width: auto; height:auto;padding: 10px 15px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;transition: all 0.3s ease-out;}

h1{font-size: 50px;font-weight: 900;line-height: 1.17em; margin:0px 0px 20px 0px}h2{font-size: 20px;font-weight: 700;line-height: .7em;margin:0px 0px 25px 0px}
.bottone{padding: 15px 30px;background-color: #ffd31d;font-weight: 700;letter-spacing: 1px;border: 0;font-size: .8rem;text-transform: uppercase; cursor: pointer; border-radius: 50px; color:#000; display: inline}
.wrap_menu_deliverycat{ width:100%; min-height:100vh; background-color:#f4f4f4;}.wrap_menu_delivery{ width:100%; min-height:100vh; padding:10px; background-color:#f4f4f4;/* background-image: url(../azienda/2sfondo.png);background-repeat: repeat;background-attachment: fixed;*/}
.titolo_cat{ width:100%; height:auto;font-weight: 700;text-transform: uppercase; font-size: 24px; text-align:center; padding:30px 10px; color:#fff; background-color:#325222; margin:5px 0px 15px 0px; background-image: url(../azienda/2sf_title.png);background-repeat: no-repeat;background-position: center;}.titolo_cat span{color:#fdd71b;}
.descr_cat{width:100%; height:auto;font-weight: 600;text-transform: uppercase; font-size: 16px; padding:15px 10px; color:#000; margin:5px 0px 15px 0px; text-align:center}
.titolo_sottocat{ width:100%; height:auto;font-weight: 700;text-transform: uppercase; font-size: 19px; padding:15px 10px; color:#000; background-color:#fdd71b; margin:5px 0px 15px 0px;/*background-image: url(../azienda/2sfondo2.png);background-repeat: repeat;*/}.box_delivery{ width:100%; height:auto; padding:20px 0px;}

.img_voce{width:100%; height:250px; margin-bottom:10px; position:relative;display: none}.img_voce img{width: 100%;height: 100%;object-fit: cover;border-radius:7px;} .tria{ width:15px; height:15px; background:#fff; position:absolute; bottom:-8px; left:20px; z-index:99; transform:rotate(45deg);}
.voce{font-weight: 900;font-size: 16px; line-height: 26px;text-transform: uppercase; width:100%; position:relative; padding-right:80px; border-bottom: 1px dotted #BBAF7F}.voce span{font-weight: 700;font-size: 25px;color:#005a6f}
.descrvoce{font-weight: 400;font-size: 13px; line-height: 18px;color:#333; width:100%; /*background:#ccc;*/padding:10px 0px;}
.allergenivoce{font-weight: 400;font-size: 12px; line-height: 14px;color:#005a6f; width:100%;padding:5px 0px; font-style:italic}.note_voce{font-weight: 400;font-size: 12px; line-height: 16px; width:100%; position:relative; border-top: 1px dotted #BBAF7F; padding:10px 0px 0px 15px;}.note_voce span{font-weight: 700; font-size:25px; color:#005a6f; position: absolute;left: -2px;}
.prezzo{ font-family: 'Titillium Web', Arial, sans-serif;width:auto;font-weight: 700;font-size: 14px; position:absolute; bottom:0px; right:0px; color:#333}
.prezzo span{font-size: 24px;color:#000}.wrap_cover_circle{ width:70px; height:70px; position:absolute; left:5px; top:5px;}.wrap_cover_circle img{width: 100%;height: 100%;object-fit: cover; border-radius:50%; border:3px solid #ccc}

/*opzioni doppia voce*/
.voce_dopp{font-weight: 900;font-size: 16px; line-height: 26px;text-transform: uppercase; width:100%; position:relative; padding-right:160px; border-bottom: 1px dotted #BBAF7F}
.voce_dopp span{font-weight: 700;font-size: 25px;color:#005a6f}
.prezzo_dopp_1{ font-family: 'Titillium Web', Arial, sans-serif;width:auto;font-weight: 700;font-size: 14px; position:absolute; bottom:0px; right:80px; color:#333}
.prezzo_dopp_2{ font-family: 'Titillium Web', Arial, sans-serif;width:auto;font-weight: 700;font-size: 14px; position:absolute; bottom:0px; right:0px; color:#333}
.prezzo_dopp_1 span{font-size: 24px;color:#000}.prezzo_dopp_2 span{font-size: 24px;color:#000}
.duespecifiche{font-family: 'Titillium Web', Arial, sans-serif;font-weight: 700;font-size: 11px; line-height: 26px; width:100%; min-height:30px; position:relative; padding-right:80px;}
.prima_specifica{position:absolute; bottom:0px; right:80px; color:#333;width:auto;}
.seconda_specifica{position:absolute; bottom:0px; right:0px; color:#333;width:auto;}

.rwd-video {height: 0;overflow: hidden;padding-bottom: 56.25%; padding-top: 30px; position: relative;display: none}.rwd-video iframe, .rwd-video object, .rwd-video embed {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}

.box_delivery2{ width:100%; min-height:70px; padding:10px 10px; border-radius:7px;box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); border:1px solid #e2e1e1; background:#fff; position:relative; margin-bottom:15px}
.voce2{font-weight: 700;font-size: 14px; text-transform: uppercase; width:calc(100% - 80px); position:relative; padding-right:80px; border-bottom: 1px dotted #BBAF7F; margin-left:80px}
.descrvoce2{font-weight: 400;font-size: 12px; color:#666; width:calc(100% - 80px); padding:10px 0px;margin-left:80px}
.prezzo2{ width:auto;font-weight: 700;font-size: 14px; position:absolute; bottom:0px; right:0px; color:#333}
.prezzo2 span{font-size: 18px;color:#000}.wrap_footer{ width:100%; height:auto; text-align:center; padding:40px; color:#fff; background:#000000;}
.logo_footer{ width:150px; height:auto; margin:0 auto;} .logo_footer img{ width:100%; height:auto}.wrap_footer2{font-family: 'Titillium Web', Arial, sans-serif; padding:20px; text-align:center; color:#ccc; font-size:12px; background:#141414} .wrap_footer2 a{color:#fff;}
@media (min-width: 1025px) and (max-width: 1366px) {}
@media (min-width: 769px) and (max-width: 1024px) {}
@media (min-width: 426px) and (max-width: 768px) {.covercat{ display:block; height:350px;}.img_voce{display: block}.rwd-video{display: block}}
@media (max-width: 425px) {.covercat{ display:block}.img_voce{display: block}.rwd-video{display: block}}