.parent{display:table;height:100%;width:100%}.child{display:table-cell;vertical-align:middle}.menu-icon{padding-top:6px;padding-left:20px}.menu-icon a{width:100%;display:block;float:left;padding:0 0 0 40px;position:relative;color:#fff;font-size:12px;font-weight:400;height:26px}.menu-icon a:hover{color:#37DDA7;padding:0 0 0 40px}.menu-icon a:after{width:33px;height:16px;position:absolute;left:0;top:6px;content:'';border-top:2px solid #fff;border-bottom:2px solid #fff;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.dropdown{position:relative}.dropdown-inn{display:none;position:relative;background-color:#242424;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;padding:0;z-index:1;color:#565656}.dropdown-inn li a{font-size:17px!important;border:none!important;padding:10px 0px!important}header.smaller .menu-icon a:after{border-top:2px solid #000;border-bottom:2px solid #000}header.smaller .menu-icon a:before{background-color:var(--black)}.dropdown:hover .dropdown-inn{display:block}.menu-icon a:before{width:20px;height:2px;position:absolute;top:50%;left:0;margin-top:0;content:'';background-color:#fff;z-index:2;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.menu-icon a:hover:after{width:20px}.menu-icon a:hover:before{width:33px}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar ul li{margin:0;padding:0}.sidebar ul li a{padding:15px 0;color:var(--white);text-decoration:none;display:block;position:relative;line-height:normal;position:relative;text-align:center;width:100%;display:block;z-index:2;font-size:14px;font-weight:600;border-bottom:1px solid #2b2b2b}.sidebar ul li a:hover{color:rgb(255 255 255 / .9);color:var(--white)}.sidebar ul li a:before{width:0;height:100%;background-color:#2f2f2f;position:absolute;left:50%;bottom:0;content:'';-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;z-index:-1}.sidebar li a:hover:before{width:100%;left:0;margin-left:0}.sidebar{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9990;max-width:160px;background:var(--black);transform:translateX(-100%);transition:all 0.3s cubic-bezier(.35,.38,.07,.83);overflow:auto}.sidebar .close .btn-close{width:26px;height:26px;color:#242424;position:absolute;right:10px;top:10px;margin-left:-22px;z-index:10;font-size:0;text-indent:-999999999px;z-index:999}.sidebar .close .btn-close:after,.sidebar .close .btn-close:before{width:24px;height:2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:0;top:22px;content:'';background-color:#fff;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.sidebar .close .btn-close:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.sidebar .close .btn-close:hover:after,.sidebar .close .btn-close:hover:before{background-color:#4f4f4f}.sidebar.right{left:initial;right:0;transform:translateX(100%)}.sidebar.active{transform:translateX(0)}.sidebar .content{width:100%;height:100%;position:absolute;left:0;top:0;right:0;padding:70px 0 0;overflow:hidden!important}@media only screen and (max-width:768px){.sidebar{max-width:100%!important}.menu-icon{padding-left:10px;padding-top:0}}@media only screen and (max-width:768px){.sidebar .close .btn-close{top:10px}}