/*-------------------------- Mobile Menu Sidebar -------------------- */

.move-left > .inner-wrap {
    transform: translate3d(-15rem, 0px, 0px);
}

.right-off-canvas-menu {
	width:15rem;
}
.right-off-canvas-menu ul.menu li {
	display: block;
}
.right-off-canvas-menu ul.menu li a {
	color: #fff;
	font-size: 18px;
	line-height: 44px;
}

.right-off-canvas-menu .expanded ul.menu {
	display: block;
	position: static !important;
	text-align: left;
	font-size: inherit;
	padding: 0px 10px;
}

#nav-toggle {
    position: absolute;
    right: 20px;
	top: 0px;
    display: block;
    width: 101px;
    height: 74px;
    padding-top: 32px;
    padding-left: 41px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 100;
}
#nav-toggle span {
	top: 54px;
	left: 56px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 29px;
    background: #df1821;
    box-shadow:0 2px 5px #000;
    position: absolute;
    display: block;
    content: '';
}
#nav-toggle span:before {
    -ms-transform: translate(0px, -10px);
        transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
}
#nav-toggle span:after {
    -ms-transform: translate(0px, 10px);
        transform: translate(0px, 10px);
    -webkit-transform: translate(0px, 10px);
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    -webkit-transition: all 500ms ease-in-out;
            transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
}


#nav-toggle.activeOpen span {
    background-color: transparent;
}
#nav-toggle.activeOpen span:before, #nav-toggle.activeOpen span:after {
    -webkit-transition: all 500ms ease-in-out;
            transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
}
#nav-toggle.activeOpen span:before {
    -ms-transform: translate(-0px, -0px) rotate(-45deg);
        transform: translate(-0px, -0px) rotate(-45deg);
    -webkit-transform: translate(-0px, -0px) rotate(-45deg);
}
#nav-toggle.activeOpen span:after {
    -ms-transform: translate(0px, -0px) rotate(45deg);
        transform: translate(0px, -0px) rotate(45deg);
    -webkit-transform: translate(0px, -0px) rotate(45deg);
}
