.toggle{width:91px;float:left;cursor:pointer;background:#575656;padding:12px 15px 10px;position:relative;z-index:9999;border-radius:30px}.toggle-text1{float:left;font-size:13px;color:#fff;line-height:inherit;display:inline-block;margin:-3px 0 0 11px}.bar{width:100%;height:3px;background:#fff;border:0;display:block;margin:2px 0 0;-webkit-transition:all .35s ease;transition:all .35s ease}.bar:first-child{margin-top:0}.bar:last-child{margin-bottom:0}.middle{top:11px}.bottom{top:22px}.toggle-active .toggle-text1{color:#fff}.toggle-active .bar{background:#fff}.toggle-active .top{-webkit-transform:translateY(6px) translateX(0) rotate(45deg);position:relative;top:-2px}.toggle-active .middle{opacity:0}.toggle-active .bottom{-webkit-transform:translateY(-12px) translateX(0) rotate(-45deg);position:relative;top:6px}.overlay{position:fixed;z-index:9999;background-image:linear-gradient(120deg,#ffffff 0%,#ab32a2 100%);top:0;right:0;left:0;width:100%;height:0;visibility:hidden;opacity:0;-webkit-transition:opacity .35s,visibility .35s,height .35s;background:#8a8a8a}.nav-active{opacity:1;visibility:visible;height:100%}@media screen and (max-width:480px){.toggle{position:fixed;top:15px}.overlay{z-index:9999}}@media screen and (min-width:481px) and (max-width:600px){.toggle{position:fixed;z-index:99999999;top:15px}.overlay{z-index:9999}}@media screen and (min-width:601px) and (max-width:767px){.toggle{position:fixed;top:15px}.overlay{z-index:9999}}@media screen and (min-width:768px) and (max-width:900px){.toggle{width:100%;background:none;padding:12px 0 10px}.toggle-text1{color:#000;font-size:12px;margin:-1px 0 0 7px}.bar{background:#000}.toggle-active .bar{background:#000}}@media screen and (min-width:901px) and (max-width:1024px){.toggle{width:100%}}