/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

#Menu_wrapper { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#sidebar-wrapper { z-index: 900; right: -220px; width: 0; height: 100%; margin-left: -220px; overflow-y: auto; overflow-x: hidden; background: #1a1a1a; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; left: inherit; text-align:left}
 #sidebar-wrapper::-webkit-scrollbar {
 display: none;
}
#Menu_wrapper.toggled #sidebar-wrapper { width: 280px; right: 0; }
#page-content-wrapper { width: 100%; padding-top: 70px; }
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav { position: absolute; top: 0; width: 100%; margin: 0; padding:75px 0 0 0; list-style: none; }
.sidebar-nav li { position: relative; line-height: 20px; display: inline-block; width: 100%; }
.sidebar-nav li:before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; height: 100%; width: 0px; background-color: #bf724f; -webkit-transition: width .2s ease-in; -moz-transition: width .2s ease-in; -ms-transition: width .2s ease-in; transition: width .2s ease-in; }

.sidebar-nav li:hover:before, .sidebar-nav li.open:hover:before { width: 100%; -webkit-transition: width .2s ease-in; -moz-transition: width .2s ease-in; -ms-transition: width .2s ease-in; transition: width .2s ease-in; }
.sidebar-nav li a { display: block; color: #ddd; text-decoration: none; padding: 10px 15px 10px 20px; font-size:16px}
.sidebar-nav li a i{float:right; margin-left:10px}
.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus { color: #fff; text-decoration: none; background-color: transparent; }
.sidebar-nav > .sidebar-brand { height: 65px; font-size: 20px; line-height: 44px; }
.sidebar-nav .dropdown-menu { position: relative; width: 100%; padding: 0; margin: 0; border-radius: 0; border: none; background-color: #353333; box-shadow: none; }
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger { position: fixed; top: 12px; z-index: 999; display: block; width: 30px; height: 30px; margin-right: 15px; background: transparent; border: none; right: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.hamburger:hover, .hamburger:focus, .hamburger:active { outline: none; }
.hamburger.is-closed:before { content: ''; display: block; width: 100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { position: absolute; left: 0; height: 2px; width: 100%; }
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom { background-color: #c7805d; }
.hamburger.is-closed .hamb-top { top: 5px; -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed .hamb-middle { top: 50%; margin-top: -2px; width: 70%; right: 0; left: inherit; float: right; }
.hamburger.is-closed .hamb-bottom { bottom: 7px; -webkit-transition: all .35s ease-in-out; }
/*.hamburger.is-closed:hover .hamb-top { top: 0; -webkit-transition: all .35s ease-in-out; }
.hamburger.is-closed:hover .hamb-bottom { bottom: 0; -webkit-transition: all .35s ease-in-out; }*/
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { background-color: #c7805d; }
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-bottom { top: 50%; margin-top: -2px; }
.hamburger.is-open .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08); }
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08); }
.hamburger.is-open:before { content: ''; display: block; width: 100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all .35s ease-in-out; }
.hamburger.is-open:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all .35s ease-in-out; }
.hamburger.is-open { right: 0; z-index:1000 }
.nav .open>a:focus{background:none !important}
.mobile_menu .dropdown.open .fa.fa-angle-down{transform: rotate(180deg);}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color:transparent}