.overlay {


	background-color: transparent;


	position: fixed;


	top: 0px;


	bottom: 0px;


	left: 0px;


	width: 25px;


	z-index: 100


}


.overlay.active {


	background-color: rgba(0,0,0,0.5);


	-webkit-transition: background-color 0.35s;


	transition: background-color 0.35s;


	top: 0px;


	bottom: 0px;


	left: 0px;


	right: 0px;


	width: 100%


}


 @media screen and (max-width: 768px) {


.row-offcanvas {


	position: relative;


	-webkit-transition: all .25s ease-out;


	transition: all .25s ease-out


}


.row-offcanvas-left {


	left: 0


}


.row-offcanvas-left .sidebar-offcanvas {


	left: -50%


}


.row-offcanvas-left.active {


	left: 50%


}


.sidebar-offcanvas {


	position: absolute;


	top: 0;


	width: 50%


}


.sidebar-nav .navbar .navbar-collapse {


	padding: 0;


	max-height: none


}


.sidebar-nav .navbar ul {


	float: none


}


.sidebar-nav .navbar ul:not {


	display: block


}


.sidebar-nav .navbar li {


	float: none;


	display: block


}


.sidebar-nav .navbar li a {


	padding-top: 12px;


	padding-bottom: 12px


}


}


.navbar-collapse-wrap {


	position: absolute


}


.navbar {


	border: none;


	margin-bottom: 0px;


}


.navbar .navbar-nav>.current-menu-item a {


	color: #fff;


	background-color: #080808


}


.navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover {


	background-color: transparent


}


.navbar .container {


	padding: 0px


}


.navbar .container .navbar-header {


	margin: 0;


	position: relative;


	z-index: 100;


}


.navbar .container>.navbar-collapse {


	position: fixed;


	z-index: 100;


	bottom: 0px;


	top: 0px;


	left: -60%;


	margin: 0;


	padding: 0px;


	width: 60%;


	white-space: nowrap;


	box-shadow: none;


	border-top: 0px solid white;


	display: block;


	overflow-y: auto;


	background-color: #03053e;


	overflow-x: hidden


}


.navbar .container>.navbar-collapse.active {


	left: 0px


}


.navbar .container ul {


	margin: 50px 0 0 0;


	padding: 0px


}


.transition {


	-webkit-transition: all 0.25s ease-out;


	transition: all 0.25s ease-out


}


.navbar-toggle {


	border: none;


	 


}


.navbar-toggle .icon-bar {


	-webkit-transform-origin: 21px;


	-ms-transform-origin: 21px;


	transform-origin: 21px;


	-webkit-transition: -webkit-transform .2s, opacity .1s;


	transition: transform .2s, opacity .1s;


	height: 3px;


	width: 22px


}


.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {


	-webkit-transform: rotate(-45deg);


	-ms-transform: rotate(-45deg);


	transform: rotate(-45deg)


}


.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {


	-webkit-transform: rotate(45deg);


	-ms-transform: rotate(45deg);


	transform: rotate(45deg)


}


.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {


	opacity: 0


}


.navbar-nav {


	margin: 0px


}


 @media (min-width: 768px) {


.navbar .container {


	padding: 0 15px


}


.navbar .container .navbar-header {


	margin: 0px;


	padding: 0px


}


.navbar .container ul {


	width: auto;


	background-color: transparent;


	padding-left: none;


	margin: initial


}


.navbar .container>.navbar-collapse {


	position: initial;


	z-index: initial;


	bottom: initial;


	top: initial;


	background-color: initial;


	margin: initial;


	width: initial


}


.navbar-nav {


	margin: initial


}


.overlay {


	display: none


}


}