.toggle-button{position:relative;float:right;top:-47px;left:0;padding:9px 0;margin:8px 0 8px 0;height:30px;width:30px;cursor:pointer;z-index:3;height:0}.bar{background-color:#000;display:block;width:100%;height:2px;border:0;-webkit-transition:all .35s ease;transition:all .35s ease}.bar+.bar{margin-top:7px}.middle{top:11px}.bottom{top:22px}.toggle-button:hover{opacity:.7}.toggle-active .bar{background-color:#fff}.toggle-active .top{-webkit-transform:translateY(6px) translateX(0) rotate(45deg);transform:translateY(6px) translateX(0) rotate(45deg)}.toggle-active .middle{opacity:0}.toggle-active .bottom{-webkit-transform:translateY(-12px) translateX(0) rotate(-45deg);transform:translateY(-12px) translateX(0) rotate(-45deg)}.navbar-toggle.first{width:50px;top:11px;right:35px;position:fixed}.navbar-toggle.toggle-button.first .bar{background-color:#000}.navbar-toggle.toggle-button.first .top{-webkit-transform:translateY(0) translateX(0) rotate(0deg);transform:translateY(0) translateX(0) rotate(0deg)}.navbar-toggle.toggle-button.first .middle{opacity:1}.navbar-toggle.toggle-button.first .bottom{-webkit-transform:translateY(0) translateX(0) rotate(-45deg);transform:translateY(0) translateX(0) rotate(-45deg)}.navbar-toggle.first[aria-expanded="true"] .close_btn .top{-webkit-transform:translateY(6px) translateX(0) rotate(45deg);transform:translateY(6px) translateX(0) rotate(45deg)}.navbar-toggle.first[aria-expanded="true"] .close_btn .middle{opacity:0}.navbar-toggle.first[aria-expanded="true"] .close_btn .bottom{-webkit-transform:translateY(-12px) translateX(0) rotate(-45deg);transform:translateY(-12px) translateX(0) rotate(-45deg)}.overlay{position:fixed;background:#1d5b7d;top:0;left:0;width:100%;height:0;visibility:hidden;opacity:0;-webkit-transition:opacity .35s,visibility .35s,height .35s;z-index:2}.nav-active{opacity:1;visibility:visible;height:100%}.overlay ul{display:block;position:relative;list-style:none;padding:0}.overlay ul li{display:block}