@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.site-overlay {
    display: none;
}
body.open-left{overflow: hidden}
.open-left .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-animation: fade 0.5s;
    animation: fade 0.5s;
}
	.navbar-collapse{
		-webkit-transform: translate3d(-300px, 0, 0);
		-ms-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
		position: fixed;
		width: 300px;
		height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling:touch;
		z-index: 1002;
		top: 40px;
		left: 0;
		background: #333;
		-webkit-animation:fade .2s;
		animation:fade .2s;
	}
	body.open-left .navbar-collapse{
		display: block !important;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);

	}
	.affix .navbar-nav{
		margin-left: 0
	}
	.navbar-nav{margin: 0;}
	.navbar-collapse{padding: 0}
	.navbar-collapse ul{width: 100%;}
	.navbar-collapse  ul:first-child {
	    margin-top: 10px;
	}
	.navbar-collapse ul ul{display: block}
	.navbar-collapse ul ul.dropdown-menu{
		position: relative;
		background: transparent;
		box-shadow: none;
		font-size: inherit;
		padding: 0px;
		float: none;
	}
	.navbar-collapse a,.navbar-collapse .dropdown-menu>li>a {
	    display: block;
	    color: #b3b3b1;
	    padding: 15px 30px;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    border-top: 1px solid rgba(255, 255, 255, 0.1);
	    text-decoration: none;
	    font-weight: bold;
	}
	.navbar-collapse .dropdown-menu>li>a{
		padding: 10px 15px;
	}

	.navbar-collapse .dropdown-menu>li>a:hover {
	   background: #29363A;
	color: #f5f5f5;
	}

