@charset "UTF-8";

.nav-icon .nav{position:relative;top:0;right:0;padding:5px;}
.nav-icon .nav{overflow:initial;display:inline-block;width:30px;height:38px;margin:10px 24px 0 5px;}
.nav-icon :hover {cursor:pointer;}
.nav-icon span{background: #888;display: block;width: 30px;height: 1.8px;margin:0 0 5px 0;transition:all .2s;} /*height: 3px*/
.nav-icon .first,
.nav-icon .second,
.nav-icon .third{-webkit-transform: translate(0,0);transform: translate(0,0);}
.nav-icon {/*position: absolute;*/font-size: 3.3vw;top: 0;}
.icon-active .first {-webkit-transform:translate(0,7px) rotate(45deg);transform:translate(0,8px) rotate(45deg);}
.icon-active .second { -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.icon-active .third {display:none;/* -webkit-transform:translate(0,-8px) rotate(45deg);transform:translate(0,-8px) rotate(45deg); */}
.nav-fixed {position:fixed;top:0;left:0;width:100%;}