.menu{position:fixed;top:20px;right:20px;height:50px;width:50px;cursor:pointer;transition:.3s;z-index:2}.menu span{position:absolute;height:3px;width:25px;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s}.menu span:before{content:'';position:absolute;top:-8px;background-color:#fff;height:3px;width:25px;transition:.3s}.menu span:after{content:'';position:absolute;top:8px;background-color:#fff;height:3px;width:25px;transition:.3s}.navbar-menu .active:hover,.navbar-menu a:hover,.navbar-menu ul li:hover>a{color:#70b9b0}.navbar-menu .dropdown ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:999;opacity:0;visibility:hidden;box-shadow:0 0 30px rgba(127,137,161,.25);transition:.3s}.navbar-menu .dropdown ul li{min-width:200px;width:260px}.navbar-menu .dropdown ul a{padding:0 20px;text-transform:none;font-size:14px;font-weight:500;color:#fff}.navbar-menu .dropdown ul a i{font-size:12px}.navbar-menu .dropdown ul .active:hover,.navbar-menu .dropdown ul a:hover,.navbar-menu .dropdown ul li:hover>a{color:#70b9b0}.navbar-menu .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar-menu .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar-menu .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}.navbar-menu{background-color:#fff;position:absolute;top:0;right:0;width:100%;height:50px;transform:translateX(100%);transition:.5s}.navbar-menu.active{transform:translateX(0);transition:.5s}.navbar-menu .menu-listing{padding:20px 5% 0 0;margin:0;text-align:right;background-color:#04353a}.menu-listing li{display:inline-block}.menu-listing li a{position:relative;background-color:#04353a;color:#fff;display:block;font-size:1.1rem;height:40px;line-height:36px;padding:6px 10px;letter-spacing:1px;text-decoration:none;transition:.5s;z-index:99}.menu-listing li a:hover{color:#fff;transition:.5s}