.nav-icon4{-o-transition:.5s ease-in-out;cursor:pointer;background-color:#0000;width:30px;height:30px;transition:all .5s ease-in-out;position:relative;transform:rotate(0)}.nav-icon4 span{opacity:1;-o-transition:.25s ease-in-out;background:#fff;border-radius:9px;width:100%;height:4px;transition:all .25s ease-in-out;display:block;position:absolute;transform:rotate(0)}.nav-icon4 span:first-child{transform-origin:0;top:0;left:0}.nav-icon4 span:nth-child(2){transform-origin:0;width:50%;top:18px;right:0}.nav-icon4.open span:first-child{top:-3px;left:8px;transform:rotate(45deg)}.nav-icon4.open span:nth-child(2){width:100%;top:18px;left:8px;transform:rotate(-45deg)}.nav{border-radius:none;width:100%;height:100%;padding:15px;transition:transform .5s;position:fixed;top:0;left:0;transform:translate(100%)}.nav.active{z-index:100;transform:translate(0)}.nav .nav__list_item{list-style-type:none}