.navicon{background:transparent;position:relative;height:30px;display:inline-block;z-index:99;-webkit-transition:linear 0.5s all;transition:linear 0.5s all;width:50px;}
.navicon:before, .navicon:after{background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;content:"";height:2px;right:0;-webkit-transition:0.8s ease;transition:0.8s ease;width:35px;}
.navicon:before{box-shadow:#fff 0 9px 0 0;position:absolute;top:0;}
.navicon:after{position:absolute;top:18px;}
.navicon--active{-webkit-transition:linear 0.5s all;transition:linear 0.5s all;}
.navicon--active:before{box-shadow:transparent 0 0 0 0;top:15px;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}
.navicon--active:after{top:15px;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);}
.toggle{display:block;margin:0em auto 0;width:30%;background-color:#1B1B1B;padding:6px;display:block;opacity:0;-webkit-transition:ease-in 0.5s all;transition:ease-in 0.5s all;-webkit-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);position:absolute;right:35%;}
.toggle--active{display:block;opacity:1;-webkit-transition:ease-in 0.5s all;transition:ease-in 0.5s all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:999;}
.toggle-menu{margin-bottom:0px;}
.toggle-menu li{width:35%;display:block;margin:10px auto;}
.toggle-menu li a{text-decoration:none;color:#a6a6a6;display:block;text-align:center;font-size:1.1em;text-transform:uppercase;border-bottom:2px solid transparent;-webkit-transition:linear 0.5s all;transition:linear 0.5s all;font-weight:500;padding:5px 0;font-family:'Yekan','Josefin Sans', sans-serif;}
.toggle-menu li a span{text-transform:lowercase;}
.toggle-menu li a:hover,.toggle-menu li a.active{color:#26A9A6;border-bottom:2px solid #fff;-webkit-transition:linear 0.5s all;transition:linear 0.5s all;-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);font-weight:600;}