html{
overflow-x: hidden;
}
.off-canvas-menu{
position:fixed;
left:-100%;
top:0px;
height:100%;
width:260px;
z-index: 100;
background:#333;
color:#fff;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
overflow:hidden;
}
.off-canvas-menu.opened{
left:0px;
} .off-canvas-menu ul li:first-child{
position: relative;
border-bottom: 1px solid #000;
}
.off-canvas-menu ul li{
position: relative;
border-bottom: 1px solid #000;
}
.off-canvas-menu ul li a{
color:#fff;
display:block;
padding:15px 20px;
}
.off-canvas-menu ul li.menu-item-has-children{
width:100%;
}
.off-canvas-menu ul li.menu-item-has-children .next-page{
width: 40px;
content: '\f054';
font-family: FontAwesome;
display: block;
position: absolute;
right: 0px;
top: 0px;
height: 100%;
padding: 17px 7px;
text-align: center;
z-index: 200;
}
.off-canvas-menu ul{
list-style:none;
padding:0px;
margin:0px;
text-align:left;
position:absolute;
left:-100%;
top:0px;
width:100%;
height:100%;
z-index:210;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.off-canvas-menu ul.sub-page{
left:100%;
}
.off-canvas-menu ul.active{
left:0;
}
.off-canvas-menu .back-button i{
margin-right:15px;
}
body{
position:relative;
width:100%;
margin-left:0px;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
body.off-canvas-open{
margin-left:260px;
}