/*!
* Bootstrap Off-Canvas Nav (http://github.com/marcandrews/bootstrap-off-canvas-nav)
* Copyright (c) 2015 Marc Andrews
* Licensed under the MIT license
*/ 

@media (max-width: 2000px) {

	html.out {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}

	body {
		position: absolute;
		left: 0;
		right: 0;
		overflow-x: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		-webkit-transition-property: -webkit-transform;
		transition-property: transform;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	body.out {
		-webkit-transform: translate3d(-300px,0,0);
		transform: translate3d(-300px,0,0);
		overflow: hidden;
	}

	body.off-canvas-nav-left.out {
		-webkit-transform: translate3d(300px,0,0);
		transform: translate3d(300px,0,0);
	}

	.container-fluid>.navbar-collapse,
	.container>.navbar-collapse {
		margin-left: 0;
		margin-right: 0;
	}

	nav .navbar-nav {
		margin: 0 -15px 7.5px -15px;
	}

	body.out .navbar-toggle-2 {
		background-color: #ddd;
	}

	.navbar-toggle-2 {
		float: left;
		margin-top:40px;
		margin-right: 10px;
		border:none;
		border-radius:0px;
	}


	.navbar-default .navbar-toggle-2:hover, .navbar-default .navbar-toggle-2:focus {
		background:rgba(0,0,0,0);

	}

	.navbar-toggle-2 .icon-bar {
		width:26px;
	}
	.navbar-toggle .icon-bar + .icon-bar {
		margin-top:7px;
	}
	.navbar-toggle-2 .icon-bar {
		-webkit-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}

	body.out .navbar-toggle-2 .icon-bar:nth-of-type(2) {
		-webkit-transform: translate3d(0,9px,0) rotate(45deg);
		transform: translate3d(0,9px,0) rotate(45deg);
	}

	body.out .navbar-toggle-2 .icon-bar:nth-of-type(3) {
		opacity: 0;
		filter: alpha(opacity=0);
	}

	body.out .navbar-toggle-2 .icon-bar:nth-of-type(4) {
		-webkit-transform: translate3d(0,-9px,0) rotate(-45deg);
		transform: translate3d(0,-9px,0) rotate(-45deg);
	}

	nav .navbar-collapse {
		/** display: block !important; **/
		position: fixed;
		top: 0px !important;

		right: -300px;
		bottom: 0;
		z-index: 10000;
		width: 300px;
		height: 100vh !important;
		margin: 0;
		background-color: #2a2a2a;
		color:#e7e7e7;
		border: none;
		box-shadow: none;
		border-left: 1px solid #e7e7e7;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, transform;
	}

	body.out .navbar-collapse {
		opacity: 1;
		filter: alpha(opacity=100);
	}

	nav .navbar-nav {
		z-index: 10010;
	}

	body.out nav .navbar-collapse {
		box-shadow: -10px 0px 50px 0px rgba(0,0,0,0.75);
	}

	nav.navbar-fixed-top .navbar-collapse {
		max-height: none;
	}

	body.out nav.navbar-fixed-top .navbar-collapse {
		box-shadow: -10px 0px 50px 0px rgba(0,0,0,0.75);
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	body.off-canvas-nav-left nav .navbar-collapse {
		left: -300px;
		right: auto;
		border: none;
		border-right: 1px solid #e7e7e7;
	}

	body.off-canvas-nav-left.out nav .navbar-collapse {
		/** box-shadow: 10px 0px 50px 0px rgba(0,0,0,0.75); **/
	}

	body.off-canvas-nav-left.out nav.navbar-fixed-top .navbar-collapse {
		box-shadow: 10px 0px 50px 0px rgba(0,0,0,0.75);
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	nav .navbar-collapse .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		background-color: rgba(0,0,0,0) !important;
	}

	nav .navbar-collapse .dropdown>.dropdown-menu,
	nav .navbar-collapse .dropdown>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
		display: block !important;
		position: static;
		float: none;
		max-height: 0;
		margin: 0;
		padding: 0;
		border: none;
		box-shadow: none;
		overflow: hidden;
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}

	nav .navbar-collapse .dropdown .dropdown-menu li a,
	nav .navbar-collapse .dropdown .dropdown-menu li.dropdown-header {
		padding: 5px 15px 5px 25px;
		color: rgb(119, 119, 119);
	}

	nav .navbar-collapse .dropdown.open .dropdown-menu,
	nav .navbar-collapse .dropdown.open .dropdown-menu>.dropdown-submenu.open>.dropdown-menu {
		max-height: 100vh;
	}

	nav .dropdown-toggle>.caret {
		-webkit-transform: rotate(0) !important;
		-ms-transform: rotate(0) !important;
		transform: rotate(0) !important;
	}

	nav .open>.dropdown-toggle>.caret {
		-webkit-transform: rotate(180deg) !important;
		-ms-transform: rotate(180deg) !important;
		transform: rotate(180deg) !important;
	}

	nav .navbar-form {
		margin-top: 0;
		margin-bottom: 0;
		border: none;
		box-shadow: none;
	}

}


@media (max-width: 544px) {
	.navbar-toggle-2 {		
		margin-top:41px;
	}
	body.out {
		-webkit-transform: translate3d(-100vw,0,0) translate3d(74px,0,0);
		transform: translate3d(-100vw,0,0) translate3d(74px,0,0);
	}

	body.off-canvas-nav-left.out {
		-webkit-transform: translate3d(100vw,0,0) translate3d(-74px,0,0);
		transform: translate3d(100vw,0,0) translate3d(-74px,0,0);
	}

	nav .navbar-collapse {
		right: calc((100vw - 74px) * -1);
		width: calc(100vw - 74px);
	}

	body.off-canvas-nav-left nav .navbar-collapse {
		left: calc((100vw - 74px) * -1);
	}

}

@media(max-width:320px){
	.navbar-toggle-2 {		
		margin-top:38px;
	}
}