.side-menu h1{width:80%;margin:0 auto 30px}.wrapper{background:#fff;position:relative;width:100%;text-align:left;-webkit-transition:all .5s ease;transition:all .5s ease;z-index:2}.side-open .wrapper,.side-open .overlay{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}.overlay{content:"";visibility:hidden;position:fixed;top:0;left:0;display:block;width:100%;height:100%;background:#0000;-webkit-transition:all .5s ease;transition:all .5s ease;z-index:3}.side-open .overlay{visibility:visible;cursor:pointer}.overlay:after{visibility:hidden;position:fixed;top:40%;left:0;display:block;width:100%;height:50px;color:#fff0;font-size:40px;font-weight:700;text-align:center;-webkit-transition:all .5s ease;transition:all .5s ease}.side-open .overlay:after{visibility:visible;color:#fffc}.btn__box{position:relative;text-align:center;z-index:1}.btn__box a{display:block;width:198px;height:38px;margin:0 auto;line-height:40px;font-size:13px;color:#1a1e24;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #1a1e24}.btn__box a:hover{color:#fff!important;background:#1a1e24}.btn__box--svg{position:absolute;top:0;bottom:0;left:0;right:0;width:214px;height:54px;margin:auto;z-index:-1}.btn__box--svg rect{fill:transparent;stroke:#1a1e24;stroke-width:1px;stroke-dasharray:242px;stroke-dashoffset:256px;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.btn__box a:hover+.btn__box--svg rect{stroke-width:2px;stroke-dasharray:600px;stroke-dashoffset:0}.side-menu{position:fixed;top:-50px;right:0;box-sizing:border-box;width:240px;height:100%;padding-top:100px;text-align:left;font-size:13px;background:#fff;z-index:1}.side-menu__ul{width:100%}.side-menu__ul--child{display:none}.active .side-menu__ul--child{display:block}.side-menu__ul>li>a,.side-menu__ul>li h2{display:block}.side-menu__ul li a.nav-b-txt{margin:0 auto 15%;padding:0% 0 15%;display:block;width:100%;font-weight:700;border-bottom:1px solid #eee;text-align:center}.side-menu__ul li a.nav-b-txt img{display:block;height:12px;margin:0 auto}.side-menu__ul li a.nav-b-txt04{margin:0 auto;padding:0% 0 15%;display:block;width:100%;font-weight:700;border-bottom:1px solid #eee;text-align:center}.side-menu__ul li a.nav-b-txt04 img{display:block;height:12px;margin:0 auto}.side-menu__ul li a.nav-b-txt02{margin:0 auto 15%;display:block;width:100%;font-weight:700;border-top:2px solid #8b6134;border-bottom:1px solid #8b6134;text-align:center}.side-menu__ul li a.nav-b-txt02 img{display:block;height:80px;margin:0 auto}.side-menu__ul li a.nav-b-txt03{margin:0 auto 15%;display:block;width:100%;font-weight:700;border-top:2px solid #002850;border-bottom:1px solid #002850;text-align:center}.side-menu__ul li a.nav-b-txt03 img{display:block;height:80px;margin:0 auto}.side-menu__ul h2{cursor:pointer;-webkit-transition:all .5s;transition:all .5s}.side-menu__ul>li>h2:after{content:" +";color:#ffd800;font-size:20px}.side-menu__ul>li.active h2:after{content:" -"}.side-menu__ul>li>h2:hover,.side-menu__ul>li a:hover{background:#fff;color:#000}.side-menu-btn{position:fixed;top:0;right:0;width:25px;height:20px;padding:10px;cursor:pointer;z-index:4}.ellipsis-v{position:relative;display:block;cursor:pointer;width:25px;height:20px}.ellipsis-v .point{position:absolute;left:0;right:0;display:block;width:25px;height:2px;margin:auto;background:#000;-webkit-transition:all .3s;transition:all .3s}.ellipsis-v .point.top{top:0}.ellipsis-v .point.mid{top:0;bottom:0}.ellipsis-v .point.bot{bottom:0}.side-menu-btn:hover .top{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.side-menu-btn:hover .bot{-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}.side-open .side-menu-btn:hover .top,.side-open .top{width:27px;height:2px;background:#000;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);left:3px}.side-open .mid{opacity:0}.side-open .side-menu-btn:hover .bot,.side-open .bot{width:27px;height:2px;background:#000;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:3px}.side-open .side-menu-btn:hover .bot,.side-open .side-menu-btn:hover .top{background:#ccc}
/*# sourceMappingURL=/s/files/1/0520/6979/3957/files/202102_goods_tocca_nav.css.map */