.header{z-index:111;background-color:rgba(255,255,255,.8)}.button{position:absolute;top:0;right:50px;padding:35px 0 0 50px;transition:.5s cubic-bezier(.75,.02,.33,1);z-index:100}@media only screen and (max-width :480px){.button{right:20px}}.button #burger{width:40px}.menu{position:fixed;top:0x;right:0;width:0;display:block;transition:.5s cubic-bezier(.75,.02,.33,1);background-color:rgba(40,174,194,.95);height:100%;z-index:100}.menu ul{padding-top:180px}.menu ul li{display:none;transform:translateY(-40px);opacity:0;text-align:center;position:relative;margin-bottom:30px;transition:.5s ease}.menu ul li a{font-size:25px;font-weight:700;text-transform:uppercase;color:#fff}.click{width:40px;height:40px;position:absolute;top:-20px;z-index:999;cursor:pointer;display:block}#burger{z-index:888;cursor:pointer;position:relative;margin-bottom:100px;margin-top:15px;display:block}#burger span{position:relative;display:block;width:40px;height:5.5px;background:url(https://orangehouse-design.com/wp/wp-content/uploads/burger.png);background-size:cover;transition:all .4s}#burger span:before,#burger span:after{position:absolute;background:url(https://orangehouse-design.com/wp/wp-content/uploads/burger.png);background-size:cover;content:'';width:40px;height:5.5px;transition:all .2s ease}#burger span:before{top:-15px;left:0}#burger span:after{top:15px;left:0}#burger.active span{background:0 0;transform:rotate(90deg)}#burger.active span:before{transform:rotate(45deg);top:0}#burger.active span:after{transform:rotate(-45deg);top:0}.menu_open .menu{width:400px}@media only screen and (max-width :480px){.menu_open .menu{width:100vw}}.menu_open .main_content{transform:translateX(-400px)}.menu_open .button{transform:translateX(-130px)}@media only screen and (max-width :480px){.menu_open .button{transform:translateX(0)}}.menu_open .menu{transform:translateX(0)}