.toggle{float:left;border-radius:40px;cursor:pointer;margin:0 0 0;position:relative;z-index:9999}.toggle-text1{float:left;font-size:15px;font-weight:400;color:#f6f6f8;letter-spacing:0;line-height:30px;display:inline-block;margin:5px 0 0 12px;font-family:'Poppins',sans-serif;font-weight:700}.toggle-bar1{width:40px;float:left;background:#14a5dd;border-radius:50%;margin:0 0 0;padding:12px 14px 12px}.bar{width:100%;height:4px;background:#fff;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 .top{-webkit-transform:translateY(6px) translateX(0) rotate(45deg);position:relative;top:0}.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,#30b596 0%,#bbc9c9 100%);top:0;right:0;left:0;width:100%;height:0;visibility:hidden;opacity:0;-webkit-transition:opacity .35s,visibility .35s,height .35s}.nav-active{opacity:1;visibility:visible;height:100%}@media screen and (max-width:480px){.toggle-text1{color:#000}}@media screen and (min-width:481px) and (max-width:600px){.toggle-text1{color:#000}}@media screen and (min-width:601px) and (max-width:767px){.toggle-text1{color:#000}}@media screen and (min-width:768px) and (max-width:900px){.toggle-text1{display:none}}@media screen and (min-width:901px) and (max-width:1024px){.toggle-text1{display:none}}@media screen and (min-width:1025px) and (max-width:1240px){.toggle-text1{display:none}}