/*****************************************/
/***** Slide Out Menu CSS *****/
/*****************************************/
/*****************************************/

/******************
*** HTML / Body ***
******************/

.SlideOut-html {
    height: 100%;
	width: 100%;
	overflow-x: hidden;
    margin: 0;
    padding: 0;
}

.SlideOut-body {
    height: 100%;
	width: 100%;
    margin: 0;
    padding: 0;
}

/*********************
*** Page Container ***
*********************/

.SlideOut-page-container {
    height: auto;
}

/****************************
*** Mobile Menu Container ***
****************************/

.SlideOut-mobile-menu-container {
    height: 100%;
    width: 1px;
    overflow: hidden;
    position: fixed;
    top: 0px;
    margin-left: 0px;
    z-index: 1025;
    -webkit-transform: translate3d(0,0,0);
    transition: 1s;
    -webkit-transition: 1s;
}

/*************************
*** Mobile Menu Closed ***
*************************/
    
.SlideOut-page-container-closed {
    overflow-y: hidden;
}

.SlideOut-html-closed {
    overflow-y : auto;
    position: relative;
}

.SlideOut-body-closed {
    position: relative;
}

/***********************
*** Mobile Menu Open ***
***********************/
  
.SlideOut-page-container-open {
    overflow-y: hidden;
}

.SlideOut-html-open, .SlideOut-body-open {
    overflow-y : hidden;
    position: fixed;
}


/************************
*** Mobile Menu Nav ***
************************/

.SlideOut-mobile-nav {
    display: block;
    height: 100%;
    z-index: 999;
    text-align: right;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    overflow: auto;
	background: #444;
}

.SlideOut-mobile-nav li a{
    width: 100%;
}

.SlideOut-mobile-nav ul li ul {
    height: 1px;
    -webkit-transform: translate3d(0,0,0);
    transition: 1s;
    -webkit-transition: 1s;
    z-index: 1001;
    overflow: hidden;
}