.navbar-default .navbar-toggle {
	background-color: rgba(255, 255, 255, 0);
        width: 108px;
        color: #7949fe !important;
    font-size: 15px;
    font-weight: 700;
    text-transform: lowercase;
}

.navbar-default .navbar-toggle .mar-menu-icon
{
color: #7949fe !important;
    margin-left: 8px;
    width: 20px;
    height: 28px;
    margin-top: 0px;
    vertical-align: middle;
}

.navbar-toggle span
{
	transition: opacity 0.2s;
	position: absolute;
	width: 100%;
	left: 0;
	top: 12px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  color: #7949fe;
  background: transparent;
}

.navbar-toggle #mar-close-btn
{
	opacity: 0;
}

.navbar-toggle.is-open #mar-close-btn
{
	opacity: 1;
}

.navbar-toggle #mar-menu-btn
{
	opacity: 1;
}

.navbar-toggle.is-open #mar-menu-btn
{
	opacity: 0;
}


@media (min-width: 991px) {
	.navbar-offcanvas
	{
		display: none;
	}
}


@media (max-width: 990px) {

	.navbar-default .navbar-toggle
	{
		z-index: 1001 !important;
	}

	.navbar-offcanvas .menu .dropdown-menu .dropdown-menu
	{
		left: 10%;
	}	

	.navbar-offcanvas .menu .dropdown-menu > li
	{
		border-top: none;
	}	

	.navbar-offcanvas .menu .dropdown-menu > li > a
	{
		border-top: none;
		font-size: 12px;
	}	

	.dropdown-submenu > a:after
	{
		margin-left: 8px;
		border-left-color: #7a49fe;
	}



}



.navbar-offcanvas
{
	padding-left: 16px;
	z-index: 1001;
	background-color: #FFFFFF !important;
}

.navbar-offcanvas .nav
{
	margin-top: 9px;
	list-style-type: none;
}

.navbar-offcanvas .nav > li a,.navbar-offcanvas .nav > li > span.separator,
.navbar-offcanvas .nav > li.dropdown > ul > li a,.navbar-offcanvas .nav > li.dropdown > ul > li > span.separator
{
    padding: 9px 16px 5px 8px;
    margin: 8px 0;
    font-size: 16px;
    color: #000000;
    display: block;
    position: relative;
    font-weight: 500;
    transition: color 0.2s;
}


.navbar-offcanvas .nav > li.dropdown > ul > li
{
	background: transparent;
	height: auto;
	border: none;
	margin-left: 20px;
}

.navbar-offcanvas .nav > li.dropdown > ul > li a,.navbar-offcanvas .nav > li.dropdown > ul > li > span.separator
{
	background-color: transparent;
	font-size: 15px;
	margin: 4px 0;
}

.navbar-offcanvas .nav > li.dropdown > ul > li a:focus,.navbar-offcanvas .nav > li.dropdown > ul > li > span.separator:focus
{
	color: #7a49fe;
}

.navbar-offcanvas .nav > li.dropdown > ul > li:first-child a,.navbar-offcanvas .nav > li.dropdown > ul > li:first-child > span.separator
{
	margin-top: -4px;
}

.navbar-offcanvas .nav > li.active > a, .navbar-offcanvas .nav > li.active > span.separator, .navbar-offcanvas .nav > li.active > a:hover
{
	background-color: transparent;
	color: #7a49fe;
}

.navbar-offcanvas .nav > li a:focus,.navbar-offcanvas .nav > li > span.separator:focus,
.navbar-offcanvas .nav > li.dropdown > ul > li.active a,.navbar-offcanvas .nav > li.dropdown > ul > li.active > span.separator.active,
.navbar-offcanvas .nav > li.dropdown > ul > li.active a:focus,.navbar-offcanvas .nav > li.dropdown > ul > li.active > span.separator:focus
{
	color: #7a49fe;
}

.navbar-offcanvas .nav > li.active > a:before, .navbar-offcanvas .nav > li.active > span.separator:before,
.navbar-offcanvas .nav > li> a:focus:before, .navbar-offcanvas .nav > li > span.separator:focus:before
{
	color: #7a49fe;
}

.navbar-offcanvas .nav > li.active > a:after, .navbar-offcanvas .nav > li.active > span.separator:after
{
	color: #7a49fe;
}

.navbar-offcanvas .dropdown-menu
{
	list-style-type: none;
	margin-bottom: 18px;
}

.navbar-offcanvas .nav > li.parent > a::after, .navbar-offcanvas .nav > li.parent > span.separator::after {
    display: block;
    position: absolute;
    top: 8px;
    right: -8px;
    color: #7a49fe;
    font-size: 16px;
    content: "\2014";
    transition: all 0.2s;
}

.navbar-offcanvas .nav > li.parent.open > a::after, .navbar-offcanvas .nav > li.parent.open > span.separator::after {
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}