.toggle-button{position:relative;padding:0;margin:0;height:81px;width:81px;cursor:pointer;z-index:3;float:right;margin-top:58px;background-image:url(../images/logo-icon.png);background-repeat:no-repeat;background-position:center;background-color:#000;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;padding-top:24px;padding-left:17px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-size:0}.bar{background-color:#fff;display:block;width:30px;height:2px;border:0;-webkit-transition:all .35s ease;transition:all .35s ease;margin:7px 0 7px 9px;opacity:1}.bar+.bar{margin-top:4px}.middle{top:11px}.bottom{top:22px}.toggle-button:hover .bar{opacity:0}.toggle-button:hover{opacity:1;background-size:81px;background-image:url(../images/logo-icon.png)}.toggle-active .bar{background-color:#fff;opacity:1}.toggle-active .top{-webkit-transform:translateY(6px) translateX(0) rotate(45deg)}.toggle-active{background-image:none;padding-top:25px;padding-left:16px;background-color:#000}.toggle-active:hover .middle{opacity:0}.toggle-active .middle{opacity:0}.toggle-active .bottom{-webkit-transform:translateY(-12px) translateX(0) rotate(-45deg)}.overlay{position:fixed;padding:70px 0 0;background-color:#2b2a25;top:0;left:0;width:100%;height:0;visibility:hidden;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;-webkit-transition:opacity .35s,visibility .35s,height .35s}.nav-active{opacity:1;visibility:visible;height:100%}.menu-logo-wrap{float:left;width:100%;margin-bottom:100px}.menu-logo,.menu-logo-wrap a{float:left}.menu-logo{margin-top:15px;margin-left:20px}.nav-left{margin:0}.nav-left li{float:left;width:100%;border-bottom:1px solid #474642}.nav-left li a{float:left;width:100%;font-size:40px;color:#ccc;padding:32px 0}.nav-right li{float:left;width:100%;border-bottom:1px solid #494846}.nav-right li a{float:left;width:100%;font-size:30px;color:#989898;padding:12px 0}.nav-right li:last-child{border-bottom:none}.menu-social{margin-top:190px;margin-bottom:0}.menu-social a{color:#fff;margin:0 6%;font-size:30px}.nav-right li a:hover{color:#757575}.menu-wrap{padding:0 100px 130px;float:left;width:100%}.menu-intro{padding:160px 0 80px;float:left;width:100%;background-color:#fff;text-align:center}.menu-intro .heading{margin-bottom:60px}.menu-intro p{margin-bottom:80px}.menu-social:after{display:none}.overlay ul{margin:0;list-style:none}.overlay ul li{display:block;margin:0;list-style:none}.overlay a:hover{color:rgba(255,255 ,255 ,.5);text-decoration:none}.overlay .nav-right{margin-top:40px}@media only screen and (max-width:768px){.overlay{padding:16px 0}.overlay h1{font-size:30px;line-height:30px}.menu-wrap{padding:0 20px 70px}.menu-intro{padding:160px 40px 80px}}@media only screen and (max-width:640px){.toggle-button{right:15px;position:absolute;height:45px;width:45px;margin-top:14px;padding-top:12px;padding-left:3px}.bar{width:22px;margin:4px 0 4px 9px}.inheader .toggle-button{position:fixed;top:28px}.inheader.smaller .toggle-button{top:28px}.toggle-active{padding-top:12px;padding-left:3px}.menu-logo{margin-top:10px}.menu-logo-wrap{margin-bottom:50px}.menu-logo img{width:150px}.menu-logo-wrap a img{width:30px}.menu-logo-wrap a{margin-top:10px}.overlay ul{padding:0}.nav-left li a{font-size:24px;padding:14px 0}.nav-right li a{font-size:18px;padding:6px 0}.menu-social{margin-top:65px;text-align:left}.menu-social a{margin:0 8px;font-size:20px}.menu-intro{padding:90px 40px 80px}.toggle-button:hover{background-size:58px}.bar+.bar{margin-top:7px}}