.mega-menu,.menu-title,.mega-menu .dropdown{display:none}.header-menu ul.mega-menu>li>span,.header-menu ul.mega-menu>li>a{transition:.3s;cursor:pointer}@media all and (max-width:1023px){.header-menu{position:fixed;top:0;left:-350px;width:320px;height:100%;background:#eee;text-align:left;overflow:hidden;z-index:1070;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;box-shadow:1px 0 5px rgb(0 0 0/50%)}.header-menu.opened{left:0}.header-menu.opened .header-logo,.header-menu.closed .header-logo{padding:10px 0 10px 16px;background-color:var(--primary-darker)}.header-menu.opened .header-logo a img,.header-menu.closed .header-logo a img{max-height:60px}.header-menu.closed{left:-350px}.navigation-wrapper{padding:15px;border:0;background:var(--primary);cursor:pointer;overflow:hidden;font-size:0}.header-menu .close-menu,.header-menu ul .back-button span{float:right}.header-menu .close-menu span,.header-menu ul .back-button span{position:relative;display:inline-block;padding:0;width:28px;height:28px;background:var(--primary);font-size:0;font-weight:700;color:#fff;line-height:15px;box-shadow:1px 0 3px rgb(0 0 0/20%)}.header-menu .close-menu span:after,.header-menu ul .back-button span:after{content:"";position:absolute;top:50%;left:50%;font-family:icomoon;font-size:10px;color:#fff;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.header-menu ul .back-button{margin-right:10px;padding:5px}.header-menu ul .back-button span:after{content:""}.header-menu>ul li{border-bottom:1px solid #eee;background:#f6f6f6}.header-menu>ul li:after{content:"";display:block;clear:both}.header-menu>ul li>a,.header-menu>ul li>span{position:relative;display:block;padding:16px 18px;line-height:17px;text-align:left;font-size:var(--fs-base);color:#666;z-index:0}.header-menu>ul li>a:hover,.header-menu>ul li>span:hover{color:#57b568}.header-menu>ul li:last-child>a,.header-menu>ul li:last-child>span{border-bottom:0}.header-menu>ul li>.with-subcategories{float:left}.plus-button{position:relative;float:right;margin:10px;width:28px;height:28px;background:var(--primary);cursor:pointer;z-index:1;box-shadow:1px 0 3px rgb(0 0 0/20%)}.plus-button:after{content:"";position:absolute;top:50%;left:50%;font-family:icomoon;font-size:10px;color:#fff;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.header-menu .sublist-wrap{position:fixed;top:0;left:0;width:310px;height:100%;background:#eee;box-shadow:1px 0 5px rgba(0,0,0,.5);z-index:2;overflow:auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.header-menu .sublist-wrap{-webkit-transform:translate(-320px);-ms-transform:translate(-320px);transform:translate(-320px)}.header-menu .sublist-wrap.active{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.mega-menu-responsive>.has-sublist .has-sublist .plus-button{display:none}.mega-menu-responsive>.has-sublist .has-sublist .with-subcategories{float:unset}}@media all and (min-width:992px){.menu-title,.close-menu{display:none}.header-menu .header-logo{display:none}.header-menu ul.mega-menu{display:block;position:relative;padding:8px 0}.header-menu ul.mega-menu>li{vertical-align:unset}.header-menu ul.mega-menu>li>span,.header-menu ul.mega-menu>li>a{font-size:var(--fs-base-m);font-weight:400}.header-menu ul.mega-menu>li>span{padding:5px 24px}.header-menu ul.mega-menu-responsive{display:none!important}.mega-menu .dropdown{opacity:0;display:block;position:absolute;left:50%;margin-left:-50%;width:100%;box-shadow:0 3px 5px rgba(0,0,0,.1);overflow:hidden;background:var(--primary-darker) url(/Themes/QuiDaNoi/Content/images/foglie_white-op10.svg) repeat center;background-size:300px;-webkit-transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);pointer-events:none}.mega-menu .dropdown.active{opacity:1;-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);pointer-events:auto}.mega-menu .dropdown .row-wrapper{padding:10px;max-width:1200px;margin:auto}.mega-menu[data-enableclickfordropdown="true"] .dropdown,.mega-menu[data-enableclickfordropdown="true"] .sublist-wrap{display:none;opacity:1;transform:none}.mega-menu[data-enableclickfordropdown="true"] .dropdown.active,.mega-menu[data-enableclickfordropdown="true"] .sublist-wrap.active{display:block}.mega-menu .row{overflow:hidden;display:flex;gap:10px;justify-content:center}.mega-menu .box{padding:10px 10px 20px}.mega-menu .boxes-4 .box{width:25%}.mega-menu .boxes-5 .box{width:20%}.mega-menu .boxes-6 .box{width:16.66666%}.mega-menu .boxes-7 .box{width:14.28%}.mega-menu .boxes-8 .box{width:12.5%}.mega-menu .title{padding:5px 0;font-family:var(--look);text-align:center;font-size:var(--fs-base);font-weight:bold;color:var(--primary-lighter);text-transform:none;transition:all .3s}.mega-menu .title:hover,.mega-menu .title:focus{color:var(--lightest)}.mega-menu .picture a{display:block;position:relative;overflow:hidden;overflow:hidden;transition:all .3s}.mega-menu .picture a:before{content:"";display:block;padding-top:100%}.mega-menu .picture img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:80%;max-width:80%}.mega-menu .box ul{margin-top:5px;display:none}.mega-menu .box li{margin-top:15px;text-align:left}.mega-menu .box li a{font-size:13px;color:#888;transition:color .3s}.mega-menu .box li:before{content:"";display:inline-block;margin-right:10px;font-family:inherit;font-size:10px;color:#dcdde0;transition:all .3s}.mega-menu .box li:hover:before{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}.mega-menu .box li a:hover{color:var(--primary)}.mega-menu li a.view-all{font-weight:bold;background:none}}@media all and (min-width:1281px){.mega-menu .dropdown{margin-left:-50%;width:100%}}
